|
|
Line 1: |
Line 1: |
| <html> | | <html> |
− |
| |
− | <style>
| |
− |
| |
− | /* Adjust default wiki setting */
| |
− | #sideMenu, #top_title {display:none;}
| |
− | #content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
| |
− | body {background-color:white; }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | .menu_wrapper {background-color:#f2f2f2; width:15%; float:left; text-align:center; padding:10px 0px; height:100vh; }
| |
− | .menu_wrapper ul {list-style: none; width:100%; margin-left:0px; padding:0px;}
| |
− |
| |
− |
| |
− | .menu_wrapper ul li { padding: 15px 0px; text-align:center; list-style-type:none; width:100%; border-bottom: 1px solid #d3d3d3; margin-top:-2px; cursor:pointer; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; text-decoration:none; color:black; font-weight:bold;}
| |
− |
| |
− | .menu_wrapper ul li:hover {background-color: #32ddb5;}
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | .content_wrapper {width: 85%;float:left; padding:10px 0px; background-color:white;}
| |
− |
| |
− |
| |
− | .content_wrapper h1 { color: #32ddb5; padding:0px 15px; }
| |
− | .content_wrapper h2 { color: #32ddb5; padding:0px 15px; }
| |
− | .content_wrapper h3 { color: black; padding:0px 15px; }
| |
− | .content_wrapper h4 { color: black; padding:0px 15px;}
| |
− | .content_wrapper h5 { color: black; padding:0px 15px;}
| |
− | .content_wrapper h6 { color: black; padding:0px 15px;}
| |
− |
| |
− |
| |
− | .content_wrapper p { padding:0px 15px;}
| |
− |
| |
− | .content_wrapper a { font-weight: bold; text-decoration: underline; color: #32ddb5; text-decoration-color:#32ddb5; -webkit-transition: all 0.4s ease;
| |
− | -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
| |
− | .content_wrapper a:hover { text-decoration:none; color:black;}
| |
− |
| |
− |
| |
− | .column { float:left; background-color:white; padding: 10px 0px;}
| |
− |
| |
− | .full_size {width:100%; }
| |
− | .full_size img { width:96.5%; padding: 10px 15px;}
| |
− |
| |
− | .half_size {width: 50%; }
| |
− | .half_size img { width: 93%; padding: 10px 15px;}
| |
− |
| |
− |
| |
− |
| |
− | .button_click { background-color: #32ddb5; padding: 15px; width:12%; font-weight:bold; text-align:center; cursor:pointer; -webkit-transition: all 0.4s ease;
| |
− | -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; margin: 10px auto;}
| |
− | .button_click:hover { background-color:black; color: #32ddb5; }
| |
− |
| |
− |
| |
− |
| |
− | @media only screen and (max-width: 1000px) {
| |
− | #content {width:100%; }
| |
− | }
| |
− |
| |
− |
| |
− | @media only screen and (max-width: 850px) {
| |
− | .menu_wrapper { width:100%; height: 15%; }
| |
− | .content_wrapper {width:100%; }
| |
− | .column.half_size {width:100%; }
| |
− | .column img { width: 100%; padding: 5px 0px;}
| |
− |
| |
− | }
| |
− |
| |
− | </style>
| |
− |
| |
− |
| |
− | <div class="menu_wrapper" >
| |
− |
| |
− | <b>TEAM NAME</b>
| |
− |
| |
− |
| |
− | <ul >
| |
− |
| |
− | <li onClick=" parent.location= ' '"> TEAM</LI>
| |
− |
| |
− | <li onClick=" parent.location= ' '">PROJECT </li>
| |
− |
| |
− | <li onClick=" parent.location= ' '"> SAFETY </li>
| |
− |
| |
− | <li onClick=" parent.location= ' '"> HUMAN <br> PRACTICES </li>
| |
− |
| |
− | <li onClick=" parent.location= ' '"> ATTRIBUTIONS </li>
| |
− |
| |
− | <li onClick=" parent.location= ' '"> PARTS </li>
| |
− |
| |
− | <li onClick=" parent.location= ' '"> AWARDS </li>
| |
− |
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="content_wrapper">
| |
| | | |
| <div class="column full_size" > | | <div class="column full_size" > |