home *** CD-ROM | disk | FTP | other *** search
/ HTML Examples / WP.iso / wordpress2 / wp-content / plugins / akismet / _inc / akismet.css next >
Encoding:
Cascading Style Sheet File  |  2017-04-25  |  11.3 KB  |  586 lines

  1. .wp-admin.jetpack_page_akismet-key-config, .wp-admin.settings_page_akismet-key-config {
  2.     background-color:#f3f6f8;
  3. }
  4.  
  5. #submitted-on {
  6.     position: relative;
  7. }
  8. #the-comment-list .author .akismet-user-comment-count {
  9.     display: inline;
  10. }
  11. #the-comment-list .author a span {
  12.     text-decoration: none;
  13.     color: #999;
  14. }
  15. #the-comment-list .author a span.akismet-span-link {
  16.     text-decoration: inherit;
  17.     color: inherit;
  18. }
  19. #the-comment-list .akismet_remove_url {
  20.     margin-left: 3px;
  21.     color: #999;
  22.     padding: 2px 3px 2px 0;
  23. }
  24. #the-comment-list .akismet_remove_url:hover {
  25.     color: #A7301F;
  26.     font-weight: bold;
  27.     padding: 2px 2px 2px 0;
  28. }
  29. #dashboard_recent_comments .akismet-status {
  30.     display: none;
  31. }
  32. .akismet-status {
  33.     float: right;
  34. }
  35. .akismet-status a {
  36.     color: #AAA;
  37.     font-style: italic;
  38. }
  39. table.comments td.comment p a {
  40.     text-decoration: underline;
  41. }
  42. table.comments td.comment p a:after {
  43.     content: attr(href);
  44.     color: #aaa;
  45.     display: inline-block; /* Show the URL without the link's underline extending under it. */
  46.     padding: 0 1ex; /* Because it's inline block, we can't just use spaces in the content: attribute to separate it from the link text. */
  47. }
  48. .mshot-arrow {
  49.     width: 0;
  50.     height: 0;
  51.     border-top: 10px solid transparent;
  52.     border-bottom: 10px solid transparent;
  53.     border-right: 10px solid #5C5C5C;
  54.     position: absolute;
  55.     left: -6px;
  56.     top: 91px;
  57. }
  58. .mshot-container {
  59.     background: #5C5C5C;
  60.     position: absolute;
  61.     top: -94px;
  62.     padding: 7px;
  63.     width: 450px;
  64.     height: 338px;
  65.     z-index: 20000;
  66.     -moz-border-radius: 6px;
  67.     border-radius: 6px;
  68.     -webkit-border-radius: 6px;
  69. }
  70. .akismet-mshot {
  71.     position: absolute;
  72.     z-index: 100;
  73. }
  74. .akismet-mshot .mshot-image {
  75.     margin: 0;
  76.     height: 338px;
  77.     width: 450px;
  78. }
  79. .checkforspam {
  80.     display: inline-block !important;
  81. }
  82. .checkforspam-progress {
  83.     padding-left: 1ex;
  84.     display: none;
  85. }
  86. .checkforspam.button-disabled .checkforspam-progress {
  87.     display: inline;
  88. }
  89.  
  90. .checkforspam-spinner {
  91.     display: inline-block;
  92.     margin-top: 7px;
  93. }
  94.  
  95. .akismet-right {
  96.     float: right;
  97. }
  98.  
  99. .akismet-card .akismet-right {
  100.     margin: 1em 0;
  101. }
  102.  
  103. .akismet-alert-text {
  104.     color: #dd3d36;
  105.     font-weight: bold;
  106.     font-size: 120%;
  107.     margin-top: .5rem;
  108. }
  109. .akismet-alert {
  110.     border: 1px solid #e5e5e5;
  111.     padding: 0.4em 1em 1.4em 1em;
  112.     border-radius: 3px;
  113.     -webkit-border-radius: 3px;
  114.     border-width: 1px;
  115.     border-style: solid;
  116. }
  117.  
  118. .akismet-alert h3.akismet-key-status {
  119.     color: #fff;
  120.     margin: 1em 0 0.5em 0;
  121. }
  122.  
  123. .akismet-alert.akismet-critical {
  124.     background-color: #993300;
  125. }
  126.  
  127. .akismet-alert.akismet-active {
  128.     background-color: #649316;
  129. }
  130.  
  131. .akismet-alert p.akismet-key-status {
  132.     font-size: 24px;
  133. }
  134.  
  135. .akismet-alert p.akismet-description {
  136.     color:#fff;
  137.     font-size: 14px;
  138.     margin: 0 0;
  139.     font-style: normal;
  140. }
  141.  
  142. .akismet-alert p.akismet-description a,
  143. .akismet-alert p.akismet-description a,
  144. .akismet-alert p.akismet-description a,
  145. .akismet-alert p.akismet-description a {
  146.     color: #fff;
  147. }
  148.  
  149. .akismet-new-snapshot {
  150.     margin-top: 1em;
  151.     padding: 1em;
  152.     text-align: center;
  153.     background: #fff;
  154. }
  155.  
  156. .akismet-new-snapshot h3 {
  157.     background: #f5f5f5;
  158.     color: #888;
  159.     font-size: 11px;
  160.     margin: 0;
  161.     padding: 3px;
  162. }
  163.  
  164. .new-snapspot ul {
  165.     font-size: 12px;
  166.     width: 100%;
  167. }
  168.  
  169. .akismet-new-snapshot ul li {
  170.     color: #999;
  171.     float: left;
  172.     font-size: 11px;
  173.     padding: 0 20px;
  174.     text-transform: uppercase;
  175.     width: 33%;
  176.     box-sizing: border-box;
  177.     -moz-box-sizing: border-box;
  178.     -webkit-box-sizing: border-box;
  179.     -ms-box-sizing: border-box;
  180. }
  181.  
  182. .akismet-new-snapshot ul li:first-child,
  183. .akismet-new-snapshot ul li:nth-child(2) {
  184.     border-right:1px dotted #ccc;
  185. }
  186.  
  187. .akismet-new-snapshot ul li span {
  188.     color: #52accc;
  189.     display: block;
  190.     font-size: 32px;
  191.     font-weight: lighter;
  192.     line-height: 1.5em;
  193. }
  194.  
  195. .akismet-settings th:first-child {
  196.     vertical-align: top;
  197.     padding-top: 15px;
  198. }
  199.  
  200. .akismet-settings th.akismet-api-key {
  201.     vertical-align: middle;
  202.     padding-top: 0;
  203. }
  204.  
  205. .akismet-settings input[type=text] {
  206.     width: 75%;
  207. }
  208.  
  209. .akismet-settings span.akismet-note{
  210.     float: left;
  211.     padding-left: 23px;
  212.     font-size: 75%;
  213.     margin-top: -10px;
  214. }
  215.  
  216. /**
  217.  * For the activation notice on the plugins page.
  218.  */
  219. .akismet_activate {
  220.     min-width: 825px;
  221.     border: 1px solid #4F800D;
  222.     padding: 5px;
  223.     margin: 15px 0;
  224.     background: #83AF24;
  225.     background-image: -webkit-gradient(linear, 0% 0, 80% 100%, from(#83AF24), to(#4F800D));
  226.     background-image: -moz-linear-gradient(80% 100% 120deg, #4F800D, #83AF24);
  227.     -moz-border-radius: 3px;
  228.     border-radius: 3px;
  229.     -webkit-border-radius: 3px;
  230.     position: relative;
  231.     overflow: hidden;
  232. }
  233.  
  234. .akismet_activate .aa_a {
  235.     position: absolute;
  236.     top: -5px;
  237.     right: 10px;
  238.     font-size: 140px;
  239.     color: #769F33;
  240.     font-family: Georgia, "Times New Roman", Times, serif;
  241.     z-index: 1;
  242. }
  243.  
  244. .akismet_activate .aa_button {
  245.     font-weight: bold;
  246.     border: 1px solid #029DD6;
  247.     border-top: 1px solid #06B9FD;
  248.     font-size: 15px;
  249.     text-align: center;
  250.     padding: 9px 0 8px 0;
  251.     color: #FFF;
  252.     background: #029DD6;
  253.     background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#029DD6), to(#0079B1));
  254.     background-image: -moz-linear-gradient(0% 100% 90deg, #0079B1, #029DD6);
  255.     -moz-border-radius: 2px;
  256.     border-radius: 2px;
  257.     -webkit-border-radius: 2px;
  258.     width: 100%;
  259.     cursor: pointer;
  260.     margin: 0;
  261. }
  262.  
  263. .akismet_activate .aa_button:hover {
  264.     text-decoration: none !important;
  265.     border: 1px solid #029DD6;
  266.     border-bottom: 1px solid #00A8EF;
  267.     font-size: 15px;
  268.     text-align: center;
  269.     padding: 9px 0 8px 0;
  270.     color: #F0F8FB;
  271.     background: #0079B1;
  272.     background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#0079B1), to(#0092BF));
  273.     background-image: -moz-linear-gradient(0% 100% 90deg, #0092BF, #0079B1);
  274.     -moz-border-radius: 2px;
  275.     border-radius: 2px;
  276.     -webkit-border-radius: 2px;
  277. }
  278.  
  279. .akismet_activate .aa_button_border {
  280.     border: 1px solid #006699;
  281.     -moz-border-radius: 2px;
  282.     border-radius: 2px;
  283.     -webkit-border-radius: 2px;
  284.     background: #029DD6;
  285.     background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#029DD6), to(#0079B1));
  286.     background-image: -moz-linear-gradient(0% 100% 90deg, #0079B1, #029DD6);
  287. }
  288.  
  289. .akismet_activate .aa_button_container {
  290.     display: inline-block;
  291.     background: #DEF1B8;
  292.     padding: 5px;
  293.     -moz-border-radius: 2px;
  294.     border-radius: 2px;
  295.     -webkit-border-radius: 2px;
  296.     width: 266px;
  297. }
  298.  
  299. .akismet_activate .aa_description {
  300.     position: absolute;
  301.     top: 22px;
  302.     left: 285px;
  303.     margin-left: 25px;
  304.     color: #E5F2B1;
  305.     font-size: 15px;
  306.     z-index: 1000;
  307. }
  308.  
  309. .akismet_activate .aa_description strong {
  310.     color: #FFF;
  311.     font-weight: normal;
  312. }
  313.  
  314. .jetpack_page_akismet-key-config #wpcontent, .settings_page_akismet-key-config #wpcontent {
  315.     padding-left: 0;
  316. }
  317.  
  318. .akismet-masthead {
  319.     background-color:#fff;
  320.     text-align:center;
  321.     box-shadow:0 1px 0 rgba(200,215,225,0.5),0 1px 2px #e9eff3
  322. }
  323. @media (max-width: 45rem) {
  324.     .akismet-masthead {
  325.         padding:0 1.25rem
  326.     }
  327. }
  328.  
  329. .akismet-masthead__inside-container {
  330.     padding:.375rem 0;
  331.     margin:0 auto;
  332.     width:100%;
  333.     max-width:45rem;
  334.     text-align: left;
  335. }
  336. .akismet-masthead__logo-container {
  337.     padding:.3125rem 0 0
  338. }
  339. .akismet-masthead__logo {
  340.     width:10.375rem;
  341.     height:1.8125rem;
  342. }
  343. .akismet-masthead__logo-link {
  344.     display:inline-block;
  345.     outline:none;
  346.     vertical-align:middle
  347. }
  348. .akismet-masthead__logo-link:focus {
  349.     line-height:0;
  350.     box-shadow:0 0 0 2px #78dcfa
  351. }
  352. .akismet-masthead__logo-link+code {
  353.     margin:0 10px;
  354.     padding:5px 9px;
  355.     border-radius:2px;
  356.     background:#e6ecf1;
  357.     color:#647a88
  358. }
  359. .akismet-masthead__links {
  360.     display:-ms-flexbox;
  361.     display:flex;
  362.     -ms-flex-flow:row wrap;
  363.     flex-flow:row wrap;
  364.     -ms-flex:2 50%;
  365.     flex:2 50%;
  366.     -ms-flex-pack:end;
  367.     justify-content:flex-end;
  368.     margin:0
  369. }
  370. @media (max-width: 480px) {
  371.     .akismet-masthead__links {
  372.         padding-right:.625rem
  373.     }
  374. }
  375. .akismet-masthead__link-li {
  376.     margin:0;
  377.     padding:0
  378. }
  379. .akismet-masthead__link {
  380.     font-style:normal;
  381.     color:#0087be;
  382.     padding:.625rem;
  383.     display:inline-block
  384. }
  385. .akismet-masthead__link:visited {
  386.     color:#0087be
  387. }
  388. .akismet-masthead__link:active,.akismet-masthead__link:hover {
  389.     color:#00aadc
  390. }
  391. .akismet-masthead__link:hover {
  392.     text-decoration:underline
  393. }
  394. .akismet-masthead__link .dashicons {
  395.     display:none
  396. }
  397. @media (max-width: 480px) {
  398.     .akismet-masthead__link:hover,.akismet-masthead__link:active {
  399.         text-decoration:none
  400.     }
  401.     .akismet-masthead__link .dashicons {
  402.         display:block;
  403.         font-size:1.75rem
  404.     }
  405.     .akismet-masthead__link span+span {
  406.         display:none
  407.     }
  408. }
  409. .akismet-masthead__link-li:last-of-type .akismet-masthead__link {
  410.     padding-right:0
  411. }
  412.  
  413. .akismet-lower {
  414.     margin: 0 auto;
  415.     text-align: left;
  416.     max-width: 45rem;
  417.     padding: 1.5rem;
  418. }
  419.  
  420. .akismet-card {
  421.     margin-top: 1rem;
  422.     margin-bottom: 0;
  423.     position: relative;
  424.     margin: 0 auto 0.625rem auto;
  425.     box-sizing: border-box;
  426.     background: white;
  427.     box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  428. }
  429.  
  430. .akismet-card:after, .akismet-card .inside:after, .akismet-masthead__logo-container:after {
  431.     content: ".";
  432.     display: block;
  433.     height: 0;
  434.     clear: both;
  435.     visibility: hidden;
  436. }
  437.  
  438. .akismet-card .inside {
  439.     padding: 1.5rem;
  440.     padding-top: 1rem;
  441. }
  442.  
  443. .akismet-card .akismet-card-actions {
  444.     margin-top: 1rem;
  445. }
  446.  
  447. .jetpack_page_akismet-key-config .update-nag, .settings_page_akismet-key-config .update-nag {
  448.     display: none;
  449. }
  450.  
  451. .akismet-masthead .akismet-right {
  452.     line-height: 2.125rem;
  453.     font-size: 0.9rem;
  454. }
  455.  
  456. .akismet-box {
  457.     box-sizing: border-box;
  458.     background: white;
  459.     border: 1px solid rgba(200, 215, 225, 0.5);
  460. }
  461.  
  462. .akismet-box h2, .akismet-box h3 {
  463.     padding: 1.5rem 1.5rem .5rem 1.5rem;
  464.     margin: 0;
  465. }
  466.  
  467. .akismet-box p {
  468.     padding: 0 1.5rem 1.5rem 1.5rem;
  469.     margin: 0;
  470. }
  471.  
  472. .akismet-jetpack-email {
  473.     font-style: oblique;
  474. }
  475.  
  476. .akismet-jetpack-gravatar {
  477.     padding: 0 0 0 1.5rem;
  478.     float: left;
  479.     margin-right: 1rem;
  480.     width: 54px;
  481.     height: 54px;
  482. }
  483.     
  484. .akismet-box p:after {
  485.     content: ".";
  486.     display: block;
  487.     height: 0;
  488.     clear: both;
  489.     visibility: hidden;
  490. }
  491.  
  492. .akismet-box .akismet-right {
  493.     padding-right: 1.5rem;
  494. }
  495.  
  496. .akismet-boxes .akismet-box {
  497.     margin-bottom: 0;
  498.     padding: 0;
  499.     margin-top: -1px;
  500. }
  501.  
  502. .akismet-boxes .akismet-box:last-child {
  503.     margin-bottom: 1.5rem;
  504. }
  505.  
  506. .akismet-boxes .akismet-box:first-child {
  507.     margin-top: 1.5rem;
  508. }
  509.  
  510. .akismet-button, .akismet-button:hover, .akismet-button:visited {
  511.     background: white;
  512.     border-color: #c8d7e1;
  513.     border-style: solid;
  514.     border-width: 1px 1px 2px;
  515.     color: #2e4453;
  516.     cursor: pointer;
  517.     display: inline-block;
  518.     margin: 0;
  519.     outline: 0;
  520.     overflow: hidden;
  521.     font-size: 14px;
  522.     font-weight: 500;
  523.     text-overflow: ellipsis;
  524.     text-decoration: none;
  525.     vertical-align: top;
  526.     box-sizing: border-box;
  527.     font-size: 14px;
  528.     line-height: 21px;
  529.     border-radius: 4px;
  530.     padding: 7px 14px 9px;
  531.     -webkit-appearance: none;
  532.     -moz-appearance: none;
  533.     appearance: none;
  534. }
  535.  
  536. .akismet-button:hover {
  537.     border-color: #a8bece;
  538. }
  539.  
  540. .akismet-button:active {
  541.     border-width: 2px 1px 1px;
  542. }
  543.  
  544. .akismet-is-primary, .akismet-is-primary:hover, .akismet-is-primary:visited {
  545.     background: #00aadc;
  546.     border-color: #0087be;
  547.     color: white;
  548. }
  549.  
  550. .akismet-is-primary:hover, .akismet-is-primary:focus {
  551.     border-color: #005082;
  552. }
  553.  
  554. .akismet-is-primary:hover {
  555.     border-color: #005082;
  556. }
  557.  
  558. .akismet-section-header {
  559.     position: relative;
  560.     margin: 0 auto 0.625rem auto;
  561.     padding: 1rem;
  562.     box-sizing: border-box;
  563.     box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  564.     background: #ffffff;
  565.     width: 100%;
  566.     padding-top: 0.6875rem;
  567.     padding-bottom: 0.6875rem;
  568.     display: flex;
  569. }
  570.  
  571. .akismet-section-header__label {
  572.     display: -ms-flexbox;
  573.     display: flex;
  574.     -ms-flex-align: center;
  575.     align-items: center;
  576.     -ms-flex-positive: 1;
  577.     flex-grow: 1;
  578.     line-height: 1.75rem;
  579.     position: relative;
  580.     font-size: 0.875rem;
  581.     color: #4f748e;
  582. }
  583.  
  584. .akismet-section-header__actions {
  585.     line-height: 1.75rem;
  586. }