Template:GeorgiaTech/css/experiment.css

From 2014.igem.org

(Difference between revisions)
(Edited CSS page for GT notebook)
 
(119 intermediate revisions not shown)
Line 3: Line 3:
<style type="text/css">
<style type="text/css">
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
#search-controls {
 +
  margin-top:30px;
 +
}
 +
#footer-box, #siteSub, #search-controls, .firstHeading, #contentSub, #catlinks,  #p-logo {
 +
  display:none;
 +
}
 +
#menubar {
 +
margin-left: 10px;
 +
}
 +
 +
.right-menu li a, .left-menu li a {
 +
color: black;
 +
background-color: transparent;
 +
font-size: 10px;
 +
font-weight: bold;
 +
}
 +
 +
.right-menu li a:hover, .left-menu:hover a {
 +
color: black;
 +
}
 +
 +
#top-section {
 +
    height: 15px;
 +
}
 +
 +
#SDUcontent {
 +
width: 100%;
 +
}
 +
 +
html {
 +
    height:100%;
 +
}
 +
body {
 +
    background-image: url("https://static.igem.org/mediawiki/2014/1/13/Fyre-element.jpg");
 +
    background-attachment: fixed;
 +
    background-position: top center;
 +
    background-repeat: no-repeat;
 +
    background-size: 100%
 +
}
 +
 +
.sponsors {
 +
        font-family: Tahoma;
 +
        font-size: 14px;
 +
        color: #3D3D3D;
 +
        padding: 15px 60px;
 +
        width: 840px;
 +
        margin-left:auto;
 +
        margin-right:auto;
 +
background-color: white;
 +
        height: auto;
 +
        border: 1px solid #cccccc;
 +
        -webkit-border-radius: 10px;
 +
        -moz-border-radius: 10px;
 +
        border-radius: 10px;
 +
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
        -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
}
 +
.sponsors ul {
 +
position: relative;
 +
left: 0px;
 +
  z-index:100;
 +
text-align: center;
 +
display: inline;
 +
list-style: none;
 +
        padding: 0;
 +
        margin: 0;
 +
}
 +
 +
.sponsors ul li {
 +
        z-index:100;
 +
        font: bold 14px/20PX helvetica;
 +
        display: inline-block;
 +
        position: relative;
 +
        width: 300px;
 +
        height: 150px;
 +
        padding-right: 5px;
 +
        margin: 0;
 +
        background-color: transparent;
 +
        background-repeat:no-repeat;
 +
        text-align:center;
 +
}
 +
 +
.sponsors ul li a:link{
 +
display: block;
 +
font-size:16px/20px;
 +
width: 110px;
 +
height: 14px;
 +
text-align:center;
 +
text-decoration:none;
 +
}
 +
 +
.sponsors ul li:hover ul {
 +
        z-index:100;
 +
        display: block;
 +
        opacity: 0.95;
 +
        visibility: visible;
 +
        background-color: #BFAE30;
 +
}
 +
.sponsors ul li a:hover {
 +
        text-decoration:none;
 +
        background-color: transparent;
 +
}
 +
.sponsors ul li a:visited {
 +
        text-decoration:none;
 +
        background-color: transparent;
 +
}
 +
 +
.content {
 +
        padding: 10px 10px 10px 10px;
 +
        width: 70%;
 +
        margin-left:auto;
 +
        margin-right:auto;
 +
background-color: white;
 +
        height: auto;
 +
        -webkit-border-radius: 10px;
 +
        -moz-border-radius: 10px;
 +
        border-radius: 10px;
 +
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
        -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
}
 +
 +
 +
.firstHeading {
 +
width: 975px;
 +
margin: 0px auto;
 +
padding-top: 100px;
 +
margin-bottom: 20px;
 +
font-family: Georgia, Times, "Times New Roman", serif;
 +
}
 +
 +
.c-1{
 +
    margin-top:5px;
 +
    float: left;
 +
    width: 100%;
 +
    border-bottom:1px #888888 solid;
 +
}
 +
 +
.bio {
 +
    width:100%;
 +
    height:auto;
 +
}
 +
 +
.bio img {
 +
    margin:10px;
 +
    -webkit-border-radius: 10px;
 +
    -moz-border-radius: 10px;
 +
    border-radius: 10px;
 +
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
}
 +
 +
.content img {
 +
    margin:10px;
 +
    -webkit-border-radius: 10px;
 +
    -moz-border-radius: 10px;
 +
    border-radius: 10px;
 +
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
}
 +
.imgright {
 +
    margin:20px;
 +
    width:30%;
 +
    float:right;
 +
    height:auto;
 +
}
 +
 +
.imgright img{
 +
    -webkit-border-radius: 10px;
 +
    -moz-border-radius: 10px;
 +
    border-radius: 10px;
 +
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    width:100%;
 +
    height:100%;
 +
}
 +
 +
.imgleft {
 +
    margin:20px;
 +
    width:30%;
 +
    float:left;
 +
    height:auto;
 +
}
 +
 +
.imgleft img {
 +
    -webkit-border-radius: 10px;
 +
    -moz-border-radius: 10px;
 +
    border-radius: 10px;
 +
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    width:100%;
 +
    height:100%;
 +
}
 +
 +
.biotextleft {
 +
    width:60%;
 +
    margin-left:0%;
 +
    margin-right:0%;
 +
    float:left;
 +
    height:auto;
 +
}
 +
 +
.biotextright {
 +
    width:60%;
 +
    margin-left:0%;
 +
    margin-right:0%;
 +
    float:right;
 +
    height:auto;
 +
}
 +
 +
.biotext {
 +
    float:left;
 +
    width:100%;
 +
    height:auto;
 +
}
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
Line 34: Line 253:
text-decoration: none;  
text-decoration: none;  
background-color: transparent;
background-color: transparent;
-
}
 
-
 
-
body {
 
-
background-color: #fff;
 
}
}
Line 47: Line 262:
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
-
}
 
-
 
-
html, body, .wrapper { /*-- changes default wiki settings --*/
 
-
width: 100%;
 
-
height: 100%;
 
-
background-color: transparent;
 
}
}
Line 100: Line 309:
.sub-sidemenu a {color: #666;}
.sub-sidemenu a {color: #666;}
-
div.underconst
+
div.underconst{
-
{
+
    padding:10px;
-
padding:10px;
+
    border-radius:5px;
-
border-radius:5px;
+
    background-color:pink;
-
background-color:pink;
+
    text-align:center;
-
text-align:center;
+
}
}
Line 118: Line 326:
.greyout {color: #A0A0A0;}
.greyout {color: #A0A0A0;}
.highlightme {background-color: #FFFF00;}
.highlightme {background-color: #FFFF00;}
-
 
-
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
 
-
#annContainer {margin-left: 8px;}
 
-
#newsContainer {border: 1px solid #ccc;}
 
.newsTitle {
.newsTitle {
Line 205: Line 409:
</style>
</style>
-
</style>
+
</head>
</html>
</html>

Latest revision as of 19:39, 21 July 2014

Retrieved from "http://2014.igem.org/Template:GeorgiaTech/css/experiment.css"