@media screen { .stuck { position:fixed; top:0; max-width: 60em; clear: both; width: 912px; } /* force vertical scrollbar */ body { overflow-y: scroll; } /* Layout Module Configuration */ .ym-wrapper { max-width: 60em; margin: 0 auto; } .ym-wbox { padding-top: 0.5em; padding-right: 1.5em; padding-bottom: 1em; padding-left: 0.5em; } /* fallback for missing media queries support*/ body > header, body > nav, body > #main, body > footer { min-width: 760px; /*min-width: 760px;*/ } /* Basic Element Styling */ header { background: #908d7e; /*#535151; /*#AA2023; /*#AA2023; - wpbck_red*/ color: #cccc; border-bottom:solid 3px #AA2023; border-bottom-right-radius: 3px 3px; border-bottom-left-radius: 3px 3px; /*border-top:solid 3px #AA2023; border-top-right-radius: 5px 20px; border-top-left-radius: 5px 20px;*/ } header h1 { background: transparent; /*transparent;*/ color: #FEFEFC; /*#FEFEFC; - wp white*/ font-weight: normal; /*normal*/ } #main .info { margin-bottom: 1.5em; } footer { color: #444; font-size: 80%; background-color: #FFFFFF;/*#F3F1EB;*/ } footer p { margin: 0; font-size: 70%; } header .ym-wbox, footer .ym-wbox { padding-top: 0.8em; padding-right: 1.5em; padding-bottom: 0.5em; padding-left: 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 { /* [disabled]border-left: 1px #ddd solid; */ background-color: #f4f4f4; } /* skip links styling */ .ym-skiplinks a.ym-skip:focus, .ym-skiplinks a.ym-skip:active { color:#FEFEFC; 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: 980px ) { .stuck { position:fixed; top:0; left:0; max-width: 60em; clear: both; width: 100%; } header .ym-wbox { padding: 1em 1.5em; } header h1 { font-size: 1.4em; line-height: .85em; margin: 0; } .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; padding: 0; margin: 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; margin: 0; } .ym-searchform { display:block; float: none; width: auto; padding-right: 10px; text-align: right; } .ym-searchform input[type="search"] { width: 10%; } } @media screen and ( max-width: 550px) { header .ym-wbox { padding: 1em 10px; } footer .ym-wbox, .ym-wbox, .ym-searchform, nav .ym-hlist ul { padding-left: 10px; padding-right: 10px; } header h1 { font-size: 1.4em; line-height: .85em; 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; padding: 0; margin: 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; margin: 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: 71%; } }