Template:Stylefor2015

From 2014.igem.org

(Difference between revisions)
(Created page with " <!-- The styling for the website is placed here --> <!-- start of css --> <style type="text/css"> - Clear the default wiki settings: /* Remove footer, catli...")
 
(25 intermediate revisions not shown)
Line 1: Line 1:
-
 
+
<html>
<!-- The styling for the website is placed here -->
<!-- The styling for the website is placed here -->
Line 29: Line 29:
padding: 0px;
padding: 0px;
}
}
-
 
+
-
+
/*Clear wiki default settings for the top part and create mock "black navigation bar" */
/*Clear wiki default settings for the top part and create mock "black navigation bar" */
#top-section {  
#top-section {  
Line 41: Line 40:
width: 100%;  
width: 100%;  
margin:auto;
margin:auto;
 +
}
 +
 +
#top_menu_inside {
 +
margin-left: 20px;
}
}
/* Set up layout */
/* Set up layout */
 +
/* General wrap for the page*/
#contentWrap {   
#contentWrap {   
width: 980px;
width: 980px;
Line 55: Line 59:
}
}
-
#top_menu_inside {
 
-
margin-left: 20px;
 
-
}
 
-
 
-
#contentColumn {
 
-
width: 780px;
 
-
float: left;
 
-
padding: 25px 10px 5px 10px;
 
 +
/* styling for all the headers */
 +
#contentWrap h1, h2, h3, h4, h5 {
 +
font-family: "Arial", Gadget, sans-serif; border-bottom:none;
 +
font-weight: bold;
 +
color: #434343;
}
}
-
#sideColumn {
+
/* Establish font size and family for all text */
-
width: 160px;
+
#contentWrap p {
-
float: left;
+
-
padding: 25px 10px 5px 10px;
+
-
margin-top: 20px;
+
-
}
+
-
 
+
-
#sideColumn a {
+
-
text-weight: bold;
+
-
text-decoration: none;
+
font-family: "Arial", Helvetica, sans-serif;  
font-family: "Arial", Helvetica, sans-serif;  
font-size: 13px;
font-size: 13px;
-
color: #434343;
 
-
}
 
-
#contentWrap ul {
 
-
list-style:circle;
 
-
font-family: "Arial", Helvetica, sans-serif;
 
-
 
-
}
 
-
#sideColumn ul ul li:hover {
 
-
background-color: #c1dfa6;
 
-
border-radius: 5px;
 
}
}
-
.twoColumn_fullWidth {
+
/*full width column*/
 +
.fullWidth {
background-color: #ffffff;
background-color: #ffffff;
margin-bottom: 5px;
margin-bottom: 5px;
Line 96: Line 80:
}
}
-
.content_fullWidth {
+
/* Right column of the page*/
-
background-color: #ffffff;
+
#rightColumn {
-
margin-bottom: 5px;
+
width: 780px;
-
padding: 5px 20px 5px 20px;
+
float: left;
 +
padding: 25px 10px 5px 10px;
 +
}
 +
 
 +
/* styling for lists on the right column */
 +
#contentWrap ul {
 +
list-style:circle;
 +
font-family: "Arial", Helvetica, sans-serif;  
}
}
-
#contentColumn a, .content_fullWidth a {
+
#rightColumn a, .fullWidth a {
color:#3aa76c;
color:#3aa76c;
font-weight: bold;
font-weight: bold;
Line 110: Line 101:
}
}
-
#contentColumn a:hover, .content_fullWidth a:hover {
+
#rightColumn img, .fullWidth img {
 +
padding: 5px 2px 5px 2px;
 +
}
 +
 
 +
 
 +
#rightColumn a:hover, .fullWidth a:hover {
     opacity: 0.4;
     opacity: 0.4;
     filter: alpha(opacity=40); /* For IE8 and earlier */
     filter: alpha(opacity=40); /* For IE8 and earlier */
}
}
-
#contentWrap h1, h2, h3, h4, h5 {  
+
 
-
font-family: "Arial", Gadget, sans-serif; border-bottom:none;
+
 
-
font-weight: bold;
+
/* Left column of the page, here the submenu can be placed*/
-
color: #434343;
+
#leftColumn {
 +
width: 160px;
 +
float: left;
 +
padding: 25px 10px 5px 10px;
 +
margin-top: 20px;
}
}
-
/* Establish font size and family for all text */
+
 
-
#contentWrap p {
+
#leftColumn a {
 +
text-weight: bold;
 +
text-decoration: none;
font-family: "Arial", Helvetica, sans-serif;  
font-family: "Arial", Helvetica, sans-serif;  
font-size: 13px;
font-size: 13px;
 +
color: #434343;
}
}
 +
 +
#leftColumn ul ul li:hover {
 +
background-color: #c1dfa6;
 +
border-radius: 5px;
 +
}
         .button {
         .button {
Line 143: Line 151:
     }
     }
-
     .clear{
+
     .clear {
         clear: both;
         clear: both;
     }
     }
Line 157: Line 165:
     }
     }
-
     #igemLogo a:hover{
+
     #igemLogo a:hover {
     opacity: 0.4;
     opacity: 0.4;
     filter: alpha(opacity=40); /* For IE8 and earlier */
     filter: alpha(opacity=40); /* For IE8 and earlier */
Line 170: Line 178:
       }
       }
        
        
 +
      #grayLine_Clear {
 +
        width: 960px;
 +
        height: 1px;
 +
        background-color: #ccc;
 +
        margin:auto;
 +
      }
 +
 +
      #alertMessage {
 +
        width:700px;
 +
        margin:auto;
 +
        text-align:center;
 +
        background-color:pink;
 +
        border-radius:5px;
 +
        border: 1px solid #ccc;
 +
      }
 +
 +
      #alertMessage p {
 +
        font-weight: bold;
 +
        color:red;
 +
      }
</style>
</style>
 +
 +
</html>

Latest revision as of 20:48, 26 January 2015