Team:Caltech/Templates/css/default

From 2011.igem.org

(Difference between revisions)
Puikei (Talk | contribs)
(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...")
Newer edit →

Revision as of 01:28, 22 June 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: #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; }

  1. upbg

{ position: absolute; top: 0px; left: 0px; background: #fff no-repeat; width: 965px; height: 264px; z-index: 1; }

  1. outer

{ position: relative; width: 100%; margin: 0 auto; background: #fff repeat-y; }

  1. inner

{ position: relative; padding: 13px 30px 13px 30px; z-index: 2; }

  1. 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 */ }

  1. header span

{ font-weight: normal; }

  1. header h1

{ position: absolute; font-size: 23px; letter-spacing: 5px; font-weight: bold; height: 80px; border: none; padding-top: 1.3em; }

  1. header h2

{ position: absolute; font-size: 10px; font-weight: normal; color: #FFFFFF; top: 51px; border: none; }

  1. header sup

{ color: #FCE2CA; }

  1. 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; }

  1. 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; }

  1. menu ul

{ }

  1. menu ul li

{ display: inline; line-height: 52px; padding-left: 3px; }

  1. menu ul li.first

{ border-left: 0px; }

  1. menu ul li a

{ background-color: transparent; background-repeat: repeat-x; padding: 8px 12px 8px 12px; font-size: 12px; color: #fff; font-weight: bold; }

  1. menu ul li a:hover

{ background: #fff url('images/a18.gif') repeat-x top; color: #4A4A24; text-decoration: none; }

  1. date

{ position: absolute; top: 0px; line-height: 52px; color: #BDBDA2; right: 30px; font-weight: bold; font-size: 12px; letter-spacing: -1px; }

  1. secondarycontent

{ position: relative; width: 25%; float: right; }

  1. 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; }

  1. secondarycontent .content

{ padding: 0px 10px 0px 10px; margin-bottom: 20px; }

  1. primarycontent

{ position: relative; width: 73%; float: left; }

  1. 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; }

  1. primarycontent .content

{ padding: 0px 15px 0px 15px; margin-bottom: 20px; }

  1. primarycontent .post

{ margin-bottom: 30px; border-top: 1px solid #ebebe9; border-left: 1px solid #ebebe9; border-right: 1px solid #ebebe9; }

  1. primarycontent .post .header

{ position: relative; }

  1. primarycontent .post .header:before

{ content:≡; }

  1. primarycontent .post .date

{ position: absolute; right: 15px; top: 0px; line-height: 35px; color: #AFAFA4; font-weight: bold; }

  1. primarycontent .post .content

{ margin-bottom: 0px; }

  1. 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; }

  1. primarycontent .post .footer ul

{ list-style: none; position: absolute; right: 15px; bottom: 15px; }

  1. primarycontent .post .footer ul li

{ display: inline; line-height: 14px; padding-left: 17px; margin-left: 25px; background-repeat: no-repeat; background-position: 0px 2px; }

  1. primarycontent .post .footer ul li.printerfriendly

{ background-image: url('images/a41.gif'); }

  1. primarycontent .post .footer ul li.comments

{ background-image: url('images/a36.gif'); }

  1. primarycontent .post .footer ul li.readmore

{ background-image: url('images/a38.gif'); }

  1. footer

{ position: relative; clear: both; height: 66px; text-align: center; line-height: 66px; background-image: url('images/a50.gif'); color: #A8A88D; }

  1. footer a

{ color: #8C8C73; }


/* WIKI HACKS */

.firstHeading {

 display:none;

}

  1. globalWrapper {
   background-color: transparent;
   padding-bottom:0px;
   border: none;

}

  1. content {
   background-color: white;
   border:none;
   padding-bottom:none;
   margin-bottom:none;
   border: 1px solid #efefef;

}

  1. bodyContent {
   border: none;

}

  1. 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;

}

  1. p-logo {
   height: 203px;
   overflow:hidden;
   border:none;
   display: none;

}

  1. p-logo img {
   display: none;

}

  1. footer-box{
  display: none;

}

  1. catlinks{
  display: none;

}

  1. 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; }