"
Team:Uppsala/stylesheet2.css
From 2014.igem.org
| Line 40: | Line 40: | ||
width: 280px; | width: 280px; | ||
height: 508px; | height: 508px; | ||
| - | background-color: # | + | background-color: #f2f2f2; |
box-shadow: inset 0px 0px 25px rgba(110,110,110, .8); | box-shadow: inset 0px 0px 25px rgba(110,110,110, .8); | ||
-webkit-box-shadow: inset 0px 0px 25px rgba(110,110,110, .8); | -webkit-box-shadow: inset 0px 0px 25px rgba(110,110,110, .8); | ||
Revision as of 21:39, 5 October 2014
a {
text-decoration: none; color: inherit;
}
/* ----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: 3px solid #d40400; font-size: 16pt; padding-top: 10px; padding-left: 10px; padding-right: 10px; width: 280px; height: 508px; background-color: #f2f2f2; 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 {
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; }
- system_design {
border: 3px solid #d40400; font-size: 16pt; padding-top: 10px; padding-left: 10px; padding-right: 10px; margin-top: 20px; margin-left: 10px; width: 480px; height: 236px; background-color: #d7d7d7; 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 {
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; font-size: 16pt; padding-top: 10px; padding-left: 10px; padding-right: 10px; width: 187px; height:508px; float: right; background-color: #d7d7d7; 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 {
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;
}
- result {
border: 3px solid #d40400; font-size: 16pt; padding-top: 10px; padding-left: 10px; padding-right: 10px; margin-left: 10px; width: 480px; height: 236px; background-color: #d7d7d7; 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 {
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;
}
