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

View File

@ -34,9 +34,7 @@
@Grey4:rgb(102,102,102); @Grey4:rgb(102,102,102);
@Grey5:rgb(45,45,45); @Grey5:rgb(45,45,45);
///* fonts */
/* fonts */
// @font-face { // @font-face {
// font-family: "LiberationSans"; // font-family: "LiberationSans";
// src: local("Liberation Sans"),url( LiberationSans-Regular.ttf ) format("truetype"); // src: local("Liberation Sans"),url( LiberationSans-Regular.ttf ) format("truetype");
@ -59,9 +57,16 @@
body { body {
font-family: Liberation Sans,helvetica,arial,clean,sans-serif; font-family: Liberation Sans,helvetica,arial,clean,sans-serif;
font-size: 12px; font-size: 12px;
background-color: #FFFFFF; background-color: @Grey1;
color: @Grey5; color: @Grey5;
margin: 0px; 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){ .rounded(@tr: 5px, @tl: 5px, @bl: 5px, @br: 5px){
@ -108,10 +113,11 @@ a:hover {text-decoration: underline; }
/* header */ /* header */
header { header {
position: fixed; left: 0px; top: 0px; position: fixed; left: 43%; right: 43%; top: 0px;
margin: 0px; padding: 0px; margin: 0px; padding: 0px;
width: 100%; height: 12px; /*width: 100%; height: 12px; */
color: #FFFFFF; z-index: 110;
color: @Grey1;
#site-location { #site-location {
/*font-size:8px; /*font-size:8px;
float:left; float:left;
@ -121,15 +127,27 @@ header {
.roundbottom()*/ .roundbottom()*/
display: none; 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 */
nav { nav {
width: 100%; height: 32px; width: 100%; height: 32px;
position: fixed; left: 0px; top: 0px; position: fixed; left: 0px; top: 0px;
padding: 0px;
background-color: @Metalic4; 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 { ul {
margin: 0px; margin: 0px;
@ -200,15 +218,17 @@ nav {
ul.menu-popup { ul.menu-popup {
position: absolute; position: absolute;
display: none; display: none;
width: auto; width: 10em;
background: #FFFFFF; background: @Grey1;
color: @Grey5; color: @Grey5;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
list-style: none; list-style: none;
border: 3px solid @Metalic3; border: 3px solid @Metalic3;
z-index: 100000; z-index: 100000;
.shadow();
a { display: block; color: @Grey5; padding: 5px 10px;} a { display: block; color: @Grey5; padding: 5px 10px;}
a:hover { background-color: @Metalic1; } a:hover { background-color: @Metalic1; }
.menu-sep { border-top: 1px solid @Metalic2; } .menu-sep { border-top: 1px solid @Metalic2; }
@ -232,7 +252,15 @@ ul.menu-popup {
/* aside */ /* aside */
// aside { display: none; } aside {
display: table-cell;
width: 200px;
padding:50px 10px 0px 20px;
}
/* section */ /* section */
// section { display: none;} section {
display: table-cell;
width: 800px;
padding:50px 20px 0px 10px;
}