Template:CSS/Main custom

From 2014.igem.org

(Difference between revisions)
 
(41 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 9: Line 8:
#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 --*/
+
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
-
background-color: #DCFFDC;
+
 
-
border: 0 none;
+
 
-
height: 150px;
+
 
-
z-index: 100;
+
 
-
/*position: fixed;*/
+
 
-
width: 100%;  
+
 
-
/*left: 50%; */
+
/*___________________________________________________*/
-
margin-left: auto;
+
/*---NAV BAR-------------*/
-
margin-right: auto;
+
#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;
 +
}
-
#contentcontainer { /*-- creates container for all content on page --*/
+
#menu lil {
-
font-family: Arial, Helvetica, sans-serif;  
+
  float: left;
-
font-weight: normal;  
+
  height: 30px
-
font-size: 15px;  
+
  background: #DCFFDC;
-
color: white;
+
  margin-bottom: 30px;
-
width: 960px;  
+
  width: 45px;
-
margin-left: auto;  
+
}
-
margin-right: auto;  
+
 
-
background-color: #transparent;  
+
#menu a {
-
margin-top: 0px;  
+
  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; 
 +
}
-
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
+
#menu li:hover ul, #menu li ul:hover {
 +
  left:auto;
 +
}
 +
}
-
#navigation {
 
-
    float: left;
 
-
    display: block;
 
-
    width: 960px;
 
-
    height: 30px;
 
-
  /*  line height 30px; */
 
-
    background: #DCFFDC;
 
-
    margin-bottom: 40px;
 
-
    margin-color: transparent;
 
 +
 +
/*---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;
}
}
-
#navigation a {
+
p1{
-
     border-left: 0;
+
     font-color: #333333;
-
     display: block;
+
     font-size: 15px;  
-
    float: left;
+
}
-
    width: 120px;
+
 
-
    height: 30px;
+
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
-
    text-align: center;
+
 
-
     line-height: 30px;
+
h2 {
-
    color: #333333;
+
     padding-top: 20px;
-
     font-weight: bold;
+
     font-size: xx-large;
-
    background: transparent;
+
     line-height: normal;
-
    margin-bottom: 40px;
+
-
     margin-color: transparent;
+
-
+
}
}
Line 111: Line 155:
     background-color: white;
     background-color: white;
     border-width: 0 0px 0px 0px;
     border-width: 0 0px 0px 0px;
-
   
+
 
}
}
 +
 +
.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: 10 10px;
 
-
    border-style: solid;
 
-
    border-color: transparent; 
 
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-position: 0 0;
     background-position: 0 0;
Line 125: 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 {
 
-
   
 
     width: 50px;
     width: 50px;
-
    height: 160px;
 
-
    line-height: 200px;
 
     position: fixed;
     position: fixed;
     top: 50%;  
     top: 50%;  
     left: 0;
     left: 0;
     margin-top: -100px;
     margin-top: -100px;
-
    margin-left: 0;
+
     z-index: 11;
-
    margin-bottom: 5px;
+
    }
-
    background-color: none;
+
-
    border-radius: 0px;
+
-
    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{
+
/*-------BAR ACROSS BOTTOM OF PAGE--------*/
-
    border-left: 0;
+
-
    display: inline-block;
+
-
    width: 262px;
+
-
    height: 170px;
+
-
      }
+
-
 
+
#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-bottom: 20px;
 +
    text-align: center;
 +
    font-size: 12px;
}
}
-
#charbanner{
+
 
-
    position:relative;
+
/*___________________________________________________*/
-
    width:100px;
+
/*---HOME PAGE SPECIFIC-------------------*/
-
    height:100px;
+
-
    background:red;
+
-
    left:860px;
+
-
    top:20px;
+
-
}
+

Latest revision as of 19:51, 21 September 2014

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