|
|
| Line 1: |
Line 1: |
| − | <!-- Declare that you are going to use html code instead of wiki code -->
| + | {{TeamTemplateA}} |
| − | <html>
| + | |
| | | | |
| − | <!-- This part of the code sets the styling of the webpage, you can modify as you please. -->
| |
| − |
| |
| − | <!-- start of css -->
| |
| − | <style type="text/css">
| |
| − |
| |
| − | /* First, clear the default wiki settings */
| |
| − |
| |
| − | /* Remove footer, catlinks and logos */
| |
| − | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | /* Set up a white background */
| |
| − | body {
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | background-color: #f2f2f2;
| |
| − | }
| |
| − |
| |
| − | /*-- Make page full width and remove borders */
| |
| − | #globalWrapper, #content {
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | border: 0px;
| |
| − | background-color: transparent;
| |
| − | margin: 0px;
| |
| − | padding: 0px;
| |
| − | }
| |
| − |
| |
| − | /*Clear wiki default settings for the top part of the wiki page */
| |
| − | #top-section {
| |
| − | border: 0 none;
| |
| − | height: 14px;
| |
| − | z-index: 100;
| |
| − | top: 0;
| |
| − | position: fixed;
| |
| − | width: 100%;
| |
| − | margin:auto;
| |
| − | }
| |
| − |
| |
| − | /* First, clear the default wiki settings */
| |
| − |
| |
| − | /* Main content wrap */
| |
| − | #mainContainer {
| |
| − | width: 980px;
| |
| − | margin: 0 auto;
| |
| − | background-color: #fff;
| |
| − | overflow: hidden;
| |
| − | margin-top: -10px;
| |
| − | }
| |
| − |
| |
| − | /* Creates the container for the menu */
| |
| − | #menuContainer {
| |
| − | float:left;
| |
| − | width: 135px;
| |
| − | }
| |
| − |
| |
| − | /* Sets the style for lists inside menuContainer */
| |
| − | #menuContainer ul {
| |
| − | margin-left: 2px;
| |
| − | width:100%;
| |
| − | list-style: none;
| |
| − | }
| |
| − |
| |
| − | #menuContainer ul li {
| |
| − | background-color: #f2f2f2;
| |
| − | text-align: center;
| |
| − | display: block;
| |
| − | position: relative;
| |
| − | padding: 10px;
| |
| − | }
| |
| − |
| |
| − | /* defines the bullet element inside menu container */
| |
| − | #menuContainer li, #menuContainer li a {
| |
| − | color: #1D1313;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | /* defines the style change when hover over bullet element */
| |
| − | #menuContainer li:hover, #menuContainer ul a:hover{
| |
| − | text-decoration: none;
| |
| − | color: #fff;
| |
| − | background-color: #24B694;
| |
| − | }
| |
| − |
| |
| − | /* sub menus are not displayed */
| |
| − | #menuContainer ul ul {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #menuContainer ul ul li {
| |
| − | background-color: #24B694;
| |
| − | margin-left: -2px;
| |
| − | margin-top: -4px;
| |
| − | }
| |
| − |
| |
| − | #menuContainer ul ul li:hover {
| |
| − | background-color: #34d6b0;
| |
| − | }
| |
| − |
| |
| − | /* sub menus are displayed when hovering on the ul */
| |
| − | #menuContainer ul li:hover > ul {
| |
| − | position: absolute;
| |
| − | display: block;
| |
| − | top: 0;
| |
| − | left: 100%;
| |
| − | }
| |
| − |
| |
| − | #contentContainer {
| |
| − | margin-top: 10px;
| |
| − | background-color: #fff;
| |
| − | width: 805px;
| |
| − | padding-left: 20px;
| |
| − | float: left;
| |
| − | margin-bottom: 20px;
| |
| − | }
| |
| − |
| |
| − | /*Styling the content*/
| |
| − |
| |
| − | /*This changes the color and font family */
| |
| − | #contentContainer h1, h2, h3, h4, h5, h6 {
| |
| − | font-family: "Trebuchet MS", Helvetica, sans-serif;
| |
| − | color: #565656;
| |
| − | border-bottom: none;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | /*Change the color of the link*/
| |
| − | #contentContainer a {
| |
| − | font-weight: bold;
| |
| − | color: #23b593;
| |
| − | }
| |
| − |
| |
| − | /*Change the color of the link on hover*/
| |
| − | #contentContainer a:hover {
| |
| − | color: #34d6b0;
| |
| − | }
| |
| − |
| |
| − | /*Change the styling of text */
| |
| − | #mainContainer p {
| |
| − | font-family: "Trebuchet MS", Helvetica, sans-serif;
| |
| − | font-size: 12px;
| |
| − | color: #000000;
| |
| − | }
| |
| − |
| |
| − | /* Clear float */
| |
| − | .clear{
| |
| − | clear:both;
| |
| − | }
| |
| − |
| |
| − | .simpleButton {
| |
| − | width: 100px;
| |
| − | background-color: #23B593;
| |
| − | height: 25px;
| |
| − | text-align: center;
| |
| − | padding: 12px 7px 5px 7px;
| |
| − | margin: auto;
| |
| − | color: #fff;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | .simpleButton:hover {
| |
| − | background: #34d6b0
| |
| − | }
| |
| − |
| |
| − | #contentContainer table {
| |
| − | border: 1px solid #565656;
| |
| − | border-collapse: collapse;
| |
| − | width: 90%
| |
| − | margin: auto;
| |
| − | margin-bottom: 15px;
| |
| − | margin-top: 15px;
| |
| − | margin-right: 10px;
| |
| − | margin-left: 10px;
| |
| − | }
| |
| − |
| |
| − | #contentContainer td {
| |
| − | background-color: #fff;
| |
| − | padding: 10px;
| |
| − | border: 1px solid #565656;
| |
| − | border-collapse: collapse;
| |
| − | vertical-align: text-top;
| |
| − | }
| |
| − |
| |
| − | #contentContainer th {
| |
| − | background-color: #E8E8E9;
| |
| − | padding: 10px;
| |
| − | border: 1px solid #565656;
| |
| − | border-collapse: collapse;
| |
| − | vertical-align: text-top;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − | <!-- end of css -->
| |
| − |
| |
| − | <div id ="mainContainer">
| |
| − |
| |
| − | <div id="menuContainer">
| |
| − | <ul>
| |
| − | <a href="#"><li>HOME</li></a>
| |
| − | <li>TEAM
| |
| − | <ul>
| |
| − | <a href="#"><li>Item</li></a>
| |
| − | <a href="#"><li>Item</li></a>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li>PROJECT
| |
| − | <ul>
| |
| − | <a href="#"><li>Item</li></a>
| |
| − | <a href="#"><li>Item</li></a>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li>PARTS
| |
| − | <ul>
| |
| − | <a href="#"><li>Item</li></a>
| |
| − | <a href="#"><li>Item</li></a>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li>OUTREACH
| |
| − | <ul>
| |
| − | <a href="#"><li>Item</li></a>
| |
| − | <a href="#"><li>Item</li></a>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <a href="#"><li>SAFETY</li></a>
| |
| − |
| |
| − | <li>MODELING
| |
| − | <ul>
| |
| − | <a href="#"><li>Item</li></a>
| |
| − | <a href="#"><li>Item</li></a>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <a href="#"><li>NOTEBOOK</li></a>
| |
| − | </ul>
| |
| − | </div>
| |
| | | | |
| | | | |
| Line 293: |
Line 51: |
| | </div> | | </div> |
| | </div> | | </div> |
| − | </html>
| |
Add a banner to your wiki!
You can make the image 980px by 200px
Remember to call the file: "Team_Example_banner.jpg"
Welcome to iGEM 2015!
Your team has been approved and you are ready to start the iGEM season!
On this page you can document your project, introduce your team members, document your progress
and share your iGEM experience with the rest of the world!
<a href=""> Click here to edit this page! </a>
Before you start:
Please read the <a href="https://2015.igem.org/Requirements">Requirements page </a> and the <a href="https://2015.igem.org/Wiki_How-To">Wiki Requirements page</a>.
BUTTON NAME
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Name of list
- item 1
- item 2
| Header 1 | Header 2 |
| Content A 1 | Content B 1 |
| Content A 2 | Content B 2 |
</div>