|
|
| (45 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | + | {{CSS/Team:Glasgow/Draft1}} |
| | + | |
| | <html> | | <html> |
| | <title>Bubble Test Page</title> | | <title>Bubble Test Page</title> |
| | <head><style type="text/css"> | | <head><style type="text/css"> |
| | | | |
| - | /* Removing iGEM header stuff */
| |
| | | | |
| - | body, html, #globalWrapper, #content {
| |
| - | background: transparent;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | border: 0 none transparent;
| |
| - | font-size: 1em;
| |
| - | width: auto;
| |
| - | border-top: 1px solid transparent;
| |
| - | margin-top: -1px;
| |
| - | }
| |
| | | | |
| - | body {
| |
| - | width: auto;
| |
| - | margin: 0 auto;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | #top-section {
| |
| - | border: 0 none transparent;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | width: auto;
| |
| - | height: 1.5em;
| |
| - | margin-bottom: -1.5em;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #top-section:hover #menubar * {
| |
| - | color: blue !important;
| |
| - | }
| |
| - |
| |
| - | #top-section:hover #menubar.left-menu {
| |
| - | background: rgba(255, 255, 255, 0.75) !important;
| |
| - | }
| |
| - | #search-controls{
| |
| - | height: 0px;
| |
| - | display: none !important;
| |
| - | }
| |
| - |
| |
| - | #content>p:first-child {
| |
| - | margin: 0;
| |
| - | height: 0;
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | .toc {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | .editsection {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;}
| |
| - |
| |
| - |
| |
| - | /*** To here ***/
| |
| - |
| |
| - |
| |
| - | #linksbar {position:absolute;
| |
| - | left:500px;
| |
| - | font-size:20px;
| |
| - | padding: 5px;
| |
| - | background-color:transparent;}
| |
| - |
| |
| - | .menuitems {border-right: 2px solid black;
| |
| - | padding:5px;
| |
| - | background-color:transparent;}
| |
| - |
| |
| - | #igemlogo {width:30px;
| |
| - | position:absolute;
| |
| - | top:30px;
| |
| - | left:1200px;}
| |
| - |
| |
| - | .menulinks:link {text-decoration:none;
| |
| - | color:Black;}
| |
| - | .menulinks:visited {text-decoration:none;
| |
| - | color:Black}
| |
| - | .menulinks:hover {text-decoration:none;
| |
| - | color:red;}
| |
| - |
| |
| - | body {background:url("https://static.igem.org/mediawiki/2014/thumb/1/18/GU_Bubbly_background.jpg/800px-GU_Bubbly_background.jpg") no-repeat center center fixed;
| |
| - | -webkit-background-size: cover;
| |
| - | -moz-background-size: cover;
| |
| - | -o-background-size: cover;
| |
| - | background-size: cover;;
| |
| - | }
| |
| | | | |
| | /*Makes increase/decrease in size smooth*/ | | /*Makes increase/decrease in size smooth*/ |
| Line 104: |
Line 18: |
| | } | | } |
| | | | |
| | + | #bubbles {background:none; |
| | + | } |
| | + | |
| | + | #bubbletable {background:none; |
| | + | } |
| | | | |
| - | #bubbleproject { | + | #bubbleproject {width:200px; |
| - | display:block;
| + | height:200px; |
| - | margin-left:auto;
| + | |
| - | margin-right:auto;
| + | |
| - | margin-top:400px;
| + | |
| | | | |
| | } | | } |
| | | | |
| - | | + | |
| - |
| + | #bubbleteam {width:200px; |
| - | #bubbleteam {positioning:absolute: | + | height:200px; |
| - | top:400px;
| + | } |
| - | left:20%;}
| + | |
| | | | |
| - | #bubblemodelling {positioning:absolute: | + | #bubblemodelling {width:200px; |
| - | top:400px;
| + | height:200px; |
| - | left:30%;}
| + | } |
| | | | |
| - | #bubblehumanpractices {positioning:absolute: | + | #bubblehumanpractices {width:200px; |
| - | top:400px;
| + | height:200px; |
| - | right:20%;}
| + | } |
| | | | |
| - | #bubbleparts {positioning:absolute: | + | #bubbleparts {width:200px; |
| - | top:400px;
| + | height:200px; |
| - | lright:30%;}
| + | } |
| | | | |
| - | #projectdes {margin-left:auto; | + | #projectdes {text-align:center; |
| - | margin-right:auto; | + | margin-left:15%; |
| - | margin-top:20%; | + | margin-right:15%; |
| | + | margin-top:5px; |
| | + | border: solid 3px black; |
| | + | padding:20px; |
| | + | border-radius:20px; |
| | + | background-color:#FFFFFF; |
| | | | |
| - |
| + | .description {font-family:"Calibri"; |
| | + | color: #0000CC; |
| | + | text-align:center;} |
| | + | } |
| | + | |
| | + | |
| | </style></head> | | </style></head> |
| | | | |
| | | | |
| | <body> | | <body> |
| | + | <br> |
| | + | <div id="bubbles"> |
| | | | |
| - | <!-- menubar (left) | + | <table id="bubbletable" align="center"> |
| | | | |
| - | <div id="menubar" class='left-menu noprint'> | + | <tr> |
| - | <ul>
| + | < td align= "center"><a href=" https:// 2014.igem.org/ Team:Glasgow/Parts" > |
| - | <li
| + | <img id="bubbleparts" src="https://static.igem.org/mediawiki/2014/7/70/GU_biobrickbubble.png"/> |
| - | class= 'selected' ><a href="/ Requirements">Page </ a></ li> | + | </a></td> |
| - | <li
| + | <td></td> |
| - | class='new' ><a href="/wiki/index.php?title=Talk:Requirements&action=edit&redlink=1">Discussion </a></li>
| + | <td align="center"><a href=" https:// 2014. igem.org/ Team:Glasgow/ Project" > |
| - | <li
| + | <img id="bubbleproject" src="https://static.igem.org/mediawiki/2014/d/d4/GU_projectbubble.png"/> |
| - | ><a href="/ wiki/ index. php?title=Requirements&action=edit">Edit </ a></ li> | + | </a></td> |
| - | <li
| + | <td></td> |
| - | ><a href="/wiki/index.php?title=Requirements&action=history">History </a></li>
| + | <td align="center"><a href=" https://2014.igem.org/ Team: Glasgow/ Human_Practices" > |
| - | <li
| + | <img id="bubblehumanpractices" src="https://static.igem.org/mediawiki/2014/3/3c/GU_humanpracticesbubble.png"/> |
| - | ><a href="/ Special: MovePage/ Requirements" >Move </a></li> | + | </a></td> |
| - | <li
| + | |
| - | ><a href="/wiki/index.php?title=Requirements&action=watch">Watch </a></li>
| + | |
| - | </ul>
| + | |
| - | </div> end menubar (left) -->
| + | |
| | | | |
| | + | </tr> |
| | | | |
| | | | |
| | + | <tr> |
| | + | <td></td> |
| | + | <td align="center"><a href="https://2014.igem.org/Team:Glasgow/Modeling_Intro" > |
| | + | <img id="bubblemodelling" src="https://static.igem.org/mediawiki/2014/4/47/GU_modellingbubble.png"/> |
| | + | </a></td> |
| | + | <td></td> |
| | + | <td align="center"><a href="https://2014.igem.org/Team:Glasgow/Team" > |
| | + | <img id="bubbleteam" src="https://static.igem.org/mediawiki/2014/e/e3/GU_teambubble.png"/> |
| | + | </a></td> |
| | + | <td></td> |
| | + | </tr> |
| | | | |
| - |
| |
| - | <div>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/c/c0/GU_mainheader.png"/>
| |
| - |
| |
| - |
| |
| - | <table id="linksbar">
| |
| - | <tr> <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow" class="menulinks">Home </a> </td>
| |
| - | <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Team" class="menulinks"> Team </a> </td>
| |
| - | <td class="menuitems"><a href="https://igem.org/Team.cgi?year=2014&team_name=Glasgow" class="menulinks"> Team Profile </a></td>
| |
| - | <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Project" class="menulinks"> Project</a></td>
| |
| - | <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Parts" class="menulinks"> BioBricks</a></td>
| |
| - | <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Modeling" class="menulinks"> Modelling</a></td>
| |
| - | <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Weekly_Report" class="menulinks">Weekly Report</a></td>
| |
| - | <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Safety" class="menulinks"> Safety </a></td>
| |
| - | <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Human_Practices" class="menulinks">Human Practices</a></td>
| |
| - | <td> <a href="https://2014.igem.org/Team:Glasgow/Attributions" class="menulinks"> Sponsors and Attributions </a></td>
| |
| - |
| |
| - |
| |
| - | </tr>
| |
| | </table> | | </table> |
| | | | |
| - | <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> | | </div> |
| - |
| |
| | <div id="projectdes"> | | <div id="projectdes"> |
| - | <p> The project description, da da! </p> | + | <p align ="center"> |
| | | | |
| - | </div> | + | <h2 color="#0000CC" class="description"> This year, we're switching on the power and potential of <em>E.coli</e></h2> |
| - | | + | <h2 class="description"> Click a bubble to find out more...</h2> |
| - | | + | </p> |
| - | <div id="bubbles">
| + | |
| - | <a href="https://2014.igem.org/Team:Glasgow/Project" class="center">
| + | |
| - | <img id="bubbleproject" src="https://static.igem.org/mediawiki/2014/1/1d/GU_projectbubble_big.png"/> | + | |
| - | </a>
| + | |
| - | | + | |
| - | <a href="https://2014.igem.org/Team:Glasgow/Parts" >
| + | |
| - | <img id="bubbleparts" src="https://static.igem.org/mediawiki/2014/7/70/GU_biobrickbubble.png"/> | + | |
| - | </a> | + | |
| - | | + | |
| - | <a href="https://2014.igem.org/Team:Glasgow/Modeling" > | + | |
| - | <img id="bubblemodelling" src="https://static.igem.org/mediawiki/2014/4/47/GU_modellingbubble.png"/>
| + | |
| - | </a>
| + | |
| - | | + | |
| - | <!--<a href="https://2014.igem.org/Team:Glasgow/Weekly_Report" > | + | |
| - | <img id="bubblereport" src="https://static.igem.org/mediawiki/2014/3/3c/GU_reportbubble.png"/>
| + | |
| - | </a>-->
| + | |
| - | | + | |
| - | <a href="https://2014.igem.org/Team:Glasgow/Team" >
| + | |
| - | <img id="bubbleteam" src="https://static.igem.org/mediawiki/2014/e/e3/GU_teambubble.png"/>
| + | |
| - | </a> | + | |
| - | | + | |
| - | | + | |
| - | <a href="https://2014.igem.org/Team:Glasgow/Human_Practices" > | + | |
| - | <img id="bubblehumanpractices" src="https://static.igem.org/mediawiki/2014/3/3c/GU_humanpracticesbubble.png"/>
| + | |
| - | </a>
| + | |
| | | | |
| | </div> | | </div> |
| | | | |
| - | <a href="https://2014.igem.org/wiki/index.php?title=Team:Glasgow&action=edit" >Click to edit this page</a> | + | <a href="https://2014.igem.org/wiki/index.php?title=Team:Glasgow&action=edit" >Edit</a> |
| - | | + | |
| - | | + | |
| - | <br><br><br><br><br><br>
| + | |
| - | <br><br><br><br><br><br>
| + | |
| - | <br><br><br><br><br><br>
| + | |
| | | | |
| | | | |
"
