Team:Uppsala/stylesheet2.css
From 2014.igem.org
Line 292: | Line 292: | ||
/* ---- Home ---- */ | /* ---- Home ---- */ | ||
- | . | + | .team-pic { |
+ | display:block; | ||
+ | width:700px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | |||
+ | } | ||
- | width: | + | .left { |
- | + | width: 210px; | |
+ | margin-top: 20px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #text-right { | ||
+ | float:right; | ||
+ | margin-top: 20px; | ||
+ | width:650px; | ||
} | } | ||
- | . | + | .right { |
+ | width: 210px; | ||
+ | margin-top: 20px; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | #text-left { | ||
+ | float: left; | ||
+ | margin-top: 20px; | ||
+ | width: 650px; | ||
+ | |||
+ | } | ||
- | + | #grid { | |
- | + | clear:both; | |
- | + | ||
} | } |
Revision as of 18:18, 12 October 2014
a {
text-decoration: none;
}
/* ----Project overview---- */
.overview {
text-align: center; border-bottom: 1px solid #d40400; padding-bottom: 5px; text-decoration: none;
}
- right_overview {
float: left; width: 500px; margin-left: 10px; }
- 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; }
- 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;
}
- 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;
- /
}
- 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;
}
- 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;
}
- 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;
}
- 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;
}
/* ---- Project overview ---- */
- p_container {
float: right; margin-bottom: 10px; }
/* ---- 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;
}
- button_container {
height: 160px;
}
- clear {
clear: both;
}
/* ---- Home ---- */
.team-pic {
display:block;
width:700px; margin-left: auto; margin-right: auto;
}
.left { width: 210px; margin-top: 20px; float: left; }
- text-right {
float:right; margin-top: 20px; width:650px;
}
.right { width: 210px; margin-top: 20px; float: right; }
- text-left {
float: left; margin-top: 20px; width: 650px;
}
- grid {
clear:both; }