Team:UCLondon/Templates/bottom-contentv2
From 2012e.igem.org
(Difference between revisions)
Line 105: | Line 105: | ||
.triangle-isosceles { | .triangle-isosceles { | ||
position:relative; | position:relative; | ||
- | + | padding:15px; | |
- | + | margin:1em 0 3em; | |
- | + | border:5px solid #5a8f00; | |
- | + | color:#333; | |
- | + | background:#fff; | |
- | + | /* css3 */ | |
- | + | -webkit-border-radius:10px; | |
- | + | -moz-border-radius:10px; | |
- | + | border-radius:10px; | |
- | + | ||
- | + | ||
} | } | ||
Line 121: | Line 119: | ||
.triangle-isosceles:before { | .triangle-isosceles:before { | ||
content:""; | content:""; | ||
- | + | position:absolute; | |
- | + | bottom:-20px; /* value = - border-top-width - border-bottom-width */ | |
- | + | left:40px; /* controls horizontal position */ | |
- | + | border-width:20px 20px 0; | |
- | + | border-style:solid; | |
- | + | border-color:#5a8f00 transparent; | |
- | + | /* reduce the damage in FF3.0 */ | |
- | + | display:block; | |
+ | width:0; | ||
} | } | ||
Line 134: | Line 133: | ||
.triangle-isosceles:after { | .triangle-isosceles:after { | ||
content:""; | content:""; | ||
- | + | position:absolute; | |
- | + | bottom:-13px; /* value = - border-top-width - border-bottom-width */ | |
- | + | left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */ | |
- | + | border-width:13px 13px 0; | |
- | + | border-style:solid; | |
- | + | border-color:#fff transparent; | |
- | + | /* reduce the damage in FF3.0 */ | |
- | + | display:block; | |
+ | width:0; | ||
} | } | ||
Revision as of 00:07, 19 September 2012