more styling
This commit is contained in:
parent
27eb552d08
commit
f14e18e8e4
2 changed files with 16 additions and 10 deletions
|
@ -11,6 +11,8 @@ $links: #55f;
|
|||
$rule: #999;
|
||||
|
||||
$width: 800px;
|
||||
$margin: 17px;
|
||||
$in_width: $width - $margin;
|
||||
$small-width: 500px;
|
||||
|
||||
@import "compass/reset";
|
||||
|
@ -30,8 +32,8 @@ 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 h1 { font-size: 150%; border-left: 4px solid $links;
|
||||
padding-left: 11px; margin-left: -$margin; }
|
||||
|
||||
section h2 { font-size: 120%; font-weight: bold; }
|
||||
|
||||
|
@ -74,12 +76,13 @@ li { margin-left: 1em; }
|
|||
|
||||
.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; }
|
||||
#foot_image { height: 150px; background-image: url('../images/antennes.png');
|
||||
position: absolute; bottom: 0; width: 100%; }
|
||||
|
||||
@media (max-width: $small-width) {
|
||||
body { font-size: 80%; }
|
||||
.switcher { float: none; }
|
||||
}
|
||||
|
||||
|
@ -87,7 +90,7 @@ li { margin-left: 1em; }
|
|||
#outter-wrapper { width: 100%; }
|
||||
header h1 { font-size: 1.2em; }
|
||||
header { font-size: 1em; }
|
||||
body { padding: 0 1em; }
|
||||
body { padding: 0 $margin; }
|
||||
#foot_image { display: none; }
|
||||
footer { display: none; }
|
||||
}
|
||||
|
|
|
@ -101,10 +101,9 @@ hr {
|
|||
|
||||
section h1 {
|
||||
font-size: 150%;
|
||||
border-left: 0.25em solid #5555ff;
|
||||
border-radius: 3px;
|
||||
padding-left: 0.3em;
|
||||
margin-left: -0.8em;
|
||||
border-left: 4px solid #5555ff;
|
||||
padding-left: 11px;
|
||||
margin-left: -17px;
|
||||
}
|
||||
|
||||
section h2 {
|
||||
|
@ -222,7 +221,7 @@ li {
|
|||
}
|
||||
|
||||
#wrapper {
|
||||
max-width: 800px;
|
||||
max-width: 783px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
@ -242,6 +241,10 @@ li {
|
|||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
body {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
.switcher {
|
||||
float: none;
|
||||
}
|
||||
|
@ -260,7 +263,7 @@ li {
|
|||
}
|
||||
|
||||
body {
|
||||
padding: 0 1em;
|
||||
padding: 0 17px;
|
||||
}
|
||||
|
||||
#foot_image {
|
||||
|
|
Loading…
Reference in a new issue