Created
September 24, 2011 12:54
-
-
Save andidev/1239301 to your computer and use it in GitHub Desktop.
css for page layout
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* html style | |
----------------------------------*/ | |
html { | |
background-color: white; | |
/* font style (this will be inherited) */ | |
font-size: small; | |
font-family: arial,sans-serif; | |
} | |
/* body style | |
----------------------------------*/ | |
body { | |
height: 100%; | |
width: 100%; | |
margin: 0px 0px; | |
border: 1px; | |
padding: 4px 8px; | |
color: #959595; | |
background-color: #eeeeee; | |
border-radius: 0px; | |
border-style: solid; | |
border-color: lightgrey; | |
display: block; | |
float: left; | |
text-align: center; /* center body-content */ | |
} | |
body > h1.body-header { | |
margin-top: -5px; /* hide margin + border from body style */ | |
margin-right: -9px; /* hide margin + border from body style */ | |
margin-bottom: 8px; | |
margin-left: -9px; /* hide margin + border from body style */ | |
border: 1px; | |
padding: 8px 8px; | |
color: #959595; | |
background-color: lightgrey; | |
border-radius: 0px; | |
border-style: solid; | |
border-color: lightgrey; | |
font-size: large; | |
font-weight: bold; | |
text-align: center; | |
} | |
body > div.body-content { | |
text-align: left; /* reset inheritance of text-align from body style */ | |
display: inline-block; /* wrap around content (in other words avoid 100% width of body) */ | |
vertical-align: top; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment