com web/php: Significant changes in font sizes and general spacing. Also changed tips and warnings.: styles/doc.css styles/theme.css

Commit: 605eeac6f8d192cadec06ac3fe68bf536f2f0850 Author: Levi Morrison <levim@php.net> Thu, 4 Jul 2013 11:10:06 -0600 Parents: a5ea95979a0d76c79071b5dbef02d42d5f6fb899 Branches: master Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=605eeac6f8d192cadec06ac3fe68bf536f2f0850 Log: Significant changes in font sizes and general spacing. Also changed tips and warnings. Changed paths: M styles/doc.css M styles/theme.css Diff: diff --git a/styles/doc..css b/styles/doc.css index a7450ae..b744147 100755 --- a/styles/doc.css +++ b/styles/doc.css @@ -101,33 +101,24 @@ aside#quicktoc { .docs blockquote.note { background-color: #EFEFEF; } -.docs div.tip { - border-top: 3px solid #9999EE; - background-color: #EFEFEF; -} .docs div.caution { background-color: #ffc; } -.docs div.tip b.tip, -.docs div.warning b.warning, -.docs div.tip strong.tip, .docs div.warning strong.warning { font-size: 1.5em; - line-height: 2; + line-height: 1; display:block; text-align: center; } -.docs div.tip p, -.docs div.warning p { +.docs div.warning div.example-contents { padding-left: 1em; - text-align: left; } - -.docs div.warning div.example-contents { - padding-left: 60px; +.docs div.tip *:last-child, +.docs div.warning *:last-child { + margin-bottom:0; } .docs div.caution b.caution, .docs div.caution strong.caution { @@ -135,35 +126,31 @@ aside#quicktoc { margin-right: 0.8em; } .docs blockquote.note p, -.docs div.warning p, -.docs div.caution p, -.docs div.tip p { +.docs div.caution p { margin: 0; } -.docs div.tip, -.docs div.warning { - margin: 1.5em 0; - padding: 0 .75em .75em 92px; - min-height: 96px; - background-position: 16px; -} -.docs div.warning { - background: #F2E5F4 url('/images/dialog-warning.png') left center no-repeat; +.docs div.tip { + background:#ddf; + border-top: 3px solid #9999EE; + margin:1.5em 0; + padding:.75em 1.5em; } -.docs div.warning:before { - border-color:#9f8a8a; +.docs .refsect1.notes div.tip { + border-top:0; } -.docs div.tip { - background: #efefef url('/images/dialog-information.png') left center no-repeat; +.docs div.tip p { + margin:0; } -.docs div.tip:before { - border-color:#99e; +.docs div.tip strong.tip { } -.docs div.warning h1{ - font-size: 1.4em; +.docs div.warning { + background: #fcc; + margin: 1.5em 0; + padding: 1.5em; } + /* }}} */ .docs .refentry .constructorsynopsis, @@ -187,10 +174,6 @@ aside#quicktoc { font-size:1.23076em; } -.docs .rdfs-comment .parameter { - font-size: 1.3em; -} - /* }}} */ .docs .example { @@ -285,7 +268,6 @@ ul.chunklist_children { .docs p.verinfo { float:right; - color: #777; margin:0 0 0 1.5em; } @@ -299,7 +281,7 @@ ul.chunklist_children { .docs div.refsect1 h3.title { color: #444; position: absolute; - top:-2.5em; + top:-2.1em; left: 0; } @@ -316,12 +298,6 @@ ul.chunklist_children { padding: .75em; } -.docs .classsynopsis:before, -.docs div.refsect1:before { - top:-.25em; - border-top: .25em solid #cacaca; - z-index: -1; -} .docs .classsynopsis { color: #454e55; } @@ -445,6 +421,7 @@ body.docs #layout { #changelang-langs { width:12em; font-size:.75em; + line-height:2; margin: 0 0 0 .75em; } @@ -459,10 +436,8 @@ div.soft-deprecation-notice h1.title { position: absolute; padding: 0; margin:0; - line-height: 1; top:-22px; left: 0; - font-size: 1.4em; font-weight: bold; } div.soft-deprecation-notice { diff --git a/styles/theme.css b/styles/theme.css index 4e62a6c..e87d85e 100755 --- a/styles/theme.css +++ b/styles/theme.css @@ -34,17 +34,19 @@ body { background: url('/images/sprites.png') repeat-x 0px -990px #fff; } h1 { - font-size: 2em; - line-height: 1.5; -} -h2 { font-size: 1.5em; line-height: 1; - margin:1em 0; + margin:0 0 1em; } -h3 { +h2 { font-size: 1.25em; line-height: 1.2; + margin:0 0 1.2em; +} +h3 { + font-size: 1.125em; + line-height: 1.333333333; + margin:0 0 1.333333333em; } p { margin: 1.5em 0; @@ -59,6 +61,7 @@ p:empty { } small { font-size: 0.75em; + line-height: 2; } abbr { @@ -67,8 +70,8 @@ abbr { } h1, h1 a, h1 a:visited, h1 a:link { - color: #666; - border-color:#666; + color: #222; + border-color:#222; } h1 a:hover, h1 a:focus { @@ -87,32 +90,15 @@ h2 a:focus { border-color:#000; } -h3.title { - font-size: 1.25em; - line-height: 2.4; -} - -h4.title { - font-size: 1.2em; -} - -h5.title { - font-size: 1.15em; -} - -h6.title { - font-size: 1.1em; -} - h1, h2, h3, h4, h5, h6 { font-weight:normal; } + h4, h5, h6 { - font-size:1em; - color:#000; + font-size:1.125em; + line-height: 1.333333333; } - a:link, a:visited { color: #3F438D; @@ -363,19 +349,21 @@ hr { position: relative; } -#usernotes h3 { - border-bottom: .2em solid #669; - margin-bottom: -.2em; +#usernotes h3.title { + border-bottom: 0.166666667em solid #669; + margin-bottom: -0.166666667.em; + line-height:2.666666667; } #usernotes .count { background-color: #7F7FB2; color: white; - -moz-border-radius: 5px; -webkit-border-radius: 5px; + -moz-border-radius: 5px; border-radius: 5px; - padding: 0.4em; - font-size: 0.6em; + padding: 0.333333333em .5em; + font-size: 0.666666667em; + line-height:2; vertical-align: middle; } @@ -407,10 +395,11 @@ hr { border-bottom: 0; color: #444; margin-left: 1em; + font-size: 1.125em; + line-height:1.333333333; } #usernotes .note .name em { - font-size: 1.2em; font-style: normal; font-weight: normal; } @@ -592,13 +581,12 @@ pre.info { #mega-drop-down dd { padding: 0 0 0 10px; margin: 0; - font-size: 11px; + font-size:.875em; + line-height:1.714285714; } #mega-drop-down a { - font-size: 1.2em; display: block; - padding: 2px; color: #ccc; border-bottom: none; } @@ -707,7 +695,8 @@ aside.tips div.inner { } #search-results li .result { - font-size: 1.2em + font-size: 1.25em; + line-height:1.2; } #results_nav_list { @@ -831,7 +820,8 @@ table.standard tr:nth-child(even) td { } table.standard th { - font-size: 1.1em; + font-size: 1.125em; + line-height: 1.333333333; padding: 20px 10px 5px 10px; color: #777; font-weight: normal; @@ -1065,4 +1055,4 @@ em, strong { #toTop:active,#toTop:focus { outline:none; -} \ No newline at end of file +}