Team:BIT/style2.css

From 2014.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 18: Line 18:
.ch-img-11 {  
.ch-img-11 {  
-
background-image:url(https://static.igem.org/mediawiki/2014/e/e2/BIT_smallphoto1.png); background-repeat:no-repeat;  
+
background-image:url(https://static.igem.org/mediawiki/2014/f/f5/BIT_leader1_1.png); background-repeat:no-repeat;  
}
}
Line 26: Line 26:
.ch-img-13 {  
.ch-img-13 {  
-
background-image:url(https://static.igem.org/mediawiki/2014/e/e2/BIT_smallphoto1.png); background-repeat:no-repeat;
+
background-image:url(https://static.igem.org/mediawiki/2014/7/7d/BIT_1_6.png); background-repeat:no-repeat;
}
}
.ch-img-14 {  
.ch-img-14 {  
-
background-image:url(https://static.igem.org/mediawiki/2014/e/e2/BIT_smallphoto1.png); background-repeat:no-repeat;
+
background-image:url(https://static.igem.org/mediawiki/2014/6/63/BIT_1_9.png); background-repeat:no-repeat;
 +
}
 +
.ch-img-111 {
 +
background-image:url(https://static.igem.org/mediawiki/2014/5/5b/BIT_1_2.png); background-repeat:no-repeat;
 +
}
 +
 
 +
.ch-img-112 {
 +
background-image:url(https://static.igem.org/mediawiki/2014/4/41/BIT_1_3.png); background-repeat:no-repeat;
 +
}
 +
 
 +
.ch-img-113 {
 +
background-image:url(https://static.igem.org/mediawiki/2014/5/56/BIT_1_4.png); background-repeat:no-repeat;
 +
}
 +
 
 +
.ch-img-114 {
 +
background-image:url(https://static.igem.org/mediawiki/2014/3/38/BIT_1_5.png); background-repeat:no-repeat;
}
}

Latest revision as of 20:50, 17 October 2014

.ch-item1 { width: 180px; height: 180px; border-radius: 50%; position: relative; cursor: default; box-shadow: inset 0 0 0 0 rgba(200,95,66, 0.4), inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);

-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.ch-img-11 { background-image:url(BIT_leader1_1.png); background-repeat:no-repeat; }

.ch-img-12 { background-image:url(BIT_smallphoto1.png); background-repeat:no-repeat; }

.ch-img-13 { background-image:url(BIT_1_6.png); background-repeat:no-repeat; }

.ch-img-14 { background-image:url(BIT_1_9.png); background-repeat:no-repeat; } .ch-img-111 { background-image:url(BIT_1_2.png); background-repeat:no-repeat; }

.ch-img-112 { background-image:url(BIT_1_3.png); background-repeat:no-repeat; }

.ch-img-113 { background-image:url(BIT_1_4.png); background-repeat:no-repeat; }

.ch-img-114 { background-image:url(BIT_1_5.png); background-repeat:no-repeat; }

.ch-info1 { position: absolute; width: 100%; height: 100%; border-radius: 50%; opacity: 0;

-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;

-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0);

-webkit-backface-visibility: hidden; /*for a smooth font */

}

.ch-info1 h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 18px; margin: 10px 0 0 40px; padding: 22px 0 0 0;

font-family: 'Open Sans', Arial, sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); }

.ch-info1 p { color: #fff;

position: relative; letter-spacing: 2px; font-size: 12px; margin: 0 30px; padding: 10px 0 0 0; line-height:20px; font-family: 'Open Sans', Arial, sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); }

/*.ch-info1 p a { cursor:pointer; display: block; color: #fff; color: rgba(255,255,255,0.7); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Open Sans', Arial, sans-serif; }

.ch-info1 p a:hover { color: #fff222; color: rgba(255,242,34, 0.8); }*/ .ch-item1:hover { box-shadow: inset 0 0 0 110px rgba(200,95,66, 0.4), inset 0 0 0 16px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1); }

.ch-item1:hover .ch-info1 { opacity: 1;

-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }