Template:CSS/Main custom

From 2014.igem.org

(Difference between revisions)
 
(149 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: 975px;  
+
    width: 100%;  
-
left: 50%;  
+
    /*left: 50%; */
-
margin-left: -487px;
+
    margin-left: 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;
}
}
-
#contentcontainer { /*-- creates container for all content on page --*/
+
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
-
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;  
+
/*---NAV BAR-------------*/
-
margin-top: 0px;  
+
#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;
 +
}
-
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
+
#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;
 +
 
 +
}
-
#navigation {
+
#menu li ul {
-
    margin: 0 auto;
+
  position: absolute;
-
    padding: 0;
+
  left: -999em;
-
    width: 878px;
+
  width: 100px;
 +
  text-align: left;
 +
  opacity: 0.85;
 +
  padding-left: 10px;
}
}
-
#navigation a {
+
#menu li:hover ul, #menu li ul:hover {
-
    display: inline-block;
+
  left:auto;
-
    margin: 0;
+
}
-
    width: 90px;
+
}
-
    height: 50px;
+
 
-
     text-align: center;
+
 
-
     line-height: 50px;
+
 
 +
/*---PAGE CONTENT------------*/
 +
 
 +
#contentcontainer { /*-- creates container for all content on page --*/
 +
     font-family: Arial, Helvetica, sans-serif;  
 +
     font-weight: normal;
     color: white;
     color: white;
-
     font-weight: bold;
+
     width: 960px;
-
     background: #7abcff;
+
    margin-left: auto;  
-
     background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%);
+
     margin-right: auto;  
-
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
+
     background-color: transparent;
-
     background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
+
    margin-top: 0px;  
-
    background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
+
}
-
     background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
+
 
-
     background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
+
p1{
-
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
+
     font-color: #333333;
 +
     font-size: 15px;  
 +
}
 +
 
 +
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 +
 
 +
h2 {
 +
     padding-top: 20px;
 +
     font-size: xx-large;
 +
     line-height: normal;
}
}
#main {
#main {
     background-color: white;
     background-color: white;
-
     border-width: 0 1px 1px 1px;
+
     border-width: 0 0px 0px 0px;
-
    border-style: solid;
+
 
-
    border-color: black;
+
}
}
 +
 +
.grey{
 +
    background-color: #E5E5E5;
 +
    padding-top: 0;
 +
    padding-bottom: 20px;
 +
    margin-top: 30px;
 +
    margin-bottom: 30px;
 +
    width: 960px;
 +
}
 +
   
 +
 +
/*---HEADER SYTLING---------*/
#header {
#header {
-
     height: 449px;
+
     height: 90px;
-
     background-image: url('/wiki/images/b/bd/Delft2014_header.jpg');
+
     background-image: url('https://static.igem.org/mediawiki/2014/4/47/Delft2014_Igem_banner.png' );
-
     border-width: 0 1px;
+
     background-repeat: no-repeat;
-
     border-style: solid;
+
     background-position: 0 0;
-
     border-color: black;  
+
     background-size: 392px 75px;
}
}
 +
 +
#charbanner{
 +
    position: relative;
 +
    width:140px;
 +
    height:140px;
 +
    left: 87.5%;
 +
    z-index: 10px;
 +
}
 +
 +
 +
/*-------SIDEBAR OVERLAYS--------*/
 +
 +
#modal {
 +
 +
    width: 50px;
 +
    position: fixed;
 +
    top: 50%;
 +
    left: 0;
 +
    margin-top: -100px;
 +
    z-index: 11;
 +
    }
 +
 +
.modalright {
 +
 +
    width: 50px;
 +
    height: 160px;
 +
    position: fixed;
 +
    top: 50%;
 +
    right: 0;
 +
    margin-top: -100px;
 +
    z-index: 11;
 +
}
 +
 +
/*-------BAR ACROSS BOTTOM OF PAGE--------*/
 +
 +
#bottom-section{
 +
    background-color: #DCFFDC;
 +
    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;
 +
}
 +
 +
 +
/*___________________________________________________*/
 +
/*---HOME PAGE SPECIFIC-------------------*/
 +
 +
</style>
</style>
</html>
</html>

Latest revision as of 19:51, 21 September 2014

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