Template:CSS/Main custom

From 2014.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
 
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
Line 15: Line 14:
     top: 0;
     top: 0;
     /*position: fixed;*/
     /*position: fixed;*/
-
     width: 100%; '''Bold text'''
+
     width: 100%;  
     /*left: 50%; */
     /*left: 50%; */
     margin-left: auto;
     margin-left: auto;
Line 53: Line 52:
}
}
-
#bottom-section{
+
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
-
    background-color: #DCFFDC;
+
 
-
    border: 0 none;
+
 
-
    z-index: 100;
+
 
-
    /*position: fixed;*/
+
 
-
    width: 100%;  
+
 
-
    /*left: 50%; */
+
 
-
    padding-top: 20px;
+
/*___________________________________________________*/
-
    padding-bottom: 20px;
+
/*---NAV BAR-------------*/
 +
#menu, #menu ul {
 +
 
 +
  padding: 0;
 +
  margin: 0;
 +
  list-style: none;
 +
  background: #DCFFDC;
 +
 
 +
 
 +
  }
 +
 
 +
#menu end{
 +
  display:block;
 +
  width: 100%;
 +
  height: 30px;
 +
  margin-bottom: 30px;
}
}
 +
  #menu top{
 +
    font-weight: bold;
 +
    font-size: 12.5px;
 +
    text-align: center;
 +
  }
 +
#menu li {
 +
  float: left;
 +
  height: 30px
 +
  background: #DCFFDC;
 +
  margin-bottom: 30px;
 +
  width: 114px;
 +
}
 +
 +
#menu lil {
 +
  float: left;
 +
  height: 30px
 +
  background: #DCFFDC;
 +
  margin-bottom: 30px;
 +
  width: 45px;
 +
}
 +
 +
#menu a {
 +
  display: block;
 +
  padding: 5px;
 +
  color: #333333;
 +
  border-style: solid;
 +
  border-color: transparent;
 +
  border-right-color: white;
 +
  border-width: 1px;
 +
  border-right-width: 2px;
 +
 
 +
}
 +
 +
#menu li ul {
 +
  position: absolute;
 +
  left: -999em;
 +
  width: 100px;
 +
  text-align: left;
 +
  opacity: 0.85;
 +
  padding-left: 10px; 
 +
}
 +
 +
#menu li:hover ul, #menu li ul:hover {
 +
  left:auto;
 +
}
 +
}
 +
 +
 +
 +
/*---PAGE CONTENT------------*/
#contentcontainer { /*-- creates container for all content on page --*/
#contentcontainer { /*-- creates container for all content on page --*/
     font-family: Arial, Helvetica, sans-serif;  
     font-family: Arial, Helvetica, sans-serif;  
-
     font-weight: normal;
+
     font-weight: normal;
-
    font-size: 15px;  
+
     color: white;
     color: white;
     width: 960px;  
     width: 960px;  
Line 76: Line 139:
}
}
-
 
+
p1{
 +
    font-color: #333333;
 +
    font-size: 15px;
 +
}
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
-
#navigation {
+
h2 {
-
     float: left;
+
     padding-top: 20px;
-
    display: block;
+
     font-size: xx-large;
-
    width: 960px;
+
     line-height: normal;
-
    height: 30px;
+
-
    /*  line height 30px; */
+
-
    background: #DCFFDC;
+
-
    margin-bottom: 40px;
+
-
}
+
-
 
+
-
#navigation a {
+
-
     border-left: 0;
+
-
    display: block;
+
-
    float: left;
+
-
    width: 120px;
+
-
    height: 30px;
+
-
    text-align: center;
+
-
     line-height: 30px;
+
-
    color: #333333;
+
-
    font-weight: bold;
+
-
    background: transparent;
+
-
    margin-bottom: 40px;
+
-
 
+
-
 
+
}
}
Line 111: Line 157:
}
}
 +
 +
.grey{
 +
    background-color: #E5E5E5;
 +
    padding-top: 0;
 +
    padding-bottom: 20px;
 +
    margin-top: 30px;
 +
    margin-bottom: 30px;
 +
    width: 960px;
 +
}
 +
   
 +
 +
/*---HEADER SYTLING---------*/
#header {
#header {
-
     height: 85px;
+
     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/4/47/Delft2014_Igem_banner.png' );
-
    border-width: 10px;
 
-
    border-style: solid;
 
-
    border-color: transparent; 
 
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-position: 0 0;
     background-position: 0 0;
Line 123: Line 178:
}
}
-
 
+
#charbanner{
-
 
+
    position: relative;
-
h2 {
+
    width:140px;
-
     padding-top: 20px;
+
     height:140px;
-
     font-size: xx-large;
+
     left: 87.5%;
-
     line-height: normal;
+
     z-index: 10px;
}
}
-
/*modal overlay for links to igem, facebook and twitter*/
+
/*-------SIDEBAR OVERLAYS--------*/
-
 
+
#modal {
#modal {
Line 143: Line 197:
     margin-top: -100px;
     margin-top: -100px;
     z-index: 11;
     z-index: 11;
-
      
+
     }
-
+
-
}
+
.modalright {
.modalright {
Line 158: Line 210:
}
}
-
#buttons{
+
/*-------BAR ACROSS BOTTOM OF PAGE--------*/
-
display: inline-block;
+
-
    width: 262px;
+
-
    height: 161px;
+
-
    margin-top: 30px;
+
-
    margin-bottom: 30px;
+
-
   
+
-
}
+
-
 
+
#bottom-section{
-
.grey{
+
     background-color: #DCFFDC;
-
     background-color: #E5E5E5;
+
    border: 0 none;
 +
    z-index: 100;
 +
/*  position: fixed; */
 +
    width: 100%;
 +
    margin-top: 40px;
     padding-top: 20px;
     padding-top: 20px;
     padding-bottom: 20px;
     padding-bottom: 20px;
-
     margin-top: 5px;
+
     text-align: center;
-
     margin-bottom: 30px;
+
     font-size: 12px;
-
   
+
-
 
+
-
 
+
-
 
+
-
#charbanner{
+
-
    position: absolute;
+
-
    width:100px;
+
-
    height:100px;
+
-
    right: 50%;
+
-
    padding left: 300px;
+
-
    top:20px;
+
-
    z-index: 10px;
+
}
}
 +
/*___________________________________________________*/
 +
/*---HOME PAGE SPECIFIC-------------------*/
-
#header {
 
-
}
 
-
 
-
.container_12 {
 
-
 
-
}
 
-
 
-
.container_12 {
 
-
 
-
}
 
</style>
</style>
</html>
</html>

Latest revision as of 19:51, 21 September 2014

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