GAMA-Site/img/style.css

405 lines
7.3 KiB
CSS

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}
body{
line-height:1;
font-family:"Lucida Grande", Arial, Helvetica, Sans-Serif;
background-color:#121315;
}
ol,ul{
list-style:none;
}
ins{
text-decoration:none;
}
table{border-collapse:collapse;border-spacing:0;}
*{margin:0;padding:0;}
a{text-decoration:none;outline-color:invert;outline-style:none;border:none; color:FF9E35;}
a img{border:none;}
a:link {color:#009999; outline-style:none;}
.clear{clear:both;}
div#page_wrap{
width:960px;
background:url(images/bg.gif) no-repeat;
margin:0 auto;
}
div#header{
font-size:12px;
float:center;
}
div#main_navi{
background:url(images/navi.gif) no-repeat;
float:left;
margin-top:30px;
height:37px;
width:960px;
border-radius:10px;
-webkit-box-shadow:0px 0px 8px 1px #333;
}
div#main_navi ul.left{
float:left;
list-style-type:none;
width:750px;
padding:2px 0 0 10px;
}
div#main_navi ul li{
position:relative;
float:left;
text-transform:uppercase;
}
div#main_navi ul.left li a{
float:left;
overflow:hidden;
color:#009999;
font-size:13px;
line-height:18px;
margin:0 15px;
padding:8px 1px;
-webkit-transition: all 0.13s ease;
-moz-transition: all 0.13s ease;
-o-transition: all 0.13s ease;
-ms-transition: all 0.13s ease;
transition: all 0.13s ease;
}
div#main_navi ul.left li a:hover{
color:#5e7d8e;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 15px rgba(94, 125, 142, 0.9) !important;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 15px rgba(94, 125, 142, 0.9) !important;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 15px rgba(94, 125, 142, 0.9) !important;
}
div#main_navi ul.left li ul{
display:none;
position:absolute;
left:0;
width:125px;
margin-top:33px;
height:auto;
background-color:#111;
border:1px solid #2d2c2c;
border-top:0;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
padding:0 3px;
}
div#main_navi ul.right{
float:right;
list-style-type:none;
padding:9px 10px 0 0;
}
div#main_navi ul.right li a{
float:left;
overflow:hidden;
color:#fff;
font-size:12px;
line-height:20px;
text-transform:uppercase;
margin:0 0 0 10px;
}
div#main_navi ul.right li.twitter a{
background:url(images/twitter.gif) no-repeat 0 3px;
padding-left:21px;
}
div#main_navi ul.right li.twitter a:hover{
color:#0af;
}
div#mainwide{
width:945px;
float:left;
display:inline;
margin:20px 25px 00px 10px;
}
div#mainwide div.post{
background-color:#131313;
border:1px solid #1f2223;
color:#ccc;
line-height:22px;
text-align:center;
float:center;
padding-top:10px;
padding-bottom:10px;
}
div#main{
width:650px;
float:left;
display:inline;
margin:20px 25px 30px 10px;
}
div#main div.post{
background-color:#131313;
border:1px solid #1f2223;
color:#ccc;
line-height:22px;
margin-bottom:30px;
border-radius:10px;
-webkit-box-shadow:0px 0px 8px 1px #333;
}
div#main div.sticky{
background-color:#0d0d0d;
border:1px solid #1f2223;
color:#0a1;
font-weight:700;
letter-spacing:-1px;
line-height:22px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
margin-bottom:20px;
border-radius:10px;
-webkit-box-shadow:0px 0px 8px 1px #333;
}
div#main div.post div.entry{
width:618px;
font-size:13px;
padding:10px 10px;
}
div#main div.post div.entry img{
max-width: 100%;
max-height: 100%;
padding: 2px;
float:center;
text-align:center;
}
div#main div.post div.entry p{
margin-bottom:20px;
}
div#main div.post div.entry a{
color:#009999;
text-decoration:none;
}
div#main div.post div.entry a:visited{
color:purple;
text-decoration:none;
}
div#main div.post div.entry a:hover{
color:#FF9E35;
text-decoration:underline;
}
div#main div.post div.entry a img{
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
transition: all 0.25s ease;
}
div#main div.post div.entry a:hover img{
color:#FF9E35;
border-color:#FF9E35;
border-style:inset;
border-width:1px;
border-radius:6px;
-webkit-box-shadow:0px 0px 8px 1px #333;
}
div#main div.post div.entry code{
font-family:"Courier New", mono;
background-color:#181818;
border-left:1px solid #2a2e2f;
color:#197b30;
display:block;
padding:5px 10px;
}
div#main div.post div.entry table{
margin-bottom:20px;
border-collapse:collapse;
color:#999;
text-align:center;
}
div#main div.post div.entry table td,div#main div.post div.entry table th{
padding:1px;
}
div#sidebar{
width:270px;
float:left;
display:inline;
margin-top:20px;
margin-bottom:30px;
overflow:hidden;
color:#aaa;
font-size:12px;
background-color:#131313;
}
div#sidebar ul{background-color:#131313;}
div#sidebar ul li h2{
background:url(images/sidebar_title_bg.gif) no-repeat;
background-position:left bottom;
font-size:16px;
line-height:30px;
color:#ccc;
background-color:#101010;
font-weight:400;
padding:5px 10px;
}
div#sidebar ul li.widget,div#sidebar ul li.widget_search,div#sidebar ul li.widget_text{
background:url(images/sidebar_list_bg.gif) no-repeat left bottom;
border:1px solid #1f2223;
text-align:center;
}
div#sidebar ul li.widget_text a img{
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
transition: all 0.25s ease;
}
div#sidebar ul li.widget_text a:hover img{
border-color:#FF9E35;
border-style:inset;
border-width:1px;
border-radius:6px;
-webkit-box-shadow:0px 0px 8px 1px #333;
}
div#sidebar div#search{
float:center;
text-align:center;
padding-top:15px;
padding-bottom:15px;
}
div#sidebar div#search form#searchform .searchinput{
color:#666;
font-size:13px;
width:165px;
border:0;
}
div#sidebar div#search form#searchform .button{
background:url(images/mag.gif) no-repeat;
height:25px;
width:25px;
border:0;
cursor:pointer;
}
div#sidebar ul br{
background-color:000;
color:000;
}
div#sidebar ul li.widget h2 a{color:#ccc;}
.textwidget{
line-height:16px;
padding:10px 26px;
}
.textwidget p{
margin-bottom:10px;
line-height:16px;
}
.textwidget a,.textwidget p a{
color:#009999;
text-decoration:none;
}
.textwidget a:visited,.textwidget p a:visited{
color:purple;
text-decoration:none;
}
.textwidget a:hover,.textwidget p a:hover{
color:#FF9E35;
text-decoration:underline;
}
div#footer{
color:#666;
font-size:12px;
background:url(images/footer_bg.gif) repeat-x;
}
div#footer div.footer_wrapper{
width:960px;
margin:0 auto;
padding:18px 0;
}
div#footer div.footer_left{
float:left;
width:600px;
}
div#footer div.footer_left a{
color:#ccc;
text-decoration:none;
}
div#footer div.footer_left a:hover{color:#fff;}
div#footer div.footer_right{
float:right;
}
html,body,#page_wrap{height:100%;}
body > #page_wrap{
height:auto;
min-height:100%;
}
#container{padding-bottom:48px;}
#footer{
position:relative;
margin-top:-48px;
height:48px;
clear:both;
}
::-moz-selection {
background-color: #009999;
color: #fff;
}
::selection {
background-color: #009999;
color: #fff;
}