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

Line 21: Line 21:
 
height: 100%;
 
height: 100%;
 
         background-color: #E2E2FF;
 
         background-color: #E2E2FF;
        padding:20px;
 
 
}
 
}
 
.wrapper {
 
.wrapper {
Line 36: Line 35:
 
text-family: Helvetica, calibri;
 
text-family: Helvetica, calibri;
 
text-align: left;
 
text-align: left;
 
 
}
 
}
  
 
.button {
 
.button {
background-color:#7892c2;
+
  border: 2px solid #000000;
-moz-border-radius:42px;
+
  background: #3f4447;
-webkit-border-radius:42px;
+
  background: -webkit-gradient(linear, left top, left bottom, from(#3c4347), to(#3f4447));
border-radius:42px;
+
  background: -webkit-linear-gradient(top, #3c4347, #3f4447);
display:inline-block;
+
  background: -moz-linear-gradient(top, #3c4347, #3f4447);
cursor:pointer;
+
  background: -ms-linear-gradient(top, #3c4347, #3f4447);
color:#ffffff;
+
  background: -o-linear-gradient(top, #3c4347, #3f4447);
font-family:”Trebuchet MS”, Helvetica, sans-serif;
+
  background-image: -ms-linear-gradient(top, #3c4347 0%, #3f4447 100%);
font-size:28px;
+
  padding: 10px 50px;
padding:20px 50px;
+
  -webkit-border-radius: 8px;
text-decoration:none;
+
  -moz-border-radius: 8px;
}
+
  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 {
background-color:#476e9e;
+
  border: 2px solid #00300a;
}
+
  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 {
position:relative;
+
  text-shadow: #000000 0 1px 0;
top:1px;
+
  border: 2px solid #033d0f;
}
+
  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;
 +
  }
  
  

Revision as of 02:26, 17 September 2015