com web/php: Significant whitepsace and header style changes: styles/theme-base.css styles/theme-medium.css
| From: | Levi Morrison | Date: | Wed, 09 Apr 2014 15:50:23 +0000 |
| Subject: | com web/php: Significant whitepsace and header style changes: styles/theme-base.css styles/theme-medium.css | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-18744@lists.php.net to get a copy of this message | ||
Commit: aa02644e4411d7986fc4085f1fe9ce1bb5d62b1b
Author: Levi Morrison <levim@php.net> Wed, 9 Apr 2014 09:50:23 -0600
Parents: d963f1bd254bf49b7d7c46ca4f6b7e02aaff9ffc
Branches: master
Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=aa02644e4411d7986fc4085f1fe9ce1bb5d62b1b
Log:
Significant whitepsace and header style changes
Changed paths:
M styles/theme-base.css
M styles/theme-medium.css
Diff:
diff --git a/styles/theme-base.css b/styles/theme-base.css
index 2cf556d..65cb92d 100755
--- a/styles/theme-base.css
+++ b/styles/theme-base.css
@@ -335,7 +335,11 @@ code,
pre.info,
.docs .classsynopsis,
.docs .classsynopsis code {
- font: normal 0.875rem / 1.46 "Source Code Pro", monospace;
+ font: normal 0.875rem/1.5rem "Source Code Pro", monospace;
+}
+p code,
+li code {
+ line-height:1.375rem;
}
body {
@@ -365,21 +369,28 @@ input[type="search"] {
box-sizing: content-box;
}
-h1, h2, h3, h4, h5, h6, p {
- line-height: 1.5rem;
- margin:0 0 .75rem;
+h1, h2, h3, h4, h5, h6 {
+ line-height: 3rem;
+ margin:0 0 1.5rem;
+ overflow:hidden;
}
h1 {
- font-size: 1.5rem;
+ font-size: 1.5rem;
}
h2 {
- font-size: 1.25rem;
+ font-size: 1.25rem;
}
-h3, h4, h5, h6 {
- font-size: 1.125rem;
+h3 {
+ font-size:1.125rem;
+}
+h4, h5, h6 {
+ font-size: 1rem;
+}
+p {
+ margin:0 0 1.5rem
}
ul, ol {
- margin:.75rem 1.5rem;
+ margin:0 0 1.5rem 1.5rem;
padding:0;
}
p:empty {
@@ -510,11 +521,8 @@ hr {
}
#usernotes .note .text {
- border-top: .125rem solid;
- padding: .625rem .75rem .75rem;
- margin-top:.25rem;
- border-radius:0 0 2px 2px;
- border-bottom:1px solid;
+ padding: .75rem;
+ border-radius:0 0 2px 2px;
}
/* Vote arrow styles. */
@@ -564,12 +572,6 @@ dl dd {
margin:0;
padding:0 1.5rem;
}
-dl dd p {
- margin:0;
-}
-dl dd p + p {
- margin-top: .75rem;
-}
.phpcode, div.classsynopsis {
text-align: left;
@@ -1120,7 +1122,7 @@ fieldset {
}
.content-box .md5sum {
display: block;
- font: normal 0.875rem / 1.46 "Source Code Pro", monospace;
+ font: normal 0.875rem/1.5rem "Source Code Pro", monospace;
}
.content-box .md5sum:before {
content: "md5: ";
@@ -1134,9 +1136,9 @@ fieldset {
background: white;
border: solid 1px rgb(214, 214, 214);
margin: 0px;
- padding: 0.75rem 0.625rem;
+ padding: 0.75rem;
overflow: auto;
- font: normal 0.875rem / 1.46 "Source Code Pro", monospace;
+ font: normal 0.875rem/1.5rem "Source Code Pro", monospace;
}
.content-box pre.small {
padding: 0;
@@ -1148,25 +1150,14 @@ fieldset {
}
.title {
- padding:.5rem .75rem;
- border-top:.125rem solid #666;
- border-bottom:1px solid;
- overflow:hidden;
- margin-bottom:.75rem;
+ padding:0 .75rem;
+}
+header.title {
+ margin-bottom:1.5rem;
}
.title a {
border:0;
}
-.refsect1 > *:last-child {
- margin-bottom:0;
-}
-.refsect1 > *:last-child *:last-child {
- margin-bottom:0;
-}
-
-.refsect1 > .title + * {
- margin-top:0;
-}
.country {
position: relative;
@@ -1212,29 +1203,23 @@ div.tip,
div.warning,
div.caution,
blockquote.note {
- padding:.75rem;
- margin-top:.75rem;
- margin-bottom:.75rem;
-}
-
-div.caution strong.caution,
-div.warning strong.warning {
- font-size: 1.125rem;
+ padding: .75rem;
+ margin: 1.5rem 0;
+ overflow: hidden
}
-div.tip b.tip,
div.tip strong.tip,
-div.caution b.caution,
div.warning strong.warning,
div.caution strong.caution {
- float: left;
- margin-right: 0.5rem;
+ float: left;
+ margin-right: 0.5rem;
+ font-size: 1.125rem;
}
blockquote.note p,
div.caution p,
div.warning p,
div.tip p {
- margin: 0;
+ margin: 0;
}
/* }}} */
@@ -1255,35 +1240,29 @@ div.tip p {
.docs .refentry .parameters dl {
margin-bottom:0;
}
-
-.docs dl dd + dt {
- margin-top:.75rem;
-}
-
/* }}} */
+/* {{{ Examples */
+
.docs .example {
- margin: .75rem 0;
+ margin: 1.5rem 0;
}
-/* {{{ Examples */
-
.docs .example-contents {
- margin-bottom:.75rem;
+ margin-bottom:1.5rem;
}
.docs .example-contents pre {
margin:0;
}
.docs .example-contents > [class$="code"],
.docs .example-contents.screen {
- padding: .75rem .625rem;
- border:1px solid;
+ padding: .75rem;
}
.refsect1 .dc-description,
.docs .sect1 .dc-description {
padding: .75rem;
- margin-bottom: .75rem;
+ margin-bottom: 1.5rem;
}
.docs .phpcode code {
@@ -1348,26 +1327,17 @@ ul.chunklist_children {
}
.docs .refnamediv p.verinfo {
- font-size: .75rem;
-}
-.docs .refnamediv p {
- margin:0;
-}
-.refsect1 p {
- margin-top:0;
+ font-size: .875rem;
+ margin:0;
}
-.docs h1.refname {
- font-weight:bolder
+.docs h1.refname + h1.refname {
+ margin-top:-1.5rem; /* for functions with OO and procedural definitions */
}
.docs .refnamediv {
position:relative;
}
-.refsect1 {
- margin: 1.5rem 0;
-}
-
.docs .classsynopsis {
margin-bottom:.75rem;
}
@@ -1419,10 +1389,12 @@ ul.chunklist_children {
}
.layout-menu ul.child-menu-list li:first-child a {
border-top: 1px dotted;
+ margin-top:-1px;
}
.layout-menu ul.child-menu-list a {
font-size: .875rem;
border-bottom: 1px dotted;
+ margin-bottom:-1px;
display:block;
padding-left:.75rem;
position:relative;
@@ -1754,9 +1726,8 @@ aside.tips p {
margin-top:0;
}
aside.tips .panel {
- margin:0.75rem 0;
+ margin:1.5rem 0;
background:#E2E4EF;
- border:1px solid #C4C9DF;
border-radius:2px;
}
@@ -1878,7 +1849,7 @@ aside.tips div.inner {
margin:0;
}
.newsentry {
- margin: 0 0 1.5rem;
+ margin: 0 0 3rem;
position: relative;
}
.newsentry h2 {
@@ -1890,6 +1861,7 @@ aside.tips div.inner {
}
.newsentry header time {
float:right;
+ line-height:3rem;
}
.newsentry .newsimage a {
diff --git a/styles/theme-medium.css b/styles/theme-medium.css
index 86c36f7..5aa3b3b 100755
--- a/styles/theme-medium.css
+++ b/styles/theme-medium.css
@@ -33,6 +33,20 @@ h1, h2, h3, h4, h5, h6 {
font-weight:bolder;
color:#333
}
+h1:not(.title):after,
+h2:not(.title):after,
+h3:not(.title):after {
+ display:table;
+ width:100%;
+ content:" ";
+ margin-top:-1px;
+ border-bottom:1px dotted;
+}
+.title h1:after,
+.title h2:after,
+.title h3:after {
+ display:none;
+}
a:link,
a:visited {
@@ -87,11 +101,7 @@ h1.refname {
color: #333;
background: #E2E4EF;
border-radius:0 0 2px 2px;
- border-color:#C4C9DF;
- border-top-color:#4F5B93;
- box-shadow:
- inset 1px 0 1px -1px #C4C9DF,
- inset -1px 0 1px -1px #C4C9DF
+ box-shadow: inset 0 0 00 1px rgba(0,0,0,.1);
}
.title a {
color: #333;
@@ -143,6 +153,8 @@ div.warning {
background:#F4DFDF;
border-color: #EABFBF;
}
+
+div.tip,
.refsect1 .dc-description,
.docs .sect1 .dc-description,
.refsect1 blockquote.note,
@@ -201,25 +213,13 @@ div.warning a:focus {
}
#usernotes .note .text {
background-color: #E6E6E6;
- border-color: #ccc;
- box-shadow:
- inset 1px 0 1px -1px #ccc,
- inset -1px 0 1px -1px #ccc;
-
- -webkit-transition: opacity 0.4s;
- -moz-transition: opacity 0.4s;
- -o-transition: opacity 0.4s;
- -ms-transition: opacity 0.4s;
+ box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
transition: opacity 0.4s;
}
#usernotes .note .votes .tally {
color: #333;
}
#usernotes .note .votes a {
- -webkit-transition: border 0.4s;
- -moz-transition: border 0.4s;
- -o-transition: border 0.4s;
- -ms-transition: border 0.4s;
transition: border 0.4s;
}
/* }}} */
@@ -259,8 +259,7 @@ div.warning a:focus {
.example-contents > [class$="code"],
.example-contents.screen {
background-color: #fff;
- border-color: #d0d0d0 !important;
- border-top-color: #cdcdcd !important;
+ box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
}
.refsect1 .example-contents > [class$="code"],
.refsect1 .example-contents.screen {