Team:UCLondon/Templates/Content-Slide
From 2012e.igem.org
(Difference between revisions)
Line 287: | Line 287: | ||
} | } | ||
.blue-but:active { | .blue-but:active { | ||
+ | text-shadow: #1e4158 0 1px 0; | ||
+ | border: 1px solid #0a3c59; | ||
+ | background: #65a9d7; | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d)); | ||
+ | background: -webkit-linear-gradient(top, #3e779d, #65a9d7); | ||
+ | background: -moz-linear-gradient(top, #3e779d, #65a9d7); | ||
+ | background: -ms-linear-gradient(top, #3e779d, #65a9d7); | ||
+ | background: -o-linear-gradient(top, #3e779d, #65a9d7); | ||
+ | background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%); | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .red-but { | ||
+ | cursor: pointer; | ||
+ | border: 1px solid #0a3c59; | ||
+ | background: #3e779d; | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); | ||
+ | background: -webkit-linear-gradient(top, #65a9d7, #3e779d); | ||
+ | background: -moz-linear-gradient(top, #65a9d7, #3e779d); | ||
+ | background: -ms-linear-gradient(top, #65a9d7, #3e779d); | ||
+ | background: -o-linear-gradient(top, #65a9d7, #3e779d); | ||
+ | background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); | ||
+ | padding: 10.5px 21px; | ||
+ | -webkit-border-radius: 6px; | ||
+ | -moz-border-radius: 6px; | ||
+ | border-radius: 6px; | ||
+ | -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; | ||
+ | -moz-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; | ||
+ | color: #06426c; | ||
+ | font-size: 14px; | ||
+ | font-family: helvetica, serif; | ||
+ | text-decoration: none; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .red-but:hover { | ||
+ | border: 1px solid #0a3c59; | ||
+ | text-shadow: #1e4158 0 1px 0; | ||
+ | background: #3e779d; | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); | ||
+ | background: -webkit-linear-gradient(top, #65a9d7, #3e779d); | ||
+ | background: -moz-linear-gradient(top, #65a9d7, #3e779d); | ||
+ | background: -ms-linear-gradient(top, #65a9d7, #3e779d); | ||
+ | background: -o-linear-gradient(top, #65a9d7, #3e779d); | ||
+ | background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); | ||
+ | color: #fff; | ||
+ | } | ||
+ | .red-but:active { | ||
+ | text-shadow: #1e4158 0 1px 0; | ||
+ | border: 1px solid #0a3c59; | ||
+ | background: #65a9d7; | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d)); | ||
+ | background: -webkit-linear-gradient(top, #3e779d, #65a9d7); | ||
+ | background: -moz-linear-gradient(top, #3e779d, #65a9d7); | ||
+ | background: -ms-linear-gradient(top, #3e779d, #65a9d7); | ||
+ | background: -o-linear-gradient(top, #3e779d, #65a9d7); | ||
+ | background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%); | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .green-but { | ||
+ | cursor: pointer; | ||
+ | border: 1px solid #0a3c59; | ||
+ | background: #3e779d; | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); | ||
+ | background: -webkit-linear-gradient(top, #65a9d7, #3e779d); | ||
+ | background: -moz-linear-gradient(top, #65a9d7, #3e779d); | ||
+ | background: -ms-linear-gradient(top, #65a9d7, #3e779d); | ||
+ | background: -o-linear-gradient(top, #65a9d7, #3e779d); | ||
+ | background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); | ||
+ | padding: 10.5px 21px; | ||
+ | -webkit-border-radius: 6px; | ||
+ | -moz-border-radius: 6px; | ||
+ | border-radius: 6px; | ||
+ | -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; | ||
+ | -moz-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; | ||
+ | color: #06426c; | ||
+ | font-size: 14px; | ||
+ | font-family: helvetica, serif; | ||
+ | text-decoration: none; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .green-but:hover { | ||
+ | border: 1px solid #0a3c59; | ||
+ | text-shadow: #1e4158 0 1px 0; | ||
+ | background: #3e779d; | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); | ||
+ | background: -webkit-linear-gradient(top, #65a9d7, #3e779d); | ||
+ | background: -moz-linear-gradient(top, #65a9d7, #3e779d); | ||
+ | background: -ms-linear-gradient(top, #65a9d7, #3e779d); | ||
+ | background: -o-linear-gradient(top, #65a9d7, #3e779d); | ||
+ | background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); | ||
+ | color: #fff; | ||
+ | } | ||
+ | .green-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 17:37, 18 October 2012