Advertisement
Guest User

Untitled

a guest
Jun 24th, 2019
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.85 KB | None | 0 0
  1. /* Background */
  2. body{
  3. font-family: "Exo 2", sans-serif !important;
  4. font-size:12px;
  5. background: #2980b9 url("https://static.tumblr.com/03fbbc566b081016810402488936fbae/pqpk3dn/MRSmlzpj3/tumblr_static_bg3.png") repeat 0 0;
  6. animation: 600s linear 0s normal none infinite animate;
  7. }
  8. @keyframes animate {
  9. from {background-position:0 0;}
  10. to {background-position: 30000px 0;}
  11. }
  12.  
  13. /* Navigation Bar Icons */
  14. .navbar-left-forum li:nth-child(1) a:before {
  15. font: normal normal normal 20px/1 FontAwesome;
  16. content:"\f015 ";
  17. }
  18. .navbar-left-forum li:nth-child(2) a:before {
  19. font: normal normal normal 20px/1 FontAwesome;
  20. content:"\f086 ";
  21. }
  22. .navbar-left-forum li:nth-child(3) a:before {
  23. font: normal normal normal 18px/1 FontAwesome;
  24. content:"\f007 ";
  25. }
  26. .navbar-left-forum li:nth-child(4) a:before {
  27. font: normal normal normal 16px/1 FontAwesome;
  28. content:"\f155 ";
  29. }
  30. .navbar-left-forum li:nth-child(5) a:before {
  31. font: normal normal normal 16px/1 FontAwesome;
  32. content:"\f233 ";
  33. }
  34. .navbar-left-forum li:nth-child(6) a:before {
  35. font: normal normal normal 16px/1 FontAwesome;
  36. content:"\f132 ";
  37. }
  38.  
  39. /* Quicklinks Widget */
  40. .quicklinks-holder {
  41. background-color: none;
  42. margin-bottom: 0;
  43. padding: 0;
  44. box-shadow: none;
  45. border-radius: 0;
  46. text-align: center;
  47. }
  48. .quicklinks-header {
  49. display: none;
  50. text-align: left;
  51. }
  52. .quicklinks-content a {
  53. padding: 15px 40px 15px 40px;
  54. background: #222;
  55. transition: background .5s ease-in-out;
  56. display: block;
  57. border: 1px solid #3f9889;
  58. margin: 15px 15px 10px 15px;
  59. font-size: 15px;
  60. }
  61. .quicklinks-content a:hover {
  62. background: #484848;
  63. }
  64. .forum-wrapper .quicklinks-holder {
  65. background-color: rgba(30,30,30,.7); /* BACKGROUND COLOR OF MAIN WIDGET */
  66. margin-bottom: 20px;
  67. border-radius: 3px; /* ROUNDED CORNERS */
  68. box-shadow: #e2e2e2 1px 1px 15px; /* SHADOW AROUND HOLDER */
  69. padding: 5px;
  70. }
  71. .forum-wrapper .quicklinks-holder .quicklinks-header {
  72. display: block;
  73. padding: 12px;
  74. font-size: 18px;
  75. background-color: #737760;
  76. color: #e2e2e2;
  77. }
  78. .forum-wrapper .quicklinks-holder .quicklinks-content a {
  79. display: inline-block;
  80. }
  81.  
  82. /* Return-To-Top Button */
  83. #return-to-top {
  84. position: fixed;
  85. bottom: 20px;
  86. right: 20px;
  87. background: rgb(0, 0, 0);
  88. background: rgba(0, 0, 0, 0.7);
  89. width: 50px;
  90. height: 50px;
  91. display: block;
  92. text-decoration: none;
  93. -webkit-border-radius: 35px;
  94. -moz-border-radius: 35px;
  95. border-radius: 35px;
  96. display: none;
  97. -webkit-transition: all 0.3s linear;
  98. -moz-transition: all 0.3s ease;
  99. -ms-transition: all 0.3s ease;
  100. -o-transition: all 0.3s ease;
  101. transition: all 0.3s ease;
  102. }
  103. #return-to-top i {
  104. color: #fff;
  105. margin: 0;
  106. position: absolute;
  107. left: 16px;
  108. top: 13px;
  109. font-size: 19px;
  110. -webkit-transition: all 0.3s ease;
  111. -moz-transition: all 0.3s ease;
  112. -ms-transition: all 0.3s ease;
  113. -o-transition: all 0.3s ease;
  114. transition: all 0.3s ease;
  115. }
  116. #return-to-top:hover {
  117. background: rgba(0, 0, 0, 0.9);
  118. }
  119. #return-to-top:hover i {
  120. color: #fff;
  121. top: 5px;
  122. }
  123.  
  124. /* Extra Things */
  125. body{background: #eee ;font-family: "Exo 2", sans-serif;}h3{font-size: 30px; font-weight: 400;margin-top: 50px;}h3 i{color: #444;}
  126.  
  127. /* Forums Font */
  128. body {
  129. background-attachment: fixed;
  130. background-size: 100%;100%;
  131. color: #000;
  132. font-family: "Exo 2", sans-serif !important;
  133. }
  134.  
  135.  
  136.  
  137.  
  138.  
  139. // ===== Scroll to Top ====
  140. $(window).scroll(function() {
  141. if ($(this).scrollTop() >= 50) { // If page is scrolled more than 50px
  142. $("#return-to-top").fadeIn(200); // Fade in the arrow
  143. } else {
  144. $("#return-to-top").fadeOut(200); // Else fade out the arrow
  145. }
  146. });
  147. $("#return-to-top").click(function() { // When arrow is clicked
  148. $("body,html").animate({
  149. scrollTop : 0 // Scroll to top of body
  150. }, 500);
  151. });
  152.  
  153.  
  154.  
  155.  
  156.  
  157. <!-- Return to Top -->
  158. <a href="javascript:" id="return-to-top"><i class="icon-chevron-up"></i></a>
  159.  
  160.  
  161. <!-- ICON NEEDS FONT AWESOME FOR CHEVRON UP ICON -->
  162. <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
  163.  
  164. </div>
  165.  
  166. <!-- Google Font -->
  167. <style>
  168. @import url("https://fonts.googleapis.com/css?family=Exo+2");
  169. </style>
  170.  
  171. <!-- Steam Group Banner -->
  172. <script>
  173. (function (w,i,d,g,e,t,s) {w[d] = w[d]||[];t= i.createElement(g);
  174. t.async=1;t.src=e;s=i.getElementsByTagName(g)[0];s.parentNode.insertBefore(t, s);
  175. })(window, document, "_gscq","script","//widgets.getsitecontrol.com/99416/script.js");
  176. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement