Difference between revisions of "Template:Stockholm"

m
 
(34 intermediate revisions by 2 users not shown)
Line 6: Line 6:
 
<!-- Start of CSS-->
 
<!-- Start of CSS-->
 
<style type="text/css">
 
<style type="text/css">
 +
 +
/* LIGHTBOX */
 +
#lightbox{
 +
background-color:#eee;
 +
padding: 10px;
 +
border-bottom: 2px solid #666;
 +
border-right: 2px solid #666;
 +
}
 +
#lightboxDetails{
 +
font-size: 0.8em;
 +
padding-top: 0.4em;
 +
}
 +
#lightboxCaption{ float: left; }
 +
#keyboardMsg{ float: right; }
 +
#closeButton{ top: 5px; right: 5px; }
 +
 +
#lightbox img{ border: none; clear: both;}
 +
#overlay img{ border: none; }
 +
 +
#overlay{ background-image: url(https://static.igem.org/mediawiki/2015/2/2d/STHLMOverlay.png); }
 +
 +
* html #overlay{
 +
background-color: #333;
 +
back\ground-color: transparent;
 +
background-image: url(blank.gif);
 +
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://static.igem.org/mediawiki/2015/2/2d/STHLMOverlay.png", sizingMethod="scale");
 +
}
 +
  
 
/* PAGE LAYOUT */
 
/* PAGE LAYOUT */
Line 22: Line 50:
 
margin-bottom: 10px;
 
margin-bottom: 10px;
 
background-color: #fff;  
 
background-color: #fff;  
−
border-bottom: 14px solid #565656;
+
border-bottom: 14px solid #dddddd;
−
border-right: 2px solid #565656;
+
border-right: 2px solid #dddddd;
−
border-left: 2px solid #565656;
+
border-left: 2px solid #dddddd;
−
border-top: 2px solid #565656;
+
border-top: 2px solid #dddddd;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
}
 
}
Line 32: Line 60:
 
#menuContainer  {  
 
#menuContainer  {  
 
float:left;
 
float:left;
−
width: 134px;
+
width: 144px;
 
padding: 20px 0px;
 
padding: 20px 0px;
−
border-top: 14px solid #565656;
+
border-top: 14px solid #dddddd;
 
background-color: #E8E8E9;
 
background-color: #E8E8E9;
 
}
 
}
Line 43: Line 71:
 
padding-right:10px;
 
padding-right:10px;
 
margin-bottom: 20px;
 
margin-bottom: 20px;
−
width: 814px;
+
width: 804px;
 
padding-left: 20px;
 
padding-left: 20px;
 
float: left;
 
float: left;
 
background-color: #fff;  
 
background-color: #fff;  
−
border-top: 14px solid #565656;
+
border-top: 14px solid #dddddd;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
}
 
}
Line 63: Line 91:
 
/*Change the styling of text for everything inside main container*/
 
/*Change the styling of text for everything inside main container*/
 
#mainContainer p {  
 
#mainContainer p {  
−
font-size: 13px;
+
font-size: 14px;
 
color: #000000;
 
color: #000000;
 +
                                text-align:justify;
 +
                                margin-bottom:20px;
 +
                                line-height:170%;
 +
 
}
 
}
 +
                /*For super and sub script
 +
                        #mainContainer sub sup {
 +
                                line-height:100%;
 +
                        }
 
 
 
/*This changes the color and font family */
 
/*This changes the color and font family */
Line 73: Line 109:
 
font-weight: bold;
 
font-weight: bold;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
−
margin-top:10px;
+
margin-top:5px;
 
}
 
}
  
Line 79: Line 115:
 
#contentContainer a {  
 
#contentContainer a {  
 
font-weight: bold;
 
font-weight: bold;
−
color: #23b593;
+
color: #238eb5;
 
}
 
}
  
 
  /* Styling links on hover- links are different inside the menu */
 
  /* Styling links on hover- links are different inside the menu */
 
#contentContainer a:hover {  
 
#contentContainer a:hover {  
−
color: #59bf92;
+
color: #59b9bf;
 
}
 
}
  
 
/*Change the styling of tables */
 
/*Change the styling of tables */
 
         #contentContainer table {
 
         #contentContainer table {
 +
background: none;
 
     border: 1px solid #565656;
 
     border: 1px solid #565656;
 
     border-collapse: collapse;
 
     border-collapse: collapse;
Line 145: Line 182:
 
#menuContainer li:hover {
 
#menuContainer li:hover {
 
color:  #FFF;
 
color:  #FFF;
−
background-color: #24B694;
+
background-color: #248fb6;
 +
}
 +
               
 +
                /*For the submenu main buttons, changes the color when hovering*/
 +
#menuContainer  li:hover ma {
 +
color:  #FFF;
 +
background-color: #248fb6;
 
}
 
}
  
Line 153: Line 196:
 
padding-top:15px;
 
padding-top:15px;
 
margin-left: -19px;
 
margin-left: -19px;
 +
                               
 
}
 
}
  
Line 163: Line 207:
 
margin-left: 134px;
 
margin-left: 134px;
 
margin-top:-42px;
 
margin-top:-42px;
 +
                             
 
  }
 
  }
  
 
/*Style the submenu buttons*/
 
/*Style the submenu buttons*/
 
#menuContainer li ul li{
 
#menuContainer li ul li{
−
background-color: #59BF92;  
+
background-color: #59b9bf;  
 
padding-left:20px;
 
padding-left:20px;
 
padding-right:20px;
 
padding-right:20px;
Line 173: Line 218:
 
padding-top:10px;
 
padding-top:10px;
 
margin-top:-2px;
 
margin-top:-2px;
−
color: #565656;
+
color: #FFF;
 
width: 150px;
 
width: 150px;
 
}
 
}
Line 197: Line 242:
 
     }
 
     }
  
 +
/** LIGHTBOX MARKUP **/
 +
 +
.lightbox {
 +
/** Default lightbox to hidden */
 +
display: none;
 +
 +
/** Position and style */
 +
position: fixed;
 +
z-index: 999;
 +
width: 100%;
 +
height: 100%;
 +
text-align: center;
 +
top: 0;
 +
left: 0;
 +
background: rgba(0,0,0,0.8);
 +
}
 +
 +
.lightbox img {
 +
/** Pad the lightbox image */
 +
max-width: 90%;
 +
max-height: 80%;
 +
margin-top: 2%;
 +
}
 +
 +
.lightbox:target {
 +
/** Remove default browser outline */
 +
outline: none;
 +
 +
/** Unhide lightbox **/
 +
display: block;
 +
}
  
 
</style>
 
</style>
Line 207: Line 283:
  
 
<div id="bannerContainer">
 
<div id="bannerContainer">
−
<br><br>
+
<img src="https://static.igem.org/mediawiki/2015/d/dc/Team_Stockholm_banner.jpg" style="width:240px;height:200px" alt="Temporary Banner Stockholm">
−
<h2> Add a banner to your wiki! </h2>
+
−
+
−
<p>You can make the image 980px  by  200px</p>
+
−
<p> Remember to call the file: "<i>Team_Stockholm_banner.jpg</i>" </p>
+
 
</div>
 
</div>
  
Line 219: Line 291:
 
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
 
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
 
<ul>
 
<ul>
−
<a href="https://2015.igem.org/Team:Stockholm"><li>HOME</li></a>
+
<a href="https://2015.igem.org/Team:Stockholm"><li>HOME</li></a>
−
 
+
<a href="https://2015.igem.org/Team:Stockholm/Team"><li><ma>TEAM</ma>
−
<a href="https://2015.igem.org/Team:Stockholm/Team"><li>TEAM</li></a>
+
<ul>
 +
<a href="https://2015.igem.org/Team:Stockholm/Model"><li>Modeling Team</li></a>
 +
<a href="https://2015.igem.org/Team:Stockholm/Read-out"><li>Read-out Team</li></a> 
 +
<a href="https://2015.igem.org/Team:Stockholm/Recog"><li>Recognition Team</li></a> 
 +
<a href="https://2015.igem.org/Team:Stockholm/Signal"><li>Signaling Team</li></a>
 +
<a href="https://2015.igem.org/Team:Stockholm/Finance"><li>Finance Team</li></a>
 +
</ul>
 +
</li></a>
  
−
<a href="#"><li>PROJECT
+
<a href="#"><li><ma>PROJECT</ma>
 
             <ul>
 
             <ul>
−
<a href="https://2015.igem.org/Team:Stockholm/Description"><li>Description</li></a>
+
<a href="https://2015.igem.org/Team:Stockholm/Description"><li>Description</li></a>
−
<a href="https://2015.igem.org/Team:Stockholm/Experiments"><li>Experiments &amp; Protocols</li></a>   
+
<a href="https://2015.igem.org/Team:Stockholm/Experiments"><li>Experiments &amp; Protocols</li></a>   
−
<a href="https://2015.igem.org/Team:Stockholm/Results"><li>Results</li></a>   
+
<a href="https://2015.igem.org/Team:Stockholm/Results"><li>Results</li></a>   
−
<a href="https://2015.igem.org/Team:Stockholm/Design"><li>Design</li></a>
+
<a href="https://2015.igem.org/Team:Stockholm/Design"><li>Design</li></a>
 
</ul>
 
</ul>
 
</li></a>
 
</li></a>
  
−
<a href="#"><li>PARTS
+
<a href="#"><li><ma>PARTS</ma>
 
             <ul>
 
             <ul>
−
<a href="https://2015.igem.org/Team:Stockholm/Parts"><li>Team Parts</li></a>
+
<a href="https://2015.igem.org/Team:Stockholm/Parts"><li>Team Parts</li></a>
−
<a href="https://2015.igem.org/Team:Stockholm/Basic_Part"><li>Basic Parts</li></a>   
+
<a href="https://2015.igem.org/Team:Stockholm/Basic_Part"><li>Basic Parts</li></a>   
−
<a href="https://2015.igem.org/Team:Stockholm/Composite_Part"><li>Composite Parts</li></a>
+
<a href="https://2015.igem.org/Team:Stockholm/Composite_Part"><li>Composite Parts</li></a>
−
<a href="https://2015.igem.org/Team:Stockholm/Part_Collection"><li>Part Collection</li></a>   
+
<a href="https://2015.igem.org/Team:Stockholm/Part_Collection"><li>Part Collection</li></a>   
 
</ul>
 
</ul>
 
</li></a>
 
</li></a>
  
−
<a href="https://2015.igem.org/Team:Stockholm/Notebook"><li>NOTEBOOK</li></a>
+
                                        <a href="https://2015.igem.org/Team:Stockholm/Overview_or_Something"><li><ma> NOTEBOOK</ma>
 +
            <ul>
 +
<a href="https://2015.igem.org/Team:Stockholm/Modeling_Team"><li>Modeling Team</li></a>
 +
<a href="https://2015.igem.org/Team:Stockholm/Read-out_Team"><li>Read-out Team</li></a> 
 +
<a href="https://2015.igem.org/Team:Stockholm/Recognition_Team"><li>Recognition Team</li></a> 
 +
<a href="https://2015.igem.org/Team:Stockholm/Signaling_Team"><li>Signaling Team</li></a>
 +
</ul>
 +
</li></a>
 
        
 
        
 
<a href="https://2015.igem.org/Team:Stockholm/Attributions"><li>ATTRIBUTIONS</li></a>
 
<a href="https://2015.igem.org/Team:Stockholm/Attributions"><li>ATTRIBUTIONS</li></a>
 +
 +
                                        <a href="https://2015.igem.org/Team:Stockholm/Medals"><li>MEDAL REQUIREMENTS</li></a>
  
 
<a href="https://2015.igem.org/Team:Stockholm/Collaborations"><li>COLLABORATIONS</li></a>
 
<a href="https://2015.igem.org/Team:Stockholm/Collaborations"><li>COLLABORATIONS</li></a>
Line 259: Line 347:
 
<a href="https://2015.igem.org/Team:Stockholm/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
 
<a href="https://2015.igem.org/Team:Stockholm/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
  
−
<a href="https://2015.igem.org/Team:Stockholm/Sponsor"><li>Sponsorship</li></a>
+
<a href="https://2015.igem.org/Team:Stockholm/Sponsor"><li>SPONSORSHIP</li></a>
  
 
</ul>
 
</ul>

Latest revision as of 13:05, 4 August 2015