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;
43 border: 1px solid #222;
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 .commentlist .avatar {
462 -webkit-box-shadow: 0 1px 2px #222;
463 -moz-box-shadow: 0 1px 2px #222;
464 box-shadow: 0 1px 2px #222;
466 a.comment-reply-link {
470 li.bypostauthor a.comment-reply-link {
473 a.comment-reply-link:hover,
474 a.comment-reply-link:focus,
475 a.comment-reply-link:active,
476 li.bypostauthor a.comment-reply-link:hover,
477 li.bypostauthor a.comment-reply-link:focus,
478 li.bypostauthor a.comment-reply-link:active {
482 .commentlist > li:before {
483 content: url(../images/comment-arrow-dark.png);
485 .rtl .commentlist > li:before {
486 content: url(../images/comment-arrow-dark-rtl.png);
489 /* Post author highlighting */
490 .commentlist > li.bypostauthor {
492 border-color: #2c2c2c;
494 .commentlist > li.bypostauthor:before {
495 content: url(../images/comment-arrow-bypostauthor-dark.png);
497 .rtl .commentlist > li.bypostauthor:before {
498 content: url(../images/comment-arrow-bypostauthor-dark-rtl.png);
501 /* Post Author threaded comments */
502 .commentlist .children > li.bypostauthor {
504 border-color: #2c2c2c;
506 .commentlist > li.bypostauthor .comment-meta {
513 border-color: #2c2c2c;
515 #respond input[type="text"],
518 border: 4px solid #111;
519 -webkit-box-shadow: inset 0 1px 3px rgba(51,51,51,0.95);
520 -moz-box-shadow: inset 0 1px 3px rgba(51,51,51,0.95);
521 box-shadow: inset 0 1px 3px rgba(51,51,51,0.95);
524 #respond .comment-form-author label,
525 #respond .comment-form-email label,
526 #respond .comment-form-url label,
527 #respond .comment-form-comment label {
529 -webkit-box-shadow: 1px 2px 2px rgba(51,51,51,0.8);
530 -moz-box-shadow: 1px 2px 2px rgba(51,51,51,0.8);
531 box-shadow: 1px 1px 2px rgba(51,51,51,0.8);
534 .rtl #respond .comment-form-author label,
535 .rtl #respond .comment-form-email label,
536 .rtl #respond .comment-form-url label,
537 .rtl #respond .comment-form-comment label {
538 -webkit-box-shadow: -1px 2px 2px rgba(51,51,51,0.8);
539 -moz-box-shadow: -1px 2px 2px rgba(51,51,51,0.8);
540 box-shadow: -1px 1px 2px rgba(51,51,51,0.8);
542 #respond .comment-form-author .required,
543 #respond .comment-form-email .required {
546 #respond input#submit {
548 -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
549 -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
550 box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
552 text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
554 #respond input#submit:active {
557 #respond #cancel-comment-reply-link {
563 #cancel-comment-reply-link {
566 #cancel-comment-reply-link:focus,
567 #cancel-comment-reply-link:active,
568 #cancel-comment-reply-link:hover {
574 ----------------------------------------------- */
580 /* Site Generator Line */
588 ----------------------------------------------- */
593 background: none !important;
596 background: none !important;
600 .commentlist > li.comment {
603 /* Post author highlighting */
604 .commentlist > li.bypostauthor {
607 .commentlist > li.bypostauthor .comment-meta {
610 .commentlist > li:before {
611 content: none !important;
614 /* Post Author threaded comments */
615 .commentlist .children > li.bypostauthor {
619 .commentlist .children > li.bypostauthor > article,
620 .commentlist .children > li.bypostauthor > article .comment-meta {