Team:Uppsala/stylesheet2.css

From 2014.igem.org

(Difference between revisions)
Line 39: Line 39:
.background {
.background {
-
display: block;
 
font-size: 16pt;
font-size: 16pt;
padding-top: 10px;
padding-top: 10px;
Line 50: Line 49:
-webkit-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);
-moz-box-shadow: inset 0px 0px 25px rgba(110,110,110, .8);
-
/*
+
 
-
text-decoration: none;
+
-
color: #000 !important;
+
-
*/
+
}
}
.background:hover {
.background:hover {
-
display: block;
 
box-shadow: 0px 0px 25px rgba(212, 4, 0, 0.8);
box-shadow: 0px 0px 25px rgba(212, 4, 0, 0.8);
-webkit-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);
-moz-box-shadow: 0px 0px 25px rgba(212, 4, 0, 0.8);
-
/*color: #d40400 !important;
+
 
-
text-decoration: none;
+
-
*/
+
}
}
.box_text {
.box_text {
Line 94: Line 87:
background-color: #d7d7d7;
background-color: #d7d7d7;
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);
 +
-moz-box-shadow: inset 0px 0px 25px rgba(110,110,110, .8);
text-decoration: none;
text-decoration: none;
color: #000 !important;
color: #000 !important;
Line 101: Line 96:
#system_design:hover {
#system_design:hover {
-
box-shadow: 0px 0px 25px rgba(110,110,110);
+
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);
color: #d40400 !important;
color: #d40400 !important;
text-decoration: none;
text-decoration: none;
Line 119: Line 116:
background-color: #d7d7d7;
background-color: #d7d7d7;
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);
 +
-moz-box-shadow: inset 0px 0px 25px rgba(110,110,110, .8);
text-decoration: none;
text-decoration: none;
color: #000 !important;
color: #000 !important;
Line 126: Line 125:
#parts:hover {  
#parts:hover {  
-
box-shadow: 0px 0px 25px rgba(110,110,110);
+
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);
color: #d40400 !important;
color: #d40400 !important;
text-decoration: none;
text-decoration: none;
Line 149: Line 150:
background-color: #d7d7d7;
background-color: #d7d7d7;
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);
 +
-moz-box-shadow: inset 0px 0px 25px rgba(110,110,110, .8);
text-decoration: none;
text-decoration: none;
color: #000 !important;
color: #000 !important;
Line 156: Line 159:
#result:hover {
#result:hover {
-
box-shadow: 0px 0px 25px rgba(110,110,110);
+
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);
color: #d40400 !important;
color: #d40400 !important;
text-decoration: none;
text-decoration: none;
-
 
-
}
 
-
 
-
#discussion {
 
-
 
-
padding-top: 10px;
 
-
margin-top: 20px;
 
-
margin-left: 15px;
 
-
width: 500px;
 
-
background: #d7d7d7;
 
}
}

Revision as of 21:30, 5 October 2014

a {

text-decoration: none; color: inherit;

}

  1. background 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 {

font-size: 16pt; padding-top: 10px; padding-left: 10px; padding-right: 10px; width: 280px; height: 502px; 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);

}

.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; }


  1. system_design {

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;

}

  1. system_design: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); color: #d40400 !important; text-decoration: none;

}


  1. parts {

font-size: 16pt; padding-top: 10px; padding-left: 10px; padding-right: 10px; width: 190px; height:502px; 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;

}

  1. parts: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); color: #d40400 !important; text-decoration: none;

}

.mparts {

text-align: center;

}

  1. result {

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;

}

  1. result: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); color: #d40400 !important; text-decoration: none;

}

Retrieved from "http://2014.igem.org/Team:Uppsala/stylesheet2.css"