Skip to content

Instantly share code, notes, and snippets.

@r38y
Created October 28, 2011 19:25
Show Gist options
  • Save r38y/1323228 to your computer and use it in GitHub Desktop.
Save r38y/1323228 to your computer and use it in GitHub Desktop.
Nested reset
@import "compass/reset/utilities";
@import "compass/css3";
@import "compass/utilities/general/clearfix";
#bsso-user-bar {
@include nested-reset;
@include reset-html5;
@include clearfix;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1500;
color: #ddd;
font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 6px;
background: #111;
background: rgba(17, 17, 17, 0.75);
@include linear-gradient(color-stops(rgba(68, 68, 68, 0.75), rgba(17, 17, 17, 0.75)));
@include box-shadow(rgba(0, 0, 0, 0.25), 0, 3px, 3px);
a {
color: #ddd;
text-decoration: underline;
line-height: 1em;
}
a:hover {
text-decoration: none;
color: white;
}
#network-nav {
float: left;
ul {
list-style: none;
li {
float: left;
margin-right: 6px;
}
}
a {
text-decoration: none;
display: inline-block;
background: #777;
padding: 4px 6px;
font-size: 12px;
color: white;
@include border-radius(7px);
@include linear-gradient(color-stops(#888, #555));
@include text-shadow(#444, -1px, -1px, 0);
border: 1px solid #555;
}
a:hover {
@include transition("all", "0.25s");
@include box-shadow(#50e187, 0, 0, 5px);
}
.ub-j-14-com .ub-j-14-com a,
.ub-twistmagazine-com .ub-twistmagazine-com a,
.ub-mmm-mag-com .ub-mmm-mag-com a,
.ub-4tnz-com .ub-4tnz-com a,
.ub-quizfest-com .ub-quizfest-com a,
.ub-astrogirlfreebies-com .ub-astrogirlfreebies-com a,
.ub-mymodel-com .ub-mymodel-com a,
.ub-missliterati-com .ub-missliterati-com a
{
border-color: #CCC;
background: #EEE;
@include linear-gradient(color-stops(#FFF, #BBB));
color: black;
@include text-shadow(#FFF, 1px, 1px, 0);
}
}
#social-media-buttons{
float: left;
margin-left: 90px;
#magazine-like-button, #magazine-follow-button{
float: left;
padding-top: 2px;
}
#magazine-follow-button{
margin-left: 10px;
}
}
#user-info {
float: right;
position: relative;
padding-left: 22px;
vertical-align: middle;
a {
text-decoration: none;
padding: 5px 0;
display: inline-block;
}
img {
vertical-align: middle;
margin-top: -2px;
}
a.bauer-fb-login {
text-indent: -9999px;
width: 60px;
height: 12px;
background: url('http://profile.j-14.com/images/fb-login-small.png') no-repeat 50% 50%;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment