wp/wp-content/plugins/akismet/_inc/akismet.css
changeset 7 cf61fcea0001
parent 5 5e2f62d02dcd
child 9 177826044cd9
equal deleted inserted replaced
6:490d5cc509ed 7:cf61fcea0001
       
     1 .wp-admin.jetpack_page_akismet-key-config, .wp-admin.settings_page_akismet-key-config {
       
     2 	background-color:#f3f6f8;
       
     3 }
     1 
     4 
     2 #submitted-on {
     5 #submitted-on {
     3     position: relative;
     6     position: relative;
     4 }
     7 }
     5 #the-comment-list .author .akismet-user-comment-count {
     8 #the-comment-list .author .akismet-user-comment-count {
    11 }
    14 }
    12 #the-comment-list .author a span.akismet-span-link {
    15 #the-comment-list .author a span.akismet-span-link {
    13 	text-decoration: inherit;
    16 	text-decoration: inherit;
    14 	color: inherit;
    17 	color: inherit;
    15 }
    18 }
    16 #the-comment-list .remove_url {
    19 #the-comment-list .akismet_remove_url {
    17     margin-left: 3px;
    20     margin-left: 3px;
    18     color: #999;
    21     color: #999;
    19     padding: 2px 3px 2px 0;
    22     padding: 2px 3px 2px 0;
    20 }
    23 }
    21 #the-comment-list .remove_url:hover {
    24 #the-comment-list .akismet_remove_url:hover {
    22     color: #A7301F;
    25     color: #A7301F;
    23     font-weight: bold;
    26     font-weight: bold;
    24     padding: 2px 2px 2px 0;
    27     padding: 2px 2px 2px 0;
    25 }
    28 }
    26 #dashboard_recent_comments .akismet-status {
    29 #dashboard_recent_comments .akismet-status {
    31 }
    34 }
    32 .akismet-status a {
    35 .akismet-status a {
    33     color: #AAA;
    36     color: #AAA;
    34     font-style: italic;
    37     font-style: italic;
    35 }
    38 }
    36 span.comment-link a {
    39 table.comments td.comment p a {
    37     text-decoration: underline;
    40     text-decoration: underline;
    38 }
    41 }
    39 span.comment-link:after {
    42 table.comments td.comment p a:after {
    40     content: " "attr(title) " ";
    43     content: attr(href);
    41     color: #aaa;
    44     color: #aaa;
    42     text-decoration: none;
    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. */
    43 }
    47 }
    44 .mshot-arrow {
    48 .mshot-arrow {
    45     width: 0;
    49     width: 0;
    46     height: 0;
    50     height: 0;
    47     border-top: 10px solid transparent;
    51     border-top: 10px solid transparent;
    61     z-index: 20000;
    65     z-index: 20000;
    62     -moz-border-radius: 6px;
    66     -moz-border-radius: 6px;
    63     border-radius: 6px;
    67     border-radius: 6px;
    64     -webkit-border-radius: 6px;
    68     -webkit-border-radius: 6px;
    65 }
    69 }
    66 h2.ak-header {
    70 .akismet-mshot {
    67     padding: 30px;
    71     position: absolute;
    68     background: #649316 url('img/logo-full-2x.png') no-repeat 20px center;
    72     z-index: 100;
    69     background-size: 185px 33px;
    73 }
    70     height: 33px;
    74 .akismet-mshot .mshot-image {
    71     text-indent: -9999em;
    75     margin: 0;
    72     margin-right: 10px;
    76     height: 338px;
       
    77     width: 450px;
    73 }
    78 }
    74 .checkforspam {
    79 .checkforspam {
    75     display: inline-block !important;
    80     display: inline-block !important;
    76 }
    81 }
       
    82 .checkforspam-progress {
       
    83 	padding-left: 1ex;
       
    84 	display: none;
       
    85 }
       
    86 .checkforspam.button-disabled .checkforspam-progress {
       
    87 	display: inline;
       
    88 }
       
    89 
    77 .checkforspam-spinner {
    90 .checkforspam-spinner {
    78     display: inline-block;
    91     display: inline-block;
    79     margin-top: 7px;
    92     margin-top: 7px;
    80 }
    93 }
    81 
    94 
    82 .config-wrap {
    95 .akismet-right {
    83 	margin-top: 2em;
       
    84     max-width: 700px;
       
    85 }
       
    86 
       
    87 .activate-option {
       
    88     background: #e3e3e3;
       
    89     border-radius: 3px;
       
    90     margin-bottom: 30px;
       
    91     overflow: hidden;
       
    92     padding: 20px;
       
    93 }
       
    94 .activate-option.clicked {
       
    95 	background: #649316;
       
    96 	color: #fff;
       
    97 }
       
    98 .activate-option.clicked:hover {
       
    99 	background: #68802E;
       
   100 	color: #fff;
       
   101 }
       
   102 
       
   103 .activate-option .button.button-secondary {
       
   104 	margin: 15px 0;
       
   105 }
       
   106 
       
   107 .activate-option p {
       
   108 	margin: 10px 0 10px;
       
   109 }
       
   110 
       
   111 .activate-highlight {
       
   112 	background: #fff;
       
   113 	padding: 30px;
       
   114 	margin-right: 10px;
       
   115 }
       
   116 
       
   117 .activate-highlight.secondary {
       
   118 	background: #ddd;
       
   119 	padding: 20px 30px;
       
   120 }
       
   121 
       
   122 .activate-highlight h3 {
       
   123 	margin: 0 0 0.3em;
       
   124 }
       
   125 .activate-highlight p {
       
   126 	color: #777;
       
   127 }
       
   128 .activate-highlight .button-primary {
       
   129 	margin-top: 15px;
       
   130 }
       
   131 
       
   132 #akismet-enter-api-key .regular-text {
       
   133 	width: 18em;
       
   134 	margin-top: 15px;
       
   135 }
       
   136 
       
   137 .right {
       
   138 	float: right;
    96 	float: right;
   139 }
    97 }
   140 
    98 
   141 .alert-text {
    99 .akismet-card .akismet-right {
       
   100 	margin: 1em 0;
       
   101 }
       
   102 
       
   103 .akismet-alert-text {
   142 	color: #dd3d36;
   104 	color: #dd3d36;
   143 }
   105 	font-weight: bold;
   144 .success {
   106 	font-size: 120%;
   145 	color: #649316;
   107 	margin-top: .5rem;
   146 }
   108 }
   147 .option-description {
   109 .akismet-alert {
   148     float: left;
       
   149     font-size: 16px;
       
   150 }
       
   151 .option-description span {
       
   152     color: #666;
       
   153     display: block;
       
   154     font-size: 14px;
       
   155     margin-top: 5px;
       
   156 }
       
   157 .option-action {
       
   158     float: right;
       
   159 }
       
   160 .key-config-link {
       
   161     font-size: 14px;
       
   162     margin-left: 20px;
       
   163 }
       
   164 .jetpack-account {
       
   165     float: left;
       
   166     font-size: 18px;
       
   167     margin-right: 40px;
       
   168 }
       
   169 .small-heading {
       
   170     color: #777;
       
   171     display: block;
       
   172     font-size: 12px;
       
   173     font-weight: bold;
       
   174     margin-bottom: 5px;
       
   175     text-transform: uppercase;
       
   176 }
       
   177 .inline-label {
       
   178     background: #ddd;
       
   179     border-radius: 3px;
       
   180     font-size: 11px;
       
   181     padding: 3px 8px;
       
   182     text-transform: uppercase;
       
   183 }
       
   184 .inline-label.alert {
       
   185     background: #e54747;
       
   186     color: #fff;
       
   187 }
       
   188 .jetpack-account .inline-label {
       
   189     margin-left: 5px;
       
   190 }
       
   191 .option-action .manual-key {
       
   192     margin-top: 7px;
       
   193 }
       
   194 
       
   195 .alert {
       
   196 	border: 1px solid #e5e5e5;
   110 	border: 1px solid #e5e5e5;
   197 	padding: 0.4em 1em 1.4em 1em;
   111 	padding: 0.4em 1em 1.4em 1em;
   198     border-radius: 3px;
   112     border-radius: 3px;
   199     -webkit-border-radius: 3px;
   113     -webkit-border-radius: 3px;
   200     border-width: 1px;
   114     border-width: 1px;
   201     border-style: solid;
   115     border-style: solid;
   202 }
   116 }
   203 
   117 
   204 .alert h3.key-status {
   118 .akismet-alert h3.akismet-key-status {
   205 	color: #fff;
   119 	color: #fff;
   206 	margin: 1em 0 0.5em 0;
   120 	margin: 1em 0 0.5em 0;
   207 }
   121 }
   208 
   122 
   209 .alert.critical {
   123 .akismet-alert.akismet-critical {
   210 	background-color: #993300;
   124 	background-color: #993300;
   211 }
   125 }
   212 
   126 
   213 .alert.active {
   127 .akismet-alert.akismet-active {
   214 	background-color: #649316;
   128 	background-color: #649316;
   215 }
   129 }
   216 
   130 
   217 .alert p.key-status {
   131 .akismet-alert p.akismet-key-status {
   218 	font-size: 24px;
   132 	font-size: 24px;
   219 }
   133 }
   220 
   134 
   221 .alert p.description {
   135 .akismet-alert p.akismet-description {
   222 	color:#fff;
   136 	color:#fff;
   223 	font-size: 14px;
   137 	font-size: 14px;
   224     margin: 0 0;
   138     margin: 0 0;
   225 	font-style: normal;
   139 	font-style: normal;
   226 }
   140 }
   227 
   141 
   228 .alert p.description a,
   142 .akismet-alert p.akismet-description a,
   229 .alert p.description a,
   143 .akismet-alert p.akismet-description a,
   230 .alert p.description a,
   144 .akismet-alert p.akismet-description a,
   231 .alert p.description a {
   145 .akismet-alert p.akismet-description a {
   232 	color: #fff;
   146 	color: #fff;
   233 }
   147 }
   234 
   148 
   235 .new-snapshot {
   149 .akismet-new-snapshot {
   236 	margin-top: 1em;
   150 	margin-top: 1em;
   237 	padding: 1em;
   151 	padding: 1em;
   238 	text-align: center;
   152 	text-align: center;
   239 }
       
   240 
       
   241 .new-snapshot.stats {
       
   242 	background: #fff;
   153 	background: #fff;
   243 	border: 1px solid #e5e5e5;
   154 }
   244 }
   155 
   245 
   156 .akismet-new-snapshot h3 {
   246 .new-snapshot h3 {
       
   247     background: #f5f5f5;
   157     background: #f5f5f5;
   248 	color: #888;
   158 	color: #888;
   249 	font-size: 11px;
   159 	font-size: 11px;
   250     margin: 0;
   160     margin: 0;
   251     padding: 3px;
   161     padding: 3px;
   254 .new-snapspot ul {
   164 .new-snapspot ul {
   255 	font-size: 12px;
   165 	font-size: 12px;
   256 	width: 100%;
   166 	width: 100%;
   257 }
   167 }
   258 
   168 
   259 .new-snapshot ul li {
   169 .akismet-new-snapshot ul li {
   260     color: #999;
   170     color: #999;
   261 	float: left;
   171 	float: left;
   262     font-size: 11px;
   172     font-size: 11px;
   263 	padding: 0 20px;
   173 	padding: 0 20px;
   264     text-transform: uppercase;
   174     text-transform: uppercase;
   267 	-moz-box-sizing: border-box;
   177 	-moz-box-sizing: border-box;
   268 	-webkit-box-sizing: border-box;
   178 	-webkit-box-sizing: border-box;
   269 	-ms-box-sizing: border-box;
   179 	-ms-box-sizing: border-box;
   270 }
   180 }
   271 
   181 
   272 .new-snapshot.stats ul li:first-child,
   182 .akismet-new-snapshot ul li:first-child,
   273 .new-snapshot.stats ul li:nth-child(2) {
   183 .akismet-new-snapshot ul li:nth-child(2) {
   274 	border-right:1px dotted #ccc;
   184 	border-right:1px dotted #ccc;
   275 }
   185 }
   276 
   186 
   277 .new-snapshot.account ul li:nth-child(2) {
   187 .akismet-new-snapshot ul li span {
   278 	border-right: none;
       
   279 }
       
   280 
       
   281 .new-snapshot ul li span {
       
   282     color: #52accc;
   188     color: #52accc;
   283 	display: block;
   189 	display: block;
   284 	font-size: 32px;
   190 	font-size: 32px;
   285 	font-weight: lighter;
   191 	font-weight: lighter;
   286 	line-height: 1.5em;
   192 	line-height: 1.5em;
   287 }
   193 }
   288 
   194 
   289 .new-snapshot.stats {
       
   290 }
       
   291 
       
   292 .new-snapshot.account,
       
   293 .new-snapshot.settings {
       
   294 	float: left;
       
   295 	padding: 0;
       
   296 	text-align: left;
       
   297 	width: 50%;
       
   298 	box-sizing: border-box;
       
   299 	-moz-box-sizing: border-box;
       
   300 	-webkit-box-sizing: border-box;
       
   301 	-ms-box-sizing: border-box;
       
   302 }
       
   303 
       
   304 .account-container {
       
   305 	background: #fff;
       
   306 	border: 1px solid #e5e5e5;
       
   307 	margin-right: 0.5em;
       
   308 }
       
   309 
       
   310 .settings-container {
       
   311 	background: #fff;
       
   312 	border: 1px solid #e5e5e5;
       
   313 	margin-left: 0.5em;
       
   314 }
       
   315 
       
   316 .new-snapshot.account ul li {
       
   317 	width:100%
       
   318 }
       
   319 
       
   320 .new-snapshot.account ul li span {
       
   321 	font-size: 14px;
       
   322 	font-weight: normal;
       
   323 }
       
   324 
       
   325 
       
   326 .new-snapshot.settings ul li {
       
   327 	border: none;
       
   328 	display: block;
       
   329 	width:100%
       
   330 }
       
   331 
       
   332 .new-snapshot.settings ul li span {
       
   333 	display: block;
       
   334 	font-size: 14px;
       
   335 	font-weight: normal;
       
   336 }
       
   337 
       
   338 .new-snapshot.settings p.submit {
       
   339 	margin: 0;
       
   340 	text-align: center;
       
   341 }
       
   342 
       
   343 .akismet-settings th:first-child {
   195 .akismet-settings th:first-child {
   344 	vertical-align: top;
   196 	vertical-align: top;
   345 	padding-top: 15px;
   197 	padding-top: 15px;
   346 }
   198 }
   347 
   199 
   352 
   204 
   353 .akismet-settings input[type=text] {
   205 .akismet-settings input[type=text] {
   354 	width: 75%;
   206 	width: 75%;
   355 }
   207 }
   356 
   208 
   357 .akismet-settings span.note{
   209 .akismet-settings span.akismet-note{
   358 	float: left;
   210 	float: left;
   359 	padding-left: 23px;
   211 	padding-left: 23px;
   360 	font-size: 75%;
   212 	font-size: 75%;
   361 	margin-top: -10px;
   213 	margin-top: -10px;
   362 }
   214 }
   363 
   215 
   364 .clearfix {
   216 /**
   365 	clear:both;
   217  * For the activation notice on the plugins page.
   366 }
   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-lower .notice {
       
   421 	margin-bottom: 2rem;
       
   422 }
       
   423 
       
   424 .akismet-card {
       
   425 	margin-top: 1rem;
       
   426 	margin-bottom: 0;
       
   427 	position: relative;
       
   428 	margin: 0 auto 0.625rem auto;
       
   429 	box-sizing: border-box;
       
   430 	background: white;
       
   431 	box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
       
   432 }
       
   433 
       
   434 .akismet-card:after, .akismet-card .inside:after, .akismet-masthead__logo-container:after {
       
   435 	content: ".";
       
   436 	display: block;
       
   437 	height: 0;
       
   438 	clear: both;
       
   439 	visibility: hidden;
       
   440 }
       
   441 
       
   442 .akismet-card .inside {
       
   443 	padding: 1.5rem;
       
   444 	padding-top: 1rem;
       
   445 }
       
   446 
       
   447 .akismet-card .akismet-card-actions {
       
   448 	margin-top: 1rem;
       
   449 }
       
   450 
       
   451 .jetpack_page_akismet-key-config .update-nag, .settings_page_akismet-key-config .update-nag {
       
   452     display: none;
       
   453 }
       
   454 
       
   455 .akismet-masthead .akismet-right {
       
   456 	line-height: 2.125rem;
       
   457 	font-size: 0.9rem;
       
   458 }
       
   459 
       
   460 .akismet-box {
       
   461 	box-sizing: border-box;
       
   462 	background: white;
       
   463 	border: 1px solid rgba(200, 215, 225, 0.5);
       
   464 }
       
   465 
       
   466 .akismet-box h2, .akismet-box h3 {
       
   467 	padding: 1.5rem 1.5rem .5rem 1.5rem;
       
   468 	margin: 0;
       
   469 }
       
   470 
       
   471 .akismet-box p {
       
   472 	padding: 0 1.5rem 1.5rem 1.5rem;
       
   473 	margin: 0;
       
   474 }
       
   475 
       
   476 .akismet-jetpack-email {
       
   477 	font-style: oblique;
       
   478 }
       
   479 
       
   480 .akismet-jetpack-gravatar {
       
   481 	padding: 0 0 0 1.5rem;
       
   482 	float: left;
       
   483 	margin-right: 1rem;
       
   484 	width: 54px;
       
   485 	height: 54px;
       
   486 }
       
   487 	
       
   488 .akismet-box p:after {
       
   489 	content: ".";
       
   490 	display: block;
       
   491 	height: 0;
       
   492 	clear: both;
       
   493 	visibility: hidden;
       
   494 }
       
   495 
       
   496 .akismet-box .akismet-right {
       
   497 	padding-right: 1.5rem;
       
   498 }
       
   499 
       
   500 .akismet-boxes .akismet-box {
       
   501 	margin-bottom: 0;
       
   502 	padding: 0;
       
   503 	margin-top: -1px;
       
   504 }
       
   505 
       
   506 .akismet-boxes .akismet-box:last-child {
       
   507 	margin-bottom: 1.5rem;
       
   508 }
       
   509 
       
   510 .akismet-boxes .akismet-box:first-child {
       
   511 	margin-top: 1.5rem;
       
   512 }
       
   513 
       
   514 .akismet-button, .akismet-button:hover, .akismet-button:visited {
       
   515 	background: white;
       
   516 	border-color: #c8d7e1;
       
   517 	border-style: solid;
       
   518 	border-width: 1px 1px 2px;
       
   519 	color: #2e4453;
       
   520 	cursor: pointer;
       
   521 	display: inline-block;
       
   522 	margin: 0;
       
   523 	outline: 0;
       
   524 	overflow: hidden;
       
   525 	font-size: 14px;
       
   526 	font-weight: 500;
       
   527 	text-overflow: ellipsis;
       
   528 	text-decoration: none;
       
   529 	vertical-align: top;
       
   530 	box-sizing: border-box;
       
   531 	font-size: 14px;
       
   532 	line-height: 21px;
       
   533 	border-radius: 4px;
       
   534 	padding: 7px 14px 9px;
       
   535 	-webkit-appearance: none;
       
   536 	-moz-appearance: none;
       
   537 	appearance: none;
       
   538 }
       
   539 
       
   540 .akismet-button:hover {
       
   541 	border-color: #a8bece;
       
   542 }
       
   543 
       
   544 .akismet-button:active {
       
   545 	border-width: 2px 1px 1px;
       
   546 }
       
   547 
       
   548 .akismet-is-primary, .akismet-is-primary:hover, .akismet-is-primary:visited {
       
   549 	background: #00aadc;
       
   550 	border-color: #0087be;
       
   551 	color: white;
       
   552 }
       
   553 
       
   554 .akismet-is-primary:hover, .akismet-is-primary:focus {
       
   555     border-color: #005082;
       
   556 }
       
   557 
       
   558 .akismet-is-primary:hover {
       
   559 	border-color: #005082;
       
   560 }
       
   561 
       
   562 .akismet-section-header {
       
   563 	position: relative;
       
   564 	margin: 0 auto 0.625rem auto;
       
   565 	padding: 1rem;
       
   566 	box-sizing: border-box;
       
   567 	box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
       
   568 	background: #ffffff;
       
   569 	width: 100%;
       
   570 	padding-top: 0.6875rem;
       
   571 	padding-bottom: 0.6875rem;
       
   572 	display: flex;
       
   573 }
       
   574 
       
   575 .akismet-section-header__label {
       
   576 	display: -ms-flexbox;
       
   577 	display: flex;
       
   578 	-ms-flex-align: center;
       
   579 	align-items: center;
       
   580 	-ms-flex-positive: 1;
       
   581 	flex-grow: 1;
       
   582 	line-height: 1.75rem;
       
   583 	position: relative;
       
   584 	font-size: 0.875rem;
       
   585 	color: #4f748e;
       
   586 }
       
   587 
       
   588 .akismet-section-header__actions {
       
   589 	line-height: 1.75rem;
       
   590 }