Template:CSS/Team:Glasgow/Draft1

From 2014.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 170: Line 170:
 
 
      background-color:#000000
      background-color:#000000
-
     background-image: -webkit-linear-gradient(#7B007B,#33FF66);
+
     background-image: -webkit-linear-gradient(#CC0033,#990099);
-
     background-image: -moz-linear-gradient(#7B007B,#33FF66);  
+
     background-image: -moz-linear-gradient(#CC0033,#990099);  
-
     background-image: -ms-linear-gradient(#7B007B,#33FF66);
+
     background-image: -ms-linear-gradient(#CC0033,#990099);
-
     background-image: -o-linear-gradient(#7B007B,#33FF66);   
+
     background-image: -o-linear-gradient(#CC0033,#990099);   
-
     background-image: linear-gradient(#7B007B,#33FF66);
+
     background-image: linear-gradient(#CC0033,#990099);
-
     background-image: linear-gradient(#7B007B, #33FF66 140%);
+
     background-image: linear-gradient(#CC0033, #990099 140%);
     border-top: 3px solid #000037;
     border-top: 3px solid #000037;
     box-shadow: 0 4px 4px #000000;
     box-shadow: 0 4px 4px #000000;
Line 269: Line 269:
     display:inline-block;   
     display:inline-block;   
     margin: auto;  
     margin: auto;  
-
     color: #66FFFF;  <!-- Font colour of menubar -->
+
     color: #FFFFFF;  <!-- Font colour of menubar -->
     text-decoration:none;
     text-decoration:none;
     width: 100%;
     width: 100%;
Line 283: Line 283:
#menu > li li { background: transparent none; }  
#menu > li li { background: transparent none; }  
-
#menu > li li a { color: #66FFFF; } <!-- Colour of text in dropdown box -->
+
#menu > li li a { color: #FFFFFF; } <!-- Colour of text in dropdown box -->
-
#menu > li li:hover a { color: #66FFFF; <!-- Colour of text in dropdown box hover-->
+
#menu > li li:hover a { color: #FFFFFF; <!-- Colour of text in dropdown box hover-->
}   
}   
Line 399: Line 399:
             font-size:small;}
             font-size:small;}
-
.editlink {color:#0000FF;
+
.editlink {color:#CCFFCC;
           font-size:small;
           font-size:small;
           text-align:left;}
           text-align:left;}
-
#header_pics {width:1200px;
+
#header_pics {width:1250px;
 +
              max-width:100%;
               display:block;
               display:block;
             margin-right:auto;
             margin-right:auto;
-
             margin-left:auto;}
+
             margin-left:auto;
 +
            height:70px;
 +
           
 +
            }
-
#GUlogo {width:250px;
+
#headertable {background-color:transparent;
-
        float:right;
+
             
-
        margin-top:5px;
+
              max-width:100%;
-
margin-right:250px;
+
              display:block;
-
position:relative;
+
              margin-left:auto;
-
z-index:51;
+
              margin-right:auto;
 +
              height:70px;}
 +
 
 +
#logos {padding-top:5px;
 +
        padding-right:20px;
 +
        padding-bottom:5px;}
 +
 
 +
#GUlogo {width:260px;
 +
display:block;
 +
                margin-right:auto;
 +
                margin-left:auto;
 +
                margin-bottom:20px;
          
          
 +
 
}
}
-
#PowerofEcoli{position:absolute;
+
#PowerofEcoli{
-
left:0px;
+
width:820px;
-
top:20px;
+
}
}
Line 429: Line 444:
}
}
-
#igemlogo {width:30px;
+
#igemlogo {width:100px;
-
float:right;
+
          display:block;
-
                        margin-right:20px;
+
                margin-right:auto;
-
left:0px;
+
                margin-left:auto;
-
                         z-index:5;
+
                          
}
}
-
#twitlink {float:left;
+
#twitlink {
-
position:relative;
+
-
top:100px;
+
}
}
-
#fblink {float:left;
+
#fblink {
-
                        position:relative;
+
-
top:100px;
+
          
          
}
}
 +
.sociallink {width:25px;
 +
            margin-top:60px;
 +
            }
Line 453: Line 467:
<body>
<body>
<div id="header_pics">
<div id="header_pics">
 +
<table id="headertable">
 +
<tr>
 +
<td class="logos"><img id="PowerofEcoli" src="https://static.igem.org/mediawiki/2014/f/f3/GU_thepowerofecoli.png"/></td>
 +
<td class="logos"><a  href="http://www.gla.ac.uk/" target="_window" id="glasgowlogo"><img id="GUlogo" src="https://static.igem.org/mediawiki/2014/thumb/d/dd/GU_Glasgow_igem_white.png/800px-GU_Glasgow_igem_white.png"/></a></td>
 +
<td class="logos"><a  href="https://2014.igem.org/Main_Page" target="_blank" > <img id="igemlogo" src="https://static.igem.org/mediawiki/2014/thumb/f/f8/GU_Igem_logo_white.png/784px-GU_Igem_logo_white.png"/></a></td>
 +
<td><a href="http://twitter.com/GlasgowiGEM2014" target="_blank" id="twitlink"> <img class="sociallink" src="https://static.igem.org/mediawiki/igem.org/3/3d/Twitterlogo.png"></a></td>
 +
<td><a href="http://www.facebook.com/Glasgowigem2014" target="_blank" id="fblink" style=" padding-bottom: =0px;">
 +
                    <img class="sociallink" src="https://static.igem.org/mediawiki/igem.org/6/63/Fblogo.png">
 +
                </a></td>
 +
</tr>
 +
</table>
-
<img id="PowerofEcoli" src="https://static.igem.org/mediawiki/2014/f/f3/GU_thepowerofecoli.png"/>
 
-
<a  id="GUlogo" href="http://www.gla.ac.uk/" target="_window" id="glasgowlogo"><img id="GUlogo" src="https://static.igem.org/mediawiki/2014/thumb/d/dd/GU_Glasgow_igem_white.png/800px-GU_Glasgow_igem_white.png"/></a>
 
-
<a href="https://2014.igem.org/Main_Page" target="_blank" id="igemlogo"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="150px"/></a>
+
</div>
-
<a href="http://twitter.com/GlasgowiGEM2014" target="_blank" id="twitlink"> <img src="https://static.igem.org/mediawiki/igem.org/3/3d/Twitterlogo.png"></a>
+
-
<a href="http://www.facebook.com/Glasgowigem2014" target="_blank" id="fblink" style=" padding-bottom: =0px;">
+
-
                    <img src="https://static.igem.org/mediawiki/igem.org/6/63/Fblogo.png">
+
-
                </a>
+
-
 
-
</b>
 
<!-- menubar (left)  
<!-- menubar (left)  
Line 495: Line 512:
<ul id="menu">
<ul id="menu">
    <li class="menuitems"><a href="https://2014.igem.org/Team:Glasgow" class="menulinks"> <br> Home <br> </a> </li><!--
    <li class="menuitems"><a href="https://2014.igem.org/Team:Glasgow" class="menulinks"> <br> Home <br> </a> </li><!--
-
--><li class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Team" class="menulinks"> <br> Team </a> </li><!--
+
--><li class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Team" class="menulinks"> <br> Team </a>  
 +
 
 +
<ul class="ddli">
 +
      <li><a href="https://2014.igem.org/Team:Glasgow/Team#Students">Students</a></li>
 +
      <li><a href="https://2014.igem.org/Team:Glasgow/Team#Supervisors">Supervisors</a></li>
 +
      <li><a href="https://2014.igem.org/Team:Glasgow/Team#Superhero">Superhero</a></li>
 +
 
 +
      </ul>
 +
 
 +
</li><!--
--><li class="menuitems"><a href="https://igem.org/Team.cgi?year=2014&team_name=Glasgow" target="_blank" class="menulinks"> Team <br> Profile </a></li><!--
--><li class="menuitems"><a href="https://igem.org/Team.cgi?year=2014&team_name=Glasgow" target="_blank" class="menulinks"> Team <br> Profile </a></li><!--
--><li class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Project" class="menulinks"> <br> Project</a>
--><li class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Project" class="menulinks"> <br> Project</a>
Line 533: Line 559:
</li><li class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Safety" class="menulinks"> <br> Safety </a>
</li><li class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Safety" class="menulinks"> <br> Safety </a>
-
</li><li class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Human_Practices" class="menulinks">Human Practices</a>
+
</li><li class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Human_Practices" class="menulinks">Policy and Practice</a>
 +
 
 +
<ul class="ddli">
 +
      <li><a href="https://2014.igem.org/Team:Glasgow/Human_Practices#Biodesalination" style="font-size:88%;">Biodesalination</a></li>
 +
      <li><a href="https://2014.igem.org/Team:Glasgow/Human_Practices#outreach">Outreach</a></li>
 +
      <li><a href="https://2014.igem.org/wiki/index.php?title=Team:Glasgow/Wilkins">Artwork - Wilkins</a></li>
 +
 
 +
      </ul>
 +
 
 +
 
</li><li class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Attributions" class="menulinks"> <br> Attributions </a></li>
</li><li class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Attributions" class="menulinks"> <br> Attributions </a></li>
Line 551: Line 586:
<br><br><br><br><br><br> <!-- Breaks to get main content down to correct position -->
<br><br><br><br><br><br> <!-- Breaks to get main content down to correct position -->
-
<br><br><br><br><br><br>
+
 

Latest revision as of 01:43, 18 October 2014

Bubble Test Page