Template:Team:Hong Kong HKUST/indexpage.css

From 2014.igem.org

(Difference between revisions)
(Undo revision 96339 by Gtong (talk))
(Undo revision 96335 by Gtong (talk))
Line 1: Line 1:
-
#bodyContent {
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-
-
  width: 961px;
+
-
  background-color: #111111;
+
-
}
+
-
#content{ padding: 0; }
+
logo, .printfooter, .firstHeading,.visualClear {display:  
-
#wrap {
+
none;} /*-- hides default wiki settings --*/
-
  width: 935px;
+
-
  //margin-left: -1em;
+
-
  color: #666;
+
-
  background-color: white;
+
-
}
+
-
#wrap a {
+
#top-section { /*-- styling for default menu bar (edit, page,
-
  //color:  #FF75a3;
+
-
  text-decoration:none;
+
-
}
+
-
#wrap a:hover {
+
history, etc.) --*/
-
  color: #FF6633;
+
-
}
+
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 1000px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
-
#wrap a img{
+
#globalWrapper, #content { /*-- changes default wiki settings
-
  border:0;
+
-
}
+
-
#wrap h2 {
+
--*/
-
  margin:0 0 10px 0;
+
width: 100%;  
-
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
+
height: 100%;
-
  //font-size: 1.25em;
+
border: 0px;
-
  font-style: bold;
+
background-color:#FCEBE6;
-
  border-bottom: none;
+
margin: 0px;
-
}
+
padding: 0px;
 +
}
-
#wrap p { margin: 0;}
+
html, body, .wrapper { /*-- changes default wiki settings --
-
#maincontent {
+
*/
-
  clear: none;
+
-
  position: absolute;
+
background-color: #FCEBE6;
-
  top: 0px;
+
}
-
  left: 0px;
+
-
  width: 655px;     // 655px (team image width) + 17px (maincontent left-paddding to reveal background) = 672px
+
/*Changing default wiki setting. By Guillaume*/
-
  min-height: 1030px;
+
.left-menu li a{
-
  padding-left: 17px;
+
color:#5E412F;
-
  border-width: 0px;
+
}
-
  border-style: none;
+
.right-menu li a{
-
  background-position: left top;
+
color:#5E412F;
-
  background-repeat: repeat-y;
+
background-color:none;
-
  background-image: url(https://static.igem.org/mediawiki/2007/f/fb/Mainpage-left-bg.jpg);
+
}
-
  background-color: white;
+
#top-section{
-
  color: #666;
+
left:0;
-
  font-size: 11pt;
+
margin-left:0;
-
}
+
width:100%;
 +
}
 +
/*End of changing default wiki setting.*/
 +
 +
body {
 +
width: 100%;
 +
  padding:0;
 +
  margin:0;
 +
  font: 14px Helvetica;
 +
}
 +
#content_container {
 +
  width:950px;
 +
  margin: 0 auto;
 +
-webkit-box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.64);
 +
-moz-box-shadow:    0px 6px 6px 0px rgba(50, 50, 50, 0.64);
 +
box-shadow:        0px 6px 6px 0px rgba(50, 50, 50, 0.64);
 +
}
 +
a {
 +
  color: #c0392b;
 +
  text-decoration: none;
 +
}
 +
a:hover {
 +
  color: #e74c3c;
 +
}
 +
#menu {
 +
  padding: 0;
 +
  text-align: center;
 +
  text-transform:uppercase;
 +
}
-
#maincontent h2 {
+
h1 {
-
  margin: 0;
+
  font-family: HelveticaNeue-UltraLight;
-
}
+
  font-size: 100px;
 +
  text-align: center;
 +
  margin: 0 0 0 0;
 +
  padding: 50px 0 0 0 ;
 +
  background: #5E412F;
 +
  color: #fff;
 +
  font-weight:100;
 +
  letter-spacing: 0.0625em;
 +
}
-
#maincontent a {
+
/*----------------------------------drop down ---------------------------------*/
-
  text-decoration: none;
+
h1 {
-
  color: #FF75a3;
+
font-size:60px;
-
  font-family: "Lucida Grande", Verdana, arial, sans-serif;
+
}
-
}
+
-
#maincontent a:hover {
+
p {
-
  color: #FF6633;
+
  font-size:20px;
-
}
+
}
 +
nav {
 +
margin:0 auto;
 +
padding: 0 auto;
 +
background-color: orange;
 +
width:990px;
 +
display:block;
 +
}
-
#image-rotator {
+
nav ul {
-
  position: relative;
+
padding:0;
-
}
+
margin:0 auto;
 +
list-style: none;
 +
position: relative;
 +
display:block;
 +
text-align: center;
 +
}
 +
 +
nav ul li {
 +
display: inline-block;
 +
float: left;
 +
display:list-item;
 +
list-style: none;
 +
background-color:#5E412F;
 +
 +
}
-
.metainfo {
+
nav ul li a {
-
  //font-size: .8em;
+
display:block;
-
  width: 100%;
+
padding:15px 10px;
-
  position: relative;
+
-
  top: -1em;
+
color:#FFF;
-
  margin: 0 0 -1em 0;
+
font-size:16px;
-
}
+
text-decoration:none;
 +
font-family: 'Bree Serif', 'serif';
 +
}
-
.metainfo h2 {
+
li a:hover { background-color: #000000; }
-
  display: inline;
+
-
  font-size: 14pt;
+
-
}
+
-
.metainfo span {
+
-
  position: absolute;
+
-
  right: 0px;
+
-
  bottom: 0px;
+
/* The Dropdown Styles */
-
  color: #454545;
+
/* =================== */
-
}
+
-
#JamboreeBox {
+
/* Hide Dropdowns by Default */
-
  background-position: right bottom;
+
nav ul ul {
-
  background-repeat: no-repeat;
+
display: none;
-
  background-image: url(https://static.igem.org/mediawiki/2007/3/32/IGEM07-mainpage_Brick.jpg);
+
position: absolute;
-
  margin: 2em 16px 8px 16px;
+
top: 48px;
-
  background-color: #f5facf;
+
}
-
  border-right: 4px solid #eaf7a6;
+
-
  border-bottom: 4px solid #eaf7a6;
+
/* Display Dropdowns on Hover */
-
  font-size: 1em;
+
nav ul li:hover > ul {
-
  min-height: 220px;
+
display:list-item;
-
  width: 620px;
+
}
-
  float: left;
+
-
}
+
/* Fisrt Tier Dropdown */
 +
nav ul ul li {
 +
width:180px;
 +
position: relative;
 +
border-bottom:none;
 +
list-style-type: none;
 +
}
-
#JamboreeBox img {
+
/* Second, Third and more Tiers */
-
  //position: absolute;
+
nav ul ul ul li {
-
  float: left;
+
position: absolute relative;
-
  //padding: -8px 24px 16px 16px;
+
top:-5px;  
-
  padding: 0 30px 0 8px;
+
}
-
  border: solid 1px #f7fbd7;
+
.fixed {
-
}
+
  position: fixed;
 +
  z-index: 10;
 +
  top: 0;
 +
  width: 100%;
 +
}
 +
.fixed ul ul ul li a {
 +
  color: #fff;
 +
  text-decoration: none;
 +
}
 +
 +
div#nav_container{
 +
  text-align: center;
 +
      width:1000px;
 +
  padding:0 auto;
 +
  margin:0 auto;
 +
  max-width:700px;
 +
  z-index:100000;
 +
}
-
#JamboreeBox ul {  
+
#slide{
-
  line-height: 1.2em;
+
  width: 100%;
-
  margin: 0 0 0 2em;
+
  height: 600px;
-
}
+
  overflow:hidden;
 +
  margin: 30px auto;
 +
  box-shadow: 0 8px 6px -6px rgba(0,0,0,1);
 +
}
 +
#slide div{
 +
  display:block;
 +
  width:0;
 +
  float: left;
 +
  -webkit-transition: all 0.75s;
 +
  -moz-transition: all 0.75s;
 +
  -o-transition:all 0.75s;
 +
  transition: all 0.75s;
 +
}
 +
