Create a gist now

Instantly share code, notes, and snippets.

@chazzzzy /um-press-this.css Secret
Last active Nov 24, 2015

What would you like to do?
css for Press This and Ultimate Member
/*------------------- PRESS THIS -------*/
.um a.button-secondary,
a.pressthis-bookmarklet span
{
color: #656565;
font-weight: bold;
}
.um .button-secondary
{
text-decoration: none;
font-size: 16px;
line-height: 16px;
font-weight: bold;
height: 28px;
padding: 7px 15px 28px;
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
-webkit-border-radius: 3px;
border-radius: 5px;
white-space: nowrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 151px;
margin-left: auto;
margin-right: auto;
}
.um .button-secondary
{
color: #656565;
border-color: #ccc;
background: #f7f7f7;
-webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,.08);
box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,.08);
vertical-align: middle;
}
.um .button-secondary:focus,
.um .button-secondary:hover
{
background: #fafafa;
border-color: #999;
color: #23282d;
}
.pressthis h4 { margin: 2em 0 1em; }
.pressthis textarea
{
width: 100%;
font-size: 1em;
}
#pressthis-code-wrap { overflow: auto; }
.pressthis-bookmarklet-wrapper
{
margin: 20px 0 28px;
vertical-align: top;
position: relative;
z-index: 1;
}
.pressthis-bookmarklet, .pressthis-bookmarklet:active, .pressthis-bookmarklet:focus, .pressthis-bookmarklet:hover
{
display: block;
position: relative;
cursor: move;
color: #32373c;
background: #e6e6e6;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #b4b4b4;
font-style: normal;
line-height: 16px;
font-size: 14px;
text-decoration: none;
width: 100px;
margin-left: auto;
margin-right: auto;
}
.pressthis-bookmarklet:active { outline: 0; }
.pressthis-bookmarklet:after
{
content: '';
width: 70%;
height: 55%;
z-index: -1;
position: absolute;
right: 10px;
bottom: 9px;
background: 0 0;
-webkit-transform: skew(20deg) rotate(6deg);
-ms-transform: skew(20deg) rotate(6deg);
transform: skew(20deg) rotate(6deg);
-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, .6);
box-shadow: 0 10px 8px rgba(0, 0, 0, .6);
}
.pressthis-bookmarklet:hover:after
{
-webkit-transform: skew(20deg) rotate(9deg);
-ms-transform: skew(20deg) rotate(9deg);
transform: skew(20deg) rotate(9deg);
-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, .7);
box-shadow: 0 10px 8px rgba(0, 0, 0, .7);
}
.pressthis-bookmarklet span
{
display: inline-block;
margin: 0;
padding: 4px 12px 8px 9px;
}
.pressthis-bookmarklet span:before
{
color: #777;
/* font: 400 20px/1 FontAwesome;
content: '\f044'; */
position: relative;
display: inline-block;
top: 3px;
margin-right: 4px;
}
.pressthis-js-toggle, .pressthis-js-toggle.button.button
{
margin-left: 10px;
padding: 0;
height: auto;
vertical-align: top;
}
.pressthis-js-toggle .dashicons
{
margin: 5px 8px 6px 7px;
color: #777;
}
/*------------------- END PRESS THIS -------*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment