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

Better styling

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2011-04-15 17:25:21 +02:00
parent 932cd9fcd2
commit 5e6f5c49f1
2 changed files with 23 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
site/css/main.css
View file

@ -21,19 +21,21 @@ body > header {
/* line 15, ../src/main.scss */
body > footer {
border-top: solid 2px #CCC;
border-bottom: solid 1px #888;
padding: 80px;
margin: 0;
background-color: #f0f0f0;
bottom: 0;
background-color: #D0D0D0;
font-size: .9em;
text-shadow: 1px 1px #fff;
}
/* line 23, ../src/main.scss */
/* line 25, ../src/main.scss */
nav ul {
list-style-type: none;
}
/* line 26, ../src/main.scss */
/* line 28, ../src/main.scss */
nav ul li {
display: inline-block;
height: 50px;
@ -42,7 +44,7 @@ nav ul li {
border-right: solid 1px #111;
}
/* line 33, ../src/main.scss */
/* line 35, ../src/main.scss */
nav ul li a {
color: #CCC;
text-decoration: none;
@ -54,19 +56,25 @@ nav ul li a {
height: 100%;
}
/* line 41, ../src/main.scss */
/* line 43, ../src/main.scss */
nav ul li a:hover {
color: #EEE;
background-color: rgba(255, 255, 255, 0.1);
}
/* line 45, ../src/main.scss */
/* line 47, ../src/main.scss */
#main {
margin: 0px auto;
}
/* line 49, ../src/main.scss */
/* line 50, ../src/main.scss */
#container {
margin: 0px auto;
border: 2px solid #DEE;
}
/* line 55, ../src/main.scss */
h1, h2, h3, h4, h5, h6 {
text-shadow: -1px -1px 1px #333, 1px 1px 1px #FFF;
color: #888;
}

10
site/src/main.scss
View file

@ -14,9 +14,11 @@ body > header {
}
body > footer {
border-top: solid 2px #CCC;
border-bottom: solid 1px #888;
padding: 80px;
margin: 0;
background-color: #f0f0f0;
bottom: 0;
background-color: #D0D0D0;
font-size: .9em;
text-shadow: 1px 1px #fff;
}
@ -45,8 +47,12 @@ nav ul li a:hover {
#main {
margin: 0px auto;
}
#container {
margin: 0px auto;
border: 2px solid #DEE; // for debug purpose only
}
h1, h2, h3, h4, h5, h6 {
text-shadow: -1px -1px 1px #333, 1px 1px 1px #FFF;
color: #888;
}