Team:Uppsala/stylesheet2.css
From 2014.igem.org
Line 411: | Line 411: | ||
background-color: #dee1dc; | background-color: #dee1dc; | ||
color:#5d6a52; | color:#5d6a52; | ||
+ | } | ||
+ | |||
+ | td{ | ||
+ | font-family: "Times New Roman", Times, serif; | ||
} | } | ||
tr.alt td | tr.alt td |
Revision as of 14:53, 14 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;
}
/* ---- 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 ---- */
.border_h2 {
border-bottom: 1px solid; padding-bottom: 10px;
}
- fucking-border {
border-top: 1px solid #d31906; margin-top: 10px; clear: both; padding-top: 20px;
}
.border_h2_right {
float: right;
}
.extra_fat {
font-size: 28pt !important; border-bottom: 1px solid; padding-bottom: 10px; margin-top: 20px;
}
- grid_container {
height: 550px;
}
- left_content {
float: left;
}
- right_content {
float: right; width: 430px;
}
.main_pic_left {
float: left; width: 600px;
}
- left_content_invert {
float: right;
}
- right_content_invert {
width: 430px;
}
/* ---- Project overview ---- */
- p_containerR {
float: right; margin-bottom: 10px; }
- p_containerL {
float: left; margin-bottom: 10px; }
/* ---- Java Launch --- */
.launchlist {
color: #5d6a52; text-align: center; position: relative; font-size: 27px; padding: 10px; margin: 20px 0 0 0; font-family: "Times New Roman", Times, serif; font-size: 32px; font-variant: small-caps; font-weight: bold;
// box-shadow: 0 0 1px #000;
-webkit-text-stroke: 1px black; -moz-text-stroke: 1px black;
}
.launchlist a:hover { text-decoration: none; }
/* ------ Tables ------- */
table { font-family: 'Black Ops One', cursive; border-collapse:collapse; }
td, th { font-size:0.8em; border:1px solid #5d6a52; padding:3px 7px 2px 7px; } th { font-size:1.1em; text-align:left; padding-top:5px; padding-bottom:4px; background-color: #dee1dc; color:#5d6a52; }
td{ font-family: "Times New Roman", Times, serif; } tr.alt td { color:#000000; background-color:#dee1dc; }