Template:CSS/Main custom

From 2014.igem.org

(Difference between revisions)
Line 9: Line 9:
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
-
background-color: #383838;
+
    background-color: #383838;
-
border: 0 none;
+
    border: 0 none;
-
height: 14px;
+
    height: 14px;
-
z-index: 100;
+
    z-index: 100;
-
top: 0;
+
    top: 0;
-
/*position: fixed;*/
+
    /*position: fixed;*/
-
width: 100%;  
+
    width: 100%;  
-
/*left: 50%; */
+
    /*left: 50%; */
-
margin-left: auto;
+
    margin-left: auto;
-
margin-right: auto;
+
    margin-right: auto;
}
}
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
-
background-color: #383838;
+
    background-color: #383838;
-
height: 14px;
+
    height: 14px;
-
display: block;
+
    display: block;
-
z-index: 10;
+
    z-index: 10;
-
position: fixed;
+
    position: fixed;
-
width: 100%;
+
    width: 100%;
-
top: 0;
+
    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.) --*/
#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;  
+
    color: #727272;  
-
text-decoration: none;  
+
    text-decoration: none;  
-
background-color: transparent;
+
    background-color: transparent;
}
}
#globalWrapper, #content { /*-- changes default wiki settings --*/
#globalWrapper, #content { /*-- changes default wiki settings --*/
-
width: 100%;  
+
    width: 100%;  
-
height: 100%;
+
    height: 100%;
-
border: 0px;
+
    border: 0px;
-
background-color: transparent;
+
    background-color: transparent;
-
margin: 0px;
+
    margin: 0px;
-
padding: 0px;
+
    padding: 0px;
}
}
html, body, .wrapper { /*-- changes default wiki settings --*/
html, body, .wrapper { /*-- changes default wiki settings --*/
-
width: 100%;  
+
    width: 100%;  
-
height: 100%;
+
    height: 100%;
-
background-color: white;
+
    background-color: white;
}
}
#bottom-section{ /*-- styling for full width bar at the bottom of the page --*/
#bottom-section{ /*-- styling for full width bar at the bottom of the page --*/
-
background-color: #DCFFDC;
+
    background-color: #DCFFDC;
-
border: 0 none;
+
    border: 0 none;
-
height: 150px;
+
    height: 150px;
-
z-index: 100;
+
    z-index: 100;
-
/*position: fixed;*/
+
    /*position: fixed;*/
-
width: 100%;  
+
    width: 100%;  
-
/*left: 50%; */
+
    /*left: 50%; */
-
margin-left: auto;
+
    margin-left: auto;
-
margin-right: auto;
+
    margin-right: auto;
}
}
#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;  
+
    font-size: 15px;  
-
color: white;
+
    color: white;
-
width: 960px;  
+
    width: 960px;  
-
margin-left: auto;  
+
    margin-left: auto;  
-
margin-right: auto;  
+
    margin-right: auto;  
-
background-color: #transparent;  
+
    background-color: transparent;  
-
margin-top: 0px;  
+
    margin-top: 0px;  
}
}
Line 85: Line 85:
     width: 960px;
     width: 960px;
     height: 30px;
     height: 30px;
-
  /*  line height 30px; */
+
    /*  line height 30px; */
     background: #DCFFDC;
     background: #DCFFDC;
     margin-bottom: 40px;
     margin-bottom: 40px;
-
    margin-color: transparent;
 
-
 
}
}
Line 104: Line 102:
     background: transparent;
     background: transparent;
     margin-bottom: 40px;
     margin-bottom: 40px;
-
    margin-color: transparent;
+
 
-
+
 
}
}
Line 111: Line 109:
     background-color: white;
     background-color: white;
     border-width: 0 0px 0px 0px;
     border-width: 0 0px 0px 0px;
-
   
+
 
}
}
Line 117: Line 115:
     height: 85px;
     height: 85px;
     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: 10 10px;
+
     border-width: 10px;
     border-style: solid;
     border-style: solid;
     border-color: transparent;   
     border-color: transparent;   
Line 137: Line 135:
-
.modal {
+
#modal {
-
   
+
 
     width: 50px;
     width: 50px;
-
  /* height: 160px;*/
 
-
  /*  line-height: 200px; */
 
-
    margin-top: -100px;
 
     position: fixed;
     position: fixed;
     top: 50%;  
     top: 50%;  
     left: 0;
     left: 0;
-
     margin-left: 0;
+
     margin-top: -100px;
-
    background-color: none;
+
     z-index: 11;
-
    text-align: center;
+
   
-
     z-index: 11; /* 1px higher than the overlay layer */
+
}
}
.modalright {
.modalright {
-
   
+
 
     width: 50px;
     width: 50px;
     height: 160px;
     height: 160px;
-
    line-height: 200px;
 
     position: fixed;
     position: fixed;
     top: 50%;  
     top: 50%;  
     right: 0;
     right: 0;
     margin-top: -100px;
     margin-top: -100px;
-
    margin-left: 0;
+
     z-index: 11;  
-
    background-color: none;
+
-
    border-radius: 0px;
+
-
    text-align: center;
+
-
     z-index: 11; /* 1px higher than the overlay layer */
+
}
}
-
buttons{
+
#buttons{
-
    border-left: 0;
+
display: inline-block;
-
    display: inline-block;
+
     width: 262px;
     width: 262px;
-
     height: 170px;
+
     height: 180px;
-
      }
+
}
Line 179: Line 168:
     background-color: #E5E5E5;
     background-color: #E5E5E5;
}
}
 +
 +
#charbanner{
#charbanner{
-
     position:relative;
+
     position: absolute;
     width:100px;
     width:100px;
     height:100px;
     height:100px;
-
     background:red;
+
     right: 50%;
-
     left:860px;
+
     padding left: 300px;
     top:20px;
     top:20px;
 +
    z-index: 10px;
}
}
-
</style>
+
#header {
-
</html>
+
 
 +
}
 +
 
 +
.container_12 {
 +
 
 +
}
 +
 
 +
.container_12 {
 +
 
 +
}

Revision as of 07:51, 22 July 2014