com web/php: Improved color contrast. Simplified some rules and removed some unused ones.: styles/doc.css styles/theme.css
| From: | Levi Morrison | Date: | Fri, 20 Sep 2013 16:59:06 +0000 |
| Subject: | com web/php: Improved color contrast. Simplified some rules and removed some unused ones.: styles/doc.css styles/theme.css | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-16649@lists.php.net to get a copy of this message | ||
Commit: 5977fca2116ffe7dc5914ec33d7c949642ecf81d
Author: Levi Morrison <levim@php.net> Fri, 20 Sep 2013 10:59:06 -0600
Parents: 59238cdc4355eaa484961dc8b90bf2a82a2bae09
Branches: master
Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=5977fca2116ffe7dc5914ec33d7c949642ecf81d
Log:
Improved color contrast. Simplified some rules and removed some unused ones.
Changed paths:
M styles/doc.css
M styles/theme.css
diff --git a/styles/doc.css b/styles/doc.css index 7130cf1..3e94cb0 100755 --- a/styles/doc.css +++ b/styles/doc.css @@ -1,13 +1,13 @@ /* vim: set et ts=4 sw=4 fdm=marker: : */ -.docs .refsect1 > *:last-child { +.refsect1 > *:last-child { margin-bottom:0; } -.docs .refsect1 > *:last-child *:last-child { +.refsect1 > *:last-child *:last-child { margin-bottom:0; } -.docs .refsect1 > .title + * { +.refsect1 > .title + * { margin-top:0; } @@ -17,20 +17,19 @@ .docs .methodname a, .docs .classsynopsis .classname { color: #369; - border-color:#369; } -.docs .refsect1 .parameter { +.refsect1 .parameter { cursor:pointer; } -.docs .refsect1 dt { +.refsect1 dt { height:1.5em; } .docs .parameter { color: #369; } -.docs .refsect1 code.parameter { +.refsect1 code.parameter { font-weight:bold; } .docs code.parameter { @@ -50,65 +49,72 @@ /* {{{ Warning and notes */ -.docs div.tip, -.docs div.warning, -.docs div.caution, -.docs blockquote.note { +div.tip, +div.warning, +div.caution, +blockquote.note { padding:.375em .5em; position:relative; margin-top:.75em; margin-bottom:.75em; } -.docs blockquote.note { +div.tip { + background:#ECF2F9; + border:1px solid #CDDEEE; + border-bottom-color:#C6D9EC; +} + +blockquote.note { background-color: #eee; border:1px solid #d5d5d5; } -.docs div.caution { - background:#fcfce9; - border:1px solid #e2e2d1; +div.caution { + background: #fcfce9; + border: 1px solid #e2e2d1; } -.docs .refsect1 blockquote.note { +.refsect1 blockquote.note { margin-left:0; + background:#fff; + border: 1px solid #e5e6e9; } -.docs .refsect1 blockquote.note, -.docs div.tip { - background:#f8f8fb; - border: 1px solid #e5e6e9; +div.warning { + background:#f9ecf2; + border:1px solid #eecdde; } -.docs div.warning { - background: #f2e5f4; - border:1px solid #d9cddb; +div.warning a:link, +div.warning a:visited { + color:#936; } -.docs div.warning strong.warning { +div.warning strong.warning { font-size: 1.5em; display:block; text-align: center; } -.docs div.tip b.tip, -.docs div.tip strong.tip, -.docs div.caution b.caution, -.docs div.caution strong.caution { +div.tip b.tip, +div.tip strong.tip, +div.caution b.caution, +div.caution strong.caution { float: left; - margin-right: 0.675em; + margin-right: 0.5em; } -.docs blockquote.note p, -.docs div.caution p, -.docs div.warning p, -.docs div.tip p { +blockquote.note p, +div.caution p, +div.warning p, +div.tip p { margin: 0; } -.docs div.tip:before, -.docs div.caution:before, -.docs blockquote.note:before, -.docs div.warning:before { +div.tip:before, +div.caution:before, +blockquote.note:before, +div.warning:before { border-top:1px solid rgba(255,255,255,0.5); content:""; display:block; @@ -120,8 +126,8 @@ /* }}} */ -.docs .refsect1 .dc-description, -.docs .refsect1 .dc-description code, +.refsect1 .dc-description, +.refsect1 .dc-description code, .docs .sect1 .dc-description, .docs .sect1 .dc-description code { font-weight:400; @@ -132,7 +138,7 @@ margin:0; } .docs .dc-description { - color:#808080; + color:#737373; } /* {{{ Parameter listing */ @@ -164,17 +170,16 @@ padding: .75em .625em; border:1px solid #d6d6d6; } -.docs .refsect1 .example-contents > [class$="code"], -.docs .refsect1 .example-contents.screen { +.refsect1 .example-contents > [class$="code"], +.refsect1 .example-contents.screen { border-top-color: #cdcdcd; } -.docs .refsect1 .dc-description, +.refsect1 .dc-description, .docs .sect1 .dc-description { - background:#fcfcfe; - padding: .625em .75em; - -moz-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.25); - box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.25); - border:-bottom 1px solid #e5e6e9; + background:#fff; + padding: .5em .75em .625em; + border: 1px solid #e0e0e0; + border-top-color:#d9d9d9; margin-bottom: .75em; } @@ -200,7 +205,7 @@ background-color: #ffffff; } .docs .doctable tbody tr:nth-child(even) { - background-color: #ebebf4; + background-color: #eeeef6; } .docs .doctable { @@ -215,7 +220,7 @@ .docs .doctable th { background-color: #bbd; text-align: center; - color: #333; + color: #262626; } .docs .doctable tr { border-bottom:1px solid #ccc; @@ -256,7 +261,7 @@ ul.chunklist_children { .docs .refnamediv p { margin:0; } -.docs .refsect1 p { +.refsect1 p { margin-top:0; } @@ -273,45 +278,45 @@ ul.chunklist_children { border-radius:0 0 2px 2px; padding: .75em .625em; background-color:#F0F0F0; - border-top:.125em solid #808080; + border-top:.125em solid #737373; border-bottom:1px solid #D6D6D6; box-shadow: inset 2px 0 2px -2px #D6D6D6, inset -2px 0 2px -2px #D6D6D6; } -.docs .refsect1 h3.title { - color: #333; +.refsect1 h3.title { + color: #262626; position: absolute; top:-2em; left: 0; } .docs .classsynopsis, -.docs .refsect1 { - color: #333; +.refsect1 { + color: #262626; border-top:0.125em solid #669; - border-bottom:1px solid #CACAE2; + border-bottom:1px solid #cacae3; box-shadow: - inset 2px 0 2px -2px #CACAE2, - inset -2px 0 2px -2px #CACAE2; + inset 2px 0 2px -2px #d4d4e8, + inset -2px 0 2px -2px #d4d4e8; } -.docs .refsect1 { +.refsect1 { margin-top: 3em; } .docs .classsynopsis, .docs div.refsect1 { position: relative; - background-color: #ebebf4; + background-color: #eeeef6; -moz-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px; padding: .75em .625em; } .docs .classsynopsis { - color: #666; + color: #4D4D4D; margin-bottom:.75em; } .docs .interfacename a, @@ -319,7 +324,6 @@ ul.chunklist_children { .docs .methodsynopsis .type, .docs .constructorsynopsis .type { color:#693; - border-color:#693; } .docs .fieldsynopsis .modifier, @@ -363,12 +367,11 @@ ul.chunklist_children { border:0; } .docs .layout-menu ul.parent-menu-list a { - color: #333; + color: #262626; } .docs .layout-menu ul.parent-menu-list a:hover { color: #693; - border-color: #693; text-shadow:0 0 .25em #fff; } @@ -384,7 +387,6 @@ ul.chunklist_children { .docs .layout-menu ul.child-menu-list .current a { color:#669; - border-color:#669; } .docs .layout-menu ul.child-menu-list a { font-size: .875em; @@ -445,10 +447,10 @@ div.soft-deprecation-notice blockquote.sidebar { #breadcrumbs { - color:#888; - background:#f0f0f0; - border:1px solid #e3e3e3; - border-bottom-color:#d6d6d6; + color:#737373; + background:#f2f2f2; + border:1px solid #e0e0e0; + border-bottom-color:#d9d9d9; margin:0 0 0.85714285714286em; font-size:.875em; line-height:1.71428571428571; @@ -472,16 +474,13 @@ div.soft-deprecation-notice blockquote.sidebar { #breadcrumbs a:visited { color:#369; border-width:0; - border-color:#369; } #breadcrumbs li:last-child a { - color:#666; - border-color:#999; + color:#4D4D4D; } #breadcrumbs li:last-child a:hover, #breadcrumbs li:last-child a:focus, #breadcrumbs a:hover, #breadcrumbs a:focus { color:#693; - border-color:#693; } diff --git a/styles/theme.css b/styles/theme.css index 6f73435..21210bd 100755 --- a/styles/theme.css +++ b/styles/theme.css @@ -13,11 +13,7 @@ html { - background-color: #333; -} - -body * { - border-color: #9999CC; + background-color: #262626; } body, input, textarea { @@ -142,23 +138,19 @@ a { } h1, h1 a, h1 a:visited, h1 a:link { color: #336; - border-color:#336; } h1 a:hover, h1 a:focus { color: #000; - border-color:#000; } h2, h2 a, h2 a:visited, h2 a:link { - color: #333; - border-color:#333; + color: #262626; } h2 a:hover, h2 a:focus { color: #000; - border-color:#000; } h1, h2, h3, h4, h5, h6 { @@ -175,7 +167,7 @@ h4, h5, h6 { a:link, a:visited { color: #369; - border-bottom: 1px solid #369; + border-bottom: 1px solid; } a:hover, @@ -227,88 +219,6 @@ hr { } /** - * Auto-complete - */ -.ui-autocomplete { - width: 185px; - max-height: 250px; - overflow-y: auto; - overflow-x: hidden; - list-style-position: outside; - list-style: none; - margin: 0; - padding: 0 0 5px 0; - border: 1px solid; - z-index: 99999; - border-color: #7F7FB2; - background-color: white; - border-top: 1px solid #f6f6f6; - -webkit-box-shadow: 0px .25em .5em rgba(0,0,0,.33); - -moz-box-shadow: 0px .25em .5em rgba(0,0,0,.33); - box-shadow: 0px .25em .5em rgba(0,0,0,.33); -} - -.ui-autocomplete .ui-state-hover, -.ui-autocomplete .ui-state-focus { - background-color: #666699; - color: white; -} - -.ui-autocomplete li { - margin: 0px; - cursor: pointer; - display: block; - /* - if width will be 100% horizontal scrollbar will apear - when scroll mode will be used - */ - /*width: 100%;*/ - font: menu; - font-size: 12px; - /* - it is very important, if line-height not setted or setted - in relative units scroll will be broken in firefox - */ - line-height: 16px; - overflow: hidden; - border-bottom: 1px solid #9999CC; -} - -.ui-autocomplete a { - display: block; - padding: 2px 5px; -} -.ui-autocomplete a .search-item-description, -.ui-autocomplete a .search-item-label { - display:block; -} - -.ui-autocomplete a .search-item-description { - color:#666; -} - -.ui-autocomplete .ui-state-hover .search-item-description, -.ui-autocomplete .ui-state-focus .search-item-description { - color:#ccc; -} - -.ui-autocomplete a .search-item-label { - font-weight:bold; -} -.ui-autocomplete a .search-item-category { - font-weight:normal; -} - -.ui-autocomplete-category { - font-weight: bold; - padding: .2em .4em; - margin: .8em 0 .2em; - line-height: 1.5; - background-color: #7F7FB2; - color: #fff; -} - -/** * User notes */ #usernotes { @@ -320,7 +230,7 @@ hr { border-bottom: 0.166666667em solid #669; margin-bottom: -0.166666667.em; line-height:2.666666667; - color:#333; + color:#262626; } #usernotes .count { @@ -398,16 +308,16 @@ hr { } #usernotes .note .text { - background-color: #f0f0f0; - border-top: .125em solid #d6d6d6; + background-color: #f2f2f2; + border-top: .125em solid #d9d9d9; padding: .625em .75em .75em; margin-top:.25em; -moz-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px; - border-bottom:1px solid #e3e3e3; + border-bottom:1px solid #d9d9d9; box-shadow: - inset 2px 0 2px -2px #e3e3e3, - inset -2px 0 2px -2px #e3e3e3; + inset 2px 0 2px -2px #e0e0e0, + inset -2px 0 2px -2px #e0e0e0; } /* Vote arrow styles. */ @@ -453,7 +363,7 @@ hr { } #usernotes .note .votes .tally { - color: #333; + color: #262626; padding: 0 0.3em; } @@ -502,7 +412,7 @@ div.phpcode span.string { padding: .75em 1em; margin: 1.5em 0 1.5em 1.5em; border-top: .1875em solid #669; - background-color: #f0f0f0; + background-color: #f2f2f2; border-radius: 0 0 2px 2px; } pre.info { @@ -540,8 +450,8 @@ aside.tips div.border { aside.tips div.inner { padding: .75em; background:#eeeef6; - border-left:1px solid #e3e3e3; - border-right:1px solid #e3e3e3; + border-left:1px solid #e0e0e0; + border-right:1px solid #e0e0e0; border-bottom:1px solid #d6d6dd; border-radius: 0 0 2px 2px; } @@ -555,9 +465,9 @@ aside.tips div.inner { .layout-menu { float: left; padding:.5em .75em 1.5em; - background-color:#f0f0f0; - border: 1px solid #e3e3e3; - border-bottom-color:#d6d6d6; + background-color:#f2f2f2; + border: 1px solid #e0e0e0; + border-bottom-color:#d9d9d9; border-radius:2px; } @@ -603,7 +513,7 @@ aside.tips div.inner { footer { clear: both; overflow: auto; - background-color: #333; + background-color: #262626; border-top: .25em solid #9999CC; padding: .75em 0; } @@ -644,7 +554,7 @@ div.elephpants { div.elephpants div.images { height: 75px; - background-color: #333; + background-color: #262626; text-align: center; white-space: nowrap; } @@ -907,7 +817,7 @@ div.informalexample { em, strong { font-weight: bold; font-style: italic; - color: #333; + color: #262626; }
diff --git a/styles/doc.css b/styles/doc.css index 7130cf1..3e94cb0 100755 --- a/styles/doc.css +++ b/styles/doc.css @@ -1,13 +1,13 @@ /* vim: set et ts=4 sw=4 fdm=marker: : */ -.docs .refsect1 > *:last-child { +.refsect1 > *:last-child { margin-bottom:0; } -.docs .refsect1 > *:last-child *:last-child { +.refsect1 > *:last-child *:last-child { margin-bottom:0; } -.docs .refsect1 > .title + * { +.refsect1 > .title + * { margin-top:0; } @@ -17,20 +17,19 @@ .docs .methodname a, .docs .classsynopsis .classname { color: #369; - border-color:#369; } -.docs .refsect1 .parameter { +.refsect1 .parameter { cursor:pointer; } -.docs .refsect1 dt { +.refsect1 dt { height:1.5em; } .docs .parameter { color: #369; } -.docs .refsect1 code.parameter { +.refsect1 code.parameter { font-weight:bold; } .docs code.parameter { @@ -50,65 +49,72 @@ /* {{{ Warning and notes */ -.docs div.tip, -.docs div.warning, -.docs div.caution, -.docs blockquote.note { +div.tip, +div.warning, +div.caution, +blockquote.note { padding:.375em .5em; position:relative; margin-top:.75em; margin-bottom:.75em; } -.docs blockquote.note { +div.tip { + background:#ECF2F9; + border:1px solid #CDDEEE; + border-bottom-color:#C6D9EC; +} + +blockquote.note { background-color: #eee; border:1px solid #d5d5d5; } -.docs div.caution { - background:#fcfce9; - border:1px solid #e2e2d1; +div.caution { + background: #fcfce9; + border: 1px solid #e2e2d1; } -.docs .refsect1 blockquote.note { +.refsect1 blockquote.note { margin-left:0; + background:#fff; + border: 1px solid #e5e6e9; } -.docs .refsect1 blockquote.note, -.docs div.tip { - background:#f8f8fb; - border: 1px solid #e5e6e9; +div.warning { + background:#f9ecf2; + border:1px solid #eecdde; } -.docs div.warning { - background: #f2e5f4; - border:1px solid #d9cddb; +div.warning a:link, +div.warning a:visited { + color:#936; } -.docs div.warning strong.warning { +div.warning strong.warning { font-size: 1.5em; display:block; text-align: center; } -.docs div.tip b.tip, -.docs div.tip strong.tip, -.docs div.caution b.caution, -.docs div.caution strong.caution { +div.tip b.tip, +div.tip strong.tip, +div.caution b.caution, +div.caution strong.caution { float: left; - margin-right: 0.675em; + margin-right: 0.5em; } -.docs blockquote.note p, -.docs div.caution p, -.docs div.warning p, -.docs div.tip p { +blockquote.note p, +div.caution p, +div.warning p, +div.tip p { margin: 0; } -.docs div.tip:before, -.docs div.caution:before, -.docs blockquote.note:before, -.docs div.warning:before { +div.tip:before, +div.caution:before, +blockquote.note:before, +div.warning:before { border-top:1px solid rgba(255,255,255,0.5); content:""; display:block; @@ -120,8 +126,8 @@ /* }}} */ -.docs .refsect1 .dc-description, -.docs .refsect1 .dc-description code, +.refsect1 .dc-description, +.refsect1 .dc-description code, .docs .sect1 .dc-description, .docs .sect1 .dc-description code { font-weight:400; @@ -132,7 +138,7 @@ margin:0; } .docs .dc-description { - color:#808080; + color:#737373; } /* {{{ Parameter listing */ @@ -164,17 +170,16 @@ padding: .75em .625em; border:1px solid #d6d6d6; } -.docs .refsect1 .example-contents > [class$="code"], -.docs .refsect1 .example-contents.screen { +.refsect1 .example-contents > [class$="code"], +.refsect1 .example-contents.screen { border-top-color: #cdcdcd; } -.docs .refsect1 .dc-description, +.refsect1 .dc-description, .docs .sect1 .dc-description { - background:#fcfcfe; - padding: .625em .75em; - -moz-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.25); - box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.25); - border:-bottom 1px solid #e5e6e9; + background:#fff; + padding: .5em .75em .625em; + border: 1px solid #e0e0e0; + border-top-color:#d9d9d9; margin-bottom: .75em; } @@ -200,7 +205,7 @@ background-color: #ffffff; } .docs .doctable tbody tr:nth-child(even) { - background-color: #ebebf4; + background-color: #eeeef6; } .docs .doctable { @@ -215,7 +220,7 @@ .docs .doctable th { background-color: #bbd; text-align: center; - color: #333; + color: #262626; } .docs .doctable tr { border-bottom:1px solid #ccc; @@ -256,7 +261,7 @@ ul.chunklist_children { .docs .refnamediv p { margin:0; } -.docs .refsect1 p { +.refsect1 p { margin-top:0; } @@ -273,45 +278,45 @@ ul.chunklist_children { border-radius:0 0 2px 2px; padding: .75em .625em; background-color:#F0F0F0; - border-top:.125em solid #808080; + border-top:.125em solid #737373; border-bottom:1px solid #D6D6D6; box-shadow: inset 2px 0 2px -2px #D6D6D6, inset -2px 0 2px -2px #D6D6D6; } -.docs .refsect1 h3.title { - color: #333; +.refsect1 h3.title { + color: #262626; position: absolute; top:-2em; left: 0; } .docs .classsynopsis, -.docs .refsect1 { - color: #333; +.refsect1 { + color: #262626; border-top:0.125em solid #669; - border-bottom:1px solid #CACAE2; + border-bottom:1px solid #cacae3; box-shadow: - inset 2px 0 2px -2px #CACAE2, - inset -2px 0 2px -2px #CACAE2; + inset 2px 0 2px -2px #d4d4e8, + inset -2px 0 2px -2px #d4d4e8; } -.docs .refsect1 { +.refsect1 { margin-top: 3em; } .docs .classsynopsis, .docs div.refsect1 { position: relative; - background-color: #ebebf4; + background-color: #eeeef6; -moz-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px; padding: .75em .625em; } .docs .classsynopsis { - color: #666; + color: #4D4D4D; margin-bottom:.75em; } .docs .interfacename a, @@ -319,7 +324,6 @@ ul.chunklist_children { .docs .methodsynopsis .type, .docs .constructorsynopsis .type { color:#693; - border-color:#693; } .docs .fieldsynopsis .modifier, @@ -363,12 +367,11 @@ ul.chunklist_children { border:0; } .docs .layout-menu ul.parent-menu-list a { - color: #333; + color: #262626; } .docs .layout-menu ul.parent-menu-list a:hover { color: #693; - border-color: #693; text-shadow:0 0 .25em #fff; } @@ -384,7 +387,6 @@ ul.chunklist_children { .docs .layout-menu ul.child-menu-list .current a { color:#669; - border-color:#669; } .docs .layout-menu ul.child-menu-list a { font-size: .875em; @@ -445,10 +447,10 @@ div.soft-deprecation-notice blockquote.sidebar { #breadcrumbs { - color:#888; - background:#f0f0f0; - border:1px solid #e3e3e3; - border-bottom-color:#d6d6d6; + color:#737373; + background:#f2f2f2; + border:1px solid #e0e0e0; + border-bottom-color:#d9d9d9; margin:0 0 0.85714285714286em; font-size:.875em; line-height:1.71428571428571; @@ -472,16 +474,13 @@ div.soft-deprecation-notice blockquote.sidebar { #breadcrumbs a:visited { color:#369; border-width:0; - border-color:#369; } #breadcrumbs li:last-child a { - color:#666; - border-color:#999; + color:#4D4D4D; } #breadcrumbs li:last-child a:hover, #breadcrumbs li:last-child a:focus, #breadcrumbs a:hover, #breadcrumbs a:focus { color:#693; - border-color:#693; } diff --git a/styles/theme.css b/styles/theme.css index 6f73435..21210bd 100755 --- a/styles/theme.css +++ b/styles/theme.css @@ -13,11 +13,7 @@ html { - background-color: #333; -} - -body * { - border-color: #9999CC; + background-color: #262626; } body, input, textarea { @@ -142,23 +138,19 @@ a { } h1, h1 a, h1 a:visited, h1 a:link { color: #336; - border-color:#336; } h1 a:hover, h1 a:focus { color: #000; - border-color:#000; } h2, h2 a, h2 a:visited, h2 a:link { - color: #333; - border-color:#333; + color: #262626; } h2 a:hover, h2 a:focus { color: #000; - border-color:#000; } h1, h2, h3, h4, h5, h6 { @@ -175,7 +167,7 @@ h4, h5, h6 { a:link, a:visited { color: #369; - border-bottom: 1px solid #369; + border-bottom: 1px solid; } a:hover, @@ -227,88 +219,6 @@ hr { } /** - * Auto-complete - */ -.ui-autocomplete { - width: 185px; - max-height: 250px; - overflow-y: auto; - overflow-x: hidden; - list-style-position: outside; - list-style: none; - margin: 0; - padding: 0 0 5px 0; - border: 1px solid; - z-index: 99999; - border-color: #7F7FB2; - background-color: white; - border-top: 1px solid #f6f6f6; - -webkit-box-shadow: 0px .25em .5em rgba(0,0,0,.33); - -moz-box-shadow: 0px .25em .5em rgba(0,0,0,.33); - box-shadow: 0px .25em .5em rgba(0,0,0,.33); -} - -.ui-autocomplete .ui-state-hover, -.ui-autocomplete .ui-state-focus { - background-color: #666699; - color: white; -} - -.ui-autocomplete li { - margin: 0px; - cursor: pointer; - display: block; - /* - if width will be 100% horizontal scrollbar will apear - when scroll mode will be used - */ - /*width: 100%;*/ - font: menu; - font-size: 12px; - /* - it is very important, if line-height not setted or setted - in relative units scroll will be broken in firefox - */ - line-height: 16px; - overflow: hidden; - border-bottom: 1px solid #9999CC; -} - -.ui-autocomplete a { - display: block; - padding: 2px 5px; -} -.ui-autocomplete a .search-item-description, -.ui-autocomplete a .search-item-label { - display:block; -} - -.ui-autocomplete a .search-item-description { - color:#666; -} - -.ui-autocomplete .ui-state-hover .search-item-description, -.ui-autocomplete .ui-state-focus .search-item-description { - color:#ccc; -} - -.ui-autocomplete a .search-item-label { - font-weight:bold; -} -.ui-autocomplete a .search-item-category { - font-weight:normal; -} - -.ui-autocomplete-category { - font-weight: bold; - padding: .2em .4em; - margin: .8em 0 .2em; - line-height: 1.5; - background-color: #7F7FB2; - color: #fff; -} - -/** * User notes */ #usernotes { @@ -320,7 +230,7 @@ hr { border-bottom: 0.166666667em solid #669; margin-bottom: -0.166666667.em; line-height:2.666666667; - color:#333; + color:#262626; } #usernotes .count { @@ -398,16 +308,16 @@ hr { } #usernotes .note .text { - background-color: #f0f0f0; - border-top: .125em solid #d6d6d6; + background-color: #f2f2f2; + border-top: .125em solid #d9d9d9; padding: .625em .75em .75em; margin-top:.25em; -moz-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px; - border-bottom:1px solid #e3e3e3; + border-bottom:1px solid #d9d9d9; box-shadow: - inset 2px 0 2px -2px #e3e3e3, - inset -2px 0 2px -2px #e3e3e3; + inset 2px 0 2px -2px #e0e0e0, + inset -2px 0 2px -2px #e0e0e0; } /* Vote arrow styles. */ @@ -453,7 +363,7 @@ hr { } #usernotes .note .votes .tally { - color: #333; + color: #262626; padding: 0 0.3em; } @@ -502,7 +412,7 @@ div.phpcode span.string { padding: .75em 1em; margin: 1.5em 0 1.5em 1.5em; border-top: .1875em solid #669; - background-color: #f0f0f0; + background-color: #f2f2f2; border-radius: 0 0 2px 2px; } pre.info { @@ -540,8 +450,8 @@ aside.tips div.border { aside.tips div.inner { padding: .75em; background:#eeeef6; - border-left:1px solid #e3e3e3; - border-right:1px solid #e3e3e3; + border-left:1px solid #e0e0e0; + border-right:1px solid #e0e0e0; border-bottom:1px solid #d6d6dd; border-radius: 0 0 2px 2px; } @@ -555,9 +465,9 @@ aside.tips div.inner { .layout-menu { float: left; padding:.5em .75em 1.5em; - background-color:#f0f0f0; - border: 1px solid #e3e3e3; - border-bottom-color:#d6d6d6; + background-color:#f2f2f2; + border: 1px solid #e0e0e0; + border-bottom-color:#d9d9d9; border-radius:2px; } @@ -603,7 +513,7 @@ aside.tips div.inner { footer { clear: both; overflow: auto; - background-color: #333; + background-color: #262626; border-top: .25em solid #9999CC; padding: .75em 0; } @@ -644,7 +554,7 @@ div.elephpants { div.elephpants div.images { height: 75px; - background-color: #333; + background-color: #262626; text-align: center; white-space: nowrap; } @@ -907,7 +817,7 @@ div.informalexample { em, strong { font-weight: bold; font-style: italic; - color: #333; + color: #262626; }