Team:RHIT/main.css

From 2012.igem.org

(Difference between revisions)
 
(381 intermediate revisions not shown)
Line 1: Line 1:
-
#top-section {display:none;}
+
#globalWrapper {
-
#footer-box {display:none;}
+
        display:none;
-
#content {display:none;}
+
}
-
#global-wrapper {display:none;}
+
 
-
h1.firstHeading {display:none;}
+
#footer-box {
 +
        display:none;
 +
}
 +
 
 +
#catlinks {
 +
        display:none;
 +
}
 +
 
 +
.visualClear {
 +
        display:none;
 +
}
 +
 
 +
p {
 +
        display:none;
 +
        color:white;
 +
}
 +
 
 +
h1 {
 +
        color:white;
 +
}
 +
 
 +
h2 {
 +
        color:white;
 +
}
 +
 
 +
h3 {
 +
        color:white;
 +
}
 +
 
 +
h4 {
 +
        color:white;
 +
}
-
body {
+
html, body {
margin:0px;
margin:0px;
         padding:0px;
         padding:0px;
background-color:#004455;
background-color:#004455;
font-family:'Trebuchet MS';
font-family:'Trebuchet MS';
 +
        font-size:10pt;
 +
        height:100%;
 +
}
 +
 +
#logged_in {
 +
display:none;
}
}
.rhit-content {
.rhit-content {
width:820px;
width:820px;
-
height:100%;
 
margin:0px auto;
margin:0px auto;
-
padding:0px 65px;
+
padding: 0px 65px 65px;
background-color:white;
background-color:white;
 +
        overflow:auto;
 +
}
 +
 +
.rhit-content p {
 +
        display:inline;
}
}
Line 27: Line 68:
}
}
-
.rhit-header p {
+
.rhit-header div {
margin:0px;
margin:0px;
position:absolute;
position:absolute;
top:1%;
top:1%;
-
right:4%;
+
right:1%;
 +
}
 +
 
 +
.rhit-header div a {
 +
padding:6px;
 +
}
 +
 
 +
.rhit-header div a img {
 +
padding:3px;
 +
float:left;
}
}
Line 41: Line 91:
display:table;
display:table;
height:50px;
height:50px;
-
width:100%;
+
width:117px;
margin:16px auto;
margin:16px auto;
table-layout:fixed;
table-layout:fixed;
 +
float:left;
}
}
Line 50: Line 101:
height:100%;
height:100%;
background-color:#004455;
background-color:#004455;
 +
color:white;
 +
text-align:center;
 +
vertical-align:middle;
border-left:2px solid white;
border-left:2px solid white;
border-right: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;
color:white;
text-align:center;
text-align:center;
vertical-align:middle;
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;
}
}
Line 60: Line 215:
color:white;
color:white;
text-decoration:none;
text-decoration:none;
-
font-size:12pt;
+
font-size:11pt;
}
}
-
.rhit-nav a:hover {
+
.rhit-nav a:hover, .rhit-navLeft a:hover, .rhit-navRight a:hover {
background-color:#8ac856;
background-color:#8ac856;
text-decoration:none;
text-decoration:none;
-
font-size:12pt;
+
font-size:11pt;
 +
}
 +
 
 +
.rhit-navRed a:hover, .rhit-navLeftRed a:hover, .rhit-navRightRed a:hover {
 +
background-color:#8ac856;
 +
text-decoration:none;
 +
font-size:11pt;
}
}
.rhit-contentBoxes {
.rhit-contentBoxes {
width:100%;
width:100%;
-
height:275px;
+
height:525px;
margin:12px auto;
margin:12px auto;
}
}
Line 84: Line 245:
.rhit-contentBoxes div h3 {
.rhit-contentBoxes div h3 {
margin:0px;
margin:0px;
 +
padding:0px;
 +
font-size:large;
 +
color:white;
 +
}
 +
 +
.rhit-contentBoxes a:hover {
 +
color:#8ac856;
}
}
Line 95: Line 263:
margin-right:1.5%;
margin-right:1.5%;
background-color:#004455;
background-color:#004455;
 +
border-bottom-left-radius: 1.2em;
}
}
Line 106: Line 275:
width:32%;
width:32%;
margin-left:1.5%;
margin-left:1.5%;
 +
border-bottom-right-radius: 1.2em;
}
}
 +
 +
