Skip to content

Instantly share code, notes, and snippets.

@sindre

sindre/index.html

Created Aug 21, 2012
Embed
What would you like to do?
responsive CSS für A-Tag`12 - http://atag.accessiblemedia.at/2012
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@media screen and (max-width: 480px) {
#headerbg, #topmenue, #rahmen, #footer, #footerinner, #metanav, #metanavbg, #leftwrap, #content, #rightwrap {min-width:1px;min-height:1px;height:auto;width: 100%;}
#metanav {width:auto;padding:.5em 1em;}
#header {height:auto;}
#headerleft {padding:0;height:auto;width:50%;}
#headerleft img {width:95%;}
#header {padding:1em;}
#headermiddle, #headerright {height:auto;padding:0; text-align:left;width:50%;}
#headerright img {margin-left:-10px;max-width:160px;width:95%;}
#headerright p {margin:0;}
#headermiddle h1 {font-size:2em;margin:0;}
#sidebar_left {display: none;}
#content {padding:0;}
#mainarea2 {padding:0 1em;}
#rightwrap .block {margin:0 0 1em;padding: 0;}
#rightwrap #block-block-6 {margin-top: 0;}
#footer_left {float:none;padding:1em;}
#footerinner {padding:0;}
#footer p {margin: 0;}
#topmenue {text-align: center;}
#topmenue ul li {background-image:none;min-height:1px;float:none;padding-left: 0;}
br[style^="clear"] {display: none;}
#rahmen {float: left !important;}
#footer, #topmenue {clear: both;}
iframe {width:100% !important;}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.