yogsototh/sharieswebsite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Some box-shadows

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2011-04-18 17:49:42 +02:00
parent 5e6f5c49f1
commit eccc7fba43
2 changed files with 27 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
site/css/main.css
View file

@ -1,24 +1,27 @@
/* line 1, ../src/main.scss */
/* line 5, ../src/main.scss */
body {
background-color: #f6f6f6;
}
/* line 4, ../src/main.scss */
/* line 8, ../src/main.scss */
#metacontainer {
border-top: 2px solid #CCC;
border-bottom: 1px solid #888;
}
/* line 8, ../src/main.scss */
/* line 11, ../src/main.scss */
body > header {
margin: 0;
color: #CCC;
background-color: #333;
line-height: 50px;
font-weight: bold;
-moz-box-shadow: #333333 0px 1px 5px 0;
-webkit-box-shadow: #333333 0px 1px 5px 0;
-o-box-shadow: #333333 0px 1px 5px 0;
box-shadow: #333333 0px 1px 5px 0;
}
/* line 15, ../src/main.scss */
/* line 19, ../src/main.scss */
body > footer {
border-top: solid 2px #CCC;
border-bottom: solid 1px #888;
@ -28,14 +31,18 @@ body > footer {
background-color: #D0D0D0;
font-size: .9em;
text-shadow: 1px 1px #fff;
-moz-box-shadow: #888888 0px 1px 5px 0;
-webkit-box-shadow: #888888 0px 1px 5px 0;
-o-box-shadow: #888888 0px 1px 5px 0;
box-shadow: #888888 0px 1px 5px 0;
}
/* line 25, ../src/main.scss */
/* line 30, ../src/main.scss */
nav ul {
list-style-type: none;
}
/* line 28, ../src/main.scss */
/* line 33, ../src/main.scss */
nav ul li {
display: inline-block;
height: 50px;
@ -44,7 +51,7 @@ nav ul li {
border-right: solid 1px #111;
}
/* line 35, ../src/main.scss */
/* line 40, ../src/main.scss */
nav ul li a {
color: #CCC;
text-decoration: none;
@ -56,25 +63,25 @@ nav ul li a {
height: 100%;
}
/* line 43, ../src/main.scss */
/* line 48, ../src/main.scss */
nav ul li a:hover {
color: #EEE;
background-color: rgba(255, 255, 255, 0.1);
}
/* line 47, ../src/main.scss */
/* line 52, ../src/main.scss */
#main {
margin: 0px auto;
}
/* line 50, ../src/main.scss */
/* line 55, ../src/main.scss */
#container {
margin: 0px auto;
border: 2px solid #DEE;
}
/* line 55, ../src/main.scss */
/* line 59, ../src/main.scss */
h1, h2, h3, h4, h5, h6 {
font-family: Optima, sans-serif;
text-shadow: -1px -1px 1px #333, 1px 1px 1px #FFF;
color: #888;
}

9
site/src/main.scss
View file

@ -1,8 +1,11 @@
$default-box-shadow-h-offset : 0px;
@import "less/framework";
@import "compass/css3/box-shadow";
body {
background-color: #f6f6f6;
}
#metacontainer{
border-top: 2px solid #CCC;
border-bottom: 1px solid #888;
}
body > header {
@ -11,6 +14,7 @@ body > header {
background-color: #333;
line-height: 50px;
font-weight: bold;
@include box-shadow();
}
body > footer {
border-top: solid 2px #CCC;
@ -21,6 +25,7 @@ body > footer {
background-color: #D0D0D0;
font-size: .9em;
text-shadow: 1px 1px #fff;
@include box-shadow(#888);
}
nav ul {
list-style-type: none;
@ -49,10 +54,10 @@ nav ul li a:hover {
}
#container {
margin: 0px auto;
border: 2px solid #DEE; // for debug purpose only
}
h1, h2, h3, h4, h5, h6 {
font-family: Optima, sans-serif;
text-shadow: -1px -1px 1px #333, 1px 1px 1px #FFF;
color: #888;
}