|
|
Line 1: |
Line 1: |
- | <html>
| + | <!--Annoying Wiki Styling Destroyer 4000--> |
- | | + | <style> |
- | <head>
| + | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { |
- | | + | display:none;} |
- | <!-- If you are unfamiliar with the code, MOVE down to the next HELLO! for instructions on how to create the table. If these were not clear, email oranmaguire@gmail.com or contact me through facebook so that I can make amendments --> | + | #top-section { |
- | | + | border: none; |
- | <style type="text/css"> | + | height: 0px;} |
- | | + | #content { |
- | /* UNDOING WIKI SECTIONS /*
| + | border: none;} |
- | | + | /* Removes "teams" from the menubar */ |
- | | + | #menubar.left-menu > ul > li:last-child { |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {
| + | display: none;} |
- | display: none;
| + | /* Resizes the menubar to fik the links (default is 400px) */ |
- | }
| + | #menubar { |
- | | + | width: auto;} |
- | /* 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 */ | + | |
- | | + | |
- | div {
| + | |
- | background-color: #001D56;
| + | |
- | padding: 0%;
| + | |
- | width: 100%
| + | |
- | } | + | |
- | | + | |
- | | + | |
- | /* LAYOUT */ | + | |
- | | + | |
- | | + | |
- | /* rowS */
| + | |
| body { | | body { |
- | background-color: trasparent;
| + | margin: 10px 0 0 0; |
- | padding: 2%;
| + | padding: 0;} |
- | font-family: arial;
| + | #top-section { |
- | font-size: 8pt;
| + | width: 965px; |
- | }
| + | height: 0; |
- | | + | margin: 0 auto; |
- | | + | padding: 0; |
- | .title_header {
| + | border: none;} |
- | padding: 0.1%;
| + | #menubar { |
- | padding-left: 3%;
| + | font-size: 65%; |
- | display: block;
| + | top: -14px;} |
- | float:left;
| + | .left-menu:hover { |
- | margin: 0% 0% 1% 0%;
| + | background-color: transparent;} |
- | height: 3em;
| + | #menubar li a { |
- | background-color: #FFFFCC;
| + | background-color: transparent;} |
- | color: #001D56;
| + | #menubar:hover { |
- | width: 96.5%;
| + | color: black;} |
- | | + | #menubar li a { |
- | }
| + | color: transparent;} |
- | | + | #menubar:hover li a { |
- | .task_table {
| + | color: black; |
- | width: 100%;
| + | z-index: 9999;} |
- | clear: both;
| + | |
- | padding: 0px;
| + | |
- | margin-top: 2.5em;
| + | |
- | margin-bottom: 2.5em;
| + | |
- | } | + | |
- | | + | |
- | .row:first-child .col { | + | |
- | height: 2em;
| + | |
- | 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: scroll;
| + | |
- | }
| + | |
- | .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%;
| + | |
- | }
| + | |
- | | + | |
- | /* GO FULL WIDTH AT LESS THAN 480 PIXELS */
| + | |
- | | + | |
- | @media only screen and (max-width: 480px) {
| + | |
- | .col {
| + | |
- | margin: 1% 0 1% 0%;
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | @media only screen and (max-width: 480px) {
| + | |
- | .span_6_of_12 {
| + | |
- | width: 100%;
| + | |
- | height: 1em;
| + | |
- | overflow: scroll;
| + | |
- | }
| + | |
- | .span_2_of_12 {
| + | |
- | width: 100%;
| + | |
- | height: 1em;
| + | |
- | overflow: scroll;
| + | |
- | }
| + | |
- | .span_1_of_12 {
| + | |
- | width: 100%;
| + | |
- | height: 1em;
| + | |
- | overflow: scroll;
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
| | | |
| </style> | | </style> |
- |
| |
- | </head>
| |
- |
| |
- | <body>
| |
- | <div>
| |
- | <div class="title_header">
| |
- |
| |
- | <h1>
| |
- | ____UCL iGEM ___Task Tables
| |
- | </h1>
| |
- |
| |
- | </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 -->
| |
- |
| |
- |
| |
- | </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>
| |