<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><style type="text/css"><!--
#msg dl { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fc0 solid; padding: 6px; }
#msg ul, pre { overflow: auto; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<title>[17756] trunk/wp-content/themes/twentyeleven: Twenty Eleven:
First pass at dark color scheme w/
simplification of borders above and below the menu; See #17198</title>
</head>
<body>
<div id="msg">
<dl>
<dt>Revision</dt> <dd><a href="http://trac.wordpress.org/changeset/17756">17756</a></dd>
<dt>Author</dt> <dd>iandstewart</dd>
<dt>Date</dt> <dd>2011-04-28 22:15:36 +0000 (Thu, 28 Apr 2011)</dd>
</dl>
<h3>Log Message</h3>
<pre>Twenty Eleven: First pass at dark color scheme w/ simplification of borders above and below the menu; See <a href="http://trac.wordpress.org/ticket/17198">#17198</a></pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkwpcontentthemestwentyelevencolorsdarkcss">trunk/wp-content/themes/twentyeleven/colors/dark.css</a></li>
<li><a href="#trunkwpcontentthemestwentyelevenstylecss">trunk/wp-content/themes/twentyeleven/style.css</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkwpcontentthemestwentyelevencolorsdarkcss"></a>
<div class="modfile"><h4>Modified: trunk/wp-content/themes/twentyeleven/colors/dark.css (17755 => 17756)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-content/themes/twentyeleven/colors/dark.css 2011-04-28 22:04:39 UTC (rev 17755)
+++ trunk/wp-content/themes/twentyeleven/colors/dark.css 2011-04-28 22:15:36 UTC (rev 17756)
</span><span class="lines">@@ -1 +1,533 @@
</span><del>-/* Placeholder for a Twenty Eleven dark color scheme */
</del><span class="cx">\ No newline at end of file
</span><ins>+/*
+ A dark color scheme for Twenty Eleven
+*/
+
+/* =Global
+----------------------------------------------- */
+
+body {
+ background: #1d1d1d;
+ color: #bbb;
+}
+#page {
+ background: #0f0f0f;
+}
+
+/* Headings */
+hr {
+ background-color: #333;
+}
+
+/* Text elements */
+blockquote cite {
+ color: #999;
+}
+pre {
+ background: #0b0b0b;
+}
+code, kbd {
+ font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
+}
+abbr, acronym, dfn {
+ border-bottom: 1px dotted #999;
+}
+ins {
+ background: #00063f;
+}
+input[type=text],
+textarea {
+ border: 1px solid #222;
+}
+input[type=text]:focus,
+textarea:focus {
+}
+
+/* Links */
+a {
+ color: #e4741f;
+}
+
+
+/* =Header
+----------------------------------------------- */
+
+#branding {
+ border-top: 2px solid #444;
+}
+#site-title a {
+ color: #eee;
+}
+#site-description {
+ color: #858585;
+}
+#branding #s {
+ background-color: #fff;
+}
+
+
+/* =Menu
+----------------------------------------------- */
+
+#access {
+ border-bottom: 1px solid #222;
+}
+
+/* =Content
+----------------------------------------------- */
+
+.page-title {
+ color: #ccc;
+}
+.hentry {
+ border-color: #222;
+}
+.entry-title {
+ color: #ddd;
+}
+.entry-title,
+.entry-title a {
+ color: #ddd;
+}
+.entry-title a:hover {
+ color: #e4741f;
+}
+.entry-meta {
+ color: #999;
+}
+.entry-content h1,
+.entry-content h2,
+.comment-content h1,
+.comment-content h2 {
+ color: #fff;
+}
+.entry-content table,
+.comment-content table {
+ border-color: #222;
+}
+.entry-content th,
+.comment-content th {
+ color: #999;
+}
+.entry-content td,
+.comment-content td {
+ border-color: #222;
+}
+.page-link {
+ background: #0e0e0e;
+ border-color: #222;
+ color: #777;
+}
+.page-link a {
+ background: #272727;
+ color: #bbb;
+}
+.page-link a:hover {
+ background: #888;
+ color: #000;
+}
+.entry-meta .edit-link a {
+ background: #555;
+ color: #000;
+}
+.entry-meta .edit-link a:hover {
+ background: #888;
+}
+
+/* Author Info */
+.singular #author-info {
+ background: #060606;
+ border-color: #222;
+}
+.archive #author-info {
+ border-color: #222;
+}
+#author-avatar img {
+ background: #000;
+ -webkit-box-shadow: 0 1px 2px #444;
+ -moz-box-shadow: 0 1px 2px #444;
+ box-shadow: 0 1px 2px #444;
+}
+#author-description h2 {
+ color: #fff;
+}
+
+/* Comments link */
+.entry-header .comments-link a {
+ background: #111;
+ border-color: #222;
+ color: #888;
+}
+.entry-header .comments-link a:hover {
+ background: #888;
+ border-color: #aaa;
+ color: #000;
+}
+
+/* Singular content styles for Posts and Pages */
+.singular .entry-title {
+ color: #fff;
+}
+.singular .entry-meta .edit-link a {
+ color: #000;
+}
+
+
+/* =Status
+----------------------------------------------- */
+
+.format-status img.avatar {
+ -webkit-box-shadow: 0 1px 2px #333;
+ -moz-box-shadow: 0 1px 2px #333;
+ box-shadow: 0 1px 2px #333;
+}
+
+
+/* =Quote
+----------------------------------------------- */
+
+.format-quote blockquote {
+ color: #aaa;
+}
+
+
+/* =error404
+----------------------------------------------- */
+.error404 #main #searchform {
+ background: #060606;
+ border-color: #222;
+}
+
+
+/* =Showcase
+----------------------------------------------- */
+
+h1.showcase-heading {
+ color: #ccc;
+}
+
+/* Intro */
+article.intro {
+ background: #060606;
+}
+article.intro .entry-content {
+ color: #eee;
+}
+article.intro .edit-link a {
+ background: #555;
+ color: #000;
+}
+article.intro .edit-link a:hover {
+ background: #888;
+}
+
+/* Featured post */
+section.featured-post .hentry {
+ color: #999;
+}
+
+/* Small featured post */
+section.featured-post .attachment-small-feature {
+ border-color: #444;
+}
+section.featured-post .attachment-small-feature:hover {
+ border-color: #777;
+}
+article.feature-image.small .entry-summary {
+ color: #aaa;
+}
+article.feature-image.small .entry-summary p a {
+ background: #ddd;
+ color: #111;
+}
+article.feature-image.small .entry-summary p a:hover {
+ background: #e4741f;
+ color: #40220c;
+}
+
+/* Large featured post */
+article.feature-image.large .entry-title a {
+ background: #ddd;
+ background: rgba(0,0,0,0.8);
+ color: #000;
+}
+section.feature-image.large:hover .entry-title a,
+section.feature-image.large .entry-title:hover a {
+ background: #111;
+ background: rgba(255,255,255,0.8);
+ color: #ddd;
+}
+section.feature-image.large img {
+ border-bottom: 1px solid #222;
+}
+
+/* Featured Slider */
+.featured-posts {
+ border-bottom: 1px solid #171717;
+}
+.featured-posts section.featured-post {
+ background: #000;
+}
+.feature-slider a {
+ background: #c3c3c3;
+ background: rgba(60,60,60,0.9);
+ -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
+ -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
+ box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
+}
+.feature-slider a.active {
+ background: #000;
+ background: rgba(255,255,255,0.8);
+ -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
+ -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
+ box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
+}
+
+/* Recent Posts */
+section.recent-posts .other-recent-posts {
+ border-color: #222;
+}
+section.recent-posts .other-recent-posts .entry-title {
+ border-color: #222;
+}
+section.recent-posts .other-recent-posts a[rel="bookmark"] {
+ color: #ccc;
+}
+section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
+ color: #e4741f;
+}
+section.recent-posts .other-recent-posts .comments-link a,
+section.recent-posts .other-recent-posts .comments-link > span {
+ border-color: #666;
+ color: #bbb;
+}
+section.recent-posts .other-recent-posts .comments-link > span {
+ border-color: #444;
+ color: #777;
+}
+section.recent-posts .other-recent-posts .comments-link a:hover {
+ color: #e4741f;
+ border-color: #e4741f;
+}
+
+
+/* =Attachments
+----------------------------------------------- */
+
+.image-attachment div.attachment {
+ background: #060606;
+ border-color: #222;
+}
+
+
+/* =Images
+----------------------------------------------- */
+
+.wp-caption {
+ background: #0b0d12;
+}
+.wp-caption .wp-caption-text {
+ color: #999;
+}
+.wp-caption .wp-caption-text:before {
+ color: #64759d;
+}
+
+
+/* =Widgets
+----------------------------------------------- */
+
+.widget-title {
+ color: #ccc;
+}
+.widget ul li {
+ color: #888;
+}
+
+/* Search Widget */
+.widget_search #searchsubmit {
+ background: #222;
+ border-color: #333;
+ -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
+ -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
+ box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
+ color: #777;
+}
+.widget_search #searchsubmit:active {
+ background: #e4741f;
+ border-color: #f79e5a;
+ -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
+ color: #40220c;
+}
+
+/* Calendar Widget */
+.widget_calendar #wp-calendar {
+ color: #aaa;
+}
+.widget_calendar #wp-calendar th {
+ background: #0b0b0b;
+ border-color: #333;
+}
+.widget_calendar #wp-calendar tfoot td {
+ background: #0b0b0b;
+ border-color: #333;
+}
+
+
+/* =Comments
+----------------------------------------------- */
+
+#comments-title {
+ color: #bbb;
+}
+.nocomments {
+ color: #555;
+}
+.commentlist > li.comment {
+ background: #090909;
+ border-color: #222;
+}
+.commentlist .children li.comment {
+ background: #000;
+ border-color: #222;
+}
+.comment-meta {
+ color: #999;
+}
+.commentlist > li:before {
+ content: url(images/comment-arrow.png) no-repeat;
+}
+
+/* Post author highlighting */
+.commentlist > li.bypostauthor {
+ background: #ddd;
+ border-color: #fff;
+ color: #333;
+}
+.commentlist > li.bypostauthor .comment-meta {
+ color: #333;
+}
+.commentlist > li.bypostauthor:before {
+ content: url(images/comment-arrow-bypostauthor.png);
+}
+
+/* Post Author threaded comments */
+.commentlist .children > li.bypostauthor {
+ background: #ddd;
+ border-color: #fff;
+}
+.commentlist .children > li.bypostauthor > article,
+.commentlist .children > li.bypostauthor > article .comment-meta {
+ color: #333;
+}
+.commentlist .children > li.bypostauthor > article .comment-reply-link {
+ color: #333;
+}
+
+/* Comment Form */
+#respond {
+ background: #222;
+ border-color: #2c2c2c;
+ color: #bbb;
+}
+#respond input[type="text"],
+#respond textarea {
+ background: #000;
+ border: 4px solid #111;
+ -webkit-box-shadow: inset 0 1px 3px #333;
+ -moz-box-shadow: inset 0 1px 3px #333;
+ box-shadow: inset 0 1px 3px #333;
+}
+#respond .comment-form-author label,
+#respond .comment-form-email label,
+#respond .comment-form-url label,
+#respond .comment-form-comment label {
+ background: #111;
+ -webkit-box-shadow: 1px 1px 2px #333;
+ -moz-box-shadow: 1px 1px 2px #333;
+ box-shadow: 1px 1px 2px #333;
+ color: #aaa;
+}
+#respond .comment-form-author .required,
+#respond .comment-form-email .required {
+ color: #42caff;
+}
+#respond input#submit {
+ background: #ddd;
+ -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
+ -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
+ box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
+ color: #111;
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
+}
+#respond input#submit:active {
+ background: #e4741f;
+ color: #40220c;
+}
+#respond #cancel-comment-reply-link {
+ color: #999;
+}
+#reply-title {
+ color: #ccc;
+}
+#cancel-comment-reply-link {
+ color: #777;
+}
+#cancel-comment-reply-link:focus,
+#cancel-comment-reply-link:active,
+#cancel-comment-reply-link:hover {
+ color: #00b4cc;
+}
+
+
+/* =Footer
+----------------------------------------------- */
+
+#supplementary {
+ border-color: #222;
+}
+
+/* Site Generator Line */
+#site-generator {
+ background: #060606;
+ border-color: #222;
+}
+
+
+/* =Print
+----------------------------------------------- */
+
+@media print {
+ body {
+ color: #333;
+ background: none !important;
+ }
+ #page {
+ background: none !important;
+ }
+
+ /* Comments */
+ .commentlist > li.comment {
+ }
+
+ /* Post author highlighting */
+ .commentlist > li.bypostauthor {
+ color: #333;
+ }
+ .commentlist > li.bypostauthor .comment-meta {
+ color: #666;
+ }
+ .commentlist > li:before {
+ content: none;
+ }
+
+ /* Post Author threaded comments */
+ .commentlist .children > li.bypostauthor {
+ background: #fff;
+ border-color: #ddd;
+ }
+ .commentlist .children > li.bypostauthor > article,
+ .commentlist .children > li.bypostauthor > article .comment-meta {
+ color: #666;
+ }
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkwpcontentthemestwentyelevenstylecss"></a>
<div class="modfile"><h4>Modified: trunk/wp-content/themes/twentyeleven/style.css (17755 => 17756)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-content/themes/twentyeleven/style.css 2011-04-28 22:04:39 UTC (rev 17755)
+++ trunk/wp-content/themes/twentyeleven/style.css 2011-04-28 22:15:36 UTC (rev 17756)
</span><span class="lines">@@ -481,7 +481,7 @@
</span><span class="cx"> }
</span><span class="cx"> #branding img {
</span><span class="cx"> height: auto;
</span><del>- margin-bottom: -6px;
</del><ins>+ margin-bottom: -7px;
</ins><span class="cx"> width: 100%;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -621,10 +621,6 @@
</span><span class="cx"> ----------------------------------------------- */
</span><span class="cx">
</span><span class="cx"> #main {
</span><del>- border-top: 2px solid #eee;
- -webkit-box-shadow: 0 -1px 0 #dee7b1;
- -moz-box-shadow: 0 -1px 0 #dee7b1;
- box-shadow: 0 -1px 0 #dee7b1;
</del><span class="cx"> clear: both;
</span><span class="cx"> padding: 1.625em 0 0;
</span><span class="cx"> }
</span><span class="lines">@@ -1051,14 +1047,8 @@
</span><span class="cx"> article.intro {
</span><span class="cx"> background: #f9f9f9;
</span><span class="cx"> border-bottom: none;
</span><del>- border-top: 5px solid #6F98A8;
- -webkit-box-shadow: 0 -5px 0 #305A7A;
- -moz-box-shadow: 0 -5px 0 #305A7A;
- box-shadow: 0 -5px 0 #305A7A;
</del><span class="cx"> margin: -1.855em -8.9% 1.625em;
</span><span class="cx"> padding: 0 8.9%;
</span><del>- /* border-top: 5px solid #94BB32;
- -webkit-box-shadow: 0 -5px 0 #506815; */
</del><span class="cx"> }
</span><span class="cx"> article.intro .entry-title {
</span><span class="cx"> display: none;
</span></span></pre>
</div>
</div>
</body>
</html>