Team:Heidelberg/Templates/style-css

From 2013.igem.org

(Difference between revisions)
 
(26 intermediate revisions not shown)
Line 23: Line 23:
.software{
.software{
     top:140px;
     top:140px;
-
     left:75%;
+
     left:77%;
     width:30px;
     width:30px;
}
}
.parts{
.parts{
-
  top:52px;
+
    top:250px;
-
  left:54%;
+
    left:90%;
-
  width:30px;
+
    width:30px;
}
}
.notebook{
.notebook{
-
     top:250px;
+
     top:1%;
-
     left:88%;
+
     left:36%;
     width:30px;
     width:30px;
}
}
.safety{
.safety{
-
     top:400px;
+
     top:355px;
-
     left:103%;
+
     left:101%;
     width:30px;
     width:30px;
}
}
.human{
.human{
-
    top:0px;
+
  top:52px;
-
    left:34%;
+
  left:60%;
-
    width:30px;
+
  width:30px;
}
}
.model{
.model{
     top:480px;
     top:480px;
-
     left:107%;
+
     left:105%;
-
     width30px;
+
     width:30px;
}
}
Line 83: Line 83:
}
}
.model a.icon{
.model a.icon{
-
     background:transparent url("https://static.igem.org/mediawiki/2013/1/1d/Heidelberg_model_bg.png") no-repeat 0px 0px;
+
     background:transparent url("https://static.igem.org/mediawiki/2013/7/78/Heidelberg_model.png") no-repeat 0px 0px;
}
}
.navigation .item a.active{
.navigation .item a.active{
Line 90: Line 90:
.item img.circle{
.item img.circle{
     position:absolute;
     position:absolute;
 +
    border-radius:50%;
     top:0px;
     top:0px;
     left:0px;
     left:0px;
Line 96: Line 97:
     opacity:0.3;
     opacity:0.3;
     z-index: 7;
     z-index: 7;
 +
}
 +
.item ul img .new{
 +
  position:relative;
 +
  max-width:40px;
 +
  max-height:40px;
}
}
.item h2{
.item h2{
Line 142: Line 148:
     float:left;
     float:left;
     clear:both;
     clear:both;
-
     width:190px;
+
     width:auto;
 +
    white-space:nowrap;
Line 500: Line 507:
}
}
 +
.lang label.active.persian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/75/Heidelberg_start_flags_Iran.png");
 +
}
 +
 +
.lang label.persian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/75/Heidelberg_start_flags_Iran.png");
 +
}
 +
 +
.lang label.active.sorbian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/2/26/Heidelberg_start_flags_Sorbian.png");
 +
}
 +
 +
.lang label.sorbian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/2/26/Heidelberg_start_flags_Sorbian.png");
 +
}
 +
 +
.lang label.active.swedish{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1e/Heidelberg_swedish.png");
 +
}
 +
 +
.lang label.swedish{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1e/Heidelberg_swedish.png");
 +
}
 +
.lang label.marathi{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png");
 +
}
 +
 +
.lang label.active.marathi{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png");
 +
}
 +
 +
.lang label.hungarian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/f/f3/Heidelberg_Hungary.png");
 +
}
 +
 +
.lang label.active.hungarian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/f/f3/Heidelberg_Hungary.png");
 +
}
 +
 +
.lang label.hindi{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png");
 +
}
 +
 +
.lang label.active.hindi{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png");
 +
}
.highlight_button {
.highlight_button {
Line 508: Line 561:
     background-position:left;
     background-position:left;
     display:inline-block;
     display:inline-block;
-
    margin-left:15%;
 
}
}
.highlight_button:hover {
.highlight_button:hover {
 +
    background-position:right;
 +
}
 +
 +
@-webkit-keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
-webkit-transform: scale(.3);
 +
}
 +
 +
15% {
 +
opacity: 1;
 +
-webkit-transform: scale(1.05);
 +
}
 +
 +
23% {
 +
-webkit-transform: scale(.9);
 +
}
 +
 +
30% {
 +
-webkit-transform: scale(1);
 +
}
 +
}
 +
 +
@-moz-keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
-moz-transform: scale(.3);
 +
}
 +
 +
15% {
 +
opacity: 1;
 +
-moz-transform: scale(1.05);
 +
}
 +
 +
23% {
 +
-moz-transform: scale(.9);
 +
}
 +
 +
30% {
 +
-moz-transform: scale(1);
 +
}
 +
}
 +
 +
@-ms-keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
-ms-transform: scale(.3);
 +
}
 +
 +
15% {
 +
opacity: 1;
 +
-ms-transform: scale(1.05);
 +
}
 +
 +
23% {
 +
-ms-transform: scale(.9);
 +
}
 +
 +
30% {
 +
-ms-transform: scale(1);
 +
}
 +
}
 +
 +
@-o-keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
-o-transform: scale(.3);
 +
}
 +
 +
15% {
 +
opacity: 1;
 +
-o-transform: scale(1.05);
 +
}
 +
 +
23% {
 +
-o-transform: scale(.9);
 +
}
 +
 +
30% {
 +
-o-transform: scale(1);
 +
}
 +
}
 +
 +
@keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
transform: scale(.3);
 +
}
 +
 +
15% {
 +
opacity: 1;
 +
transform: scale(1.05);
 +
}
 +
 +
23% {
 +
transform: scale(.9);
 +
}
 +
 +
30% {
 +
transform: scale(1);
 +
}
 +
}
 +
 +
.highlight_button_pulse {
 +
    background-repeat:no-repeat;
 +
    width:80px;
 +
    height:80px;
 +
    background-size:160px 80px;
 +
    background-position:left;
 +
    display:inline-block;
 +
    -webkit-animation: bounceIn 6s linear infinite;
 +
    -moz-animation: bounceIn 6s linear infinite;
 +
    -ms-animation: bounceIn 6s linear infinite;
 +
    -o-animation: bounceIn 6s linear infinite;
 +
    animation: bounceIn 6s linear infinite;
 +
}
 +
 +
.highlight_button_pulse:hover {
     background-position:right;
     background-position:right;
}
}
</style>
</style>
</html>
</html>

Latest revision as of 11:49, 20 November 2013