|
|
| Line 1: |
Line 1: |
| | {{Template_All_Teams}} | | {{Template_All_Teams}} |
| | + | {{Team:UMarylandClasses}} |
| | | | |
| | <html> | | <html> |
| − |
| |
| − | <!--Getting rid of all the crap that comes before-->
| |
| | | | |
| | </div></div></div></div></div></div></div></div></div></div> | | </div></div></div></div></div></div></div></div></div></div> |
| − |
| |
| − | <!-- OPERATION: CLEAN UP THIS CODE IS IN PROGRESS-->
| |
| − |
| |
| − |
| |
| − |
| |
| − | <style type="text/css">
| |
| − | /* COMPLICATED CSS. DON'T MESS WITH THIS SHIT UNLESS YOU KNOW WHAT YOU'RE DOING */
| |
| − |
| |
| − | body {
| |
| − | background-color: #FF0000;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* THIS CLASS IS ACTUALLY SHIT. WON'T EVEN TRY TO FIX */ #mainContainer {
| |
| − | width: 1350;
| |
| − | overflow:hidden;
| |
| − | float:center;
| |
| − | margin-left:0px;
| |
| − | margin-bottom: 10px;
| |
| − | background-color: #fff;
| |
| − | border-bottom: 10px solid #000000;
| |
| − | border-right: 5px solid #000000;
| |
| − | border-style:inset;
| |
| − | border-left: 5px solid #000000;
| |
| − | border-top: 10px solid #000000;
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − | }
| |
| − |
| |
| − | #fullofswag {
| |
| − | margin: auto;
| |
| − | width: 100%;
| |
| − | background-color: #ffffff;
| |
| − | border:5px solid #000000;
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − | swag:infinity;
| |
| − | }
| |
| − |
| |
| − | #swagcontent {
| |
| − | margin: auto;
| |
| − | width: 80%;
| |
| − | padding: 10px;
| |
| − | overflow:hidden;
| |
| − | background-color: #ffffff;
| |
| − | border:5px solid #000000;
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − | swag:3much3handle;
| |
| − | }
| |
| − |
| |
| − | /* Creates the container for the content */
| |
| − | #contentContainer {
| |
| − |
| |
| − | padding-top:20px;
| |
| − | padding-right:20px;
| |
| − | margin-bottom: 20px;
| |
| − | width: 100% ;
| |
| − | padding-left: 20px;
| |
| − | float: left;
| |
| − | background-color: #fff;
| |
| − | border-top: 14px solid #000000;
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | /*Set up height place holder for the banner*/
| |
| − | #bannerContainer {
| |
| − | height:270;
| |
| − | width:1000;
| |
| − | margin:auto;
| |
| − | text-align:center;
| |
| − | color: #000000;
| |
| − | }*/
| |
| − |
| |
| − | /*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
| |
| − |
| |
| − | /*Change the styling of text for everything inside main container*/
| |
| − | #mainContainer p {
| |
| − | font-size: 13px;
| |
| − | color: #000000;
| |
| − | }
| |
| − |
| |
| − | /*This changes the color and font family */
| |
| − | #contentContainer h1, h2, h3, h4, h5, h6 {
| |
| − | color: #000000;
| |
| − | border-bottom: none;
| |
| − | font-weight: bold;
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − | margin-top:10px;
| |
| − | }
| |
| − |
| |
| − | /*Style of the links - links are different inside the menu */
| |
| − | #contentContainer a {
| |
| − | font-weight: bold;
| |
| − | color: #000000;
| |
| − | }
| |
| − |
| |
| − | /* Styling links on hover- links are different inside the menu */
| |
| − | #contentContainer a:hover {
| |
| − | color: #FFFFFF;
| |
| − | }
| |
| − |
| |
| − | /*Change the styling of tables */
| |
| − | #contentContainer table {
| |
| − | border: 1px solid #56;
| |
| − | border-collapse: collapse;
| |
| − | width: 100%
| |
| − | margin: auto;
| |
| − | margin-bottom: 15px;
| |
| − | margin-top: 15px;
| |
| − | margin-right: 0px;
| |
| − | margin-left: 10px;
| |
| − | }
| |
| − |
| |
| − | /*Change the styling of table cells*/
| |
| − | #contentContainer td {
| |
| − | padding: 10px;
| |
| − | border: 1px solid #565656;
| |
| − | border-collapse: collapse;
| |
| − | vertical-align: text-top;
| |
| − | }
| |
| − |
| |
| − | /*Change the styling of table headers */
| |
| − | #contentContainer th {
| |
| − | background-color: #E8E8E9;
| |
| − | padding: 10px;
| |
| − | border: 1px solid #565656;
| |
| − | border-collapse: collapse;
| |
| − | vertical-align: text-top;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* THIS IS WHAT WE CALL LOSS OF FUNCTION EVOLUTION "USE IT OR LOSE IT" -St. Leger */
| |
| − |
| |
| − |
| |
| − | #menuContainer {
| |
| − | position:fixed;
| |
| − | float:left;
| |
| − | top:0px;
| |
| − | width: 100%;
| |
| − | padding: 20px 20px;
| |
| − | border-top: 0px solid #000000;
| |
| − | background-color: #000000;
| |
| − | }
| |
| − |
| |
| − | #menuContainer ul{
| |
| − | padding: 0;
| |
| − | list-style: none;
| |
| − | }
| |
| − | #menuContainer ul li{
| |
| − | width: 100px;
| |
| − | display: inline-block;
| |
| − | position: relative;
| |
| − | text-align: center;
| |
| − | line-height: 21px; }
| |
| − |
| |
| − |
| |
| − |
| |
| − | #menuContainer li{
| |
| − | display: block;
| |
| − | padding: 5px 10px;
| |
| − | color: 000000;
| |
| − | background: #FFFF00;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | #menuContainer li:hover{
| |
| − | color: #000000;
| |
| − | background: ##FFFF00;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | #menuContainer ul li a{
| |
| − | display: block;
| |
| − | padding: 5px 10px;
| |
| − | color: 000000;
| |
| − | background: #FFFF00;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | #menuContainer ul li a:hover{
| |
| − | color: #000000;
| |
| − | background: ##FFFF00;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | #menuContainer ul li ul{
| |
| − | display: none;
| |
| − | position: absolute;
| |
| − | z-index: 999;
| |
| − | left: 0;
| |
| − | }
| |
| − | #menuContainer ul li:hover ul{
| |
| − | display: block; /* display the dropdown */
| |
| − | }
| |
| − |
| |
| − | /*swagmaster Chun Mun finally got the menu to work reasonably*/
| |
| − | /* UPDATE: There is no end to his swag, for a new swag class has taken the place of this inferior one */
| |
| − |
| |
| − | /*menu links */
| |
| − | #menuContainer a {
| |
| − | color: #000000;
| |
| − | }
| |
| − | #menuContainer a:hover {
| |
| − | font-weight: bold;
| |
| − | color: #FFFFFF;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #menuContainer ul li a:hover {
| |
| − | font-weight: bold;
| |
| − | color: #FFFFFF;
| |
| − | }
| |
| − | #menuContainer ul li a {
| |
| − | color: #000000;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | /*CLASSES */
| |
| − |
| |
| − | /*Clear class for all the pages, adds spacing too*/
| |
| − | .clear{
| |
| − | clear:both;
| |
| − | height: 10px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* highlight box for special messages */
| |
| − | .highlightBox {
| |
| − | width:500px;
| |
| − | margin:auto;
| |
| − | background-color: #E8E8E9;
| |
| − | margin-bottom: 15px;
| |
| − | margin-top: 15px;
| |
| − | padding: 15px;
| |
| − | padding-top: 5px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* BEHOLD THE SWAG */
| |
| − |
| |
| − | #swagmenu ul,#swagmenu li,#swagmenu span,#swagmenu a {
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | position: relative;
| |
| − |
| |
| − | }
| |
| − | #swagmenu {
| |
| − | line-height: 1;
| |
| − | border-radius: 5px 5px 0 0;
| |
| − | -moz-border-radius: 5px 5px 0 0;
| |
| − | -webkit-border-radius: 5px 5px 0 0;
| |
| − | background: #000000;
| |
| − | background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
| |
| − | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000));
| |
| − | background: -webkit-linear-gradient(top, #333333 0%, #000000 100%);
| |
| − | background: -o-linear-gradient(top, #333333 0%, #000000 100%);
| |
| − | background: -ms-linear-gradient(top, #333333 0%, #000000 100%);
| |
| − | background: linear-gradient(to bottom, #333333 0%, #000000 100%);
| |
| − | border-bottom: 2px solid #ffFF00;
| |
| − | width: auto;
| |
| − | swag: maximum;
| |
| − | }
| |
| − | #swagmenu:after,#swagmenu ul:after {
| |
| − | content: '';
| |
| − | display: block;
| |
| − | clear: both;
| |
| − | swag: one hundred thousand;
| |
| − | }
| |
| − | #swagmenu a {
| |
| − | background: #000000;
| |
| − | background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
| |
| − | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000));
| |
| − | background: -webkit-linear-gradient(top, #333333 0%, #000000 100%);
| |
| − | background: -o-linear-gradient(top, #333333 0%, #000000 100%);
| |
| − | background: -ms-linear-gradient(top, #333333 0%, #000000 100%);
| |
| − | background: linear-gradient(to bottom, #333333 0%, #000000 100%);
| |
| − | color: #ffffff;
| |
| − | display: block;
| |
| − | font-family: Helvetica, Arial, Verdana, sans-serif;
| |
| − | padding: 19px 20px;
| |
| − | text-decoration: none;
| |
| − | swag: one hundred trillion;
| |
| − | }
| |
| − | #swagmenu ul {
| |
| − | list-style: none;
| |
| − | swag: off the charts;
| |
| − |
| |
| − | }
| |
| − | #swagmenu > ul > li {
| |
| − | display: inline-block;
| |
| − | float: left;
| |
| − | margin: 0;
| |
| − | fact: swag is off the charts
| |
| − | }
| |
| − | #swagmenu.align-center {
| |
| − | text-align: center;
| |
| − | swag: 420
| |
| − | }
| |
| − | #swagmenu.align-center > ul > li {
| |
| − | float: none;
| |
| − | swag: quatre vingt
| |
| − | }
| |
| − | #swagmenu.align-center ul ul {
| |
| − | text-align: left;
| |
| − | swag: quatre cent vingt
| |
| − | }
| |
| − | #swagmenu.align-right > ul {
| |
| − | float: right;
| |
| − | }
| |
| − | #swagmenu.align-right ul ul {
| |
| − | text-align: right;
| |
| − | }
| |
| − | #swagmenu > ul > li > a {
| |
| − | color: #ffffff;
| |
| − | font-size: 12px;
| |
| − | }
| |
| − | #swagmenu > ul > li:hover:after {
| |
| − | content: '';
| |
| − | display: block;
| |
| − | width: 0;
| |
| − | height: 0;
| |
| − | position: absolute;
| |
| − | left: 50%;
| |
| − | bottom: 0;
| |
| − | border-left: 10px solid transparent;
| |
| − | border-right: 10px solid transparent;
| |
| − | border-bottom: 10px solid #FFFF00;
| |
| − | margin-left: -10px;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − | #swagmenu > ul > li:first-child > a {
| |
| − | border-radius: 5px 0 0 0;
| |
| − | -moz-border-radius: 5px 0 0 0;
| |
| − | -webkit-border-radius: 5px 0 0 0;
| |
| − | }
| |
| − | #swagmenu.align-right > ul > li:first-child > a,#swagmenu.align-center > ul > li:first-child > a {
| |
| − | border-radius: 0;
| |
| − | -moz-border-radius: 0;
| |
| − | -webkit-border-radius: 0;
| |
| − | }
| |
| − | #swagmenu.align-right > ul > li:last-child > a {
| |
| − | border-radius: 0 5px 0 0;
| |
| − | -moz-border-radius: 0 5px 0 0;
| |
| − | -webkit-border-radius: 0 5px 0 0;
| |
| − | }
| |
| − | #swagmenu > ul > li.active > a,#swagmenu > ul > li:hover > a {
| |
| − | color: #ffffff;
| |
| − | box-shadow: inset 0 0 3px #000000;
| |
| − | -moz-box-shadow: inset 0 0 3px #000000;
| |
| − | -webkit-box-shadow: inset 0 0 3px #000000;
| |
| − | background: #000000
| |
| − | background: -moz-linear-gradient(top, #262626 0%, #070707 100%);
| |
| − | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #070707));
| |
| − | background: -webkit-linear-gradient(top, #262626 0%, #070707 100%);
| |
| − | background: -o-linear-gradient(top, #262626 0%, #070707 100%);
| |
| − | background: -ms-linear-gradient(top, #262626 0%, #070707 100%);
| |
| − | background: linear-gradient(to bottom, #262626 0%, #070707 100%);
| |
| − | }
| |
| − | #swagmenu .has-sub {
| |
| − | z-index: 1;
| |
| − | }
| |
| − | #swagmenu .has-sub:hover > ul {
| |
| − | display: block;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − | #swagmenu .has-sub ul {
| |
| − | display: none;
| |
| − | position: absolute;
| |
| − | width: 200px;
| |
| − | top: 100%;
| |
| − | left: 0;
| |
| − | }
| |
| − | #swagmenu.align-right .has-sub ul {
| |
| − | left: auto;
| |
| − | right: 0;
| |
| − | }
| |
| − | #swagmenu .has-sub ul li {
| |
| − | *margin-bottom: -1px;
| |
| − | }
| |
| − | #swagmenu .has-sub ul li a {
| |
| − | background: #000000
| |
| − | border-bottom: 1px dotted #FFFF00;
| |
| − | font-size: 11px;
| |
| − | filter: none;
| |
| − | display: block;
| |
| − | line-height: 120%;
| |
| − | padding: 10px;
| |
| − | color: #ffffff
| |
| − | }
| |
| − | #swagmenu .has-sub ul li:hover a {
| |
| − | background: #FFFF00;
| |
| − | font-weight: bold;
| |
| − | color: #000000
| |
| − | }
| |
| − | #swagmenu ul ul li:hover > a {
| |
| − | color: #000000
| |
| − | font-weight: bold;
| |
| − | }
| |
| − | #swagmenu .has-sub .has-sub:hover > ul {
| |
| − | display: block;
| |
| − |
| |
| − | }
| |
| − | #swagmenu .has-sub .has-sub ul {
| |
| − | display: none;
| |
| − | position: absolute;
| |
| − | left: 100%;
| |
| − | top: 0;
| |
| − | }
| |
| − | #swagmenu.align-right .has-sub .has-sub ul,#swagmenu.align-right ul ul ul {
| |
| − | left: auto;
| |
| − | right: 100%;
| |
| − | }
| |
| − | #swagmenu .has-sub .has-sub ul li a {
| |
| − | background: #FFFF00
| |
| − | border-bottom: 1px dotted #FFFF00;
| |
| − | }
| |
| − | #swagmenu .has-sub .has-sub ul li a:hover {
| |
| − | background: #ffff00
| |
| − | }
| |
| − | #swagmenu ul ul li.last > a,#swagmenu ul ul li:last-child > a,#swagmenu ul ul ul li.last > a,#swagmenu ul ul ul li:last-child > a,#swagmenu .has-sub ul li:last-child > a,#swagmenu .has-sub ul li.last > a {
| |
| − | border-bottom: 0;
| |
| − | }
| |
| − |
| |
| − | #aboutall {
| |
| − | background-color:#ffff00;
| |
| − | max-width:100%;
| |
| − | overflow:hidden;
| |
| − | margin:auto;
| |
| − | }
| |
| − |
| |
| − | #aboutleft {
| |
| − | width:20%;
| |
| − | float:left;
| |
| − | overflow:hidden;
| |
| − | }
| |
| − |
| |
| − | #aboutmiddle {
| |
| − | width: 60%;
| |
| − | display: inline-block;
| |
| − | overflow:auto;
| |
| − | margin:auto;
| |
| − | margin:10px;
| |
| − | background-color: #ffffff;
| |
| − | border-width:5px;
| |
| − | border-style:outset;
| |
| − | border-color:black;
| |
| − | padding: 10px;
| |
| − | font-size:medium;
| |
| − | }
| |
| − |
| |
| − | #3cright {
| |
| − | float:right;
| |
| − | max-width: 15%;
| |
| − | overflow:hidden;
| |
| − | }
| |
| − |
| |
| − | #floatybox {
| |
| − | margin:10px;
| |
| − | width:100%;
| |
| − | padding: 5px;
| |
| − | background-color: #DAD9D9;
| |
| − | opacity: .85;
| |
| − | overflow:auto;
| |
| − | font-size:small;
| |
| − | }
| |
| − |
| |
| − | #floatingturtle {
| |
| − | position:fixed;
| |
| − | left:90%;
| |
| − | top:60%;
| |
| − | max-height: 15%;
| |
| − | max-width: 8%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | </style>
| |
| | | | |
| | <!--WOW SUCH STYLE MUCH FANCY--> | | <!--WOW SUCH STYLE MUCH FANCY--> |
| Line 542: |
Line 59: |
| | | | |
| | <div id='floatybox'> | | <div id='floatybox'> |
| − | <h2>Updates:</h2> | + | <h2>Updates (last updated August 4):</h2> |
| | + | <p> August 4th: Ayy now we're getting stuff done |
| | + | <p> July 22th: First website team meeting yay |
| | + | <p> July 21th: Welcome Sarah to the team |
| | <p> July 12th: Project: 'Make sexy landing page" commenced | | <p> July 12th: Project: 'Make sexy landing page" commenced |
| | <p> July 10th: Senpai nooo what will we do without you | | <p> July 10th: Senpai nooo what will we do without you |
| Line 557: |
Line 77: |
| | <h2>Assignments<h2> | | <h2>Assignments<h2> |
| | <h4>For wiki team members:</h4> | | <h4>For wiki team members:</h4> |
| − | We are planning the layout of each page. We'll decide the final layout plan during our meeting next week.
| + | Do whatever you were assigned. See Best Kohai if you need an assignment. |
| | <h4>For other iGEM members:</h4> | | <h4>For other iGEM members:</h4> |
| − | <p>Submit content to wiki team members!<p> | + | <p> -REWRITE your bio! It should be ~500 characters, about the length of Iowis's and Best Kohai 's.<p> |
| − | <p>Current active wiki members are Best Kohai and Dania. Kara and Sarah are on vacation.<p>
| + | <p>-SEE Best Kohai for specific assignments |
| − | <p>You can submit any content in general, or pick one of the recommended topics:<p> | + | <p>-Write up experimental details, protocol, etc. for any of our 3 experiments |
| − | <p>-Finish your <500 character bio, include a picture of yourself <p> | + | <p>-Write up our human practices stuff |
| − | <p>-Write up experimental details, protocol, etc. for any of our 3 experiments <p> | + | <p>-Select pictures from our drive to be uploaded to the wiki |
| − | <p>-Write up our human practices stuff</p> | + | |
| − | <p>-Select pictures from our drive to be uploaded to the wiki<p> | + | |
| | </div> | | </div> |
| | | | |
