Team:UCL/Test
From 2014.igem.org
(Difference between revisions)
Lewismoffat (Talk | contribs) |
|||
Line 14: | Line 14: | ||
float:left; | float:left; | ||
} | } | ||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | /* UNDOING WIKI DEFAULT FEATURES */ | ||
+ | |||
+ | |||
+ | #header-box, #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
+ | display:none;} | ||
+ | #top-section { | ||
+ | border: none; | ||
+ | height: 0px;} | ||
+ | #content { | ||
+ | border: none;} | ||
+ | |||
+ | |||
+ | /* Removes "teams" from the menubar */ | ||
+ | |||
+ | |||
+ | #menubar.left-menu > ul > li:last-child { | ||
+ | display: none;} | ||
+ | /* Resizes the menubar to fik the links (default is 400px) */ | ||
+ | #menubar { | ||
+ | width: auto;} | ||
+ | body { | ||
+ | margin: 10px 0 0 0; | ||
+ | padding: 0;} | ||
+ | #top-section { | ||
+ | width: 965px; | ||
+ | height: 0; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | border: none;} | ||
+ | #menubar { | ||
+ | font-size: 65%; | ||
+ | top: -14px;} | ||
+ | .left-menu:hover { | ||
+ | background-color: transparent;} | ||
+ | #menubar li a { | ||
+ | background-color: transparent;} | ||
+ | #menubar:hover { | ||
+ | color: black;} | ||
+ | #menubar li a { | ||
+ | color: transparent;} | ||
+ | #menubar:hover li a { | ||
+ | color: black; | ||
+ | z-index: 9999;} | ||
+ | |||
+ | |||
+ | |||
+ | /* hides default wiki settings */ | ||
+ | |||
+ | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | ||
+ | |||
+ | border: 0 none; | ||
+ | height: 14px; | ||
+ | z-index: 100; | ||
+ | top: 0; | ||
+ | position: fixed; | ||
+ | width: 975px; | ||
+ | left: 50%; | ||
+ | margin-left: -487px; | ||
+ | } | ||
+ | |||
+ | #globalWrapper, #content { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* TABLE FORMAT */ | ||
+ | |||
+ | * { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | div { | ||
+ | background-color: #001D56; | ||
+ | padding: 0%; | ||
+ | width: 100% | ||
+ | } | ||
+ | |||
+ | |||
+ | /* LAYOUT */ | ||
+ | |||
+ | |||
+ | /* ROWS */ | ||
+ | body { | ||
+ | background-color: #001D56; | ||
+ | padding: 2%; | ||
+ | font-family: arial; | ||
+ | font-size: 8pt; | ||
+ | } | ||
+ | |||
+ | |||
+ | .title_header { | ||
+ | padding: 0.1%; | ||
+ | padding-left: 3%; | ||
+ | display: block; | ||
+ | float:left; | ||
+ | margin: 0% 0% 1% 0%; | ||
+ | height: 4em; | ||
+ | background-color: #FFFFCC; | ||
+ | color: #001D56; | ||
+ | width: 98.4%; | ||
+ | |||
+ | } | ||
+ | |||
+ | .task_table { | ||
+ | width: 100%; | ||
+ | clear: both; | ||
+ | padding: 0px; | ||
+ | margin-top: 2.5em; | ||
+ | margin-bottom: 2.5em; | ||
+ | } | ||
+ | |||
+ | .row:first-child .col { | ||
+ | height: 2.5em; | ||
+ | background-color: #FFFFCC; | ||
+ | color: #001D56; | ||
+ | } | ||
+ | |||
+ | .row { | ||
+ | width: 100%; | ||
+ | clear: both; | ||
+ | padding: 0px; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | /* COLUMN SETUP */ | ||
+ | .col { | ||
+ | padding: 0.1%; | ||
+ | color: #FFFFCC; | ||
+ | background: #001D56; | ||
+ | outline: 1px solid #FFFFCC; | ||
+ | display: block; | ||
+ | float:left; | ||
+ | margin: 0.5% 0% 0.5% 1%; | ||
+ | height: 4em; | ||
+ | overflow: auto; | ||
+ | overflow: -moz-scrollbars-none; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .col:first-child { margin-left: 0; } | ||
+ | |||
+ | |||
+ | /* GROUPING */ | ||
+ | .group:before, | ||
+ | .group:after { | ||
+ | content:""; | ||
+ | display:table; | ||
+ | } | ||
+ | .group:after { | ||
+ | clear:both; | ||
+ | } | ||
+ | .group { | ||
+ | zoom:1; /* For IE 6/7 */ | ||
+ | } | ||
+ | |||
+ | /* GRID OF TWELVE */ | ||
+ | .span_6_of_12 { | ||
+ | width: 49.5%; | ||
+ | } | ||
+ | .span_2_of_12 { | ||
+ | width: 15.83%; | ||
+ | } | ||
+ | .span_1_of_12 { | ||
+ | width: 7%; | ||
+ | } | ||
+ | .header_row { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 480px) { | ||
+ | |||
+ | body { | ||
+ | background-color: #001D56; | ||
+ | padding: 2%; | ||
+ | font-family: arial; | ||
+ | font-size: 8pt; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .title_header { | ||
+ | padding: 0.1%; | ||
+ | padding-left: 3%; | ||
+ | display: inline-block; | ||
+ | margin: 0% 0% 1% 0%; | ||
+ | height: 4em; | ||
+ | background-color: #FFFFCC; | ||
+ | color: #001D56; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .task_table { | ||
+ | width: 96%; | ||
+ | clear: both; | ||
+ | padding-left: 1px; | ||
+ | margin-top: 1em; | ||
+ | margin-bottom: 0; | ||
+ | overflow: scroll; | ||
+ | float: left; | ||
+ | display: inline; | ||
+ | min-width: 320px; | ||
+ | height: 28.2em; | ||
+ | } | ||
+ | |||
+ | .task_table:first-child { | ||
+ | max-height: 4em; | ||
+ | } | ||
+ | |||
+ | .row:first-child .col { | ||
+ | height: 4em; | ||
+ | background-color: #FFFFCC; | ||
+ | color: #001D56; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .row { | ||
+ | clear: both; | ||
+ | padding: 0px; | ||
+ | display: inline-block; | ||
+ | margin: 1% 0% 0% 0%; | ||
+ | width: 16% !important; | ||
+ | |||
+ | } | ||
+ | |||
+ | /* COLUMN SETUP */ | ||
+ | .col { | ||
+ | padding: 0.1%; | ||
+ | color: #FFFFCC; | ||
+ | background: #001D56; | ||
+ | outline: 1px solid #FFFFCC; | ||
+ | display: block; | ||
+ | float:left; | ||
+ | margin: 5% 0% 5% 0%; | ||
+ | height: 4em; | ||
+ | overflow: auto; | ||
+ | width: 95%; | ||
+ | } | ||
+ | |||
+ | .col:first-child { margin-left: 0; } | ||
+ | |||
+ | |||
+ | /* GRID OF TWELVE */ | ||
+ | .span_6_of_12 { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .span_2_of_12 { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .span_1_of_12 { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .header_row { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
</style> | </style> | ||
+ | |||
+ | <body> | ||
+ | <div class="task_table"> | ||
+ | <div class="header_row"> | ||
+ | <div class="title_header"> | ||
+ | |||
+ | <h1> | ||
+ | iGEM Task Tables | ||
+ | </h1> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- | ||
+ | HELLO! the aim of these tables is to create a record of our activities on the wiki as we organise ourselves. | ||
+ | Below is the template code for a screen width-responsive table. | ||
+ | |||
+ | 1) If you are managing a subteam (lab, communications &c) then you need to copy and paste yourself a new "task_table", then name it after your subteam. | ||
+ | 2) To call on members to do new tasks, copy a row from the comments selection, name and describe the task, then alert people to it. They will then add their initials in order to take part. | ||
+ | 3) To enter text on the table, follow the instructions embedded in the template. | ||
+ | |||
+ | If any is unclear, or you have any formatting suggestions, contact oranmaguire@gmail.com | ||
+ | --> | ||
+ | |||
+ | |||
+ | <div class="task_table"> | ||
+ | |||
+ | <!-- below is the title row of the table. --> | ||
+ | |||
+ | <div class="row group"> | ||
+ | <div class="col span_2_of_12"> | ||
+ | <!-- Enter the subteam (eg. Lab) below --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_6_of_12"> | ||
+ | Task Description | ||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | Signup 1 | ||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | Signup 2 | ||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | Signup 3 | ||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | Reserve Signup | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- Following the title row, table entries --> | ||
+ | <div class="row group"> | ||
+ | <div class="col span_2_of_12"> | ||
+ | <!-- Enter the title and date of the task below --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_6_of_12"> | ||
+ | <!-- Enter a more detailed description of the task below; and enter your initials if you are proposing a project--> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials as a reserve, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="row group"> | ||
+ | <div class="col span_2_of_12"> | ||
+ | <!-- Enter the title and date of the task below --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_6_of_12"> | ||
+ | <!-- Enter a more detailed description of the task below; and enter your initials if you are proposing a project--> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials as a reserve, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="row group"> | ||
+ | <div class="col span_2_of_12"> | ||
+ | <!-- Enter the title and date of the task below --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_6_of_12"> | ||
+ | <!-- Enter a more detailed description of the task below; and enter your initials if you are proposing a project--> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials as a reserve, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="row group"> | ||
+ | <div class="col span_2_of_12"> | ||
+ | <!-- Enter the title and date of the task below --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_6_of_12"> | ||
+ | <!-- Enter a more detailed description of the task below; and enter your initials if you are proposing a project--> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials as a reserve, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="row group"> | ||
+ | <div class="col span_2_of_12"> | ||
+ | <!-- Enter the title and date of the task below --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_6_of_12"> | ||
+ | <!-- Enter a more detailed description of the task below; and enter your initials if you are proposing a project--> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials as a reserve, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="row group"> | ||
+ | <div class="col span_2_of_12"> | ||
+ | <!-- Enter the title and date of the task below --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_6_of_12"> | ||
+ | <!-- Enter a more detailed description of the task below; and enter your initials if you are proposing a project--> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials as a reserve, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <!--Spare Row template @ . Copy this and paste this just ABOVE the </div> tag here once you have finished your entry. --> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <!--next table template to copy below--> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="task_table"> | ||
+ | |||
+ | <!-- This is the title row of the table. --> | ||
+ | |||
+ | <div class="row group"> | ||
+ | <div class="col span_2_of_12"> | ||
+ | <!-- Enter the subteam (eg. Lab) below --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_6_of_12"> | ||
+ | Task Description | ||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | Signup 1 | ||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | Signup 2 | ||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | Signup 3 | ||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | Reserve Signup | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Following the title row, table entries --> | ||
+ | <div class="row group"> | ||
+ | <div class="col span_2_of_12"> | ||
+ | <!-- Enter the title and date of the task below --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_6_of_12"> | ||
+ | <!-- Enter a more detailed description of the task below --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | <div class="col span_1_of_12"> | ||
+ | <!-- Sign up with your initials as a reserve, add (L) in brackets if you are a learner --> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <!--Spare Row below. Copy this and paste it ABOVE once you have finished your entry. --> | ||
+ | |||
+ | <!-- | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | --> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </body> | ||
</html> | </html> | ||
{{:Team:UCL/Template:footerx}} | {{:Team:UCL/Template:footerx}} |
Revision as of 10:54, 12 August 2014
Title of Page goes Here
Web and Communications Team
iGEM Task Tables
Task Description
Signup 1
Signup 2
Signup 3
Reserve Signup
Task Description
Signup 1
Signup 2
Signup 3
Reserve Signup