Difference between revisions of "Team:UCL/Parts"

 
(42 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: League Script; font-size: 60px; position: relative; left: 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: 20px #fff solid; border-radius: 10px; 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 {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 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: 30% !important; align: right;}
+
table.pgrouptable td:nth-child(7) {width: 34% !important; align: right;}
  
−
table.pgrouptable td:nth-child(8) {width: 3% !important;  align: right;}
+
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 {font-size: 14px !important; line-height: 1.4 !important; padding: 15px !important;}
 
 
#groupparts td + td {padding: 8px !important;}
 
#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;}
−
.topspace {height: 100px;}
 
 
#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; width: 90%;}
+
#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; }
−
.topspace {height: 85px;}
+
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: 12px !important; }
+
#groupparts td {font-size: 13px !important;}
−
#groupparts td + td {padding: 2px !important;}
+
#groupparts td + td {}
−
#groupparts th {padding: 4px !important; font-size: 10px! important; letter-spacing: 1.8px;}
+
#groupparts th {padding: 6px !important; font-size: 10px! important; letter-spacing: 1.8px;}
−
#groupparts {border: 10px #fff solid; width: 90% !important;} .topspace {height: 60px;}
+
  
  
Line 152: Line 150:
  
 
@media(max-width: 640px){
 
@media(max-width: 640px){
−
table.pgrouptable td:nth-child(1) {display: none;}
+
 
−
table.pgrouptable td:nth-child(2) {display: none;}
+
#groupparts {border: 10px #fff solid; border-radius: 10px; width: 90% !important; }
−
table.pgrouptable td:nth-child(3) {display: none;}
+
 
−
table.pgrouptable th:nth-child(1) {display: none;}
+
.topspace {height: 100px;}  
−
table.pgrouptable th:nth-child(2) {display: none;}
+
 
−
table.pgrouptable th:nth-child(3) {display: none;}
+
 
 +
 
 +
 
 +
#groupparts:before {top: 5px;}
 +
 
 +
 
 +
 
 
}
 
}
  
  
 
@media(max-width:500px){
 
@media(max-width:500px){
−
#groupparts td {font-size: 12px !important;  padding: 2px !important;}
+
 
 +
 
 +
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 th {padding: 4px !important; font-size: 9px! important; letter-spacing: 1.4px;}
−
#groupparts {border: 5px #fff solid; width: 90% !important;} .topspace {height: 60px;}
+
#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>
 
</style>

Latest revision as of 01:42, 19 September 2015

'

<groupparts>iGEM015 UCL</groupparts>