diff options
Diffstat (limited to 'css/yaml4/screen/astaf.css')
| -rw-r--r-- | css/yaml4/screen/astaf.css | 212 |
1 files changed, 212 insertions, 0 deletions
diff --git a/css/yaml4/screen/astaf.css b/css/yaml4/screen/astaf.css new file mode 100644 index 0000000..764f458 --- /dev/null +++ b/css/yaml4/screen/astaf.css @@ -0,0 +1,212 @@ +/** + * "Yet Another Multicolumn Layout" - YAML CSS Framework + * + * default screen stylesheet - FULLPAGE-layout type layout + * + * @copyright Copyright 2005-2012, Dirk Jesse + * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), + * YAML-CDL (http://www.yaml.de/license.html) + * @link http://www.yaml.de + * @package yaml + * @version 4.0 + * @revision $Revision: 703 $ + * @lastmodified $Date: 2012-02-05 11:33:35 +0100 (So, 05 Feb 2012) $ + */ + +@media screen { + + /* force vertical scrollbar */ + body { + overflow-y: scroll; + } + + /* Layout Module Configuration */ + .ym-wrapper { + max-width: 80em; + margin: 0 auto; + } + + .ym-wbox { + padding: 1.5em; + } + + /* fallback for media queries */ + body > header, + body > nav, + body > #main, + body > footer { + min-width: 760px; + } + + /* Basic Element Styling */ + header { + background: #161851; + color: #b3b5cc; + } + + header h1 { + background: transparent; + color: #fff; + } + + nav { + background: #090B21; + } + + #main .info { + margin-bottom: 1.5em; + } + + footer { + background: #e5e7ff; + color: #161851; + } + + footer p { + margin: 0; + } + + header .ym-wbox, + footer .ym-wbox { + padding: 1.5em; + } + + .ym-gbox { padding: 0 1.5em; } + .ym-gbox-left { padding: 0 1.5em 0 0; } + .ym-gbox-right { padding: 0 0 0 1.5em; } + + section.box { padding: 0 1.5em 1.5em 1.5em; } + + #main aside .ym-gbox-right { + border-left: 1px #ddd solid; + } + + /* Column-Set Configuration: 1-3 (sidebar left) */ + /* content */ + .demo-2col .ym-col1 { + width: 75%; + } + /* sidebar */ + .demo-2col .ym-col3 { + margin-left:75%; + margin-right:0; + } + + .demo-2col .ym-col1 .ym-cbox { padding: 0 0.75em 0 1.5em; } + .demo-2col .ym-col3 .ym-cbox { padding: 0 1.5em 0 0.75em; } + + .demo-2col .ym-gbox { padding: 0 1.5em 0 0; } + + /* skip links styling */ + .ym-skiplinks a.ym-skip:focus, + .ym-skiplinks a.ym-skip:active { + color:#fff; + background:#333; + border-bottom:1px #000 solid; + padding:10px 0; + text-align: center; + text-decoration:none; + } +} + +/* reset fallback values in modern browsers */ +@media screen and ( min-width: 0px ) { + + body > header, + body > nav, + body > #main, + body > footer { + min-width: 0; + } +} + +@media screen and ( max-width: 760px ) { + + .secondary { + border-top: 1px #888 solid; + margin-top: 1.5em !important; + } + + #main aside .ym-gbox-right { + border: 0 none; + } + + /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */ + .linearize-level-1, + .linearize-level-1 > [class*="ym-g"], + .linearize-level-1 > [class*="ym-col"] { + display: block; + float: none; + margin-left: 0; + margin-right: 0; + width: 100% !important; + } + + .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"], + .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] { + overflow: hidden; /* optional for containing floats */ + padding: 0; + } + + .ym-searchform { + display:block; + float: none; + width: auto; + text-align: right; + } + + .ym-searchform input[type="search"] { + width: 14%; + } +} + +@media screen and ( max-width: 480px) { + + header .ym-wbox { + padding: 0.75em 10px; + } + + footer .ym-wbox, + .ym-wbox, + .ym-searchform, + nav .ym-hlist ul { + padding-left: 10px; + padding-right: 10px; + } + + header h1 { + font-size: 1.5em; + line-height: 1em; + margin: 0; + } + + /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */ + .linearize-level-2, + .linearize-level-2 > [class*="ym-g"], + .linearize-level-2 > [class*="ym-col"] { + display: block; + float: none; + margin-left: 0; + margin-right: 0; + width: 100% !important; + } + + .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"], + .linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] { + overflow: hidden; /* optional for containing floats */ + padding: 0; + } + + .ym-searchform, + nav .ym-hlist ul, + nav .ym-hlist li { + display:block; + float: none; + width: auto; + text-align: left; + } + + .ym-searchform input[type="search"] { + width: 75%; + } +}
\ No newline at end of file |