GAMA-Site/img/style.css

231 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#main{
width:650px;
float:left;
display:inline;
margin:30px 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{
overflow:hidden;
width:618px;
font-size:13px;
padding:10px 20px 0;
}
div#main div.post div.entry p{margin-bottom:20px;}
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;border:1px solid #2a2e2f;background-color:#181818;color:#999;}
div#main div.post div.entry table td,div#main div.post div.entry table th{border:1px solid #2a2e2f;padding:2px 5px;}
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#sidebar{width:270px;float:left;display:inline;margin-top:30px;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_archive,div#sidebar ul li.widget_categories,div#sidebar ul li.widget_search,div#sidebar ul li.widget_tag_cloud div,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 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.submit_button span.key{float:left;margin-left:10px;padding-top:6px;font-size:12px;line-height:16px;color:#333;}
.nocomments{color:#ccc;font-size:16px;}
.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.alignleft{float:left;}
.alignright{float:right;}
img.alignleft{display:inline;margin-bottom:2px;margin-right:6px;padding:3px;}
img.alignright{display:inline;margin-bottom:2px;margin-left:6px;padding:3px;}
.wp-caption{border:1px solid #1f2223;text-align:center;background-color:#0d0d0d;padding-top:4px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:10px;}
.wp-caption img{border:0 none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{font-size:12px;line-height:17px;color:#ccc;margin:0;padding:0 4px 5px;}
div#main div.post div.entry div.wp-caption p{margin-bottom:3px;padding:5px;}
ul.archiveslist{color:#ccc;font-size:13px;}
div#main div.post div.entry ul.archiveslist li a{color:#ccc;}
div#main div.post div.entry ul.archiveslist li a:hover{color:#FF9E35;}
.linkpage{background-color:#131313;padding:10px 15px;}
.linkpage ul{list-style-type:none;}
.linkpage ul li{float:left;margin-bottom:10px;}
.linkpage ul li ul li{float:left;width:130px;text-align:center;line-height:180%;background-color:#202020;margin:5px 12px;}
.linkpage ul li ul li a{color:#ccc;display:block;text-decoration:none;border:1px solid #1f2223;font-size:12px;}
.linkpage ul li ul li a:hover{background-color:#0d0d0d;border:1px solid #1f2223;color:#FF9E35;}
.linkpage ul li h3{margin-bottom:5px;margin-left:12px;}
div.strong{color:#fff;font-size:18px;margin-bottom:25px;padding:10px 0;}
div.strong .keyword{color:#FF9E35;}
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;}
div.fmimage{float:left;width:300px;}
div.fmclear{clear:both;}
::-moz-selection {
background-color: #009999;
color: #fff;
}
::selection {
background-color: #009999;
color: #fff;
}