img.picture {
 +
  width:960px;
 +
}
 +
button.prev, button.next {
 +
  position: absolute;
 +
  z-index: 999;
 +
  display: block;
 +
  padding:0 10px;
 +
  width: auto;
 +
  height:350px;
 +
  background: rgba(0,0,0,0);
 +
  color: #ffffff;
 +
  font-size:26px;
 +
  cursor: pointer;
 +
  border:none;
 +
  outline:none;
 +
}
 +
button.prev:hover, button.next:hover {
 +
  background: rgba(0,0,0,0.8);
 +
}
 +
button.next {
 +
  margin-left:926px;
 +
}
 +
 +
 +
div.project_area{
 +
  margin:0 auto;
 +
  border: 1px solid black;
 +
  background-color:#5E412F;
 +
  padding:15px;
 +
  }
 +
.project_area h4, .project_area p{
 +
color:white;
 +
}
 +
div.project_box{
 +
border: 1px solid gray;
 +
width: 450px;
 +
height: 150px;
 +
text-align: center;
 +
background-color:#5E412F;
 +
}
-
.contentbox {
+
div.quick_link_container{
-
  float:right;
+
padding:50px;
-
  max-width: 300px;
+
height:300px;
-
  //margin:1em;
+
-webkit-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69);
-
  padding: 0 12px 0 0;
+
-moz-box-shadow:   0px 5px 2px 0px rgba(50, 50, 50, 0.69);
-
}
+
box-shadow:         0px 5px 2px 0px rgba(50, 50, 50, 0.69);
-
 
+
width:200px;
-
#newscol {
+
background-color:#F0A830;
-
  position: relative;
+
}
-
  float: left;
+
-
  width: 240px;
+
-
  margin-left: 16px;
+
.quick_link_row:nth-child(odd) .quick_link_button:nth-child(odd) div.quick_link_container {
-
  //clear:left;
+
background-color:#78C0A8;
-
}
+
}
-
 
+
.quick_link_row:nth-child(even) .quick_link_button:nth-child(even) div.quick_link_container{
-
.newsmeta {
+
background-color:#78C0A8;
-
  border-bottom-color: #d2eef3;
+
}
-
  border-bottom-width: 1px;
+
-
  border-bottom-style: solid;
+
table.site_map_table{
-
  width: 100%;
+
background-color: #5E412F;
-
  //margin: 0 0 20px 0;
+
width: 100%;
-
  clear:both;
+
}
-
}
+
.site_map_table h4{
-
 
+
color:#F07818;
-
.newsmeta h2 {
+
}
-
  padding-bottom: 0px;
+
.site_map_table p, .site_map_table ul, .site_map_table a{
-
  font-size: 1em;
+
color: #F0A830;
-
  margin:0 0;
+
}
-
}
+
div.banner_area{
-
 
+
width:100%;
-
#newscol .newsmeta h2 a {
+
margin:0 auto;
-
  color: #3d8ada;
+
padding:0 auto;
-
}
+
}
-
 
+
div.banner_area img{
-
#newscol .newsmeta a:hover {
+
width:100%;
-
  color: #FF6633;
+
height: 550px;
-
}
+
}
-
 
+
div.content_1{
-
.newsmeta-date {
+
width:100%;
-
  position: relative;
+
margin-top:80px;
-
  float: right;
+
}
-
  right: -10px;
+
div.content_1 h3{
-
  //display: block;
+
font-size:30px;
-
  font-size: .8em;
+
color:#5E412F;
-
  color: #454545;
+
border-bottom: 2px solid black;
-
  margin:0 0 0 0em;
+
-
}
+
}
-
 
