API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 25th, 2015
204
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.40 KB | None | 0 0
raw download clone embed print report
  1. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css'>
  2. <link type="text/css" rel="stylesheet" media="screen" href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"></link>
  3. <!--Navigation bar v1.12 by Den Link: http://www.enjin.com/forums/m/10826/viewthread/16653658-->
  4. <style type=text/css>
  5. /*NAV BAR STYLES*/
  6. .nav_style {
  7. top: 0px;
  8. right: 0px;
  9. left: 0px;
  10. position: fixed;
  11. height: 50px;
  12. background: url('http://i.imgur.com/F7xxtOT.jpg'); /*NAV_BAR BACKGROUND*/
  13. box-shadow: 0px 1px 5px black;
  14. border-bottom: 0px solid rgb(41, 46, 55); /*BOTTOM BORDER*/
  15. border-top: 0px solid orange; /*TOP BORDER*/
  16. margin: 0px 0px 0px -3px;
  17. z-index: 1050;
  18. -webkit-transition: linear 0.5s;
  19. transition: linear 0.5s;
  20. }
  21. /*NAV BAR STYLES SCROLLED*/
  22. .nav_style_scroll {
  23. top: 0px;
  24. right: 0px;
  25. left: 0px;
  26. position: fixed;
  27. height: 30px;
  28. background: url('http://i.imgur.com/F7xxtOT.jpg'); /*NAV_BAR BACKGROUND*/
  29. box-shadow: 0px 1px 5px black;
  30. border-bottom: 0px solid rgb(0, 76, 255); /*BOTTOM BORDER*/
  31. border-top: 0px solid orange; /*TOP BORDER*/
  32. margin: 0px 0px 0px -3px;
  33. z-index: 1050;
  34. -webkit-transition: linear 0.5s;
  35. transition: linear 0.5s;
  36. }
  37. /*DON'T TOUCH*/
  38. .nav_main {
  39. text-align: center;
  40. }
  41. /*DON'T TOUCH*/
  42. .nav_main_scroll {
  43. text-align: center;
  44. }
  45. /*DON'T TOUCH*/
  46. .nav_main li {
  47. display: inline-table;
  48. }
  49. /*DON'T TOUCH*/
  50. .nav_main_scroll li {
  51. display: inline-table;
  52. }
  53. /*NAV BAR TEXT*/
  54. .nav_main li a {
  55. line-height: 50px;
  56. font-family: 'Open Sans Condensed'; /*FONT STYLE*/
  57. text-decoration: none;
  58. font-weight: bold;
  59. color: white; /*FONT COLOR*/
  60. font-size: 15px;
  61. padding: 9px 20px 9px 20px;
  62. text-transform: uppercase;
  63. -webkit-transition: linear 0.5s;
  64. transition: linear 0.5s;
  65. }
  66. /*NAV BAR SCROLLED TEXT*/
  67. .nav_main_scroll li a {
  68. line-height: 30px;
  69. font-family: 'Open Sans Condensed'; /*FONT STYLE*/
  70. text-decoration: none;
  71. font-weight: bold;
  72. color: white; /*FONT COLOR*/
  73. font-size: 22px;
  74. padding: 0px 20px 0px 20px;
  75. text-transform: uppercase;
  76. -webkit-transition: linear 0.5s;
  77. transition: linear 0.5s;
  78. }
  79. /*NAV BAR TEXT ON HOVER*/
  80. .nav_main li a:hover {
  81. box-shadow: inset 0px -75px 2px orange;
  82. color: white; /*FONT COLOR ON HOVER*/
  83. border-bottom: 5px solid white;
  84. }
  85. /*NAV BAR SCROLLED ON HOVER*/
  86. .nav_main_scroll li a:hover {
  87. box-shadow: inset 0px -40px 2px orange;
  88. color: white; /*FONT COLOR ON HOVER*/
  89. border-bottom: 5px solid white;
  90. }
  91. /*ADMIN BUTTON STYLE*/
  92. .adminbutton {
  93. display: none;
  94. position: absolute;
  95. z-index: 1052;
  96. top: 0px;
  97. left: 0px;
  98. color: #000000;
  99. font-family: 'Open Sans Condensed';
  100. font-size: 16px;
  101. background: #ccc;
  102. padding: 3px 7px 3px 7px;
  103. border-right: 2px solid orange;
  104. border-bottom: 2px solid orange;
  105. border-bottom-right-radius: 16px;
  106. }
  107. /*ADMIN BUTTON STYLE ON HOVER*/
  108. .adminbutton:hover {
  109. color: white;
  110. }
  111. /*ENJIN TOP BAR MODIFICATIONS*/
  112. #enjin-bar #enjin-bar-likes .gplus-like-site, #enjin-bar #enjin-bar-likes .twitter-like-site {
  113. display: none;
  114. }
  115. #enjin-bar .right {
  116. display: none;
  117. }
  118. #enjin-bar #enjin-bar-likes .fb-like-site {
  119. display: none;
  120. }
  121. #enjin-bar a {
  122. display: none;
  123. }
  124. /*ENJIN LIKE BUTTON*/
  125. #enjin-bar #enjin-like-site {
  126. display: inline-block;
  127. zoom: 1;
  128. margin-left: 33px;
  129. font-size: 24px;
  130. position: fixed;
  131. top: 3px;
  132. z-index: 2000;
  133. }
  134. #enjin-bar #enjin-like-site .likes {
  135. position: relative;
  136. top: -1px;
  137. }
  138. /*USER_BODY STYLE*/
  139. .user_body {
  140. display: none;
  141. background: #3A79FF;
  142. height: 50px;
  143. width: 150px;
  144. position: fixed;
  145. right: 0px;
  146. top: 3px;
  147. z-index: 1200;
  148. -webkit-transition: linear 0.5s;
  149. transition: linear 0.5s;
  150. }
  151. .user_body_scroll {
  152. display: none;
  153. background: #3A79FF;
  154. height: 30px;
  155. width: 100px;
  156. position: fixed;
  157. right: 0px;
  158. top: 3px;
  159. z-index: 1200;
  160. -webkit-transition: linear 0.5s;
  161. transition: linear 0.5s;
  162. }
  163. .user_body .user_welcome{
  164. right: 36px;
  165. top: 3px;
  166. position: fixed;
  167. -webkit-transition: linear 0.5s;
  168. transition: linear 0.5s;
  169. }
  170. .user_body_scroll .user_welcome{
  171. right: 6px;
  172. top: 3px;
  173. position: fixed;
  174. -webkit-transition: linear 0.5s;
  175. transition: linear 0.5s;
  176. }
  177. .user_body .user_welcome a{
  178. text-decoration: none;
  179. }
  180. .user_body_scroll .user_welcome a{
  181. text-decoration: none;
  182. }
  183. .user_body .user_username{
  184. color: white;
  185. -webkit-transition: linear 0.5s;
  186. transition: linear 0.5s;
  187. }
  188. .user_body_scroll .user_username{
  189. color: white;
  190. -webkit-transition: linear 0.5s;
  191. transition: linear 0.5s;
  192. }
  193. .user_body .user_username:hover{
  194. color: black;
  195. }
  196. .user_body_scroll .user_username:hover{
  197. color: black;
  198. }
  199. .user_body .fa-envelope-o{
  200. right: 5px;
  201. top: 29px;
  202. font-size: 23px;
  203. position: fixed;
  204. color: white;
  205. }
  206. .user_body_scroll .fa-envelope-o{
  207. display: none
  208. }
  209. .user_body .fa-star {
  210. right: 6px;
  211. top: 6px;
  212. font-size: 23px;
  213. position: fixed;
  214. color: white;
  215. }
  216. .user_body_scroll .fa-star {
  217. display: none
  218. }
  219. .user_body .user_notifications {
  220. right: 8px;
  221. top: 10px;
  222. font-size: 8px;
  223. position: fixed;
  224. color: black;
  225. background: orange;
  226. border-radius: 35px;
  227. padding: 0px 1px 0px 1px;
  228. }
  229. .user_body_scroll .user_notifications {
  230. display: none;
  231. }
  232. .user_body .user_messages{
  233. right: 7px;
  234. top: 30px;
  235. font-size: 8px;
  236. position: fixed;
  237. color: black;
  238. background: orange;
  239. border-radius: 35px;
  240. padding: 0px 1px 0px 1px;
  241. }
  242. .user_body_scroll .user_messages{
  243. display: none;
  244. }
  245. .user_body .user_logo img {
  246. width: 50px;
  247. height: 50px;
  248. -webkit-transition: linear 0.5s;
  249. transition: linear 0.5s;
  250. }
  251. .user_body_scroll .user_logo img {
  252. width: 30px;
  253. height: 30px;
  254. -webkit-transition: linear 0.5s;
  255. transition: linear 0.5s;
  256. }
  257. /*NAV LOGO*/
  258. .nav_logo{
  259. position: absolute;
  260. display: inline-table;
  261. width: 50px;
  262. height: 50px;
  263. margin: 0px 0px 0px -50px;
  264. -webkit-transition: linear 0.5s;
  265. transition: linear 0.5s;
  266. }
  267. .nav_logo_scroll {
  268. position: absolute;
  269. display: inline-table;
  270. width: 30px;
  271. height: 30px;
  272. margin: 0px 0px 0px -30px;
  273. -webkit-transition: linear 0.5s;
  274. transition: linear 0.5s;
  275. }
  276. /*DROPDOWN*/
  277. .nav_main ul li:hover > ul{
  278. display: block;
  279. float: left;
  280. }
  281. .nav_main_scroll ul li:hover > ul{
  282. display: block;
  283. float: left;
  284. }
  285. .nav_main ul ul {
  286. width: 150px;
  287. display: none;
  288. background: #006EFF;
  289. border: none;
  290. padding: 0;
  291. position: absolute;
  292. top: 100%;
  293. -webkit-transition: linear 0.5s;
  294. transition: linear 0.5s;
  295. }
  296. .nav_main_scroll ul ul {
  297. width: 150px;
  298. display: none;
  299. background: #006EFF;
  300. border: none;
  301. padding: 0;
  302. position: absolute;
  303. top: 100%;
  304. -webkit-transition: linear 0.5s;
  305. transition: linear 0.5s;
  306. }
  307. .nav_main ul ul li {
  308. border-right: 2px solid orange;
  309. border-left: 2px solid orange;
  310. display: block;
  311. float: none;
  312. position: relative;
  313. }
  314. .nav_main_scroll ul ul li {
  315. border-right: 2px solid orange;
  316. border-left: 2px solid orange;
  317. display: block;
  318. float: none;
  319. position: relative;
  320. }
  321. .nav_main ul ul li a {
  322. color: black;
  323. }
  324. .nav_main_scroll ul ul li a {
  325. color: black;
  326. }
  327. .nav_main ul ul li a:hover {
  328. color: white;
  329. box-shadow: none;
  330. border: none;
  331. }
  332. .nav_main_scroll ul ul li a:hover {
  333. color: white;
  334. box-shadow: none;
  335. border: none;
  336. }
  337. /*DON'T TOUCH*/
  338. .noborder:hover{
  339. border-bottom: none !important;
  340. }
  341. </style>
  342.  
  343. <!--NAVBAR-->
  344. <div id="nav_1" class=nav_style>
  345. <div id="nav_2" class="nav_main">
  346. <ul>
  347. <img id=nav_3 class="nav_logo" src="http://i.imgur.com/us40QY3.png">
  348. <li><a href="http://globigaming.com/news">NEWS</a></li>
  349. <li><a href="http://globigaming.com/forum">FORUMS</a></li>
  350. <li><a href="http://globigaming.com/item">DONATIONS</a></li>
  351. <li><a href="http://globigaming.com/server">SERVERS</a></li>
  352. </ul>
  353. </div>
  354. <a href="/admin" class=adminbutton>Admin</a>
  355. <div id=nav_4 class=user_body>
  356. <a href="http://globigaming.com/profile"><div class=user_logo></div></a>
  357. <div class=user_welcome>Welcome,<br/><a href="http://globigaming.com/profile"><div class=user_username></div></a></div>
  358. <a href="http://globigaming.com/dashboard/messages"><i class="fa fa-envelope-o"><div class=user_messages></div></i></a>
  359. <a href="http://globigaming.com/dashboard"><i class="fa fa-star"><div class=user_notifications></div></i></a>
  360. </div>
  361. </div>
  362.  
  363.  
  364. <script>
  365. $(window).load(function() {
  366. //Info
  367. var username= $("#enjin-bar span.element_username").text();
  368. var logo = $("#enjin-bar .userbox .avatar img").clone();
  369. var messages= $("#messages-notification-tip .inner").text();
  370. var notifications= $("#general-notification-tip .inner").text();
  371. var admin = $('#enjin-bar .left a[href$=\"/admin\"]').text();
  372. //if admin show admin button
  373. if (admin == "") {
  374. $(".adminbutton").noop(0)
  375. }
  376. else {
  377. $(".adminbutton").show(0)
  378. }
  379. //Hide user_body if not logged in
  380. if (username == "") {
  381. $(".user_body").noop();
  382. }
  383. else {
  384. $(".user_body").show(0);
  385. $(".user_body_scroll").show(0);
  386. }
  387. //Username, logo, messages, notifications
  388. $(".user_logo").html(logo);
  389. $(".user_username").html(username);
  390. if (notifications == "") {$(".user_notifications").html("0");} else {$(".user_notifications").html(notifications);}
  391. if (messages == "") {$(".user_messages").html("0");} else {$(".user_messages").html(messages);}
  392. });
  393. //scroll functions
  394. $(window).scroll(function() {
  395. var height = 1;
  396. if ($(window).scrollTop() >= height) {
  397. $("#nav_1").addClass("nav_style_scroll");
  398. $("#nav_1").removeClass("nav_style");
  399. $("#nav_2").addClass("nav_main_scroll");
  400. $("#nav_2").removeClass("nav_main");
  401. $("#nav_3").addClass("nav_logo_scroll");
  402. $("#nav_3").removeClass("nav_logo");
  403. $("#nav_4").addClass("user_body_scroll");
  404. $("#nav_4").removeClass("user_body");
  405. }
  406. else {
  407. $("#nav_1").addClass("nav_style");
  408. $("#nav_1").removeClass("nav_style_scroll");
  409. $("#nav_2").addClass("nav_main");
  410. $("#nav_2").removeClass("nav_main_scroll");
  411. $("#nav_3").addClass("nav_logo");
  412. $("#nav_3").removeClass("nav_logo_scroll");
  413. $("#nav_4").addClass("user_body");
  414. $("#nav_4").removeClass("user_body_scroll");
  415.  
  416. }
  417. });
  418. </script>
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!