2 A dark color scheme for Twenty Eleven
6 ----------------------------------------------- */
18 background-color: #333;
29 font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
32 border-bottom: 1px dotted #999;
38 .post-password-required input[type=password],
40 border: 1px solid #222;
42 input[type=text]:focus,
46 background-color: #ddd;
55 ----------------------------------------------- */
58 border-top: 2px solid #0a0a0a;
65 #site-title a:active {
71 background-color: #ddd;
76 ----------------------------------------------- */
79 background: #333; /* Show a solid color for older browsers */
80 background: -moz-linear-gradient(#383838, #272727);
81 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#383838), to(#272727)); /* older webkit syntax */
82 background: -webkit-linear-gradient(#383838, #272727);
83 border-bottom: 1px solid #222;
87 ----------------------------------------------- */
102 .entry-title a:hover,
103 .entry-title a:focus,
104 .entry-title a:active {
112 .comment-content h2 {
115 .entry-content table,
116 .comment-content table {
120 .comment-content th {
124 .comment-content td {
137 .entry-meta .edit-link a {
141 .entry-meta .edit-link a:hover,
142 .entry-meta .edit-link a:focus,
143 .entry-meta .edit-link a:active {
152 .wp-caption .wp-caption-text {
155 .wp-caption .wp-caption-text:before {
160 img[class*="wp-image-"],
161 #content .gallery .gallery-icon img {
162 border-color: #2c2c2c;
165 border-color: #2c2c2c;
167 a:focus img[class*="wp-image-"],
168 a:hover img[class*="wp-image-"],
169 a:active img[class*="wp-image-"] {
173 .wp-caption a:focus img,
174 .wp-caption a:active img,
175 .wp-caption a:hover img {
177 border-color: #2c2c2c;
180 /* Password Protected Posts */
181 .post-password-required input[type=password] {
184 .post-password-required input[type=password]:focus {
189 .singular #author-info {
193 .archive #author-info {
198 -webkit-box-shadow: 0 1px 2px #444;
199 -moz-box-shadow: 0 1px 2px #444;
200 box-shadow: 0 1px 2px #444;
202 #author-description h2 {
207 .entry-header .comments-link a {
208 background: #282828 url(../images/comment-bubble-dark.png) no-repeat;
213 .rtl .entry-header .comments-link a {
214 background-image: url(../images/comment-bubble-dark-rtl.png);
216 /* Singular content styles for Posts and Pages */
217 .singular .entry-title {
223 ----------------------------------------------- */
225 .format-status img.avatar {
226 -webkit-box-shadow: 0 1px 2px #333;
227 -moz-box-shadow: 0 1px 2px #333;
228 box-shadow: 0 1px 2px #333;
233 ----------------------------------------------- */
235 .format-quote blockquote {
241 ----------------------------------------------- */
243 .indexed.format-image .wp-caption {
246 .indexed.format-image .entry-meta .edit-link a {
249 .indexed.format-image .entry-meta .edit-link a:hover {
255 ----------------------------------------------- */
256 .error404 #main #searchform {
263 ----------------------------------------------- */
265 h1.showcase-heading {
273 article.intro .entry-content {
276 article.intro .edit-link a {
280 article.intro .edit-link a:hover {
285 section.featured-post .hentry {
289 /* Small featured post */
290 section.featured-post .attachment-small-feature {
293 section.featured-post .attachment-small-feature:hover {
296 article.feature-image.small .entry-summary {
299 article.feature-image.small .entry-summary p a {
303 article.feature-image.small .entry-summary p a:hover {
307 /* Large featured post */
308 article.feature-image.large .entry-title a {
310 background: rgba(0,0,0,0.8);
313 section.feature-image.large:hover .entry-title a,
314 section.feature-image.large .entry-title:hover a {
316 background: rgba(255,255,255,0.8);
319 section.feature-image.large img {
320 border-bottom: 1px solid #222;
323 /* Featured Slider */
327 .featured-posts section.featured-post {
330 .featured-post .feature-text:after,
331 .featured-post .feature-image.small:after {
332 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
333 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
334 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
335 background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera11.10+ */
336 background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
337 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
338 background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
342 background: rgba(60,60,60,0.9);
343 -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
344 -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
345 box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
347 .feature-slider a.active {
349 background: rgba(255,255,255,0.8);
350 -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
351 -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
352 box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
356 section.recent-posts .other-recent-posts {
359 section.recent-posts .other-recent-posts .entry-title {
362 section.recent-posts .other-recent-posts a[rel="bookmark"] {
365 section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
367 section.recent-posts .other-recent-posts .comments-link a,
368 section.recent-posts .other-recent-posts .comments-link > span {
369 border-color: #959595;
372 section.recent-posts .other-recent-posts .comments-link > span {
376 section.recent-posts .other-recent-posts .comments-link a:hover {
381 ----------------------------------------------- */
383 .image-attachment div.attachment {
387 .image-attachment div.attachment a img {
388 border-color: #060606;
390 .image-attachment div.attachment a:focus img,
391 .image-attachment div.attachment a:hover img,
392 .image-attachment div.attachment a:active img {
393 border-color: #2c2c2c;
399 ----------------------------------------------- */
409 .widget_search #searchsubmit {
412 -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
413 -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
414 box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
417 .widget_search #searchsubmit:active {
418 -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
419 -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
420 box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
424 /* Calendar Widget */
425 .widget_calendar #wp-calendar {
428 .widget_calendar #wp-calendar th {
432 .widget_calendar #wp-calendar tfoot td {
439 ----------------------------------------------- */
447 .commentlist > li.comment {
451 .commentlist .children li.comment {
455 .rtl .commentlist .children li.comment {
461 a.comment-reply-link {
465 li.bypostauthor a.comment-reply-link {
468 a.comment-reply-link:hover,
469 a.comment-reply-link:focus,
470 a.comment-reply-link:active,
471 li.bypostauthor a.comment-reply-link:hover,
472 li.bypostauthor a.comment-reply-link:focus,
473 li.bypostauthor a.comment-reply-link:active {
477 .commentlist > li:before {
478 content: url(../images/comment-arrow-dark.png);
480 .rtl .commentlist > li:before {
481 content: url(../images/comment-arrow-dark-rtl.png);
484 /* Post author highlighting */
485 .commentlist > li.bypostauthor {
487 border-color: #2c2c2c;
489 .commentlist > li.bypostauthor:before {
490 content: url(../images/comment-arrow-bypostauthor-dark.png);
492 .rtl .commentlist > li.bypostauthor:before {
493 content: url(../images/comment-arrow-bypostauthor-dark-rtl.png);
496 /* Post Author threaded comments */
497 .commentlist .children > li.bypostauthor {
499 border-color: #2c2c2c;
501 .commentlist > li.bypostauthor .comment-meta {
508 border-color: #2c2c2c;
510 #respond input[type="text"],
513 border: 4px solid #111;
514 -webkit-box-shadow: inset 0 1px 3px rgba(51,51,51,0.95);
515 -moz-box-shadow: inset 0 1px 3px rgba(51,51,51,0.95);
516 box-shadow: inset 0 1px 3px rgba(51,51,51,0.95);
519 #respond .comment-form-author label,
520 #respond .comment-form-email label,
521 #respond .comment-form-url label,
522 #respond .comment-form-comment label {
524 -webkit-box-shadow: 1px 2px 2px rgba(51,51,51,0.8);
525 -moz-box-shadow: 1px 2px 2px rgba(51,51,51,0.8);
526 box-shadow: 1px 1px 2px rgba(51,51,51,0.8);
529 .rtl #respond .comment-form-author label,
530 .rtl #respond .comment-form-email label,
531 .rtl #respond .comment-form-url label,
532 .rtl #respond .comment-form-comment label {
533 -webkit-box-shadow: -1px 2px 2px rgba(51,51,51,0.8);
534 -moz-box-shadow: -1px 2px 2px rgba(51,51,51,0.8);
535 box-shadow: -1px 1px 2px rgba(51,51,51,0.8);
537 #respond .comment-form-author .required,
538 #respond .comment-form-email .required {
541 #respond input#submit {
543 -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
544 -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
545 box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
547 text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
549 #respond input#submit:active {
552 #respond #cancel-comment-reply-link {
558 #cancel-comment-reply-link {
561 #cancel-comment-reply-link:focus,
562 #cancel-comment-reply-link:active,
563 #cancel-comment-reply-link:hover {
569 ----------------------------------------------- */
575 /* Site Generator Line */
583 ----------------------------------------------- */
588 background: none !important;
591 background: none !important;
595 .commentlist > li.comment {
598 /* Post author highlighting */
599 .commentlist > li.bypostauthor {
602 .commentlist > li.bypostauthor .comment-meta {
605 .commentlist > li:before {
606 content: none !important;
609 /* Post Author threaded comments */
610 .commentlist .children > li.bypostauthor {
614 .commentlist .children > li.bypostauthor > article,
615 .commentlist .children > li.bypostauthor > article .comment-meta {