"

From 2014.igem.org

Revision as of 19:23, 12 October 2014 (view source) Amaron (Talk | contribs) ← Older edit		Revision as of 19:24, 12 October 2014 (view source) Amaron (Talk | contribs) Newer edit →
Line 286:		Line 286:
	.extra_fat {		.extra_fat {
-	font size: 28pt;	+	font-size: 28pt;
	}		}

---

Revision as of 19:24, 12 October 2014

a {

text-decoration: none;

}

/* ----Project overview---- */

.overview {

text-align: center; border-bottom: 1px solid #d40400; padding-bottom: 5px; text-decoration: none;

}

1. right_overview {

float: left; width: 500px; margin-left: 10px; }

1. left_overview {

float: left; width: 300px;

}

.background {

border: 5px solid #d7d7d7; font-size: 16pt; padding-top: 10px; padding-left: 5px; padding-right: 5px; width: 280px; height: 512px; background-color: #d7d7d7; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /*box-shadow: inset 0px 0px 25px rgba(110,110,110, .8); -webkit-box-shadow: inset 0px 0px 25px rgba(110,110,110, .8); -moz-box-shadow: inset 0px 0px 25px rgba(110,110,110, .8);

• /

}

.background:hover {

border: 5px solid #d40400; /*box-shadow: 0px 0px 25px rgba(212, 4, 0, 0.8); -webkit-box-shadow: 0px 0px 25px rgba(212, 4, 0, 0.8); -moz-box-shadow: 0px 0px 25px rgba(212, 4, 0, 0.8);

• /

} .box_text {

color: #000; display: block; width: 100%; height: 100%;

}

.box_text:hover {

color: #d40400; }

1. result {

border: 5px solid #d7d7d7;

font-size: 16pt; padding-top: 10px; padding-left: 5px; padding-right: 5px; margin-top: 20px; margin-left: 10px; width: 480px; height: 236px; background-color: #d7d7d7; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /*box-shadow: inset 0px 0px 25px rgba(110,110,110, .8); -webkit-box-shadow: inset 0px 0px 25px rgba(110,110,110, .8); -moz-box-shadow: inset 0px 0px 25px rgba(110,110,110, .8);

• /

text-decoration: none; color: #000 !important;

}

1. result:hover {

border: 5px solid #d40400; /* box-shadow: 0px 0px 25px rgba(212, 4, 0, 0.8); -webkit-box-shadow: 0px 0px 25px rgba(212, 4, 0, 0.8); -moz-box-shadow: 0px 0px 25px rgba(212, 4, 0, 0.8); color: #d40400 !important; text-decoration: none;

• /

}

1. parts {

/* border: 3px solid #d40400;

• /

border: 5px solid #d7d7d7; font-size: 16pt; padding-top: 10px; padding-left: 5px; padding-right: 5px; width: 187px; height:512px; float: right; background-color: #d7d7d7; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /*box-shadow: inset 0px 0px 25px rgba(110,110,110, .8); -webkit-box-shadow: inset 0px 0px 25px rgba(110,110,110, .8); -moz-box-shadow: inset 0px 0px 25px rgba(110,110,110, .8);

• /

text-decoration: none; color: #000 !important;

}

1. parts:hover {

border: 5px solid #d40400;

/* box-shadow: 0px 0px 25px rgba(212, 4, 0, 0.8); -webkit-box-shadow: 0px 0px 25px rgba(212, 4, 0, 0.8); -moz-box-shadow: 0px 0px 25px rgba(212, 4, 0, 0.8); color: #d40400 !important; text-decoration: none;

• /

}

.mparts {

text-align: center;

}

1. system_design {

/* border: 3px solid #d40400;

• /

border: 5px solid #d7d7d7; font-size: 16pt; padding-top: 10px; padding-left: 5px; padding-right: 5px; margin-left: 10px; width: 480px; height: 236px; background-color: #d7d7d7; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /*box-shadow: inset 0px 0px 25px rgba(110,110,110, .8); -webkit-box-shadow: inset 0px 0px 25px rgba(110,110,110, .8); -moz-box-shadow: inset 0px 0px 25px rgba(110,110,110, .8);

• /

text-decoration: none; color: #000 !important;

}

1. system_design:hover {

border: 5px solid #d40400;

/* box-shadow: 0px 0px 25px rgba(212, 4, 0, 0.8); -webkit-box-shadow: 0px 0px 25px rgba(212, 4, 0, 0.8); -moz-box-shadow: 0px 0px 25px rgba(212, 4, 0, 0.8); color: #d40400 !important; text-decoration: none;

• /

}

.project_h2 {

padding-top: 20px; border-top: 1px solid #d40400;

}

/* ---- Team ---- */

.team_pic {

display: block; width: 900px; margin-right: auto; margin-left: auto;

}

/* ---- Targeting project ---- */

.swarm {

display: block; width: 900px; margin-right: auto; margin-left: auto;

}

/* ---- Chapter buttons ---- */

.prev {

width: 150px; float: left;

}

.prev:hover {

-box-shadow: 0px 0px 25px rgba(110,110,110, .8); -webkit-box-shadow: 0px 0px 25px rgba(110,110,110, .8); -moz-box-shadow: 0px 0px 25px rgba(110,110,110, .8);

}

.next:hover {

-box-shadow: 0px 0px 25px rgba(110,110,110, .8); -webkit-box-shadow: 0px 0px 25px rgba(110,110,110, .8); -moz-box-shadow: 0px 0px 25px rgba(110,110,110, .8);

}

.next {

width: 150px; float: right; }

.next_pic {

width: 140px;

}

.prev_pic {

width: 140px;

}

1. button_container {

height: 160px;

}

1. clear {

clear: both;

}

/* ---- Home ---- */

.extra_fat {

font-size: 28pt;

}

1. grid_container {

height: 500px;

}

1. left_content {

float: left; }

1. right_content {

float: left;

}

.main_pic_left {

float: left; width: 600px;

}

1. left_content_invert {

float: right; }

1. right_content_invert {

float: left;

}

/* ---- Project overview ---- */

1. p_containerR {

float: right; margin-bottom: 10px; }

1. p_containerL {

float: left; margin-bottom: 10px; }