.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-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:804px;
 +
height:100%;
 +
margin:0px auto;
 +
float:left;
 +
padding:1%;
 +
color:white;
 +
    border-bottom-right-radius: 1.2em;
 +
    border-bottom-left-radius: 1.2em;
 +
}
 +
 +
.rhit-sheets div img {
 +
float:none;
 +
}
 +
 +
.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 {
 +
font-size:10pt;
 +
text-decoration: underline;
 +
}
 +
 +
.rhit-blueSheet a:hover {
 +
color:#991426;
 +
}
 +
 +
.rhit-redSheet {
 +
background-color:#991426;
 +
        display:none;
 +
}
 +
 +
.rhit-redSheet a {
 +
font-size:10pt;
 +
text-decoration: underline;
 +
}
 +
 +
.rhit-redSheet a:hover {
 +
color: #8ac856;
 +
}
 +
 +
.rhit-grnSheet {
 +
background-color:#8ac856;
 +
display:none;
 +
}
 +
 +
.rhit-grnSheet a {
 +
font-size:10pt;
 +
text-decoration: underline;
 +
}
 +
 +
.rhit-grnSheet a:hover {
 +
color: #004455;
 +
}
 +
 +
.rhit-fourthSheet {
 +
background-color:black;
 +
display:none;
 +
}
 +
 +
.rhit-fourthSheet a {
 +
font-size:10pt;
 +
text-decoration: underline;
 +
}
 +
 +
.rhit-fourthSheet a:hover {
 +
color: #8ac856;
 +
}
 +
 +
.rhit-genericBox {
 +
background-color: #53676C;
 +
border-radius: 1.2em;
 +
width:98%;
 +
margin:80px auto;
 +
color:white;
 +
padding:1%;
 +
}
 +
 +
.rhit-genericBox a {
 +
font-size:10pt;
 +
text-decoration: underline;
 +
}
 +
 +
.rhit-genericBox a:hover {
 +
color:#8ac856;
 +
}
 +
 +
ul { list-style-image:none; list-style-type:disc; }
 +
 +
ul#rhit-teamList {
 +
list-style:none;
 +
}
 +
 +
.rhit-sponsorList {
 +
color:black;
 +
}
 +
 +
.rhit-attriList li {
 +
color:ffffff;
 +
}
 +
 +
.rhit-attriList li p {
 +
color:ffffff;
 +
}
 +
 +
.rhit-sponsorList a:hover {
 +
color:#8ac856;
 +
}
 +
 +
.rhit-sponsorList a:link {
 +
color:black;
 +
}
 +
 +
ul#rhit-pathwayList {
 +
float:left;
 +
}
 +
 +
.back {
 +
position: absolute;
 +
right: 18px;
 +
top: -30px;
 +
}
 +
 +
.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; list-style: none; left: 0; top: 0; float: left; }
 +
 +
.rslides li:first-child { position: relative; display: block; float: left; }
 +
 +
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

Latest revision as of 03:45, 4 October 2012

  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:1%; }

.rhit-header div a { padding:6px; }

.rhit-header div a img { padding:3px; float:left; }

.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:11pt; }

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

.rhit-navRed a:hover, .rhit-navLeftRed a:hover, .rhit-navRightRed a:hover { background-color:#8ac856; text-decoration:none; font-size:11pt; }

.rhit-contentBoxes { width:100%; height:525px; 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-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-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-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:804px; height:100%; margin:0px auto; float:left; padding:1%; color:white;

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

}

.rhit-sheets div img { float:none; }

.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 { font-size:10pt; text-decoration: underline; }

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

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

       display:none;

}

.rhit-redSheet a { font-size:10pt; text-decoration: underline; }

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

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

.rhit-grnSheet a { font-size:10pt; text-decoration: underline; }

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

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

.rhit-fourthSheet a { font-size:10pt; text-decoration: underline; }

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

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

.rhit-genericBox a { font-size:10pt; text-decoration: underline; }

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

ul { list-style-image:none; list-style-type:disc; }

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

.rhit-sponsorList { color:black; }

.rhit-attriList li { color:ffffff; }

.rhit-attriList li p { color:ffffff; }

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

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

ul#rhit-pathwayList { float:left; }

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

.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; list-style: none; left: 0; top: 0; float: left; }

.rslides li:first-child { position: relative; display: block; float: left; }

.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }