2013-05-30 16:40:05 +02:00
|
|
|
/*!
|
|
|
|
|
Software from "Zocial Butons" (http://zocial.smcllns.com) is
|
|
|
|
|
Copyright (c) Sam Collins and is provided under the following license
|
|
|
|
|
(the Zocial Buttons software has been modifed):
|
|
|
|
|
--
|
|
|
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
|
of this software and associated documentation files (the "Software"), to deal
|
|
|
|
|
in the Software without restriction, including without limitation the rights
|
|
|
|
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
|
|
copies of the Software, and to permit persons to whom the Software is
|
|
|
|
|
furnished to do so, subject to the following conditions:
|
|
|
|
|
|
|
|
|
|
The above copyright notice and this permission notice shall be included in
|
|
|
|
|
all copies or substantial portions of the Software.
|
|
|
|
|
|
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
|
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
|
|
THE SOFTWARE.
|
|
|
|
|
--
|
|
|
|
|
*/
|
|
|
|
|
|
2013-02-22 17:59:33 +01:00
|
|
|
@charset "UTF-8";
|
|
|
|
|
|
|
|
|
|
/* BEGIN ZSOCIAL CSS
|
|
|
|
|
* Local modifications: removed extra styles we weren't using
|
|
|
|
|
*/
|
2013-04-08 17:00:15 +02:00
|
|
|
/*
|
2013-02-22 17:59:33 +01:00
|
|
|
Zocial Butons
|
|
|
|
|
http://zocial.smcllns.com
|
|
|
|
|
by Sam Collins (@smcllns)
|
|
|
|
|
License: http://opensource.org/licenses/mit-license.php
|
|
|
|
|
|
|
|
|
|
You are free to use and modify, as long as you keep this license comment intact or link back to zocial.smcllns.com on your site.
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Button structure */
|
|
|
|
|
|
|
|
|
|
.zocial,
|
|
|
|
|
a.zocial {
|
|
|
|
|
border: 1px solid #777;
|
|
|
|
|
border-color: rgba(0,0,0,0.2);
|
|
|
|
|
border-bottom-color: #333;
|
|
|
|
|
border-bottom-color: rgba(0,0,0,0.4);
|
|
|
|
|
color: #fff;
|
|
|
|
|
-moz-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
|
|
|
|
|
-webkit-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
|
|
|
|
|
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font: bold 100%/2.1 "Lucida Grande", Tahoma, sans-serif;
|
|
|
|
|
padding: 0 .95em 0 0;
|
|
|
|
|
text-align: center;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
|
|
|
|
-moz-user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
user-select: none;
|
|
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
-moz-border-radius: .3em;
|
|
|
|
|
-webkit-border-radius: .3em;
|
|
|
|
|
border-radius: .3em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.zocial:before {
|
|
|
|
|
content: "";
|
|
|
|
|
border-right: 0.075em solid rgba(0,0,0,0.1);
|
|
|
|
|
float: left;
|
|
|
|
|
font: 120%/1.65 zocial;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
margin: 0 0.5em 0 0;
|
|
|
|
|
padding: 0 0.5em;
|
|
|
|
|
text-align: center;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
text-transform: none;
|
|
|
|
|
|
|
|
|
|
-moz-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
|
|
|
|
|
-webkit-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
|
|
|
|
|
box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
|
|
|
|
|
|
|
|
|
|
-moz-font-smoothing: antialiased;
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
font-smoothing: antialiased;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.zocial:active {
|
|
|
|
|
outline: none; /* outline is visible on :focus */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Gradients */
|
|
|
|
|
|
|
|
|
|
.zocial {
|
|
|
|
|
background-image: -moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
|
|
|
|
|
background-image: -ms-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
|
|
|
|
|
background-image: -o-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
|
|
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), color-stop(49%, rgba(255,255,255,.05)), color-stop(51%, rgba(0,0,0,.05)), to(rgba(0,0,0,.1)));
|
|
|
|
|
background-image: -webkit-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
|
|
|
|
|
background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.zocial:hover, .zocial:focus {
|
|
|
|
|
background-image: -moz-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
|
|
|
|
|
background-image: -ms-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
|
|
|
|
|
background-image: -o-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
|
|
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.15)), color-stop(49%, rgba(255,255,255,.15)), color-stop(51%, rgba(0,0,0,.1)), to(rgba(0,0,0,.15)));
|
|
|
|
|
background-image: -webkit-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
|
|
|
|
|
background-image: linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.zocial:active {
|
|
|
|
|
background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
|
|
|
|
|
background-image: -ms-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
|
|
|
|
|
background-image: -o-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
|
|
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), color-stop(30%, rgba(255,255,255,0)), color-stop(50%, transparent), to(rgba(0,0,0,.1)));
|
|
|
|
|
background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
|
|
|
|
|
background-image: linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Adjustments for light background buttons */
|
|
|
|
|
|
|
|
|
|
.zocial.acrobat,
|
|
|
|
|
.zocial.bitcoin,
|
|
|
|
|
.zocial.cloudapp,
|
|
|
|
|
.zocial.dropbox,
|
|
|
|
|
.zocial.email,
|
|
|
|
|
.zocial.eventful,
|
|
|
|
|
.zocial.github,
|
|
|
|
|
.zocial.gmail,
|
|
|
|
|
.zocial.instapaper,
|
|
|
|
|
.zocial.itunes,
|
|
|
|
|
.zocial.ninetyninedesigns,
|
|
|
|
|
.zocial.openid,
|
|
|
|
|
.zocial.plancast,
|
|
|
|
|
.zocial.pocket,
|
|
|
|
|
.zocial.posterous,
|
|
|
|
|
.zocial.reddit,
|
|
|
|
|
.zocial.secondary,
|
|
|
|
|
.zocial.stackoverflow,
|
|
|
|
|
.zocial.viadeo,
|
|
|
|
|
.zocial.weibo,
|
|
|
|
|
.zocial.wikipedia {
|
|
|
|
|
border: 1px solid #aaa;
|
|
|
|
|
border-color: rgba(0,0,0,0.3);
|
|
|
|
|
border-bottom-color: #777;
|
|
|
|
|
border-bottom-color: rgba(0,0,0,0.5);
|
|
|
|
|
-moz-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
|
|
|
|
|
-webkit-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
|
|
|
|
|
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
|
|
|
|
|
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Button icon and color */
|
|
|
|
|
/* Icon characters are stored in unicode private area */
|
|
|
|
|
.zocial.google:before {content: "G";}
|
|
|
|
|
|
|
|
|
|
/* Button background and text color */
|
|
|
|
|
|
|
|
|
|
.zocial.google {background-color: #4e6cf7;}
|
|
|
|
|
|
|
|
|
|
/* Any browser-specific adjustments */
|
|
|
|
|
|
|
|
|
|
button:-moz-focus-inner {
|
|
|
|
|
border: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Reference icons from font-files
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'zocial';
|
|
|
|
|
src: url('zocial-regular-webfont.eot');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'zocial';
|
|
|
|
|
src: url('zocial-regular-webfont.svg#zocialregular') format('svg'),
|
|
|
|
|
url('zocial-regular-webfont.ttf') format('truetype');
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* END ZOCIAL CODE */
|
