Team:UCLondon/Templates/Content-Slide
From 2012e.igem.org
(Difference between revisions)
Line 238: | Line 238: | ||
var slide = document.createElement("div"); | var slide = document.createElement("div"); | ||
slide.setAttribute("id", "impress"); | slide.setAttribute("id", "impress"); | ||
- | slide.setAttribute("style", "overflow:hidden; width:100%;"); | + | slide.setAttribute("style", "overflow:hidden; width:100%; height:100%; left:0; top:0;"); |
$(slide).append('</html>{{:Team:UCLondon/content/slide1}}<html>'); | $(slide).append('</html>{{:Team:UCLondon/content/slide1}}<html>'); | ||
Line 442: | Line 442: | ||
.green-but { | .green-but { | ||
cursor: pointer; | cursor: pointer; | ||
- | border: 1px solid # | + | border: 1px solid #008040; |
- | background: # | + | background: #00b700; |
- | background: -webkit-gradient(linear, left top, left bottom, from(# | + | background: -webkit-gradient(linear, left top, left bottom, from(#80ff00), to(#00b700)); |
- | background: -webkit-linear-gradient(top, # | + | background: -webkit-linear-gradient(top, #80ff00, #00b700); |
- | background: -moz-linear-gradient(top, # | + | background: -moz-linear-gradient(top, #80ff00, #00b700); |
- | background: -ms-linear-gradient(top, # | + | background: -ms-linear-gradient(top, #80ff00, #00b700); |
- | background: -o-linear-gradient(top, # | + | background: -o-linear-gradient(top, #80ff00, #00b700); |
- | background-image: -ms-linear-gradient(top, # | + | background-image: -ms-linear-gradient(top, #80ff00 0%, #00b700 100%); |
padding: 10.5px 21px; | padding: 10.5px 21px; | ||
-webkit-border-radius: 6px; | -webkit-border-radius: 6px; | ||
Line 458: | Line 458: | ||
box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; | box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; | ||
text-shadow: #7ea4bd 0 1px 0; | text-shadow: #7ea4bd 0 1px 0; | ||
- | color: # | + | color: #008040; |
font-size: 14px; | font-size: 14px; | ||
font-family: helvetica, serif; | font-family: helvetica, serif; | ||
Line 484: | Line 484: | ||
- | . | + | .green-but:active { |
text-shadow: #1e4158 0 1px 0; | text-shadow: #1e4158 0 1px 0; | ||
- | border: 1px solid # | + | border: 1px solid #008040; |
- | background: # | + | background: #80ff00; |
- | background: -webkit-gradient(linear, left top, left bottom, from(# | + | background: -webkit-gradient(linear, left top, left bottom, from(#00b700), to(#80ff00)); |
- | background: -webkit-linear-gradient(top, # | + | background: -webkit-linear-gradient(top, #00b700, #80ff00); |
- | background: -moz-linear-gradient(top, # | + | background: -moz-linear-gradient(top, #00b700, #80ff00); |
- | background: -ms-linear-gradient(top, # | + | background: -ms-linear-gradient(top, #00b700, #80ff00); |
- | background: -o-linear-gradient(top, # | + | background: -o-linear-gradient(top, #00b700, #80ff00); |
- | background-image: -ms-linear-gradient(top, # | + | background-image: -ms-linear-gradient(top, #00b700 0%, #80ff00 100%); |
color: #fff; | color: #fff; | ||
- | } | + | } |
- | |||
- | . | + | .blue-but:active { |
text-shadow: #1e4158 0 1px 0; | text-shadow: #1e4158 0 1px 0; | ||
border: 1px solid #0a3c59; | border: 1px solid #0a3c59; |
Revision as of 16:08, 19 October 2012