Commit: 5977fca2116ffe7dc5914ec33d7c949642ecf81d
Author: Levi Morrison <[email protected]> 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;
}--
PHP Webmaster List Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php