+
table.content_table td{
-
.newsmeta-more {
+
width:50%;
-
  margin:0 0 0 1.5em;
+
}
-
  //font-size: .8em;
+
table.content_table p {
-
}
+
font-size: 18px;
-
 
+
font-family: "helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans";
-
.newsentry {
+
line-height: 2em;
-
  margin: 0 0 20px 0;
+
}
-
  position: relative;
+
div.content_area{
-
  clear:both;
+
padding:0 20px 0 20px;
-
}
+
background-color:#FCEBB6;
-
 
+
border-radius: 2px;
-
.newsentry p {
+
height:600px;
-
  line-height: 1.4em;
+
}
-
  font-size: .9em;
+
td.content_cell img{
-
  color: 666666;
+
width:100%;
-
  margin: 6px 8px 0 8px;
+
display:inline;
-
  position: relative;
+
}
-
  font-family: Georgia, "Times New Roman", Times, serif;
+
td.content_cell h5{
-
  text-align: justify;
+
font-size: 19px;
-
}
+
font-family:"helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans";
-
 
+
font-weight:bold;
-
.blurb {
+
display:inline;
-
  text-align: justify;
+
}
-
  font: normal 1.2em georgia, serif;
+
td.content_cell h6{
-
  color: #555555;
+
font-size: 15px;
-
  line-height: 1.4em;
+
font-family:"helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans";
-
}
+
font-weight:normal;
-
 
+
display:inline;
-
#maincol {
+
}
-
  position: relative;
+
div#description_area{
-
  float: right;
+
padding: 20px;
-
  width: 340px;
+
border-bottom: 2px dotted black;
-
  margin: 0 12px 16px 0px;
+
background-color:#5E412F;
-
  padding: 0px 0 8px 0px;
+
padding:10px 90px;
-
}
+
}
-
 
+
div#description_area h2 {
-
#maincol p {
+
text-align:center;
-
  line-height: 1.4em;
+
font-size: 30px;
-
  font-size: .9em;
+
font-family:"helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans";
-
  color: #666666;
+
font-weight:900;
-
  //margin: 1px;
+
display:block;
-
  //position: relative;
+
text-decoration:underline;
-
  font-family: Georgia, "Times New Roman", Times, serif;
+
color:#78C0A8;
-
  text-align: justify;
+
text-transform:uppercase;
-
}
+
}
-
 
+
div#description_area p{
-
#maincol h2 {
+
text-indent:20px;
-
  margin: 20px 0 4px 0;
+
color:white;
-
  font-size: 1em;
+
}
-
}
+
table.start_up_link_area{
-
 
+
width:100%;
-
#sidebar {
+
}
-
  left: 672px;
+
td.start_up_link_button{
-
  top: 0px;
+
width:25%;
-
  position: absolute;
+
height:300px;
-
  padding-top: 40px;
+
}
-
  padding-bottom: 11em;
+
div.start_up_link_container{
-
  min-height: 1030px;
+
width:90%;
-
  width: 288px;
+
height:300px;
-
  background-position: left top;
+
padding:5px 10px 5px 10px;
-
  background-repeat: no-repeat;
+
-webkit-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69);
-
  background-color: #111111;
+
-moz-box-shadow:   0px 5px 2px 0px rgba(50, 50, 50, 0.69);
-
  background-image: url(https://static.igem.org/mediawiki/2007/0/04/Mainpage-right-bg.jpg);
+
box-shadow:         0px 5px 2px 0px rgba(50, 50, 50, 0.69);
-
  font-family: Georgia, "Times New Roman", Times, serif;
+
}
-
  color: #666666;
+
.start_up_link_button div.start_up_link_container{
-
  font-size: 0.9em;
+
background-color:#78C0A8;
-
}
+
}
-
 
+
.start_up_link_button:nth-child(even) div.start_up_link_container{
-
a {
+
background-color:#F0A830;
-
  color: #FF75a3;
+
}
-
  text-decoration:none;
+
-
}
+
-
 
+
-
a:hover {
+
-
  color: #FF6633;
+
-
}
+
-
 
+
-
#sidebar h2 {
+
-
  border-bottom: 1px solid;
+
-
  border-bottom-color: #b7b7b7;
+
-
}
+
-
 
+
-
#sidebar li a { color: #3d8ada;}
+
-
 
+
-
.post-it {
+
-
  position: relative;
+
-
  float: left;
+
-
  margin-right: 16px;
+
-
  margin-bottom: 10px;
+
-
  padding: 12px 8px 8px 8px;
+
-
  width: 236px;
+
-
  //font-size: .9em;
+
-
  line-height: 1.3em;
+
-
  text-align: justify;
+
-
  clear:both;
+
-
}
+
-
 
+
-
.bluebox {
+
-
  background-color: #d9f0f8;
+
-
  border-left: 12px solid #ade2f2;
+
-
}
+
-
 
+
-
.yellowbox {
+
-
  background-color: #f7fbd7;
+
-
  border-left: 12px solid #eef8b3;
+
-
}
+
-
 
+
-
.pinkbox {
+
-
  background-color: #f0dbcc;
+
-
  border-left: 12px solid #ddb99e;
+
-
}
+
-
 
+
-
.greenbox {
+
-
  background-color: #dff7d6;
+
-
  border-left: 12px solid #b8efb0;
+
-
}
+
-
 
+
-
.whitebox {
+
-
  background-color: #eeeeee;
+
-
  border-left: 12px solid #d9dddd;
+
-
}
+
-
 
+
-
table.minical {
+
-
  font: 1em georgia, serif;
+
-
  line-height: 1.2em;
+
-
  background: none;
+
-
}
+
-
 
+
-
table.minical td {
+
-
  padding: 4px 0px;
+
-
  border-top: 1px solid #dbe6a8;
+
-
}
+
-
 
+
-
table.minical td.event {
+
-
  width: 160px;
+
-
  text-align: right;
+
-
  padding-right: 1em;
+
-
  color: #333333;
+
-
}
+
-
 
+
-
table.minical td.date {
+
-
  //width: 6em;
+
-
  text-align: left;
+
-
  line-height: 0.8em;
+
-
  font-style: italic;
+
-
  color: #666666;
+
-
}
+

Revision as of 05:16, 31 August 2014

  1. contentSub, #footer-box, #catlinks, #search-controls, #p-

logo, .printfooter, .firstHeading,.visualClear {display:

none;} /*-- hides default wiki settings --*/

#top-section { /*-- styling for default menu bar (edit, page,

history, etc.) --*/

border: 0 none; height: 14px; z-index: 100; top: 0; position: fixed; width: 1000px; left: 50%; margin-left: -487px; }

#globalWrapper, #content { /*-- changes default wiki settings

--*/ width: 100%; height: 100%; border: 0px; background-color:#FCEBE6; margin: 0px; padding: 0px; }

