Difference between revisions of "Team:Hong Kong HKU/HP/Silver"

Line 4: Line 4:
 
<body>  
 
<body>  
  
−
<a href="#" class="Public Engagement">Public Engagement</a>
 
  
−
.Public Engagement {
+
.button {
−
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
+
    background-color: #4CAF50; /* Green */
−
background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
+
    border: none;
−
background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
+
    color: white;
−
background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
+
    padding: 15px 32px;
−
background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
+
    text-align: center;
−
background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
+
    text-decoration: none;
−
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
+
    display: inline-block;
−
background-color:#77b55a;
+
    font-size: 16px;
−
border:3px solid #4b8f29;
+
−
display:inline-block;
+
−
cursor:pointer;
+
−
color:#ffffff;
+
−
font-family:Verdana;
+
−
font-size:19px;
+
−
font-weight:bold;
+
−
padding:17px 56px;
+
−
text-decoration:none;
+
−
}
+
−
.Public Engagement:hover {
+
−
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
+
−
background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
+
−
background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
+
−
background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
+
−
background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
+
−
background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
+
−
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
+
−
background-color:#72b352;
+
−
}
+
−
.Public Engagement:active {
+
−
position:relative;
+
−
top:1px;
+
 
}
 
}
  

Revision as of 01:04, 31 October 2017

.button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; }