diff --git a/style.css b/style.css index a1a2df9..25378fc 100644 --- a/style.css +++ b/style.css @@ -1,30 +1,30 @@ -/* Global Box Sizing and Font-Smoothing */ +/* Global Box Sizing and Font-Smoothing */ *, *:after, *:before { - box-sizing:border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - -webkit-font-smoothing:antialiased; - -moz-font-smoothing:antialiased; - -o-font-smoothing:antialiased; - font-smoothing:antialiased; - text-rendering:optimizeLegibility; + box-sizing:border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + -webkit-font-smoothing:antialiased; + -moz-font-smoothing:antialiased; + -o-font-smoothing:antialiased; + font-smoothing:antialiased; + text-rendering:optimizeLegibility; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { - font-family: 'Open Sans', sans-serif; - line-height:18px; - color: #1c1c1c; /* Lighter on the eyes than #000 Black */ - margin: 0px; background: #cccccc; background-size: cover; + font-family: 'Open Sans', sans-serif; + line-height:18px; + color: #1c1c1c; /* Lighter on the eyes than #000 Black */ + margin: 0px; background: #cccccc; background-size: cover; } img { - border: 0px; - max-width: 100%; - height: auto; - width: auto\9; /* ie8 */ + border: 0px; + max-width: 100%; + height: auto; + width: auto\9; /* ie8 */ } /* ========================================================================== @@ -57,26 +57,26 @@ border:0; ========================================================================== */ .container{ background: #414141; border:1px solid #000; border-radius:10px; - max-width:800px;width:95%;margin:0 auto;position:relative; } - + max-width:800px;width:95%;margin:0 auto;position:relative; } + .fancyabout { font-weight:400; text-decoration: none; } /* ============================================================================= Header stuff goes here ========================================================================== */ header { - clear:both; - color:white; - text-align:center; - text-transform:uppercase; - display:block; - box-shadow:inset 0px -5px 8px #000000; - min-height:70px; - border-radius: 10px 10px 0px 0px; + clear:both; + color:white; + text-align:center; + text-transform:uppercase; + display:block; + box-shadow:inset 0px -5px 8px #000000; + min-height:70px; + border-radius: 10px 10px 0px 0px; } .headleft { - float: left; + float: left; } .headcenter @@ -99,7 +99,7 @@ header h1{ } .headright { - float: right; + float: right; } /* ============================================================================= @@ -118,70 +118,70 @@ max-width:800px; /*-------------frontpage article-------------*/ .frontpage h2 { - padding: 5px 0 0 5px; + padding: 5px 0 0 5px; } .frontpage h4 { - padding: 5px 0 5px 20px; - font-style: italic; + padding: 5px 0 5px 20px; + font-style: italic; } /*-------------books article-------------*/ .books { - clear: both; - padding: 10px; - min-height: 90px; + clear: both; + padding: 10px; + min-height: 90px; } .cover { - float:left; - margin: 0 10px 0 0; - min-width: 56px; - min-height: 70px; + float:left; + margin: 0 10px 0 0; + min-width: 56px; + min-height: 70px; } .download { - float: right; - line-height:40px; - text-align: right; + float: right; + line-height:40px; + text-align: right; } .download a { - border-radius: 6px; - box-shadow:0 0 10px #000; - background: darkgray; - background: radial-gradient(#666, black); - color: #EEE; - text-decoration : none; - font-weight: bold; - padding: 5px 10px 5px 10px; + border-radius: 6px; + box-shadow:0 0 10px #000; + background: darkgray; + background: radial-gradient(#666, black); + color: #EEE; + text-decoration : none; + font-weight: bold; + padding: 5px 10px 5px 10px; } .books h4{ - display: inline; - font-style: italic; + display: inline; + font-style: italic; } /*-------------books popup article-------------*/ .bookpopup h2{ - margin: 15px 15px; + margin: 15px 15px; } .bookpopup h3{ - display:inline; /*Dirty IE Hack*/ zoom: 1; *display: inline; + display:inline; /*Dirty IE Hack*/ zoom: 1; *display: inline; } .bookpopup p{ - display:inline; /*Dirty IE Hack*/ zoom: 1; *display: inline; + display:inline; /*Dirty IE Hack*/ zoom: 1; *display: inline; } .bookpopup h4{ - border-top: 1px solid black; + border-top: 1px solid black; } .fullclickpopup{ - display: block; + display: block; } /* ============================================================================= Footer stuff goes here @@ -195,7 +195,7 @@ height:32px; } footer a{ - float: right; + float: right; } /* ============================================================================= Aside stuff goes here @@ -252,17 +252,17 @@ h1 {font-size: 1.2em;} /* 480px and greater */ @media only screen and (min-width: 480px) { h1 {font-size: 1.5em;} -body { font-size: 1em;/*12px/16px */ - font-weight:450; /* Better supported than 'lighter' attribute */ - } +body { font-size: 1em;/*12px/16px */ + font-weight:450; /* Better supported than 'lighter' attribute */ + } } /* 810px and greater */ @media only screen and (min-width: 768px) { h1 {font-size: 2em;} .container { box-shadow:0 0 20px #000; } -body { margin: 5px; - font-size: 0.85em;/*12px/16px */ - font-weight:400; /* Better supported than 'lighter' attribute */ - } +body { margin: 5px; + font-size: 0.85em;/*12px/16px */ + font-weight:400; /* Better supported than 'lighter' attribute */ + } } \ No newline at end of file