html, body, .wrapper { /*-- changes default wiki settings --

*/

background-color: #FCEBE6; }

/*Changing default wiki setting. By Guillaume*/ .left-menu li a{ color:#5E412F; } .right-menu li a{ color:#5E412F; background-color:none; } #top-section{ left:0; margin-left:0; width:100%; } /*End of changing default wiki setting.*/

body { width: 100%; padding:0; margin:0; font: 14px Helvetica; } #content_container { width:950px; margin: 0 auto; -webkit-box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.64); -moz-box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.64); box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.64); } a { color: #c0392b; text-decoration: none; } a:hover { color: #e74c3c; } #menu { padding: 0; text-align: center; text-transform:uppercase; }

h1 { font-family: HelveticaNeue-UltraLight; font-size: 100px; text-align: center; margin: 0 0 0 0; padding: 50px 0 0 0 ; background: #5E412F; color: #fff; font-weight:100; letter-spacing: 0.0625em; }

/*----------------------------------drop down ---------------------------------*/ h1 { font-size:60px; }

p { font-size:20px; } nav { margin:0 auto; padding: 0 auto; background-color: orange; width:990px; display:block; }

nav ul { padding:0; margin:0 auto; list-style: none; position: relative; display:block; text-align: center; }

nav ul li { display: inline-block; float: left; display:list-item; list-style: none; background-color:#5E412F;

}

nav ul li a { display:block; padding:15px 10px;

color:#FFF; font-size:16px; text-decoration:none; font-family: 'Bree Serif', 'serif'; }

li a:hover { background-color: #000000; }



/* The Dropdown Styles */ /* =================== */

/* Hide Dropdowns by Default */ nav ul ul { display: none; position: absolute; top: 48px; }

/* Display Dropdowns on Hover */ nav ul li:hover > ul { display:list-item; }

/* Fisrt Tier Dropdown */ nav ul ul li { width:180px; position: relative; border-bottom:none; list-style-type: none; }

/* Second, Third and more Tiers */ nav ul ul ul li { position: absolute relative; top:-5px; } .fixed { position: fixed; z-index: 10; top: 0; width: 100%; } .fixed ul ul ul li a { color: #fff; text-decoration: none; }

div#nav_container{ text-align: center; width:1000px; padding:0 auto; margin:0 auto; max-width:700px; z-index:100000; }

#slide{ width: 100%; height: 600px; overflow:hidden; margin: 30px auto; box-shadow: 0 8px 6px -6px rgba(0,0,0,1); } #slide div{ display:block; width:0; float: left; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -o-transition:all 0.75s; transition: all 0.75s; } img.picture { width:960px; } button.prev, button.next { position: absolute; z-index: 999; display: block; padding:0 10px; width: auto; height:350px; background: rgba(0,0,0,0); color: #ffffff; font-size:26px; cursor: pointer; border:none; outline:none; } button.prev:hover, button.next:hover { background: rgba(0,0,0,0.8); } button.next { margin-left:926px; }


div.project_area{ margin:0 auto; border: 1px solid black; background-color:#5E412F; padding:15px; } .project_area h4, .project_area p{ color:white; } div.project_box{ border: 1px solid gray; width: 450px; height: 150px; text-align: center; background-color:#5E412F; }

div.quick_link_container{ padding:50px; height:300px; -webkit-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69); -moz-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69); box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69); width:200px; background-color:#F0A830; }


.quick_link_row:nth-child(odd) .quick_link_button:nth-child(odd) div.quick_link_container { background-color:#78C0A8; } .quick_link_row:nth-child(even) .quick_link_button:nth-child(even) div.quick_link_container{ background-color:#78C0A8; }

table.site_map_table{ background-color: #5E412F; width: 100%; } .site_map_table h4{ color:#F07818; } .site_map_table p, .site_map_table ul, .site_map_table a{ color: #F0A830; } div.banner_area{ width:100%; margin:0 auto; padding:0 auto; } div.banner_area img{ width:100%; height: 550px; } div.content_1{ width:100%; margin-top:80px; } div.content_1 h3{ font-size:30px; color:#5E412F; border-bottom: 2px solid black;

} table.content_table td{ width:50%; } table.content_table p { font-size: 18px; font-family: "helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans"; line-height: 2em; } div.content_area{ padding:0 20px 0 20px; background-color:#FCEBB6; border-radius: 2px; height:600px; } td.content_cell img{ width:100%; display:inline; } td.content_cell h5{ font-size: 19px; font-family:"helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans"; font-weight:bold; display:inline; } td.content_cell h6{ font-size: 15px; font-family:"helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans"; font-weight:normal; display:inline; } div#description_area{ padding: 20px; border-bottom: 2px dotted black; background-color:#5E412F; padding:10px 90px; } div#description_area h2 { text-align:center; font-size: 30px; font-family:"helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans"; font-weight:900; display:block; text-decoration:underline; color:#78C0A8; text-transform:uppercase; } div#description_area p{ text-indent:20px; color:white; } table.start_up_link_area{ width:100%; } td.start_up_link_button{ width:25%; height:300px; } div.start_up_link_container{ width:90%; height:300px; padding:5px 10px 5px 10px; -webkit-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69); -moz-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69); box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69); } .start_up_link_button div.start_up_link_container{ background-color:#78C0A8; } .start_up_link_button:nth-child(even) div.start_up_link_container{ background-color:#F0A830; }

Retrieved from "http://2014.igem.org/Template:Team:Hong_Kong_HKUST/indexpage.css"