Template:GeorgiaTech/css/experiment.css

From 2014.igem.org

(Difference between revisions)
 
(115 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
    <link href='http://fonts.googleapis.com/css?family=Raleway' rel=
+
<style type="text/css">
-
    'stylesheet' type='text/css'>
+
-
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel=
+
-
    'stylesheet' type='text/css'>
+
-
    <style>
+
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
-
    display:none;}
+
-
    #top-section {
+
-
    border: none;
+
-
    height: 0px;}
+
-
    #content {
+
-
    border: none;
+
-
    background-color: transparent;}
+
-
    #menubar > ul > li:last-child {
+
-
    display: none;}
+
-
    #menubar {
+
#search-controls {
-
    width: auto;}
+
  margin-top:30px;
-
    body {
+
}
-
    margin: 10px 0 0 0;
+
#footer-box, #siteSub, #search-controls, .firstHeading, #contentSub, #catlinks,  #p-logo {
-
    padding: 0;}
+
  display:none;
-
    #top-section {
+
}
-
    width: 965px;
+
-
    height: 0;
+
-
    margin: 0 auto;
+
-
    padding: 0;
+
-
    border: none;}
+
-
    #menubar {
+
-
    font-size: 65%;
+
-
    top: -14px;}
+
-
    .left-menu:hover {
+
-
    background-color: transparent;}
+
-
    #menubar li a {
+
-
    background-color: transparent;}
+
-
    #menubar:hover {
+
-
    color: black;}
+
-
    #menubar li a {
+
-
    color: transparent;}
+
-
    #menubar:hover li a {
+
-
    color: black;}
+
-
    #placeimg{
+
#menubar {
-
      height: 200px;
+
margin-left: 10px;
-
    }
+
}
-
html, #globalWrapper{
+
.right-menu li a, .left-menu li a {
-
background-color:#E0E0E0;
+
color: black;
 +
background-color: transparent;
 +
font-size: 10px;
 +
font-weight: bold;
}
}
-
    header{
+
.right-menu li a:hover, .left-menu:hover a {
-
      font-family:"Raleway";
+
color: black;
-
      background-size:cover;
+
}
-
      text-align: center;
+
-
      color:white;
+
-
    }  
+
-
    #menu{
+
#top-section {
-
      padding:5px 0px 5px 0px;
+
    height: 15px;
-
      margin:0px;
+
}
-
      font-size:18px;
+
-
      background: rgba(0,0,0,0.5);
+
-
    }
+
#SDUcontent {
-
    li{
+
width: 100%;
-
    display:inline;
+
}
-
    padding:9px;
+
-
    }
+
-
a:visited {
+
html {
-
color: white;
+
    height:100%;
}
}
-
h1{
+
body {
-
border-bottom:0px;
+
    background-image: url("https://static.igem.org/mediawiki/2014/1/13/Fyre-element.jpg");
-
color:white;
+
    background-attachment: fixed;
-
font-size:72px;
+
    background-position: top center;
 +
    background-repeat: no-repeat;
 +
    background-size: 100%
}
}
-
a{
+
.sponsors {
-
color:white;
+
        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;
}
}
-
    </style>
 
 +
.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;}
 +
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 +
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
height: 14px;
 +
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
}
 +
 +
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
 +
color: #727272;
 +
text-decoration: none;
 +
background-color: transparent;
 +
}
 +
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 +
#contentcontainer { /*-- creates container for all content on page --*/
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 960px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #transparent;
 +
margin-top: 0px;
 +
}
 +
 +
.sidemenu, .sidemenu li {
 +
list-style-type: none;
 +
list-style-image: none;
 +
font-family: verdana;
 +
text-decoration: none;
 +
color:#000;
 +
font-size: 14px;
 +
}
 +
 +
.sidemenu li {display: block;}
 +
 +
.sidemenu a {
 +
text-decoration:none;
 +
color: #000;
 +
display: block;
 +
width: 180px;
 +
height: 100%;
 +
padding: 3px 5px;
 +
transition: .25s ease-in-out;
 +
-moz-transition: .25s ease-in-out;
 +
-webkit-transition: .25s ease-in-out;
 +
}
 +
 +
.sidemenu a.greyout { color: #909090; }
 +
 +
.sidemenu a:hover {
 +
color:#666;
 +
background-color: #d9f5aa;
 +
}
 +
 +
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 +
.sub-sidemenu a {color: #666;}
 +
 +
div.underconst{
 +
    padding:10px;
 +
    border-radius:5px;
 +
    background-color:pink;
 +
    text-align:center;
 +
}
 +
 +
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 +
 +
.contentpara {margin-bottom: 30px;}
 +
 +
span.email{font-family: monospace; font-weight: normal;}
 +
 +
fieldset {border: 1px solid #337f53;}
 +
 +
.greyout {color: #A0A0A0;}
 +
.highlightme {background-color: #FFFF00;}
 +
 +
.newsTitle {
 +
display: block;
 +
color: #414141;
 +
font-size: 25px; 
 +
        font-family: Georgia, Times, "Times New Roman", serif;
 +
padding: 10px 15px 5px 10px;
 +
border-bottom: 1px solid #ccc;
 +
margin-bottom: 0px;
 +
}
 +
 +
.newsItem {
 +
border-bottom: 1px solid #ccc;
 +
display: block;
 +
padding: 5px 15px 0px 10px;
 +
margin-bottom: 0px;
 +
}
 +
 +
.newsItem h3 {
 +
width: auto;
 +
display: inline;
 +
font-size: 14px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
padding: 0px;
 +
margin: 0px;
 +
}
 +
 +
.newsItem img {
 +
float: right;
 +
clear: right;
 +
width: 80px;
 +
padding-left: 15px;
 +
display: inline-block;
 +
}
 +
 +
.newsItem .newsDate {
 +
font-style: italic;
 +
font-size: 14px;
 +
display: inline-block;
 +
color: #999;
 +
float: right;
 +
padding: 0px 0px 10px 15px;
 +
}
 +
 +
.newsItem p, .newsItem ul, .newsItem li {
 +
padding: 0px;
 +
margin-left: 20px;
 +
font-size: 12px;
 +
line-height: 1.2;
 +
}
 +
 +
.newsItem p {margin-top: 10px;}
 +
 +
.annItem {
 +
border: 2px solid #49b677;
 +
display: block;
 +
padding: 0px 15px 10px 10px;
 +
margin-bottom: 18px;
 +
position: relative;
 +
height: 160px;
 +
vertical-align: middle;
 +
}
 +
 +
.annItem .annCentered {
 +
display: table-cell;
 +
vertical-align: middle;
 +
height: 160px;
 +
}
 +
 +
.annCentered h3 {
 +
padding: 0px;
 +
display: block;
 +
margin-left: auto;
 +
margin-right: auto;
 +
text-align: center;
 +
}
 +
 +
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 +
.annItem li {list-style: none; margin: 5px}
 +
 +
 +
 +
</style>
</head>
</head>
-
<body>
+
 
-
<img src="http://i.imgur.com/O3OaD3r.png" style="position:fixed;bottom:0px;left:0px;z-index:999"/>
+
 
-
</body>
+
 
</html>
</html>

Latest revision as of 19:39, 21 July 2014

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