API tools faq
paste
Advertisement
Guest User

RAVEN UPDATES

a guest
May 3rd, 2015
184
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.82 KB | None | 0 0
raw download clone embed print report
  1. PASTE THIS BEFORE </style>
  2. ------------------------------
  3.  
  4.  
  5.  
  6. /* UPDATES TAB */
  7.  
  8. /* okay so this is the hover code don't touch it because if you do you will break everything sorry */
  9.  
  10. #hover
  11. #hover a{
  12. display:block
  13. }
  14. #hover .meow {
  15. margin-top:0px;filter: alpha(opacity = 0);
  16. opacity:0;-webkit-transition: all 0.8s ease-out;
  17. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  18. }
  19.  
  20. #hover:hover .meow {
  21. margin-top:0px;
  22. -webkit-transition: all 0.8s ease-out;
  23. -moz-transition: all 0.8s ease-out;
  24. transition: all 0.8s ease-out;
  25. filter: alpha(opacity = 100);
  26. filter: alpha(opacity = 100);
  27. opacity:100;
  28. }
  29.  
  30. /* ok end of hover code now you can edit things woohoo */
  31.  
  32.  
  33.  
  34. #updates {
  35. position:fixed;
  36. top:15px; /* distance from top*/
  37. left:40px; /* distance from left*/
  38. border:0px solid; /* border colour*/
  39. padding:2px; /*color of your circle! also needs to be the same as your border. unless you want a diff border colour. up to you */
  40. width:150px; /* changes the width of your tab */
  41. height:auto;
  42. text-align:left; /* you can make this: left, right, justified or center */
  43. z-index:9999999; /* every circle you add take off a nine from here */
  44. }
  45.  
  46. #circle {
  47. position:fixed;
  48. top:20px; /* distance from top*/
  49. left:15px; /* distance from left*/
  50. border:1px solid #f6f5fa; /* border colour*/
  51. background: #f6f5fa; /*color of your circle! also needs to be the same as your border. unless you want a diff border colour. up to you */
  52. border-radius:36px;
  53. width:6px;
  54. height:6px;
  55. padding:2px;
  56. -moz-box-shadow: 0 0 6px #bc9fd1;
  57. -webkit-box-shadow: 0 0 6px #bc9fd1;
  58. box-shadow: 0px 0px 6px #bc9fd1;
  59.  
  60. }
  61.  
  62. /* ok so this is your second circle! if you want to keep on adding circles just make sure they are numbered differently in both here and in the <body> tag of your theme :) */
  63.  
  64. #updates2 {
  65. position:fixed;
  66. top:35px; /* distance from top*/
  67. left:40px; /* distance from left*/
  68. border:0px solid; /* border colour*/
  69. padding:2px; /*color of your circle! also needs to be the same as your border. unless you want a diff border colour. up to you */
  70. width:150px; /* changes the width of your tab */
  71. height:auto;
  72. text-align:left; /* you can make this: left, right, justified or center */
  73. z-index:9999999; /* every circle you add take off a nine from here */
  74. }
  75.  
  76. #circle2 {
  77. position:fixed;
  78. top:40px; /* distance from top*/
  79. left:15px; /* distance from left*/
  80. border:1px solid #f6f5fa; /* border colour*/
  81. background:#f6f5fa;/*color of your circle! also needs to be the same as your border. unless you want a diff border colour. up to you */
  82. border-radius:36px;
  83. width:6px;
  84. height:6px;
  85. padding:2px;
  86. -moz-box-shadow: 0 0 6px #bc9fd1;
  87. -webkit-box-shadow: 0 0 6px #bc9fd1;
  88. box-shadow: 0px 0px 6px #bc9fd1;
  89. }
  90.  
  91. #updates3 {
  92. position:fixed;
  93. top:55px; /* distance from top*/
  94. left:40px; /* distance from left*/
  95. border:0px solid; /* border colour*/
  96. padding:2px; /*color of your circle! also needs to be the same as your border. unless you want a diff border colour. up to you */
  97. width:150px; /* changes the width of your tab */
  98. height:auto;
  99. text-align:left; /* you can make this: left, right, justified or center */
  100. z-index:99999; /* every circle you add take off a nine from here */
  101. }
  102.  
  103. #circle3 {
  104. position:fixed;
  105. top:60px; /* distance from top*/
  106. left:15px; /* distance from left*/
  107. border:1px solid #eeedf2; /* border colour*/
  108. background:#f6f5fa;/*color of your circle! also needs to be the same as your border. unless you want a diff border colour. up to you */
  109. border-radius:36px;
  110. width:6px;
  111. height:6px;
  112. padding:2px;
  113. -moz-box-shadow: 0 0 6px #bc9fd1;
  114. -webkit-box-shadow: 0 0 6px #bc9fd1;
  115. box-shadow: 0px 0px 6px #bc9fd1;
  116. }
  117.  
  118. #updates4 {
  119. position:fixed;
  120. top:75px; /* distance from top*/
  121. left:40px; /* distance from left*/
  122. border:0px solid; /* border colour*/
  123. padding:2px; /*color of your circle! also needs to be the same as your border. unless you want a diff border colour. up to you */
  124. width:150px; /* changes the width of your tab */
  125. height:auto;
  126. text-align:left; /* you can make this: left, right, justified or center */
  127. z-index:9999; /* every circle you add take off a nine from here */
  128. }
  129.  
  130. #circle4 {
  131. position:fixed;
  132. top:80px; /* distance from top*/
  133. left:15px; /* distance from left*/
  134. border:1px solid #a39ab8; /* border colour*/
  135. background:#a39ab8;/*color of your circle! also needs to be the same as your border. unless you want a diff border colour. up to you */
  136. border-radius:36px;
  137. width:6px;
  138. height:6px;
  139. padding:2px;
  140. }
  141.  
  142. /* END of updates tab woohoo u did it */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!