Template:CSS/Delft2014 main

From 2014.igem.org

(Difference between revisions)
 
(59 intermediate revisions not shown)
Line 54: Line 54:
}
}
-
a.anchor{
 
-
    display: block;
 
-
    position: relative;
 
-
    top: -80px;
 
-
    visibility: hidden;
 
-
}
 
-
.tableofcontents{
 
-
    border: 1px solid #898989;
 
-
    background-color: #f5f5f5;
 
-
    display: inline-block;
 
-
    padding: 5px;
 
-
    margin: 25px;
 
-
}
 
-
table, th, td {
+
/*---PAGE CONTENT------------*/
-
    border: 1px solid black;
+
-
    border-collapse: collapse;
+
-
}
+
-
 
+
-
th, td {
+
-
    padding: 5px;
+
-
    text-align: left;
+
-
}
+
-
 
+
-
caption {
+
-
    text-align:left;
+
 +
#contentcontainer { /*-- creates container for all content on page --*/
 +
    font-family: Arial, Helvetica, sans-serif;
 +
    font-weight: normal;
 +
    color: white;
 +
    width: 960px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    background-color: transparent;
 +
    margin-top: 0px;
}
}
/* unvisited link */
/* unvisited link */
a:link {
a:link {
-
     color: #000000;
+
     color: #0101DF;
-
    font-style: oblique;
+
}
}
/* visited link */
/* visited link */
a:visited {
a:visited {
-
     color: #000000;
+
     color: #0101DF;
-
    font-style: oblique;
+
}
}
/* mouse over link */
/* mouse over link */
a:hover {
a:hover {
-
     color: #000000;
+
     color: #0101DF
     font-style: oblique;
     font-style: oblique;
-
    font-weight: bold;
 
-
}
 
-
/*---PAGE CONTENT------------*/
 
-
 
-
#contentcontainer { /*-- creates container for all content on page --*/
 
-
    font-family: Arial, Helvetica, sans-serif;
 
-
    font-weight: normal;
 
-
    color: white;
 
-
    width: 960px;
 
-
    margin-left: auto;
 
-
    margin-right: auto;
 
-
    background-color: transparent;
 
-
    margin-top: 0px;
 
}
}
Line 121: Line 91:
}
}
-
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
+
a.anchor{
 +
    display: block;  
 +
    position: relative;  
 +
    top: -80px;  
 +
    visibility: hidden;
 +
}
Line 151: Line 126:
}
}
p {
p {
-
     font-size: 1.05em;
+
     font-size: 0.9em;
}
}
 +
 +
li {
 +
    font-size: 16px;
 +
}
 +
caption {
caption {
-
     font-size: 0.9em;
+
     font-size: 0.8em;
     font-style: italic;
     font-style: italic;
     text-align:left;
     text-align:left;
}
}
figcaption {
figcaption {
-
     font-size: 0.9em;
+
     font-size: 0.8em;
     font-style: italic;
     font-style: italic;
     text-align:left;
     text-align:left;
}
}
 +
 +
.hidden{
 +
display:none !important;
 +
}
 +
 +
.tableofcontents{
.tableofcontents{
-
   border: none;
+
   border-width: 1px;
-
   background-color: #D9D9D9;
+
  border-style: solid;
 +
  border-color: #878787;  
 +
   background-color: #F2F1F1;
   display: inline-block;
   display: inline-block;
   align="left";
   align="left";
Line 179: Line 167:
     text-align: left;
     text-align: left;
}
}
-
   
+
 
 +
.moduleImage {
 +
    float: left;
 +
    margin-left: 20px;
 +
    margin-bottom: 20px;   
 +
}
 +
 
 +
.landmine {
 +
    width: 463px;
 +
    height: 351px;
 +
}
 +
 
 +
 
 +
.electrontransport {
 +
    width: 386px;
 +
    height: 372px;
 +
}
 +
 
 +
.curli {
 +
    width: 401px;
 +
    height: 304px;
 +
}
/*---HEADER SYTLING---------*/
/*---HEADER SYTLING---------*/
Line 185: Line 194:
#header {
#header {
     height: 90px;
     height: 90px;
