com web/php: Increased font-size on code snippets and user comments. Also fixed some styling consistency issues.: styles/doc.css styles/theme.css
| From: | Levi Morrison | Date: | Wed, 24 Jul 2013 20:26:15 +0000 |
| Subject: | com web/php: Increased font-size on code snippets and user comments. Also fixed some styling consistency issues.: styles/doc.css styles/theme.css | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-16370@lists.php.net to get a copy of this message | ||
Commit: 3933dad8a2fe019811836e7fa843243b7818a5cc
Author: Levi Morrison <levim@php.net> Wed, 24 Jul 2013 14:26:15 -0600
Parents: ca725c7e2dd7a44355f3b3d2fc9015257dea0fef
Branches: responsive
Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=3933dad8a2fe019811836e7fa843243b7818a5cc
Log:
Increased font-size on code snippets and user comments. Also fixed some styling consistency issues.
Changed paths:
M styles/doc.css
M styles/theme.css
Diff:
diff --git a/styles/doc.css b/styles/doc.css
index d70fac4..4530183 100755
--- a/styles/doc.css
+++ b/styles/doc.css
@@ -4,10 +4,10 @@ body.docs #layout {
margin-top:.75em;
}
-.docs .refsect1 > p:last-child,
-.docs .refsect1 > .warning:last-child,
-.docs .refsect1 > .note:last-child,
-.docs .refsect1 > .tip:last-child {
+.docs .refsect1 > *:last-child {
+ margin-bottom:0;
+}
+.docs .refsect1 > *:last-child *:last-child {
margin-bottom:0;
}
@@ -36,11 +36,14 @@ body.docs #layout {
font-style:italic;
}
.docs .refsect1 code.parameter {
- font-size:16px;
font-weight:bold;
}
+.docs code.parameter {
+ font-size:1em;
+}
.docs .methodname strong {
font-style:normal;
+ font-weight:normal;
}
.docs .initializer,
.docs .initializer code {
@@ -160,24 +163,25 @@ body.docs #layout {
.docs .example-contents pre {
margin:0;
}
-.docs .example-contents .phpcode code,
+.docs .example-contents > [class$="code"],
.docs .example-contents.screen {
background-color: #fff;
padding: .75em .625em;
- border:1px solid #ccc;
+ border:1px solid #dcdcdc;
+}
+.docs .refsect1 .example-contents > [class$="code"],
+.docs .refsect1 .example-contents.screen {
+ border-top-color: #cdcdcd;
}
.docs .refsect1 .dc-description,
.docs .sect1 .dc-description {
- background:#f8f8fb;
+ 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;
margin-bottom: .75em;
}
-.docs .example-contents .phpcode code {
- padding: .75em 1em;
-}
.docs .phpcode code {
display: block;
@@ -263,13 +267,14 @@ ul.chunklist_children {
.docs h1.refname {
color: #336;
+ font-weight:bolder
}
.docs .refnamediv {
position:relative;
}
-.docs div.refsect1 h3.title {
- color: #444;
+.docs .refsect1 h3.title {
+ color: #333;
position: absolute;
top:-2em;
left: 0;
@@ -277,8 +282,12 @@ ul.chunklist_children {
.docs .refsect1 {
margin-top: 3em;
- color: #444;
- border-top: 0.125em solid #669;
+ color: #333;
+ border-top:0.125em solid #669;
+ border-bottom:1px solid #d6d6dd;
+ box-shadow:
+ inset 2px 0 2px -2px #d6d6dd,
+ inset -2px 0 2px -2px #d6d6dd;
}
.docs .classsynopsis,
@@ -327,20 +336,12 @@ ul.chunklist_children {
/* - Side Menu - */
-.docs .layout-menu {
- background-color:#eee;
-}
-
.docs .layout-menu ul.parent-menu-list {
list-style: none;
margin: 0;
padding: 0;
}
-.docs .layout-menu ul.parent-menu-list li {
- margin: .75em 0;
-}
-
.docs .layout-menu ul.parent-menu-list > li {
margin-top:0;
margin-bottom:0;
@@ -351,12 +352,13 @@ ul.chunklist_children {
border:0;
}
.docs .layout-menu ul.parent-menu-list a {
- color: #444;
+ color: #333;
}
.docs .layout-menu ul.parent-menu-list a:hover {
- color: #000;
+ color: #336;
border-color: #669;
+ text-shadow:0 0 .25em #fff;
}
.docs .layout-menu ul.child-menu-list {
@@ -366,13 +368,13 @@ ul.chunklist_children {
.docs .layout-menu ul.child-menu-list li {
list-style-type: none;
- margin: 0 0 -1px;
+ margin: 0;
}
.docs .layout-menu ul.child-menu-list a {
- font-size: .75em;
- line-height: 2;
- border-bottom: 1px dotted #aaa;
+ font-size: .875em;
+ line-height: 1.714285714;
+ border-bottom: 1px dotted #c1c1c1;
display:block;
padding-left:.5em;
}
@@ -426,8 +428,9 @@ div.soft-deprecation-notice blockquote.sidebar {
#breadcrumbs {
- background:#eee;
- border:1px solid #d5d5d5;
+ background:#f2f2f2;
+ border:1px solid #e6e6e6;
+ border-bottom-color:#dcdcdc;
margin:0 0 0.85714285714286em;
font-size:.875em;
line-height:1.71428571428571;
diff --git a/styles/theme.css b/styles/theme.css
index bbc8e22..3902f6b 100755
--- a/styles/theme..css
+++ b/styles/theme.css
@@ -25,7 +25,7 @@ body, input, textarea {
}
code,
pre.info {
- font: 400 .75em / 1.5 "Source Code Pro", monospace;
+ font: 400 .875em / 1.5 "Source Code Pro", monospace;
}
.docs .classsynopsis,
@@ -152,8 +152,8 @@ a {
text-decoration:none;
}
h1, h1 a, h1 a:visited, h1 a:link {
- color: #222;
- border-color:#222;
+ color: #336;
+ border-color:#336;
}
h1 a:hover,
h1 a:focus {
@@ -174,6 +174,7 @@ h2 a:focus {
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
+ color:#336
}
h4, h5, h6 {
@@ -331,6 +332,7 @@ hr {
border-bottom: 0.166666667em solid #669;
margin-bottom: -0.166666667.em;
line-height:2.666666667;
+ color:#333;
}
#usernotes .count {
@@ -409,12 +411,16 @@ hr {
}
#usernotes .note .text {
- background-color: #eee;
- border-top: .125em solid #d4d4d4;
- padding: .375em .625em .75em;
+ background-color: #f2f2f2;
+ border-top: .125em solid #dcdcdc;
+ padding: .625em .75em .75em;
margin-top:.25em;
-moz-border-radius:0 0 2px 2px;
border-radius:0 0 2px 2px;
+ border-bottom:1px solid #e6e6e6;
+ box-shadow:
+ inset 2px 0 2px -2px #e6e6e6,
+ inset -2px 0 2px -2px #e6e6e6;
}
/* Vote arrow styles. */
@@ -624,8 +630,9 @@ aside.tips div..inner {
.layout-menu {
float: left;
padding:.5em .75em 1.5em;
- background-color:#eeeef6;
- border: 1px solid #d5d5d5;
+ background-color:#f2f2f2;
+ border: 1px solid #e6e6e6;
+ border-bottom-color:#dcdcdc;
border-radius:2px;
}