Commit: 59c5399a6813509e459adcff21a319120e4f830d Author: Hannes Magnusson <[email protected]> Fri, 20 Dec 2013 13:28:24 -0800 Parents: fe23677d5c8628da13f584a29c9133a893c62237 Branches: master
Link: http://git.php.net/?p=web/shared.git;a=commitdiff;h=59c5399a6813509e459adcff21a319120e4f830d Log: - Remove fixed header & footer - Default link styles - Style secondscreen (stolen from Levi from phpweb) - Allow messing fith hN margins Changed paths: M styles/defaults.css Diff: diff --git a/styles/defaults.css b/styles/defaults.css index 5b4f0cc..5e04d45 100644 --- a/styles/defaults.css +++ b/styles/defaults.css @@ -24,16 +24,14 @@ body { color: #444 !important; font: normal 1em Tahoma, Arial, sans-serif, serif, monospace; background-color: #E3E3F1; - height: 100%; width: 100%; - height: 100%; - position: fixed; - margin: 0 !important; + overflow-y: scroll; +} +body, header, section, footer { + margin: 0; + padding: 0; } header { - top: 0px; - left: 0px; - position: fixed; width: 100%; border-bottom: 0.25em solid #669; @@ -44,13 +42,7 @@ header { footer { border-top: .25em solid #99C; background-color: #262626 !important; - position: absolute; - bottom: 0px; width: 100%; - height: 45px; -} -footer nav { - margin: 0 auto; } nav { line-height: 2.5; @@ -58,6 +50,9 @@ nav { nav img { vertical-align: middle; } +.mainscreen > * { + margin: 0 40px; +} nav ul { display: inline-block; list-style: none; @@ -93,57 +88,55 @@ nav input { box-shadow: inset 0 1px 2px rgba(0,0,0,.2); } +section.fullscreen a { + color: #369; + border-bottom: 1px solid; + text-decoration: none; +} + h1, h2, h3, h4, h5, h6 { font-family: "Source Sans Pro", Helvetica, Arial, sans-serif !important; font-weight: bolder; color: #446; background: #E3E3F1; - border-radius: 0 0 2px 2px; border-color: #C6C6E2; - box-shadow: inset 1px 0 1px -1px #C6C6E2, inset -1px 0 1px -1px #C6C6E2; padding: 0.333333333em 0.444444444em !important; - margin-top: 0.333333333em !important; border-top: 2px solid #669; border-bottom: 1px solid; } h1 { font-size: 1.25em; line-height: 1; - margin:0 0 .5em !important; + margin:0 0 .5em; } h2 { font-size: 1.20em; line-height: 1.2; - margin:0 0 0.6em !important; + margin:0 0 0.6em; } h3 { font-size: 1.125em; line-height: 1.333333333; - margin:0 0 0.66666666666667em !important; + margin:0 0 0.66666666666667em; } p { margin: .75em 0; } -section.fullscreen { - position: fixed; - height: 100%; - overflow-y: scroll; - display: block; - padding-bottom: 50px; - -} section.mainscreen { background: #fff; border: 1px solid #ccc; border-top: 0px; border-bottom: 0px; } +.mainscreen { + border: 1px solid #99c; +} .secondscreen { vertical-align: top; - display: inline-block; } + /* Grab attention with a warning */ .warning { background: #f9ecf2; @@ -207,16 +200,13 @@ section.mainscreen { top: 0; } .fullscreen, + section.mainscreen, .mainscreen, - .secondscreen { + .secondscreen, + footer { width: 100%; display: block; - } - section.fullscreen { - top: 50px; - } - footer { - max-height: 0; + border: 0px; } img { max-width: 100%; @@ -224,19 +214,11 @@ section.mainscreen { } @media (min-width: 641px) { .fullscreen, - .mainscreen, - .secondscreen { - width: 90%; - display: inline-block; - } - section.fullscreen { - top: 85px; - } - section.secondscreen { - margin-bottom: 75px; + footer { + width: 100%; } - header, footer, section.fullscreen { - padding: 0 10%; + .mainscreen { + display: inline-block; } img { max-width: 100% @@ -245,38 +227,42 @@ section.mainscreen { @media (min-width: 1020px) { .fullscreen { - width: 100%; - display: block; - } - section.fullscreen { - top: 45px; - } - section.mainscreen { - margin-bottom: 75px; + width: 90%; + margin: 0 auto; } - header, footer, section.fullscreen { - padding: 0 10px; + header, footer + .mainscreen, + .secondscreen { + display: inline-block; } .mainscreen { - width: 65%; - display: inline-block; - padding: 0; - padding: 0 35px 0 0; + width: 70%; } .secondscreen { - width: 300px; + margin-left: 30px; + width: 25% } -} -@media (min-width: 1250px) { - header, footer, section.fullscreen { - padding: 0 40px; + .secondscreen h1, + .secondscreen h2, + .secondscreen h3, + .secondscreen h4, + .secondscreen h5, + .secondscreen h6 { + margin: 0; + background: #f0f0f0; + border: 1px solid #d9d9d9; + border-bottom-color: #d0d0d0; + border-radius: 2px; } - .fullscreen { - width: 100%; + .secondscreen > nav { + background-color: #f9f9f9; + border: 1px solid #d9d9d9; + margin: 0; } - .mainscreen { - width: 65%; - padding: 0 40px; +} +@media (min-width: 1680px) { + .fullscreen { + max-width: 1700px; } } /* }}} */ -- PHP Webmaster List Mailing List (http://www.php.net/) To unsubscribe, visit: http://www.php.net/unsub.php
