Team:Heidelberg/Templates/outreach-css

From 2013.igem.org

(Difference between revisions)
m
m
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
btn{
+
 
-
    margin-left:30%;
+
-
}
+
-
div:after {
+
-
    background-repeat: no-repeat;
+
-
    bottom: 0;
+
-
    content: "";
+
-
    left: 0;
+
-
    opacity: 0.8;
+
-
    position: relative;
+
-
    right: 0;
+
-
    top: 0;
+
-
    z-index: -1;
+
-
}
+
.container {
.container {
     margin-left: auto;
     margin-left: auto;
Line 22: Line 9:
}
}
-
#expert {
+
#expertbox {
     background-image: url('https://static.igem.org/mediawiki/2013/3/3c/Heidelberg_Experts.png');
     background-image: url('https://static.igem.org/mediawiki/2013/3/3c/Heidelberg_Experts.png');
-
 
}
}
-
#experts{
 
-
}
 
-
 
-
#experts:hover{
 
-
}
 
.box{
.box{
     background-repeat:no-repeat;
     background-repeat:no-repeat;
Line 39: Line 20:
     height: 300px;
     height: 300px;
     margin: 10px;
     margin: 10px;
-
    position:relative;
 
}
}
-
#public {
+
#talkbox {
-
     background-image: url('https://static.igem.org/mediawiki/2013/5/50/Heidelberg_General_Public.png');
+
     background-image: url('https://static.igem.org/mediawiki/2013/e/ed/Heidelberg_Talk_Evening.png');
}
}
-
#public:hover{
+
#publicbox {
 +
    background-image: url('https://static.igem.org/mediawiki/2013/5/50/Heidelberg_General_Public.png');
}
}
-
#young{
+
#youngbox {
     background-image: url('https://static.igem.org/mediawiki/2013/9/9f/Heidelberg_Young_Generation.png');
     background-image: url('https://static.igem.org/mediawiki/2013/9/9f/Heidelberg_Young_Generation.png');
}
}
-
#young:hover{
+
#artbox {
 +
    background-image:  url('https://static.igem.org/mediawiki/2013/2/23/Heidelberg_Arts_and_Science.png');
}
}
-
#art{
+
 
-
    background-image: url('https://static.igem.org/mediawiki/2013/2/23/Heidelberg_Arts_and_Science.png');
+
#glyphicon1{
 +
opacity:0;
 +
-webkit-transition: all 1s linear;
 +
-moz-transition: all 1s linear;
 +
-o-transition: all 1s linear;
 +
transition: all 1s linear;
}
}
-
#art:hover{
+
#glyphicon2{
 +
opacity:0;
 +
-webkit-transition: all 1s linear;
 +
-moz-transition: all 1s linear;
 +
-o-transition: all 1s linear;
 +
transition: all 1s linear;
}
}
-
#talkbox {
 
-
    background-image: url('https://static.igem.org/mediawiki/2013/e/ed/Heidelberg_Talk_Evening.png');
 
-
  }
 
-
#art{
+
#glyphicon3{
 +
opacity:0;
 +
-webkit-transition: all 1s linear;
 +
-moz-transition: all 1s linear;
 +
-o-transition: all 1s linear;
 +
transition: all 1s linear;
 +
}
 +
#glyphicon4{
 +
opacity:0;
 +
-webkit-transition: all 1s linear;
 +
-moz-transition: all 1s linear;
 +
-o-transition: all 1s linear;
 +
transition: all 1s linear;
}
}
-
#art:hover{
+
#expertnames{
 +
display: none;
}
}
-
 
+
.btn:hover #expertnames{
-
.panelhideRalfBeer{
+
display : block;
-
            margin-left: 20%;
+
-
            margin-top: 30%;
+
-
            width: 600px;
+
-
        display:none;
+
-
                }
+
-
 
+
-
.panelactiveRalfBeer{
+
-
background-color:red;
+
-
//*height:100px;*//
+
-
width:100px;
+
-
left:10%;
+
-
            }
+
-
 
+
-
.panel-danger{
+
-
        max-width:600px;
+
-
        max-height:300px;
+
-
 
+
}
}
-
#RalfBeer:active .panelhideRalfBeer{
 
-
display:inline-block;}
 
</style>
</style>
</html>
</html>

Revision as of 20:18, 3 October 2013

Retrieved from "http://2013.igem.org/Team:Heidelberg/Templates/outreach-css"