Team:RHIT/main.css

From 2012.igem.org

Revision as of 15:50, 8 August 2012 by Trumbade (Talk | contribs)
  1. globalWrapper {
       display:none;

}

  1. footer-box {
       display:none;

}

  1. catlinks {
       display:none;

}

.visualClear {

       display:none;

}

p {

       display:none;
       color:white;

}

h1 {

       color:white;

}

h2 {

       color:white;

}

h3 {

       color:white;

}

h4 {

       color:white;

}

html, body { margin:0px;

       padding:0px;

background-color:#004455; font-family:'Trebuchet MS';

       font-size:10pt;
       height:100%;

}

  1. logged_in {

display:none; }

.rhit-content { width:820px; margin:0px auto; padding: 0px 65px 65px; background-color:white;

       overflow:auto;

}

.rhit-content p {

       display:inline;

}

.rhit-header { position:relative; width:100%; margin:0px auto; text-align:right; }

.rhit-header div { margin:0px; position:absolute; top:1%; right:4%; }

.rhit-header a:hover { color:#8ac856; }

.rhit-nav { display:table; height:50px; width:117px; margin:16px auto; table-layout:fixed; float:left; }

.rhit-nav a { display:table-cell; height:100%; background-color:#004455; color:white; text-align:center; vertical-align:middle; border-left:2px solid white; border-right:2px solid white; }

.rhit-navLeft { display:table; height:50px; width:117px; margin:16px auto; table-layout:fixed; float:left; }

.rhit-navLeft a { display:table-cell; height:100%; background-color:#004455; color:white; text-align:center; vertical-align:middle; border-right:2px solid white; border-bottom-left-radius:1.0em; border-top-left-radius:1.0em; }

.rhit-navLeftRed { display:table; height:50px; width:117px; margin:16px auto; table-layout:fixed; float:left; }

.rhit-navLeftRed a { display:table-cell; height:100%; background-color:#991426; color:white; text-align:center; vertical-align:middle; border-right:2px solid white; border-bottom-left-radius:1.0em; border-top-left-radius:1.0em; }

.rhit-navRed { display:table; height:50px; width:117px; margin:16px auto; table-layout:fixed; float:left; }

.rhit-navRed a { display:table-cell; height:100%; background-color:#991426; color:white; text-align:center; vertical-align:middle; border-left:2px solid white; border-right:2px solid white; }

.rhit-navRight { display:table; height:50px; width:117px; margin:16px auto; table-layout:fixed; float:right; }

.rhit-navRight a { display:table-cell; height:100%; background-color:#004455; color:white; text-align:center; vertical-align:middle; border-left:2px solid white; border-bottom-right-radius:1.0em; border-top-right-radius:1.0em; }

.rhit-navRightRed { display:table; height:50px; width:117px; margin:16px auto; table-layout:fixed; float:right; }

.rhit-navRightRed a { display:table-cell; height:100%; background-color:#991426; color:white; text-align:center; vertical-align:middle; border-left:2px solid white; border-bottom-right-radius:1.0em; border-top-right-radius:1.0em; }

a:link, a:active, a:visited, a:hover { color:white; text-decoration:none; font-size:12pt; }

.rhit-nav a:hover { background-color:#8ac856; text-decoration:none; font-size:12pt; }

.rhit-navLeft a:hover { background-color:#8ac856; text-decoration:none; font-size:12pt; }

.rhit-navRight a:hover { background-color:#8ac856; text-decoration:none; font-size:12pt; }

.rhit-contentBoxes { width:100%;

   height:285px;

margin:12px auto; }

.rhit-contentBoxes div { float:left; height:100%; color:white; padding:1%; }

.rhit-contentBoxes div h3 { margin:0px;

   padding:0px;
   font-size:large;
   color:white;

}

.rhit-contentBoxes a:hover { color:#8ac856; }

.rhit-contentBoxes div p { margin:0px; font-size:11pt; }

.rhit-sponsorBox { background-color:white; color:black; font-size:12pt; border-radius:1.2em; padding:12px; }

.rhit-sponsorBox a:link { color:black; }

.rhit-sponsorBox a:hover { color:#8ac856; }

.rhit-leftBox { width:32%; margin-right:1.5%; background-color:#004455; border-bottom-left-radius: 1.2em; }

.rhit-middleBox { width:27%; background-color:#991426; }

.rhit-rightBox { background-color:#004455; width:32%; margin-left:1.5%; border-bottom-right-radius: 1.2em; }

.rhit-dividers div { height:25px; margin:0px auto 0px; padding:20px;

       float:left;
       border-top-right-radius: 1.2em;
       border-top-left-radius: 1.2em;

}

.rhit-sheets div { width:98%; height:100%; margin:0px auto; float:left; padding:1%; color:white;

       border-bottom-right-radius: 1.2em;
       border-bottom-left-radius: 1.2em;

}

.rhit-blueDivider {

       width:165px;

background-color:#53676C; }

.rhit-redDivider {

       width:165px;

background-color:#991426; }

.rhit-grnDivider { width:165px; background-color:#8ac856; }

.rhit-fourthDivider { width:165px; background-color:black; }

.rhit-blueSheet { background-color:#53676C; }

.rhit-blueSheet a:hover { color:#991426; }

.rhit-redSheet { background-color:#991426;

       display:none;

}

.rhit-grnSheet { background-color:#8ac856; display:none; }

.rhit-grnSheet a:hover { color: #004455; }

.rhit-fourthSheet { background-color:black; display:none; }

.rhit-genericBox { background-color: #53676C; border-radius: 1.2em; width:98%; margin:80px auto; color:white; padding:1%; }

.rhit-genericBox a:hover { color:#8ac856; }

ul#rhit-teamList { list-style:none; }

.rhit-sponsorList { color:black; }

.rhit-sponsorList a:hover { color:#8ac856; }

.rhit-sponsorList a:link { color:black; }

.sliderGallery { overflow: hidden; /*position: relative;*/ height: 644px; width: 945px; }

.sliderGallery ul { /*position: absolute;*/ list-style: none; white-space: nowrap; padding: 0; margin: 0; width: 2588px; }

.sliderGallery ul li { display: inline; height: 400px; }

.handle { position: absolute; cursor: move; top:600px; z-index: 100; height: 400px; width: 181px; }

.slider { width: 2250px; height: 400px; position: relative; padding: 0 2px; background: url(Transparent_Pixel.gif) no-repeat left top; /*position: absolute; top: 635px;*/ }

.slider a { color: #000000; }

.handle { position: absolute; height: 400px; width: 92px; top: 0; background: url(Transparent_BG.gif) no-repeat left top; z-index: 100; }

.back { position: absolute; right: 18px; top: -30px; }

.rslides {

 position: relative;
 list-style: none;
 overflow: hidden;
 width: 100%;
 padding: 0;
 margin: 0;
 }

.rslides li {

 position: absolute;
 display: none;
 width: 100%;
 left: 0;
 top: 0;
 }

.rslides li:first-child {

 position: relative;
 display: block;
 float: left;
 }

.rslides img {

 display: block;
 height: auto;
 float: left;
 width: 100%;
 border: 0;
 }