Skip to content

Instantly share code, notes, and snippets.

@ngocdangrby
Last active December 28, 2015 14:55
Show Gist options
  • Save ngocdangrby/6e2d54cc08264c28e2c6 to your computer and use it in GitHub Desktop.
Save ngocdangrby/6e2d54cc08264c28e2c6 to your computer and use it in GitHub Desktop.
lw {
color: #8b9dc3;
font: 30px Arial, sans-serif;
}
nhiet {
color: #8b9dc3;
font: 18px Arial, sans-serif;
}
h1
{
text-align: center;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}
a{text-decoration:none;
width:150px;
height:50px;
border-color:black;
border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
border-left:1px solid;
border-radius:1px 10px 10px;
-o-border-radius:10px 10px 10px;
-webkit-border-radius:10px 10px 10px;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
-moz-border-radius:10px 10px 10px;
background-color:DimGray ;
padding:20px;
text-align:center;}
a1 {
-moz-box-shadow:inset 0px 0px 15px 3px #3dc21b;
-webkit-box-shadow:inset 0px 0px 15px 3px #3dc21b;
box-shadow:inset 0px 0px 15px 3px #3dc21b;
background-color:#44c767;
-moz-border-radius:9px;
-webkit-border-radius:9px;
border-radius:9px;
border:3px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 13px;
margin: 1px 10px 13px 3px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
float: right;
}
nutbat:hover {
background-color:#5cbf2a;
}
nutbat:active {
position:relative;
top:1px;
}
nuttat {
-moz-box-shadow:inset 0px 0px 15px 3px #ffffff;
-webkit-box-shadow:inset 0px 0px 15px 3px #ffffff;
box-shadow:inset 0px 0px 15px 3px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
margin: 1px 10px 13px 3px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
background-color:#ffffff;
-moz-border-radius:9px;
-webkit-border-radius:9px;
border-radius:9px;
border:3px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#666666;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 13px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
float: right;
margin-right: 45px;
}
nuttat:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
background-color:#f6f6f6;
}
nuttat:active {
position:relative;
top:1px;
}
nhet {
display: block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 400px;
margin: 16px 16px 15px 30px;
padding: 100px 30px;
overflow: hidden;
border: none;
-webkit-border-radius: 3px;
border-radius: 3px;
font: normal normal bold 20px/1 "Times New Roman", Times, serif;
color: rgb(255, 255, 255);
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
background: #357484;
-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.298039) ;
box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.298039) ;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
}
dangtat {
display: inline-block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 400px;
margin: 6px 6px 30px 30px;
padding: 30px 30px 20px;
overflow: hidden;
border: none;
-webkit-border-radius: 15px;
border-radius: 15px;
border: 3px solid white;
font: normal normal bold 25px/1 "Times New Roman", Times, serif;
color: rgb(255, 255, 255);
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
background: rgb(125,125,125);
}
dangbat {
display: inline-block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 400px;
margin: 6px 6px 30px 30px;
padding: 30px 30px 20px;
overflow: hidden;
border: 3px solid white;
-webkit-border-radius: 15px;
border-radius: 15px;
font: normal normal bold 25px/1 "Times New Roman", Times, serif;
color: rgb(255, 255, 255);
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
background: #3b5998;
}
body {background:rgba(40,40,40,1);}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment