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

more styling

Browse source
This commit is contained in:
Gaspard Jankowiak 2014-01-28 21:21:05 +01:00
parent 27eb552d08
commit f14e18e8e4
2 changed files with 16 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
_sass/screen.scss
View file

@ -11,6 +11,8 @@ $links: #55f;
$rule: #999; $rule: #999;
$width: 800px; $width: 800px;
$margin: 17px;
$in_width: $width - $margin;
$small-width: 500px; $small-width: 500px;
@import "compass/reset"; @import "compass/reset";
@ -30,8 +32,8 @@ a:hover { text-decoration: underline; }
hr { height: 1px; border: none; background-color: $rule; margin-top: 1em; } hr { height: 1px; border: none; background-color: $rule; margin-top: 1em; }
section h1 { font-size: 150%; border-left: 0.25em solid $links; section h1 { font-size: 150%; border-left: 4px solid $links;
border-radius: 3px; padding-left: 0.3em; margin-left: -0.8em; } padding-left: 11px; margin-left: -$margin; }
section h2 { font-size: 120%; font-weight: bold; } section h2 { font-size: 120%; font-weight: bold; }
@ -74,12 +76,13 @@ li { margin-left: 1em; }
.credits { color: $dim; } .credits { color: $dim; }
#wrapper { max-width: $width; margin: auto; } #wrapper { max-width: $in_width; margin: auto; }
#outter-wrapper { width: 100%; height: auto; min-height: 100%; position: relative; } #outter-wrapper { width: 100%; height: auto; min-height: 100%; position: relative; }
#foot_image { height: 150px; background-image: url('../images/antennes.png'); #foot_image { height: 150px; background-image: url('../images/antennes.png');
position: absolute; bottom: 0; width: 100%; } position: absolute; bottom: 0; width: 100%; }
@media (max-width: $small-width) { @media (max-width: $small-width) {
body { font-size: 80%; }
.switcher { float: none; } .switcher { float: none; }
} }
@ -87,7 +90,7 @@ li { margin-left: 1em; }
#outter-wrapper { width: 100%; } #outter-wrapper { width: 100%; }
header h1 { font-size: 1.2em; } header h1 { font-size: 1.2em; }
header { font-size: 1em; } header { font-size: 1em; }
body { padding: 0 1em; } body { padding: 0 $margin; }
#foot_image { display: none; } #foot_image { display: none; }
footer { display: none; } footer { display: none; }
} }

15
stylesheets/screen.css
View file

@ -101,10 +101,9 @@ hr {
section h1 { section h1 {
font-size: 150%; font-size: 150%;
border-left: 0.25em solid #5555ff; border-left: 4px solid #5555ff;
border-radius: 3px; padding-left: 11px;
padding-left: 0.3em; margin-left: -17px;
margin-left: -0.8em;
} }
section h2 { section h2 {
@ -222,7 +221,7 @@ li {
} }
#wrapper { #wrapper {
max-width: 800px; max-width: 783px;
margin: auto; margin: auto;
} }
@ -242,6 +241,10 @@ li {
} }
@media (max-width: 500px) { @media (max-width: 500px) {
body {
font-size: 80%;
}
.switcher { .switcher {
float: none; float: none;
} }
@ -260,7 +263,7 @@ li {
} }
body { body {
padding: 0 1em; padding: 0 17px;
} }
#foot_image { #foot_image {