Tab to spaces.

This commit is contained in:
Sébastien Lucas 2013-05-16 12:30:29 +02:00
parent c8c0f80eeb
commit 5aa08719dd

126
style.css
View file

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