Difference between revisions of "Team:UCL/Parts"
Superjack15 (Talk | contribs) |
|||
| (57 intermediate revisions by 2 users not shown) | |||
| Line 59: | Line 59: | ||
td {font-size: 15px !important; padding: 20px !important;} | td {font-size: 15px !important; padding: 20px !important;} | ||
#groupparts td + td {padding: 10px !important;} | #groupparts td + td {padding: 10px !important;} | ||
| − | .topspace {height: 150px;} | + | .topspace {height: 150px; margin: 0; padding: 0;} |
| − | #groupparts:before {content: "Parts"; margin: 0; padding: 0; color: #000; font-family: | + | #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: | + | #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 table {padding: 10px !important; border: none; display: table !important;} | ||
| Line 70: | Line 70: | ||
#groupparts td a {color: #318A8B; font-weight: bold;} | #groupparts td a {color: #318A8B; font-weight: bold;} | ||
#groupparts td a:visited {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: | + | .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(1) {width: 7% !important;} | ||
table.pgrouptable td:nth-child(2) {display: none;} | table.pgrouptable td:nth-child(2) {display: none;} | ||
| Line 82: | Line 82: | ||
table.pgrouptable td:nth-child(6) {width: 57% !important; } | table.pgrouptable td:nth-child(6) {width: 57% !important; } | ||
| − | table.pgrouptable td:nth-child(7) {width: | + | table.pgrouptable td:nth-child(7) {width: 34% !important; align: right;} |
| − | table.pgrouptable td:nth-child(8) {width: | + | table.pgrouptable td:nth-child(8) {width: 2% !important; align: right;} |
| Line 95: | Line 95: | ||
@media(max-width:1050px) { | @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;} | #groupparts th {padding: 9px !important;} | ||
| Line 107: | Line 107: | ||
| − | @media(max-width:960px) {#groupparts {width: 75% !important;} | + | @media(max-width:960px) {#groupparts {width: 75% !important; border: 20px #fff solid; border-radius: 20px; } |
} | } | ||
| Line 124: | Line 124: | ||
#groupparts td + td {padding: 7px !important;} | #groupparts td + td {padding: 7px !important;} | ||
#groupparts th {padding: 6px !important; font-size: 10px! important; letter-spacing: 3px;} | #groupparts th {padding: 6px !important; font-size: 10px! important; letter-spacing: 3px;} | ||
| − | |||
#groupparts {width: 75% !important;} | #groupparts {width: 75% !important;} | ||
| Line 134: | Line 133: | ||
#groupparts td {font-size: 13px !important; padding: 10px !important; } | #groupparts td {font-size: 13px !important; padding: 10px !important; } | ||
#groupparts td + td {padding: 5px !important;} | #groupparts td + td {padding: 5px !important;} | ||
| − | #groupparts th {padding: 6px !important; font-size: 10px! important; letter-spacing: 2.2px | + | #groupparts th {padding: 6px !important; font-size: 10px! important; letter-spacing: 2.2px;} |
| − | #groupparts {border: 15px #fff solid; width: 82% !important;} | + | #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;} | |
} | } | ||
| Line 143: | Line 142: | ||
@media(max-width:680px){ | @media(max-width:680px){ | ||
| − | #groupparts td {font-size: | + | #groupparts td {font-size: 13px !important;} |
| − | #groupparts td + td { | + | #groupparts td + td {} |
| − | #groupparts th {padding: | + | #groupparts th {padding: 6px !important; font-size: 10px! important; letter-spacing: 1.8px;} |
| − | + | ||
| Line 152: | Line 150: | ||
@media(max-width: 640px){ | @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 td:nth-child(1) {display: none;} | ||
| − | |||
| − | |||
table.pgrouptable th: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: | + | |
| − | + | ||
| − | + | @media(max-width: 420px) { | |
| − | + | table.pgrouptable td:nth-child(5) {display: none;} | |
| + | table.pgrouptable th:nth-child(5) {display: none;} | ||
} | } | ||
| + | |||
</style> | </style> | ||
Latest revision as of 01:42, 19 September 2015
'
<groupparts>iGEM015 UCL</groupparts>