-
     background-image: url('https://static.igem.org/mediawiki/2014/4/47/Delft2014_Igem_banner.png');
+
     background-image: url('https://static.igem.org/mediawiki/2014/8/83/TUDELFT2014_banner_new.png');
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-position: 0 0;
     background-position: 0 0;
Line 196: Line 205:
     height:140px;
     height:140px;
     left: 87.5%;
     left: 87.5%;
-
     z-index: 10;
+
     z-index: 510;
}
}
Line 229: Line 238:
#bottom-section{
#bottom-section{
     background-color: #DCFFDC;
     background-color: #DCFFDC;
-
     border: 0 none;
+
     border-top: 8px solid #54beaa;
-
    z-index: 100;
+
     margin-top: 30px;
-
/*  position: fixed; */
+
     padding: 10px;
-
    width: 100%;  
+
     font-size: 14px;
-
     margin-top: 40px;
+
     margin-bottom: 0;
-
     padding-top: 20px;
+
-
     padding-bottom: 20px;
+
-
     text-align: center;
+
-
    font-size: 18px;
+
}
}
Line 286: Line 291:
     display: block;
     display: block;
     text-decoration: none;
     text-decoration: none;
-
     padding: 6px 20px 3px 20px;
+
     padding: 6px 15px 3px 15px;
     background: #dcffdc;
     background: #dcffdc;
     margin-left: 1px;
     margin-left: 1px;
Line 304: Line 309:
}
}
-
#nav li.sub-menu {
+
#nav li.sub-menu a {
     display: block;
     display: block;
     width: 260px;
     width: 260px;
     height: auto;
     height: auto;
-
     padding: 10px;
+
     padding: 4px;
     background-color: white;
     background-color: white;
     float: none;     
     float: none;     
Line 314: Line 319:
     margin-left: 1px;
     margin-left: 1px;
     border-left: 8px solid #dcffdc;     
     border-left: 8px solid #dcffdc;     
-
     border-right: 8px solid #dcffdc;  
+
     border-right: 8px solid #dcffdc;
 +
    color: #383838;
}
}
-
#nav li.sub-menu:last-child {
+
#nav li.sub-menu:last-child a {
     border-bottom: 8px solid #dcffdc;  
     border-bottom: 8px solid #dcffdc;  
}
}
-
#nav li.sub-menu a {
+
#nav li.sub-menu .link {
     font-weight: bold;
     font-weight: bold;
-
     color: #383838;
+
     font-size: 16px;
}
}
Line 330: Line 336:
}
}
-
#nav li.sub-menu:hover {
+
#nav li.sub-menu a:hover {
     cursor: pointer;
     cursor: pointer;
     background-color: #dcffdc;
     background-color: #dcffdc;
     border-left: 8px solid #54beaa;
     border-left: 8px solid #54beaa;
     border-right: 8px solid #54beaa;
     border-right: 8px solid #54beaa;
 +
    text-decoration: none;
}
}
-
#nav li.sub-menu:last-child:hover {
+
#nav li.sub-menu:last-child a:hover {
     border-bottom: 8px solid #54beaa;  
     border-bottom: 8px solid #54beaa;  
}
}
-
#nav li.sub-menu:hover a {
+
#nav li.sub-menu a:hover .link {
     text-decoration: underline;
     text-decoration: underline;
}
}
-
#nav li.sub-menu img {
+
#nav li.sub-menu a:hover .desc {
-
     margin-right: 10px;
+
     text-decoration: none;
}
}
-
<style>
+
</style>
-
 
+
-
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
+
-
</script>
+
-
 
+
-
<script>
+
-
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+
-
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+
-
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+
-
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
-
 
+
-
  ga('create', 'UA-55001918-1', 'auto');
+
-
  ga('send', 'pageview');
+
-
</script>
+
-
 
+
</html>
</html>

Latest revision as of 18:00, 17 October 2014

Retrieved from "http://2014.igem.org/Template:CSS/Delft2014_main"