|
|
(One intermediate revision not shown) |
Line 1: |
Line 1: |
- | *{
| |
- | 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: #8C8C73;
| |
- | 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;
| |
- | }
| |