"
Template:Team:DukeProtocol/CSS
From 2014.igem.org
(Difference between revisions)
| Line 22: | Line 22: | ||
margin-right:5%; | margin-right:5%; | ||
z-index:49; | z-index:49; | ||
| + | } | ||
| + | |||
| + | /* Makes the square protocol buttons */ | ||
| + | .sq-button { | ||
| + | display:block; | ||
| + | width:100px; | ||
| + | height:100px; | ||
| + | border:none; | ||
| + | line-height:50px; | ||
| + | color:#f5f5f5; | ||
| + | text-align:center; | ||
| + | text-decoration:none; | ||
| + | opacity: 1; | ||
| + | background: #0736A4; | ||
| + | font-size:16px; | ||
| + | font-weight:bold; | ||
| + | overflow:hidden; | ||
| + | -webkit-transition: all 0.5s ease; | ||
| + | -moz-transition: all 0.5s ease; | ||
| + | -o-transition: all 0.5s ease; | ||
| + | /*margins must be half of the change in size*/ | ||
| + | margin: 5px 5px; | ||
| + | line-height:200%; | ||
| + | } | ||
| + | |||
| + | |||
| + | .sq-button:hover { | ||
| + | background-color: #0000ff; | ||
| + | opacity: 1; | ||
| + | /*margins must be negative half of the change in size*/ | ||
| + | margin: 0px 0px; | ||
| + | /* Glow effect */ | ||
| + | -webkit-box-shadow: 0px 0px 20px rgba(7, 54, 164, 0); | ||
| + | -moz-box-shadow: 0px 0px 20px rgba(7, 54, 164, 0; | ||
| + | box-shadow: 0px 0px 20px rgba(7, 54, 164, 0); | ||
} | } | ||
Revision as of 11:12, 7 August 2014
