Team:Heidelberg/Templates/achievements-css

From 2013.igem.org

(Difference between revisions)
m (Created page with "<html> <style type="text/css"> h3 { top:70px; position:center; } h8 { position:center; } .item h2{ position:relative; color:#222; font-size:14px; f...")
m
 
(18 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
 
-
h3 {
 
-
    top:70px;
 
-
    position:center;
 
-
}
 
-
 
-
h8 {
 
-
    position:center;
 
-
}
 
-
 
-
.item h2{
 
-
    position:relative;
 
-
    color:#222;
 
-
    font-size:14px;
 
-
    font-family: Arial, sans-serif;
 
-
    top:52px;
 
-
    white-space: nowrap;
 
-
    text-transform:uppercase;
 
-
    margin:0;
 
-
}
 
.popover {
.popover {
-
background-clip: padding-box;
+
    background-clip: padding-box;
     background-color: #FFFFFF;
     background-color: #FFFFFF;
     border: 1px solid rgba(0, 0, 0, 0.2);
     border: 1px solid rgba(0, 0, 0, 0.2);
Line 39: Line 19:
.popover-content {
.popover-content {
-
width:500px;
+
    width:500px;
     text-align:justify;
     text-align:justify;
  }
  }
Line 51: Line 31:
.check {
.check {
     background-image: url('https://static.igem.org/mediawiki/2013/3/31/Check-bold.png');
     background-image: url('https://static.igem.org/mediawiki/2013/3/31/Check-bold.png');
-
background-repeat:no-repeat;
+
    background-repeat:no-repeat;
-
width:30px;
+
    width:30px;
-
height:30px;
+
    height:30px;
-
background-size:30px 30px;
+
    background-size:30px 30px;
-
background-position:left;
+
    background-position:left;
-
    margin-left:50px;
+
     display:inline-block;
     display:inline-block;
 +
    margin-top: 5px;
 +
    margin-bottom:5px;
 +
}
 +
div.requirement {
 +
    display:table-row;
 +
}
 +
div.requirement span {
 +
    vertical-align:middle;
 +
}
 +
span.requirement {
 +
    display:table-cell;
 +
    width:100%;
}
}
-
.btn {
+
.requirement .btn {
-
     float:right;
+
     display:inline-block;
 +
}
 +
.medal {
 +
    display:table-cell;
 +
    background-repeat: no-repeat;
 +
    background-size: contain;
 +
    background-position: center;
}
}
-
 
+
.medal > div {
-
 
+
-
.bronzebox {
+
-
    background-color:#C26e57;
+
     padding:6px;
     padding:6px;
     margin:0px;
     margin:0px;
-
     padding:6px;
+
     display:table;
-
    margin:0px;
+
     width:100%;
-
     width:280px;
+
}
-
    height:300px;
+
.medal > h8 {
-
    -webkit-border-radius: 30px 30px 30px 30px;
+
     text-align:center;
-
     -moz-border-radius: 30px 30px 30px 30px;
+
}
-
    border-radius: 30px 30px 30px 30px; }
+
-
.silverbox {
+
#bronzemedal {
-
     background-color:#e1e1e8;
+
     background-image: url('https://static.igem.org/mediawiki/2013/7/7f/Bronze_medal.png');
-
    padding:6px;
+
}
-
    margin:0px;
+
-
    width:280px;
+
-
    height:300px;
+
-
    -webkit-border-radius: 30px 30px 30px 30px;
+
-
    -moz-border-radius: 30px 30px 30px 30px;
+
-
    border-radius: 30px 30px 30px 30px; }
+
-
.goldbox {
+
-
    background-color:#ffcc00;
+
-
    padding:6px;
+
-
    margin:0px;
+
-
    width:280px;
+
-
    height:300px;
+
-
    -webkit-border-radius: 30px 30px 30px 30px;
+
-
    -moz-border-radius: 30px 30px 30px 30px;
+
-
    border-radius: 30px 30px 30px 30px; }
+
 +
#silvermedal {
 +
background-image: url('https://static.igem.org/mediawiki/2013/9/94/Silver_medal.png');
 +
}
 +
#goldmedal {
 +
background-image: url('https://static.igem.org/mediawiki/2013/7/76/Gold_medal.png');
 +
}
 +
 +
div.arrow:after {
 +
    top:auto;
 +
    z-index:0;
 +
    opacity: 1;
 +
    bottom:auto;
 +
    left:auto;
 +
    right:auto;
 +
}
</style>
</style>
</html>
</html>

Latest revision as of 03:01, 29 October 2013