Difference between revisions of "Team:UCL/Parts"
Superjack15 (Talk | contribs) |
Superjack15 (Talk | contribs) |
||
(512 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | {{ | + | {{CSS_UCL6}} |
<html> | <html> | ||
+ | <head> | ||
+ | <script src="https://cferdinandi.github.io/smooth-scroll/dist/js/smooth-scroll.js"></script> | ||
+ | <script> | ||
+ | smoothScroll.init({ | ||
+ | speed: 1000, | ||
+ | easing: 'easeInOutCubic', | ||
+ | offset: 0, | ||
+ | updateURL: true, | ||
+ | callbackBefore: function ( toggle, anchor ) {}, | ||
+ | callbackAfter: function ( toggle, anchor ) {} | ||
+ | }); | ||
+ | </script> | ||
− | |||
− | < | + | <style> |
− | + | ||
− | |||
− | |||
− | |||
− | |||
+ | #header2:before | ||
+ | { | ||
+ | content: ""; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2015/0/07/UCL_MG_6269.jpg'); | ||
+ | -webkit-mask-image: -webkit-gradient(linear, 0 0, 0 80%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.2))); | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment: fixed; | ||
+ | -webkit-background-size: cover; | ||
+ | -moz-background-size: cover; | ||
+ | -o-background-size: cover; | ||
+ | background-size: cover; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
− | + | position: absolute; | |
− | + | top: 0px; | |
− | + | left: 0px; | |
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | height: 100%;} | ||
+ | #header2 {width: 100%; | ||
+ | min-height: 100%; | ||
+ | height: auto; | ||
+ | position: relative; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | top: 0; | ||
+ | font-family: Raleway; | ||
+ | letter-spacing: 1.1px; font-size: 13px; | ||
+ | text-align: center; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | table {font-family: Raleway !important; font-size: 17px !important;} | |
− | + | td {font-size: 15px !important; padding: 20px !important;} | |
+ | #groupparts td + td {padding: 10px !important;} | ||
+ | .topspace {height: 150px; margin: 0; padding: 0;} | ||
+ | #groupparts:before {content: "Parts"; margin: 0; padding: 0; color: #000; font-family: Satisfy; font-size: 60px; position: relative; left: 0;color:black;} | ||
+ | #groupparts {margin: 0 auto; position: relative; border: 30px #fff solid; border-radius: 30px; width: 70% !important; background: #fff; -webkit-mask-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.7))); } | ||
+ | #groupparts table {padding: 10px !important; border: none; display: table !important;} | ||
+ | #groupparts th { background: #493C54; border: none; color: #fff; font-size: 13px; letter-spacing: 4px; text-transform: uppercase; font-weight: bold; padding: 15px !important;} | ||
+ | #groupparts td {border: 0px; font-size: 15px; | ||
+ | line-height: 1.6; | ||
+ | letter-spacing: 1.2px; } | ||
+ | #groupparts td a {color: #318A8B; font-weight: bold;} | ||
+ | #groupparts td a:visited {color: #318A8B; font-weight: bold;} | ||
+ | .heart13 {background-image: url('https://static.igem.org/mediawiki/2015/c/c0/UCL_heart_parts.png') !important; background-size: 70%; background-position: center center; background-color: none !important;} | ||
+ | table.pgrouptable td:nth-child(1) {width: 7% !important;} | ||
+ | table.pgrouptable td:nth-child(2) {display: none;} | ||
+ | table.pgrouptable td:nth-child(3) {display: none;} | ||
+ | table.pgrouptable th:nth-child(2) {display: none;} | ||
+ | table.pgrouptable th:nth-child(3) {display: none;} | ||
+ | table.pgrouptable td:nth-child(4) {width: 7% !important;} | ||
+ | table.pgrouptable td:nth-child(5) {width: 7% !important;} | ||
+ | table.pgrouptable td:nth-child(6) {width: 57% !important; } | ||
+ | table.pgrouptable td:nth-child(7) {width: 34% !important; align: right;} | ||
+ | table.pgrouptable td:nth-child(8) {width: 2% !important; align: right;} | ||
− | |||
− | |||
− | + | @media(max-width:1256px) {#groupparts td {padding: 7px !important;} | |
− | + | #groupparts td + td {padding: 5px !important;} | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
+ | @media(max-width:1050px) { | ||
+ | #groupparts td + td {padding: 8px !important;} | ||
+ | #groupparts td {font-size: 14px !important; line-height: 1.4 !important; padding: 15px !important;} | ||
+ | #groupparts th {padding: 9px !important;} | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | @media(max-width:960px) {#groupparts {width: 75% !important; border: 20px #fff solid; border-radius: 20px; } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | @media(max-width:910px){ | ||
+ | |||
+ | #groupparts td {font-size: 13px !important; padding: 10px !important;} | ||
+ | #groupparts td + td {padding: 7px !important;} | ||
+ | #groupparts th {padding: 8px !important; font-size: 11px! important;} | ||
+ | .topspace {height: 120px;} | ||
+ | } | ||
+ | |||
+ | @media(max-width:820px){ | ||
+ | #groupparts td {font-size: 13px !important; letter-spacing: 1 !important; padding: 10px !important;} | ||
+ | #groupparts td + td {padding: 7px !important;} | ||
+ | #groupparts th {padding: 6px !important; font-size: 10px! important; letter-spacing: 3px;} | ||
+ | #groupparts {width: 75% !important;} | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | @media(max-width:786px){ | ||
+ | #groupparts td {font-size: 13px !important; padding: 10px !important; } | ||
+ | #groupparts td + td {padding: 5px !important;} | ||
+ | #groupparts th {padding: 6px !important; font-size: 10px! important; letter-spacing: 2.2px;} | ||
+ | #groupparts {border: 15px #fff solid; width: 82% !important; border-radius: 15px; } | ||
+ | table.pgrouptable th:nth-child(7) {display: none;} | ||
+ | table.pgrouptable td:nth-child(7) {display: none;} | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | @media(max-width:680px){ | ||
+ | #groupparts td {font-size: 13px !important;} | ||
+ | #groupparts td + td {} | ||
+ | #groupparts th {padding: 6px !important; font-size: 10px! important; letter-spacing: 1.8px;} | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | @media(max-width: 640px){ | ||
+ | |||
+ | #groupparts {border: 10px #fff solid; border-radius: 10px; width: 90% !important; } | ||
+ | |||
+ | .topspace {height: 100px;} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #groupparts:before {top: 5px;} | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | @media(max-width:500px){ | ||
+ | |||
+ | |||
+ | table.pgrouptable td:nth-child(1) {display: none;} | ||
+ | table.pgrouptable th:nth-child(1) {display: none;} | ||
+ | #groupparts td {font-size: 13px !important;} | ||
+ | #groupparts th {padding: 4px !important; font-size: 9px! important; letter-spacing: 1.4px;} | ||
+ | #groupparts {border: 5px #fff solid; border-radius: 5px; width: 90% !important;} | ||
+ | .topspace {height: 70px;} | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | @media(max-width: 420px) { | ||
+ | table.pgrouptable td:nth-child(5) {display: none;} | ||
+ | table.pgrouptable th:nth-child(5) {display: none;} | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <div id="header2"><div class="topspace"></div> | ||
+ | </html> | ||
+ | <groupparts>iGEM015 UCL</groupparts><html> <div style="height: 350px;"></div> | ||
</div> | </div> | ||
− | + | </div> | |
+ | |||
+ | </body> | ||
</html> | </html> |
Latest revision as of 01:42, 19 September 2015
'
<groupparts>iGEM015 UCL</groupparts>