Difference between revisions of "Template:Team:BostonU/CSS"

Line 34: Line 34:
  
 
.button {
 
.button {
  border: 2px solid #000000;
+
background-color:#7892c2;
  background: #3f4447;
+
-moz-border-radius:42px;
  background: -webkit-gradient(linear, left top, left bottom, from(#3c4347), to(#3f4447));
+
-webkit-border-radius:42px;
  background: -webkit-linear-gradient(top, #3c4347, #3f4447);
+
border-radius:42px;
  background: -moz-linear-gradient(top, #3c4347, #3f4447);
+
display:inline-block;
  background: -ms-linear-gradient(top, #3c4347, #3f4447);
+
cursor:pointer;
  background: -o-linear-gradient(top, #3c4347, #3f4447);
+
color:#ffffff;
  background-image: -ms-linear-gradient(top, #3c4347 0%, #3f4447 100%);
+
font-family:”Trebuchet MS”, Helvetica, sans-serif;
  padding: 10px 50px;
+
font-size:28px;
  -webkit-border-radius: 8px;
+
padding:20px 50px;
  -moz-border-radius: 8px;
+
text-decoration:none;
  border-radius: 8px;
+
}
  -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
+
  -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
+
  box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
+
  text-shadow: #3d9e49 0 1px 0;
+
  color: #4dad3c;
+
  font-size: 14px;
+
  font-family: helvetica, serif;
+
  text-decoration: none;
+
  vertical-align: middle;
+
  }
+
 
.button:hover {
 
.button:hover {
  border: 2px solid #00300a;
+
background-color:#476e9e;
  text-shadow: #000000 0 1px 0;
+
}
  background: #343638;
+
  background: -webkit-gradient(linear, left top, left bottom, from(#383d40), to(#343638));
+
  background: -webkit-linear-gradient(top, #383d40, #343638);
+
  background: -moz-linear-gradient(top, #383d40, #343638);
+
  background: -ms-linear-gradient(top, #383d40, #343638);
+
  background: -o-linear-gradient(top, #383d40, #343638);
+
  background-image: -ms-linear-gradient(top, #383d40 0%, #343638 100%);
+
  color: #fff;
+
  }
+
 
.button:active {
 
.button:active {
  text-shadow: #000000 0 1px 0;
+
position:relative;
  border: 2px solid #033d0f;
+
top:1px;
  background: #323436;
+
}
  background: -webkit-gradient(linear, left top, left bottom, from(#34393d), to(#343638));
+
  background: -webkit-linear-gradient(top, #34393d, #323436);
+
  background: -moz-linear-gradient(top, #34393d, #323436);
+
  background: -ms-linear-gradient(top, #34393d, #323436);
+
  background: -o-linear-gradient(top, #34393d, #323436);
+
  background-image: -ms-linear-gradient(top, #34393d 0%, #323436 100%);
+
  color: #fff;
+
  }
+
  
 
#footer {
 
#footer {

Revision as of 00:07, 18 September 2015