Skip to content

Instantly share code, notes, and snippets.

@MingweiSamuel
Created November 18, 2016 21:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save MingweiSamuel/423a2e10d9871584802fc73dc06b2206 to your computer and use it in GitHub Desktop.
Save MingweiSamuel/423a2e10d9871584802fc73dc06b2206 to your computer and use it in GitHub Desktop.
.flair {
padding: 0px;
margin: 0;
line-height: 26px;
vertical-align: middle;
text-align: right;
color: #FFF;
background: url(%%brandflairs%%) top left no-repeat #000;
min-width: 40px;
padding-right: 10px;
width: 40px;
height: 25px;
position: relative;
z-index: 10;
opacity: 0.7;
overflow: hidden;
margin-right: 3px;
text-indent: 60px;
border: 1px solid #000;
border-radius: 2px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.flair:hover {
opacity: 1.0;
width: auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.flair-brand {
background-position: 0px 0px !important; }
.flair-passive {
background-position: 0px -25px !important; }
.flair-w {
background-position: 0px -50px !important; }
.flair-e {
background-position: 0px -75px !important; }
.flair-r {
background-position: 0px -100px !important; }
.flair-skin1 {
background-position: 0px -125px !important; }
.flair-skin2 {
background-position: 0px -150px !important; }
.flair-skin3 {
background-position: 0px -175px !important; }
.flair-skin4 {
background-position: 0px -200px !important; }
.flair-skin5 {
background-position: 0px -225px !important; }
.flair-q {
background-position: 0px -250px !important; }
.flair-flair1 {
background-position: 0px -275px !important; }
.flair-flair2 {
background-position: 0px -300px !important; }
.flair-flair3 {
background-position: 0px -325px !important; }
.flair-flair4 {
background-position: 0px -350px !important; }
.flair-flair5 {
background-position: 0px -375px !important; }
.flair-flair6 {
background-position: 0px -400px !important; }
.flair-flair7 {
background-position: 0px -425px !important; }
.flair-flair8 {
background-position: 0px -450px !important; }
.flair-flair9 {
background-position: 0px -475px !important; }
.flair-flair10 {
background-position: 0px -500px !important; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment