Template:CSS/Team:Glasgow/Draft1
From 2014.igem.org
(Difference between revisions)
Lowlight42 (Talk | contribs) |
Lowlight42 (Talk | contribs) |
||
(43 intermediate revisions not shown) | |||
Line 170: | Line 170: | ||
background-color:#000000 | background-color:#000000 | ||
- | background-image: -webkit-linear-gradient(# | + | background-image: -webkit-linear-gradient(#CC0033,#990099); |
- | background-image: -moz-linear-gradient(# | + | background-image: -moz-linear-gradient(#CC0033,#990099); |
- | background-image: -ms-linear-gradient(# | + | background-image: -ms-linear-gradient(#CC0033,#990099); |
- | background-image: -o-linear-gradient(# | + | background-image: -o-linear-gradient(#CC0033,#990099); |
- | background-image: linear-gradient(# | + | background-image: linear-gradient(#CC0033,#990099); |
- | background-image: linear-gradient(# | + | 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: # | + | 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: # | + | #menu > li li a { color: #FFFFFF; } <!-- Colour of text in dropdown box --> |
- | #menu > li li:hover a { color: # | + | #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:# | + | .editlink {color:#CCFFCC; |
font-size:small; | font-size:small; | ||
text-align:left;} | text-align:left;} | ||
- | #header_pics {width: | + | #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; | ||
+ | |||
+ | } | ||
- | # | + | #headertable {background-color:transparent; |
- | + | ||
- | + | max-width:100%; | |
- | margin-right: | + | display:block; |
- | + | margin-left:auto; | |
+ | 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{ | + | #PowerofEcoli{ |
- | + | width:820px; | |
- | + | ||
} | } | ||
Line 427: | Line 444: | ||
} | } | ||
- | #igemlogo {width: | + | #igemlogo {width:100px; |
- | + | display:block; | |
- | + | margin-right:auto; | |
- | + | margin-left:auto; | |
+ | |||
} | } | ||
- | #twitlink { | + | #twitlink { |
- | + | ||
- | + | ||
} | } | ||
- | #fblink { | + | #fblink { |
- | + | ||
- | + | ||
} | } | ||
+ | .sociallink {width:25px; | ||
+ | margin-top:60px; | ||
+ | } | ||
Line 450: | 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> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
- | + | ||
<!-- menubar (left) | <!-- menubar (left) | ||
Line 492: | 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 530: | 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"> | + | </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 548: | 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 --> | ||
- | + | ||
Latest revision as of 01:43, 18 October 2014