com web/php: use current php.net colours instead of purple: images/sprites.png styles/doc.css styles/theme.css
| From: | Peter Cowburn | Date: | Tue, 05 Jun 2012 19:59:02 +0000 |
| Subject: | com web/php: use current php.net colours instead of purple: images/sprites.png styles/doc.css styles/theme.css | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-13633@lists.php.net to get a copy of this message | ||
Commit: 8ba2e6b34e2d240a40ec26eaf32915bcca7ba14b
Author: Peter Cowburn <petercowburn@gmail.com> Tue, 5 Jun 2012 20:59:02 +0100
Parents: be10097965787f16f073bc327d53bf1ac684d7ab
Branches: master
Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=8ba2e6b34e2d240a40ec26eaf32915bcca7ba14b
Log:
use current php.net colours instead of purple
This commit introduces two main visual changes:
1. The purples have been changed to the colours that
we already use on the current php.net.
2. Link colour changed from green to blue.
Changed paths:
M images/sprites.png
M styles/doc.css
M styles/theme.css
Diff:
diff --git a/images/sprites.png b/images/sprites.png
index 41e4acb..9b3ff75 100644
Binary files a/images/sprites.png and b/images/sprites.png differ
diff --git a/styles/doc.css b/styles/doc.css
index 6bda134..dd6aca5 100755
--- a/styles/doc.css
+++ b/styles/doc.css
@@ -3,8 +3,8 @@
/* {{{ The Quick TOC reference top on man pages */
aside#quicktoc {
- border-top: 1px solid #C3ADD9;
- border-left: 1px solid #C3ADD9;
+ border-top: 1px solid #9999CC;
+ border-left: 1px solid #9999CC;
border-bottom: none;
margin: 0 0 20px 20px;
width: 160px;
@@ -52,7 +52,7 @@ aside#quicktoc {
}
.docs .parameter {
- color: #604080;
+ color: #666699;
font-weight: bold;
}
@@ -74,16 +74,16 @@ aside#quicktoc {
}
..docs blockquote.note {
- border-top: 3px solid #fff08a;
+ border-top: 3px solid #9999CC;
background-color: #EFEFEF;
}
.docs div.tip {
- border-top: 3px solid #434343;
+ border-top: 3px solid #9999EE;
background-color: #EFEFEF;
}
.docs div.caution {
- border-top: 3px solid #F90;
+ border-top: 3px solid #FFFFCC;
background-color: #EFEFEF;
}
.docs blockquote.note,
@@ -124,15 +124,17 @@ aside#quicktoc {
text-align: center;
margin: 20px 2% 20px 2%;
padding: 5px 15px 5px 45px;
- border-top: 3px solid #9f8a8a;
- border-bottom: 1px solid #9f8a8a;
min-height: 100px;
background-position: 16px;
}
.docs div.warning {
+ border-top: 3px solid #9f8a8a;
+ border-bottom: 1px solid #9f8a8a;
background: #f2e5f4 url('/images/dialog-warning.png') left center no-repeat;
}
.docs div.tip {
+ border-top: 3px solid #9999EE;
+ border-bottom: 1px solid #9999EE;
background: #efefef url('/images/dialog-information.png') left center no-repeat;
}
@@ -164,14 +166,14 @@ aside#quicktoc {
/* {{{ Examples (highlighting is in theme.css) */
-.docs blockquote.note,
+/*.docs blockquote.note,
.docs div.caution,
.docs div.tip
-.docs .example-contents div pre,
+.docs .example-contents div pre,*/
.docs .example-contents div.phpcode,
.docs .example-contents.screen,
.docs .refentry .methodsynopsis {
- border: 1px solid #9f8a8a;
+ border: 1px solid #CCCCCC;
background-color: #fff;
margin: 2px 0px;
font-weight: normal;
@@ -195,18 +197,18 @@ aside#quicktoc {
}
.docs .doctable {
- border-top: 1px solid #9F8A8A;
- border-bottom: 1px solid #9F8A8A;
+ border-top: 1px solid #CCCCCC;
+ border-bottom: 1px solid #CCCCCC;
width: 100%;
}
.docs .doctable th {
background-color: #FCFCFC;
text-align: center;
- border-bottom: 1px solid #9F8A8A;
+ border-bottom: 1px solid #CCCCCC;
}
.docs .doctable td, .docs .doctable th {
- border-right: 1px solid #9F8A8A ;
+ border-right: 1px solid #CCCCCC;
}
.docs .doctable td:last-child, .docs .doctable th:last-child {
border-right: 0px;
@@ -315,13 +317,13 @@ dl.qandaentry {
margin: 0;
padding: 3px 7px;
border: 0;
- border-left: 6px solid #987db3;
+ border-left: 6px solid #7F7FB2;
}
.docs .layout-menu ul.parent-menu-list a:hover,
.docs .layout-menu ul.parent-menu-list li:last-child a {
color: #000;
- border-left: 6px solid #604080;
+ border-left: 6px solid #666699;
}
.docs .layout-menu ul.child-menu-list {
diff --git a/styles/theme.css b/styles/theme.css
index c2cd830..c4c50d4 100755
--- a/styles/theme.css
+++ b/styles/theme.css
@@ -12,7 +12,7 @@
*/
body * {
- border-color: #c3add9;
+ border-color: #9999CC;
}
body, input, textarea {
@@ -70,11 +70,11 @@ small { font-size: .9em; }
a:link,
a:visited {
- color: #528918;
+ color: #000099;
}
a:hover {
- color: #355c0b;
+ color: #000099;
}
ul {
@@ -139,7 +139,7 @@ ul {
margin: 0;
border-bottom: 12px solid;
color: #444;
- border-color: #987db3;
+ border-color: #7F7FB2;
font-weight: bold;
}
@@ -148,7 +148,7 @@ ul {
padding: 2px;
float: right;
border: 1px solid;
- border-color: #987db3;
+ border-color: #7F7FB2;
}
#headsearch-keywords {
@@ -176,18 +176,18 @@ ul {
margin: 1px;
padding: 2px 5px;
font-weight: bold;
- border-color: #987db3;
- border: 1px solid #604080;
- background: #604080;
+ border-color: #7F7FB2;
+ border: 1px solid #666699;
+ background: #666699;
color: #fff;
cursor: pointer;
}
#changelang {
- border-color: #987db3;
+ border-color: #7F7FB2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
- border: 1px solid #604080;
+ border: 1px solid #666699;
float: right;
}
@@ -203,7 +203,7 @@ ul {
#headnav li.current a.menu-link,
#headnav li a.menu-link:hover,
#headnav li#headhome.current {
- border-color: #604080;
+ border-color: #666699;
}
#headnav li.current a.menu-link {
@@ -225,7 +225,7 @@ ul {
padding: 0 0 5px 0;
border: 1px solid;
z-index: 99999;
- border-color: #987db3;
+ border-color: #7F7FB2;
background-color: white;
border-top: 1px solid #f6f6f6;
-webkit-box-shadow: 0px .25em .5em rgba(0,0,0,.33);
@@ -234,7 +234,7 @@ ul {
}
.ui-autocomplete .ui-state-hover {
- background-color: #604080;
+ background-color: #666699;
color: white;
}
@@ -255,7 +255,7 @@ ul {
*/
line-height: 16px;
overflow: hidden;
- border-bottom: 1px solid #c3add9 ;
+ border-bottom: 1px solid #9999CC;
}
.ui-autocomplete a {
@@ -287,7 +287,7 @@ ul {
padding: .2em .4em;
margin: .8em 0 .2em;
line-height: 1.5;
- background-color: #987db3;
+ background-color: #7F7FB2;
color: #fff;
}
@@ -315,7 +315,7 @@ ul {
#usernotes h3 {
padding-right: 20px;
- border-color: #3f438d;
+ border-color: #666699;
padding-bottom: 6px;
}
@@ -403,7 +403,7 @@ pre.info {
#mega-drop-down {
background-color: #333;
- border-color: #c3add9;
+ border-color: #9999CC;
}
#mega-drop-down div.children {
@@ -465,7 +465,7 @@ a.genanchor:hover {
aside.tips {
background-color: #f9f9f9;
- border-bottom: 12px solid #c3add9;
+ border-bottom: 12px solid #9999CC;
float: right;
margin: 10px 0 30px 30px;
width: 294px;
@@ -474,15 +474,15 @@ aside.tips {
aside.tips div.border {
float: left;
width: 98px;
- border-top: 12px solid #604080;
+ border-top: 12px solid #9999CC;
}
aside.tips div.border.second {
- border-color: #987db3;
+ border-color: #7F7FB2;
}
aside.tips div.border.third {
- border-color: #c3add9;
+ border-color: #9999CC;
}
aside.tips div.inner {
@@ -572,8 +572,8 @@ footer {
clear: both;
overflow: auto;
background-color: #333;
- border-top: 12px solid #c3add9;
- border-bottom: 12px solid #c3add9;
+ border-top: 12px solid #9999CC;
+ border-bottom: 12px solid #9999CC;
padding: 1.5em 0;
margin-bottom: 2em;
}
@@ -614,7 +614,7 @@ footer a:hover {
div.elephpants {
margin: auto;
overflow: hidden;
- border-bottom: 12px solid #c3add9;
+ border-bottom: 12px solid #9999CC;
}
div.elephpants div.images {
@@ -659,7 +659,7 @@ table.standard {
}
table.standard td, table.standard th {
- border: 1px solid #c3add9;
+ border: 1px solid #efefef;
}
table.standard tr:nth-child(even) td {