Team:Paris Bettencourt/Templates/css/default
From 2011.igem.org
(Created page with "*{ padding: 0px; margin: 0px; } body { background: #F9F9F7 url('https://static.igem.org/mediawiki/2011/c/c9/Igem_jhu_a1.gif') repeat-x; font-size: 11px; font-family: "trebuchet ms", h...") |
|||
Line 9: | Line 9: | ||
font-size: 11px; | font-size: 11px; | ||
font-family: "trebuchet ms", helvetica, sans-serif; | font-family: "trebuchet ms", helvetica, sans-serif; | ||
- | color: # | + | color: #EEEEEE; |
line-height: 18px; | line-height: 18px; | ||
} | } |
Revision as of 10:24, 8 July 2011
- {
padding: 0px; margin: 0px; }
body { background: #F9F9F7 url('https://static.igem.org/mediawiki/2011/c/c9/Igem_jhu_a1.gif') repeat-x; font-size: 11px; font-family: "trebuchet ms", helvetica, sans-serif; color: #EEEEEE; line-height: 18px; }
a { color: #FF7800; }
a:hover { text-decoration: none; }
sup { font-size: 0.5em; }
p
{
margin-bottom: 14px;
text-align: justify;
}
img.picA { position: relative; top: -2px; background: url('images/a47.gif') no-repeat; width: 76px; height: 74px; padding: 8px; }
img.picB { position: relative; top: -2px; background: url('images/a26.gif') no-repeat; width: 146px; height: 75px; padding: 7px; }
img.floatleft { float: left; margin: 0px 14px 3px 0px; }
ul.linklist
{
list-style: none;
}
ul.linklist li { border-top: solid 1px #EEEEEE; padding-top: 5px; margin: 5px 0px 0px 0px; }
ul.linklist li.first { border-top: 0px; margin-top: 0px; padding-top: 0px; }
- upbg
{ position: absolute; top: 0px; left: 0px; background: #fff no-repeat; width: 965px; height: 264px; z-index: 1; }
- outer
{ position: relative; width: 100%; margin: 0 auto; background: #fff repeat-y; }
- inner
{ position: relative; padding: 13px 30px 13px 30px; z-index: 2; }
- header
{ position: absolute;
width: 25%; height: 92px; color: #fff; padding-left: 20px;
background: #f6e6b4; /* Old browsers */ background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* W3C */ }
- header span
{ font-weight: normal; }
- header h1
{ position: absolute; font-size: 23px; letter-spacing: 5px; font-weight: bold; height: 80px; border: none; padding-top: 1.3em; }
- header h2
{ position: absolute; font-size: 10px; font-weight: normal; color: #FFFFFF; top: 51px; border: none; }
- header sup
{ color: #FCE2CA; }
- splash
{ position: absolute; right: 30px; background: #EAEAE2 url('https://static.igem.org/mediawiki/2011/4/4f/Jhu_splash.jpg') no-repeat; width: 66%; height: 92px; }
- menu
{ position: relative; background: #46461F url('https://static.igem.org/mediawiki/2011/f/f4/Igem_jhu_a16.gif') repeat-x; height: 67px; padding: 0px 20px 0px 5px; margin: 98px 0px 20px 0px; }
- menu ul
{ }
- menu ul li
{ display: inline; line-height: 52px; padding-left: 3px; }
- menu ul li.first
{ border-left: 0px; }
- menu ul li a
{ background-color: transparent; background-repeat: repeat-x; padding: 8px 12px 8px 12px; font-size: 12px; color: #fff; font-weight: bold; }
- menu ul li a:hover
{ background: #fff url('images/a18.gif') repeat-x top; color: #4A4A24; text-decoration: none; }
- date
{ position: absolute; top: 0px; line-height: 52px; color: #BDBDA2; right: 30px; font-weight: bold; font-size: 12px; letter-spacing: -1px; }
- secondarycontent
{ position: relative; width: 25%; float: right; }
- secondarycontent h3
{ position: relative; top: 4px; font-size: 16px; line-height: 25px; color: #656551; letter-spacing: -1px; background: url('https://static.igem.org/mediawiki/2011/0/08/Igem_jhu_a22.gif') bottom repeat-x; padding: 0px 0px 10px 10px; margin-bottom: 20px; }
- secondarycontent .content
{ padding: 0px 10px 0px 10px; margin-bottom: 20px; }
- primarycontent
{ position: relative; width: 73%; float: left; }
- primarycontent h3
{ position: relative; top: 4px; font-size: 18px; line-height: 25px; color: #656551; letter-spacing: -1px; background: url('images/a22.gif') bottom repeat-x; padding: 0px 0px 10px 15px; margin-bottom: 20px; }
- primarycontent .content
{ padding: 0px 15px 0px 15px; margin-bottom: 20px; }
- primarycontent .post
{ margin-bottom: 30px; border-top: 1px solid #ebebe9; border-left: 1px solid #ebebe9; border-right: 1px solid #ebebe9; }
- primarycontent .post .header
{ position: relative; }
- primarycontent .post .header:before
{ content:≡; }
- primarycontent .post .date
{ position: absolute; right: 15px; top: 0px; line-height: 35px; color: #AFAFA4; font-weight: bold; }
- primarycontent .post .content
{ margin-bottom: 0px; }
- primarycontent .post .footer
{ position: relative; top: 0px; background: url('https://static.igem.org/mediawiki/2011/9/94/Igem_jhu_a33.gif') repeat-x; height: 64px; }
- primarycontent .post .footer ul
{ list-style: none; position: absolute; right: 15px; bottom: 15px; }
- primarycontent .post .footer ul li
{ display: inline; line-height: 14px; padding-left: 17px; margin-left: 25px; background-repeat: no-repeat; background-position: 0px 2px; }
- primarycontent .post .footer ul li.printerfriendly
{ background-image: url('images/a41.gif'); }
- primarycontent .post .footer ul li.comments
{ background-image: url('images/a36.gif'); }
- primarycontent .post .footer ul li.readmore
{ background-image: url('images/a38.gif'); }
- footer
{ position: relative; clear: both; height: 66px; text-align: center; line-height: 66px; background-image: url('images/a50.gif'); color: #A8A88D; }
- footer a
{ color: #8C8C73; }
/* WIKI HACKS */
.firstHeading {
display:none;
}
- globalWrapper {
background-color: transparent; padding-bottom:0px; border: none;
}
- content {
background-color: white; border:none; padding-bottom:none; margin-bottom:none; border: 1px solid #efefef;
}
- bodyContent {
border: none;
}
- top-section {
height: 0px; margin-top: 0 px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; /* margin-bottom: 10px; */ padding:0; border: none; display: display;
}
- p-logo {
height: 203px; overflow:hidden; border:none; display: none;
}
- p-logo img {
display: none;
}
- footer-box{
display: none;
}
- catlinks{
display: none;
}
- search-controls {
overflow:hidden; display:none; background: none; position: absolute; top: 100px; right: 40px;
}
.right-menu li a:link{
padding-top: 10px; background:transparent; text-decoration: none; color: #000;
}
.right-menu li a:hover{
padding-top: 10px; background:transparent; text-decoration: underline; color: #000;
}
.right-menu li a:visited{
padding-top: 10px; background:transparent; text-decoration: none; color: #000;
}
.mw-headline{ position: relative; top: 4px; font-size: 18px; line-height: 25px; color: #656551; letter-spacing: -1px;
padding: 0px 0px 10px 15px; margin-bottom: 20px; }
.mw-headline :before{ content: '='; }
/* Image Rotator CSS */ /* The Nivo Slider styles */ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption {
display:none;
} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; }