|
|
Line 69: |
Line 69: |
| display:none; | | display:none; |
| } | | } |
| + | |
| | | |
| body | | body |
Line 75: |
Line 76: |
| background-color: #fff; | | background-color: #fff; |
| } | | } |
- |
| |
- | body {
| |
- | font: 65%/1.2 Arial, Helvetica, sans-serif;
| |
- | background-color: #eee; }
| |
- | #wrap {
| |
- | font-size: 1.1em;
| |
- | width: 180px;
| |
- | padding: 0px;
| |
- | margin-left: 15px;
| |
- | background-color: #fff;
| |
- | position: relative;
| |
- | height: 100%;
| |
- |
| |
- | margin-right: 20px;
| |
- | margin-bottom: 20px;
| |
- | margin-top: 10px;
| |
- | float: left;
| |
- |
| |
- |
| |
- | }
| |
- |
| |
- | .right_box{
| |
- | width: 730px;
| |
- | margin-left: 210px;
| |
- | margin-top: 20px;
| |
- |
| |
- |
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | #globalWrapper, #content { /*-- changes default wiki settings
| |
- |
| |
- | --*/
| |
- | width: 100%;
| |
- | height: 100%;
| |
- | border: 0px;
| |
- | background-color: transparent;
| |
- | margin: 0px;
| |
- | padding: 0px;
| |
- | }
| |
- |
| |
- | html, body, .wrapper { /*-- changes default wiki settings --
| |
- |
| |
- | */
| |
- | width: 100%;
| |
- | height: 100%;
| |
- | background-color: transparent
| |
- |
| |
- | }
| |
- | </style>
| |
- |
| |
- |
| |
- | <!-- here ends the section that changes the default wiki
| |
- |
| |
- | template to a white full width background -->
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <!-- beginning of your page -->
| |
- |
| |
- | <div id="contentcontainer">
| |
- |
| |
- |
| |
- | <!-- this table contains the navigation bar -->
| |
- | <table width="975px" align="center">
| |
- | <tr> <td colspan="10" heigth="155px"> </td></tr>
| |
- |
| |
- | <br>
| |
- |
| |
- | <tr>
| |
- | <!--
| |
- | **************Navigation bar**************
| |
- | Each cell represents a button,
| |
- | 1.- first row defines the borders outside each box, how the
| |
- |
| |
- | text is aligned and the height
| |
- | 2.- second row defines the color, here you can change the
| |
- |
| |
- | color by modifying the hex code
| |
- | 3.- third row is where you place the link to where you want
| |
- |
| |
- | that button to take you
| |
- | 4.- fourth row you define the color of the text inside the
| |
- |
| |
- | button and the content of it
| |
- | -->
| |
- |
| |
- |
| |
- | <td style="border:1px solid black;" align="center" height
| |
- |
| |
- | ="45px"
| |
- | onMouseOver="this.bgColor='#d3d3d3'"
| |
- |
| |
- | onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| |
- | <a href="https://2014.igem.org/WikitemplateA_home"
| |
- | style="color:#000000">Home </a> </td>
| |
- |
| |
- | <td style="border:1px solid black;" align="center" height
| |
- |
| |
- | ="45px"
| |
- | onMouseOver="this.bgColor='#d3d3d3'"
| |
- |
| |
- | onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| |
- | <a href="https://2014.igem.org/WikitemplateA_team"
| |
- | style="color:#000000"> Team </a> </td>
| |
- |
| |
- | <td style="border:1px solid black;" align="center" height
| |
- |
| |
- | ="45px"
| |
- | onMouseOver="this.bgColor='#d3d3d3'"
| |
- |
| |
- | onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| |
- | <a href=""
| |
- | style="color:#000000"> Official Team Profile </a></td>
| |
- |
| |
- | <td style="border:1px solid black" align="center" height
| |
- |
| |
- | ="45px"
| |
- | onMouseOver="this.bgColor='#d3d3d3'"
| |
- |
| |
- | onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| |
- | <a href="https://2014.igem.org/WikitemplateA_project"
| |
- | style="color:#000000"> Project</a></td>
| |
- |
| |
- | <td style="border:1px solid black;" align="center" height
| |
- |
| |
- | ="45px"
| |
- | onMouseOver="this.bgColor='#d3d3d3'"
| |
- |
| |
- | onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| |
- | <a href="https://2014.igem.org/WikitemplateA_parts"
| |
- | style="color:#000000"> Parts</a></td>
| |
- |
| |
- | <td style="border:1px solid black;" align="center" height
| |
- |
| |
- | ="45px"
| |
- | onMouseOver="this.bgColor='#d3d3d3'"
| |
- |
| |
- | onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| |
- | <a href=""
| |
- | style="color:#000000"> Modeling</a></td>
| |
- |
| |
- | <td style="border:1px solid black;" align="center" height
| |
- |
| |
- | ="45px"
| |
- | onMouseOver="this.bgColor='#d3d3d3'"
| |
- |
| |
- | onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| |
- | <a href=""
| |
- | style="color:#000000"> Notebook</a></td>
| |
- |
| |
- | <td style="border:1px solid black;" align="center" height
| |
- |
| |
- | ="45px"
| |
- | onMouseOver="this.bgColor='#d3d3d3'"
| |
- |
| |
- | onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| |
- | <a href=""
| |
- | style=" color:#000000"> Safety </a></td>
| |
- |
| |
- | <td style="border:1px solid black;" align="center" height
| |
- |
| |
- | ="45px"
| |
- | onMouseOver="this.bgColor='#d3d3d3'"
| |
- |
| |
- | onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| |
- | <a href=""
| |
- | style="color:#000000"> Attributions </a></td>
| |
- |
| |
- |
| |
- | <!-- this is the iGEM logo! it will take to igem.org -->
| |
- | <td align ="center"> <a href="https://igem.org/Main_Page">
| |
- |
| |
- | <img
| |
- |
| |
- | src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"
| |
- |
| |
- | width="55px"></a> </td>
| |
- | </tr>
| |
- |
| |
- | <tr> <td colspan="10" heigth="45px"> </td></tr>
| |
- | </table>
| |
- |
| |
- | <!-- end of navigation bar -->
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <!-- page content begins-->
| |
- |
| |
- | <table width="975px" align="center">
| |
- | <tr ><td coslpan="2" height="35px"></td></tr>
| |
- | <tr>
| |
- |
| |
- | <td width="35%" valign="top">
| |
- | <h3>Welcome ! </h3>
| |
- | <p>
| |
- | This is a basic template you may use to customize your wiki,
| |
- |
| |
- | you can take it apart and modify it as much as you want. The
| |
- |
| |
- | links and tabs provided here are basic suggestions, feel free
| |
- |
| |
- | to adapt it for your team and your project. </p>
| |
- | <p>
| |
- | If you are looking for general wiki guidelines,
| |
- |
| |
- | restrictions, design tips and more, visit the <br><a
| |
- |
| |
- | href="https://2014.igem.org/Wiki_How-To"> Wiki How-To
| |
- |
| |
- | Page</a></p>
| |
- | </p>
| |
- |
| |
- |
| |
- | </td>
| |
- |
| |
- | <td width="5%" > </td>
| |
- |
| |
- |
| |
- | <!-- here you can place an image related to your project or
| |
- |
| |
- | your logo! -->
| |
- | <td width="60%" > <img
| |
- |
| |
- | src="https://static.igem.org/mediawiki/2014/2/26/LogoColombia2014.png" width="600px" height="300px"></td>
| |
- |
| |
- |
| |
- |
| |
- | <tr ><td coslpan="2" height="35px"></td></tr>
| |
- | </tr>
| |
- | </table>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <!-- 3 columns content
| |
- | this area is divided intro 3 columns, you can add more
| |
- |
| |
- | information about your team, project, city or mention your
| |
- |
| |
- | sponsors! -->
| |
- | <table width="975px" align="center">
| |
- |
| |
- |
| |
- | <tr>
| |
- | <!-- first column -->
| |
- | <td width="30%">
| |
- | <!-- you can have an image related to your paragraph -->
| |
- | <img
| |
- |
| |
- | src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
| |
- |
| |
- | ge.jpg" width="300px" height="200px">
| |
- | <h4> Results</h4>
| |
- | <p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii
| |
- |
| |
- | accumsan euripidis in, eum liber
| |
- | hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit
| |
- |
| |
- | ridens inciderint id. </p>
| |
- |
| |
- | </td>
| |
- |
| |
- | <td width="5%"></td>
| |
- |
| |
- |
| |
- | <!-- second column -->
| |
- | <td width="30%">
| |
- | <img
| |
- |
| |
- | src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
| |
- |
| |
- | ge.jpg" width="300px" height="200px">
| |
- | <h4>Human Practice</h4>
| |
- | <p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii
| |
- |
| |
- | accumsan euripidis in,
| |
- | eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo
| |
- |
| |
- | dicit ridens inciderint id. </p>
| |
- | </td>
| |
- | <td width="5%"></td>
| |
- |
| |
- |
| |
- | <!-- third column -->
| |
- | <td width="30%">
| |
- | <img
| |
- |
| |
- | src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
| |
- |
| |
- | ge.jpg" width="300px" height="200px">
| |
- | <h4>Follow us on Twitter/Facebook!</h4>
| |
- | <p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii
| |
- |
| |
- | accumsan euripidis in,
| |
- | eum liber hendrerit an. Qui ut wisi vocibus suscipiantur,
| |
- |
| |
- | quo dicit ridens inciderint id. </p>
| |
- | </td>
| |
- | </tr>
| |
- |
| |
- |
| |
- | </table>
| |
- | <!-- end of 3 column content -->
| |
- |
| |
| | | |
| | | |