Template:Biomod/2013/Sendai/sandbox3/css1
<html> <head> <style> /* Hide MediaWiki and init CSS, overwrite by bootstrap.css */ body{
background:none;
} 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
margin:0; padding:0; font-size:100%; border:0; outline:0;
} a, a:link, a:visited, a:hover, a:active{
text-decoration:none
} .btn:visited{
color:#ffffff!important;
} .firstHeading {
display:none;
}
- content{
border-style:none; margin:0; padding:0;
}
- globalWrapper{
font-size:100%;
}
- contentSub{
display:none;
}
- column-one{
display:none;
}
- footer{
display:none;
}
- globalWrapper{
font-size:100%;
}
- bodyContent h1, #bodyContent h2, #bodyContent h3{
margin-top: 20px; margin-bottom: 10px;
}
- bodyContent h4, #bodyContent h5, #bodyContent h6{
margin-top: 10px; margin-bottom: 10px;
}
/*************************************************** fresh ideas by marija zaric template distributed by
http: //freehtml5templates.com
Reset
- /
html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
margin: 0;
padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
ol, ul { list-style: none; }
a img {border:none}
aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
/************************************************** Global styles
- /
html, body { width:100%; height:100%; }
html, body{ font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; color: black; margin:0 0 1px; line-height: 1.5;
background-image:url(../images/bg1.png);
background-position:left top; background-repeat:repeat; }
p { margin-bottom:7px; }
a, p a { text-decoration:none; }
a:hover {
text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif;
font-weight: normal;
position:relative; }
h1{ font-size: 35px; line-height:1.6; color:black; text-transform:capitalize; text-align:left; margin-left:40px; border-bottom:1px dotted black; } h1 span{ line-height:1.7px; color:black; font-size:14px; text-transform:none; display:block; }
h2{ font-size: 18px; line-height:1.7; color:black; text-align:left; width:350px; padding-top:8px; margin-left:40px; }
h3{
font-size: 28px;
line-height:1.6;
color:black;
text-transform:none;
text-align:left;
background-color:transparent;
padding-top:12px;
margin-bottom:9px;
border-bottom:1px dotted black;
}
h3 span{
font-size: 12px; color: black; text-transform:capitalize; height:24px; margin-top:15px; text-align:left;
display:block;
}
h4{ font-size: 18px; line-height:1.7; color:black; text-align:left; width:350px; padding-top:8px; margin-bottom:12px; }
h4 span{ font-weight:bold; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; background-color:#FFCC33; padding:8px; margin-left:20px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
/*************************************************** Main containers
- /
- container, #container_left, #container_right{
position: relative; width:100%; }
#container{ position:relative; width:980px; margin:0 auto; text-align:left; background-color:white; padding:15px; overflow: hidden; -moz-box-shadow: 0 0 5px 5px #D8D8D8; -webkit-box-shadow: 0 0 5px 5px #D8D8D8; box-shadow: 0 0 5px 5px #D8D8D8; }
.group1 { float: left; width: 613px; position: relative; background:white; padding:15px; margin-bottom:10px; }
.group2 { float: right; width: 277px; position: relative; background:white; padding:15px; margin-bottom:10px; margin-left:30px; }
.group3 { float: left; width: 613px; position: relative; background:white; padding:15px; margin-top:-28px; }
.group_bannner_left { width: 380px; position: absolute; top:146px; left:50px; background:transparent; margin-top:50px; }
header{ position: relative; float:left; width: 100%; height:100px; }
/************************************************** INTRO
- /
#intro{ width: 960px; position: relative; float: left; height:318px; padding:10px; background:#EAEAEA; margin-top:17px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
/*************************************************** HOLDERS
- /
.holder_content { position: relative; float: left; width: 100%; margin-bottom:8px; background:white; }
.holder_content_separator{ margin-bottom:20px; }
/*************************************************** GALLERY
- /
a.photo_hover3{ position:relative; float: right; margin:5px 13px 8px 0; padding: 8px;
} a.photo_hover3{ background-color:white; border: 1px solid #E1E1E1;
} a.photo_hover3:hover { border: 1px dotted #66CCFF; background-color:#C7EDFF; opacity:0.9; z-index:1000; }
a.photo_hover2{ position:relative; float: left; margin:5px 13px 8px 0; padding: 8px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; } a.photo_hover2{ background-color:white; border: 1px solid #E1E1E1;
} a.photo_hover2:hover { border: 1px solid #E1E1E1; }
/*************************************************** GALLERY
- /
.holder_gallery { width:610px; float:left; margin-right:10px; padding:0; }
.holder_gallery a.photo_hover {left:42px} .holder_gallery h3 { clear:left}
.holder_gallery a.name{ font-size:12px; text-align:left; position:relative; margin-top:15px; display:block; clear:left; line-height:15px; }
.holder_gallery a.name1{ font-size:12px; position:relative; display:inline;
text-align:left;
top:20px;
left:0;
}
.holder_gallery a.description{ font-size:12px; float:left; position:relative; margin-right:5px; padding-top:7px; color:gray; width:300px; display:inline; }
/************************************************** FOOTER
- /
footer{ position:relative; height:90px; clear:both; width:100%; margin-bottom:18px; background-color:black; }
- FooterOne, #FooterTwo, #FooterTree {
position: absolute; }
- FooterTwo{
position: absolute; right: 225px; top:26px; color:white; }
- FooterTree{
position: absolute; left: 225px; top:26px; color:white; }
.container{
width:980px; margin:0 auto;
background-color:#33CC99; }
/*************************************************** MENU
- /
nav{ position:absolute; width:580px; top:25px; right:0; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); background:black; }
nav ul li{ float: left; margin-left:16px; line-height:normal; }
nav ul li a{ font-size: 20px; font-family:Georgia, "Times New Roman", Times, serif; color: white; text-transform:capitalize; font-weight:normal; display:block; /* IE6, IE7 line height fix */ padding-bottom:8px; padding-top:15px; background-color:transparent; margin-top:0px; margin-right:6px;
text-decoration:none;
}
nav ul li a:hover{ color: white; text-decoration:underline; }
nav ul li a.current{ background-color:#FFCC33; padding:15px; }
.content_menu{ float: left; width: 274px; margin-top:-10px; margin-bottom:15px; }
.content_menu ul{ margin: 0px; padding: 0px; float: none; }
.content_menu ul li{ float: none; padding-bottom: 16px; }
.content_menu ul li a{ font-size:14px; line-height:normal;
color:#33CC99;
text-align:left; text-decoration:none; background-image:url(../images/circle.png); background-position:left; background-repeat: no-repeat; padding-left:20px; }
.content_menu ul li a:hover{color:#33CC99;}
/*************************************************** SPECIFIC
- /
- logo{
position:relative;
float:left; top:10px;
left:0px; width:250px; height:160px; }
.clearing{ clear: both; display: inline; width: 100%; height: 0; overflow:hidden; }
.readmore{
font-weight:bold;
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333333;
}
.readmore a {
color:#333333;
}
.holder_news { width:274px; float:left; border-bottom:1px dotted black; margin-bottom:10px; padding-bottom:12px; }
.button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 8px 41px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 16px/100% Georgia, "Times New Roman", Times, serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.button:hover { text-decoration: none; }
.button:active { position: relative; top: 1px; }
.black { color: #d7d7d7; border: solid 1px #333; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); background: -moz-linear-gradient(top, #666, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); }
.black:hover { background: #000; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)); background: -moz-linear-gradient(top, #444, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000'); }
.black a {
color: #ffffff;
} </style> </head> </html>