Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*----------------------------------------
- Update Tab #1 (CSS Left) by Incedo
- http://incedothemes.tumblr.com
- Please do not remove the credit.
- Instructions @ http://incedothenes.tumblr.com/tab
- Updated 8/7/14
- ------------------------------------------*/
- #updatetab {
- font-family: helvetica; /*this is the font*/
- color: #cccccc;} /*this is the font color*/
- #tabtitle, #dropdown, #dropdown p {
- background-color:transparent; /*this is the background color*/
- border-color: transparent; /*this is the border color*/
- }
- #updatetab {
- width:100px;
- position:fixed;
- top:175px; /*this is where you move the WHOLE TAB up & down*/
- left:210px;/*this is where you move the WHOLE TAB left & right*/
- }
- #tabtitle {
- margin-left:0px;
- margin-top:50px;
- -ms-transform: rotate(90deg); /* IE 9 */
- -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
- transform: rotate(90deg);/*rotation of the word "updates" ; make sure they're all the same number!*/
- text-align:center;
- padding:1px 3px;
- letter-spacing:2px;
- font-size:9px;
- text-transform:uppercase;
- border-width:1px;
- border-style:solid;
- border-radius: 2px;
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- }
- #dropdown {
- background-color:transparent; /*background of CONTENT*/
- font-size:11px;
- text-align:center;
- width:100px; /*width of the CONTENT, adjust if you have a lot text*/
- margin-top:-155px;/*move just the CONTENT up & down*/
- margin-left:60px; /*move just the CONTENT left & right*/
- padding:2px;
- padding-top:0px;
- opacity:0;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #updatetab:hover #dropdown {
- opacity:1;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #c {
- position:fixed;
- bottom:4px;
- right:4px;
- font-size:13px;
- font-family:helvetica;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement