Created
May 26, 2015 00:31
-
-
Save egfx/80d03452f867923291cd to your computer and use it in GitHub Desktop.
share counter
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body | |
{ | |
margin:0; | |
padding:0; | |
background: #e9f5ff; /* Old browsers */ | |
background: -moz-linear-gradient(top, #e9f5ff 10%, #ffffff 90%); /* FF3.6+ */ | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#e9f5ff), color-stop(90%,#ffffff)); /* Chrome,Safari4+ */ | |
background: -webkit-linear-gradient(top, #e9f5ff 10%,#ffffff 90%); /* Chrome10+,Safari5.1+ */ | |
background: -o-linear-gradient(top, #e9f5ff 10%,#ffffff 90%); /* Opera 11.10+ */ | |
background: -ms-linear-gradient(top, #e9f5ff 10%,#ffffff 90%); /* IE10+ */ | |
background: linear-gradient(top, #e9f5ff 10%,#ffffff 90%); /* W3C */ | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f5ff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ | |
background-repeat: repeat-x; | |
} | |
body, textarea | |
{ | |
color:#333333; | |
font-family:sans-serif; | |
font: arial,helvetica,clean,sans-serif; | |
text-align:right; | |
} | |
textarea | |
{ | |
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ | |
-moz-box-sizing: border-box; /* Firefox, other Gecko */ | |
box-sizing: border-box; /* Opera/IE 8+ */ | |
display:block; | |
border-radius:6px; | |
font-size:108%; | |
height: 65px; | |
padding:6px; | |
resize:vertical; | |
width:100%; | |
border: 1px solid #cccccc; | |
text-align: left !important; | |
} | |
textarea:focus | |
{ | |
border-color: #55BEF1; | |
box-shadow: 0 0 8px rgba(82, 168, 236, 0.75); | |
outline: medium none; | |
} | |
.top | |
{ | |
width: 100%; | |
height: 40px; | |
background-image: url(''); | |
background-repeat: repeat-x; | |
} | |
.share_banner | |
{ | |
background-image: url(''); | |
top:0; | |
left:0; | |
position:absolute; | |
height:40px; | |
width:580px; | |
} | |
.hint | |
{ | |
color: #969696; | |
float: left; | |
font-size: 15px; | |
padding-left: 20px; | |
padding-top: 20px; | |
text-align: left; | |
font-weight: bolder; | |
} | |
h2 | |
{ | |
font-size:140%; | |
font-weight: bold; | |
color:#666666; | |
line-height:140%; | |
text-shadow: 0px 1px 0px #FFFFFF; | |
text-align: left !important; | |
} | |
#container | |
{ | |
padding:0px 15px; | |
max-width:640px; | |
min-width:240px; | |
width:auto; | |
margin: 0 auto; | |
text-align: right; | |
} | |
#border #container | |
{ | |
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); | |
border-radius: 8px 8px 8px 8px; | |
margin: 15px 10px 10px; | |
padding:6px; | |
} | |
.button { | |
background: url('') repeat-x scroll 0 0 #DDDDDD; | |
border-color: #BBBBBB #BBBBBB #999999; | |
border-radius: 4px 4px 4px 4px; | |
border-style: solid; | |
border-width: 1px; | |
box-shadow: 0 1px 0 #F8F8F8; | |
color: #333333; | |
cursor: pointer; | |
display: inline-block; | |
font: 12px/15px Helvetica Neue,Arial,"Lucida Grande",Sans-serif; | |
margin: 15px; | |
overflow: visible; | |
padding: 5px 9px; | |
text-shadow: 0 1px #F0F0F0; | |
vertical-align: top; | |
text-align:center; | |
width:64px; | |
font-weight: bold; | |
-webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: none; | |
-o-user-select: none; | |
user-select: none; | |
} | |
/* Character Counter (http://cssglobe.com/post/7161/jquery-plugin-simplest-twitterlike-dynamic-character-count-for-textareas) */ | |
form .counter{ | |
position:absolute; | |
right:110px; | |
top:215px; | |
font-size:20px; | |
font-weight:bold; | |
color:#ccc; | |
} | |
form .warning{color:#600;} | |
form .exceeded{color:#e00;} | |
/*end Character Counter*/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment