Accueil/css/main.css

117 lines
3.5 KiB
CSS

/* Google Menu StyleSheet*/
* {
margin: 0;
padding: 0;
}
body {
background: #FFFFFF;
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #6B6B6B;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebeff9));
}
a img {border:none;}
li a {
text-decoration: none;
}
a:link {color:#2D406D}
a:visited {color:#2D406D}
li.disabled {opacity:0.5;}
span.accelerator {
float:right;
color:#CCC;
padding-right:8px;
display:none;
}
li img {
width:16px;
height:16px;
border:none;
vertical-align:top;
}
.searchfield, #q {
padding:2px 2px 2px 5px;
font-size:19px;
background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.15, #fff));
margin:0px;
border:1px solid #ccc;
height:32px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-top-left-radius:3px;
-moz-border-bottom-left-radius:3px;
-moz-border-top-left-radius:3px;
}
.searchbutton {
padding:2px 8px;
font-size:14px;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
margin:0 0 -1px 0;
border:1px solid #888888;
-webkit-border-bottom-right-radius:3px;
-webkit-border-top-right-radius:3px;
-moz-border-bottom-right-radius:3px;
-moz-border-top-right-radius:3px;
/*border:1px solid #ccc;*/
height:32px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow: 2px 2px 3px #888;
-webkit-box-shadow: 2px 2px 3px #888;
box-shadow: 2px 2px 3px #888;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
}
#menu-bar{height:40px;background: -moz-linear-gradient(top, #ECD9D9 0%, #fff 100%);background: -webkit-gradient(linear, left top, left bottom, from(#ECD9D9), to(#fff)); position:relative; top:0; left:0; border-bottom:1px solid #ECD9D9;}
#recherche{margin-top:70px;}
#config {width:300px;}
#config-menu, #blog-links-manager, #city-menu , #jclockAdvanced-menu, #links-menu, #links-add-menu,#ouifm-menu{float:right; margin:12px 10px 0 0;}
#ouifm{position:absolute;width:144px;height:28px;}
/* Green button class: */
a.green-button,a.green-button:visited, span.green-button{
color:black;
display:block;
font-size:10px;
font-weight:bold;
height:15px;
padding:6px 5px 4px;
text-align:center;
width:60px;
text-decoration:none;
text-shadow:1px 1px 1px #DDDDDD;
background:url(../images/interface/button_green.png) no-repeat left top;
}
a.green-button:hover, span.green-button:hover{
text-decoration:none;
background-position:left bottom;
}
.jclock {position:absolute; top:10px; right:10px;z-index:500; width:200px;background:#fff url(../images/interface/clock.png) top left no-repeat; padding:5px 0 0 5px; width:59px; height:21px;}
.jclockAdvanced{position:absolute; top:10px; right:80px; padding:5px 0 0 5px; width:500px;}
#blogs {/*position:absolute; bottom:10px; left: 100px;*/padding:5px;width:350px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;border: 1px solid rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);}
.blogLinks{
color:#2D406D;
font-weight:bold;
}
.blogLinks img{
vertical-align:middle;
}