gjankowiak/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css clean up

Browse source
This commit is contained in:
Gaspard Jankowiak 2014-01-27 21:52:30 +01:00
commit df58a996ee
16 changed files with 401 additions and 2199 deletions
Download patch file Download diff file Expand all files Collapse all files

5
_sass/ie.scss Normal file
View file

@ -0,0 +1,5 @@
/* Welcome to Compass. Use this file to write IE specific override styles.
* Import this file using the following HTML or equivalent:
* <!--[if IE]>
* <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
* <![endif]--> */

3
_sass/print.scss Normal file
View file

@ -0,0 +1,3 @@
/* Welcome to Compass. Use this file to define print styles.
* Import this file using the following HTML or equivalent:
* <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */

83
_sass/screen.scss Normal file
View file

@ -0,0 +1,83 @@
/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
$bg: #eee;
$text: #444;
$strong: #111;
$dim: #999;
$links: #55f;
$rule: #999;
$width: 800px;
@import "compass/reset";
@import "compass/css3";
@include font-face("OpenSans", font-files("OpenSans.woff"));
@include font-face("OpenSansLight", font-files("OpenSans-Light.woff"));
@include font-face("OpenSansItalic", font-files("OpenSans-Italic.woff"));
html, body { height: 100%; text-align: justify;
background-color: $bg; color: $text;
font-family: "OpenSans", sans;
line-height: 1.4em; }
a { text-decoration: none; color: $links; }
a:hover { text-decoration: underline; }
hr { height: 1px; border: none; background-color: $rule; margin-top: 1em; }
section h1 { font-size: 150%; border-left: 0.25em solid $links;
border-radius: 3px; padding-left: 0.3em; margin-left: -0.8em; }
section h2 { font-size: 120%; font-weight: bold; }
h1, h2, h3, h4, h5 { margin: 0.7em 0 0.5em 0; }
header { text-align: center; font-family: "OpenSansLight", sans;
line-height: 1.3em; font-weight: 400; font-size: 1.2em;
padding-top: 0.5em; }
header h1 { font-size: 1.5em; margin:0 0 0.3em 0; }
header a { color: $text; }
nav { text-align: center; font-size: 120%; margin: 1em 0; }
nav ul li { display: inline; margin: 0; clear: both; }
footer { font-size: 75%; padding-bottom: 175px; }
em { font-family: OpenSansItalic; }
table { width: 100%; }
thead { color: $dim; }
th, td { padding: 0.3em; }
tr { border-bottom: 1px solid $dim; }
tbody tr:hover { border-bottom: 1px solid $strong; color: $strong; }
ul { list-style-image: url('../images/bullet_dark.png'); }
li { margin-left: 1em; }
.float-left { float: left; }
.right, .float-right { float: right; }
.clear { clear: both; }
.switcher { float: left; }
.credits { color: $dim; }
#wrapper { max-width: $width; margin: auto; }
#outter-wrapper { width: 100%; height: auto; min-height: 100%; position: relative; }
#foot_image { height: 150px; background-image: url('../images/antennes.png');
position: absolute; bottom: 0; width: 100%; }
@media (max-width: $width) {
#outter-wrapper { width: 100%; }
header h1 { font-size: 1.2em; }
header { font-size: 1em; }
body { padding: 0 1em; }
#foot_image { display: none; }
footer { display: none; }
}