style update

This commit is contained in:
Fabio Comuni 2011-07-29 16:24:18 +02:00
parent d88ed393f8
commit 97eea6ecd6
2 changed files with 93 additions and 24 deletions

View file

@ -1,14 +1,14 @@
/**
* Fabio Comuni <http://kirgroup.com/profile/fabrixxm>
**/
/* fonts */
/* global */
body {
font-family: Liberation Sans, helvetica, arial, clean, sans-serif;
font-size: 12px;
background-color: #FFFFFF;
background-color: #ffffff;
color: #2d2d2d;
margin: 0px;
display: table-row;
}
a, a:visited, a:link {
color: #005c94;
@ -46,13 +46,15 @@ a:hover {
/* header */
header {
position: fixed;
left: 0px;
left: 43%;
right: 43%;
top: 0px;
margin: 0px;
padding: 0px;
width: 100%;
height: 12px;
color: #FFFFFF;
/*width: 100%; height: 12px; */
z-index: 110;
color: #ffffff;
}
header #site-location {
/*font-size:8px;
@ -64,6 +66,27 @@ header #site-location {
display: none;
}
header #banner {
text-align: center;
width: 100%;
}
header #banner a,
header #banner a:active,
header #banner a:visited,
header #banner a:link,
header #banner a:hover {
color: #ffffff;
text-decoration: none;
outline: none;
vertical-align: bottom;
}
header #banner #logo-img {
height: 22px;
margin-top: 5px;
}
header #banner #logo-text {
font-size: 22px;
}
/* nav */
nav {
width: 100%;
@ -71,15 +94,20 @@ nav {
position: fixed;
left: 0px;
top: 0px;
padding: 0px;
background-color: #0e232e;
color: #FFFFFF;
color: #ffffff;
z-index: 100;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
nav a,
nav a:active,
nav a:visited,
nav a:link,
nav a:hover {
color: #FFFFFF;
color: #ffffff;
text-decoration: none;
outline: none;
}
@ -157,14 +185,17 @@ nav #nav-notifications-linkmenu.selected .icon.s22.notify {
ul.menu-popup {
position: absolute;
display: none;
width: auto;
background: #FFFFFF;
width: 10em;
background: #ffffff;
color: #2d2d2d;
margin: 0px;
padding: 0px;
list-style: none;
border: 3px solid #364e59;
z-index: 100000;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
}
ul.menu-popup a {
display: block;
@ -204,4 +235,14 @@ ul.menu-popup .empty {
display: block;
}
/* aside */
aside {
display: table-cell;
width: 200px;
padding: 50px 10px 0px 20px;
}
/* section */
section {
display: table-cell;
width: 800px;
padding: 50px 20px 0px 10px;
}

View file

@ -34,9 +34,7 @@
@Grey4:rgb(102,102,102);
@Grey5:rgb(45,45,45);
/* fonts */
///* fonts */
// @font-face {
// font-family: "LiberationSans";
// src: local("Liberation Sans"),url( LiberationSans-Regular.ttf ) format("truetype");
@ -59,9 +57,16 @@
body {
font-family: Liberation Sans,helvetica,arial,clean,sans-serif;
font-size: 12px;
background-color: #FFFFFF;
background-color: @Grey1;
color: @Grey5;
margin: 0px;
display:table-row;
}
.shadow(@x: 0px, @y: 5px){
-webkit-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
}
.rounded(@tr: 5px, @tl: 5px, @bl: 5px, @br: 5px){
@ -108,10 +113,11 @@ a:hover {text-decoration: underline; }
/* header */
header {
position: fixed; left: 0px; top: 0px;
position: fixed; left: 43%; right: 43%; top: 0px;
margin: 0px; padding: 0px;
width: 100%; height: 12px;
color: #FFFFFF;
/*width: 100%; height: 12px; */
z-index: 110;
color: @Grey1;
#site-location {
/*font-size:8px;
float:left;
@ -121,15 +127,27 @@ header {
.roundbottom()*/
display: none;
}
#banner {
text-align: center;
width: 100%;
a, a:active, a:visited, a:link, a:hover { color: @Grey1; text-decoration: none; outline: none; vertical-align: bottom; }
#logo-img { height: 22px; margin-top:5px;}
#logo-text { font-size: 22px }
}
}
/* nav */
nav {
width: 100%; height: 32px;
position: fixed; left: 0px; top: 0px;
padding: 0px;
background-color: @Metalic4;
color: #FFFFFF;
color: @Grey1;
z-index: 100;
.shadow(0px, 0px);
a, a:active, a:visited, a:link, a:hover { color: #FFFFFF; text-decoration: none; outline: none; }
a, a:active, a:visited, a:link, a:hover { color: @Grey1; text-decoration: none; outline: none; }
ul {
margin: 0px;
@ -200,8 +218,8 @@ nav {
ul.menu-popup {
position: absolute;
display: none;
width: auto;
background: #FFFFFF;
width: 10em;
background: @Grey1;
color: @Grey5;
margin: 0px;
padding: 0px;
@ -209,6 +227,8 @@ ul.menu-popup {
border: 3px solid @Metalic3;
z-index: 100000;
.shadow();
a { display: block; color: @Grey5; padding: 5px 10px;}
a:hover { background-color: @Metalic1; }
.menu-sep { border-top: 1px solid @Metalic2; }
@ -232,7 +252,15 @@ ul.menu-popup {
/* aside */
// aside { display: none; }
aside {
display: table-cell;
width: 200px;
padding:50px 10px 0px 20px;
}
/* section */
// section { display: none;}
section {
display: table-cell;
width: 800px;
padding:50px 20px 0px 10px;
}