API tools faq
paste
TheCoolGuy123

Untitled

TheCoolGuy123
Nov 8th, 2013
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 14.22 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- CSS -->
  5. <script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script><link href="http://themodulesource.com/bootstrap_for_enjin/bootstrap.min.css" rel="stylesheet">
  6. <style type="text/css">
  7. titletext {font-variant:small-caps;}
  8.  
  9. </style>
  10. <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  11. <!--[if lt IE 9]>
  12. <script src="http://themodulesource.com/bootstrap_for_enjin/assets/js/html5shiv.js"></script>
  13. <![endif]-->
  14.  
  15.  
  16. <style type="text/css">
  17. #site-body {
  18. position: relative;
  19. z-index:1;
  20. min-height: 1200px;
  21. margin-top: 50px;
  22. zoom: 1;
  23. }
  24. </style>
  25.  
  26. <style>
  27.  
  28. /* =====================================================================*/
  29. /*  MAKES THE ENJIN TRAY RUN VERTICALLY RATHER THAN HORIZONTALLY
  30. /* =====================================================================*/
  31.  
  32. /* Limit the width of the tray to 30px to make it stack vertically*/
  33.  
  34. #enjin-tray {
  35.     max-width: 30px;
  36.     margin: 0;
  37. /*adjust to your desired distance from the bottom of the window*/  
  38.     bottom: 175px;
  39.    
  40. }
  41.  
  42. /*Make all of the corners rounded*/
  43. #enjin-tray li#notificationpanel { border-radius: 3px;}
  44.  
  45. /* make the border cover all edges */
  46. #enjin-tray ul li.tray-item {border-style: solid; border-width: 1px;}
  47.  
  48. /* Edit the alignment of the background images */
  49. #notificationpanel .notification-icon.apps {background-position: -84px 3px;}
  50. #notificationpanel .notification-icon.general {background-position: -54px 3px;}
  51. #notificationpanel .notification-icon.messages {background-position: -25px 3px;}
  52.  
  53. /*Hide the Home button - it's redundant and it's wider than the others, so it looks funny stacked vertically */
  54. #notificationpanel .notification-icon.dashboard {display: none;}
  55.  
  56. /*Subpanel Tweaks - for the pop-up panel  -- bottom: 0 will line the panel up with the bottom of the tray*/
  57. #enjin-tray li#notificationpanel .subpanel {width: 380px; bottom: 0;}
  58.  
  59. /*fixe the horizontal alignment for the different panels*/
  60. #enjin-tray #notificationpanel .subpanel.general {right: 40px;}
  61. #enjin-tray #notificationpanel .subpanel.messages {right: 40px;}
  62. #enjin-tray .subpanel {right: 40px;}
  63.  
  64. /*Hide the fake icons that appear when the subpanel opens */
  65. #enjin-tray #notificationpanel .subpanel.apps .faux-icon {display: none;}
  66. #enjin-tray #notificationpanel .subpanel.general .faux-icon {display: none;}
  67. #enjin-tray #notificationpanel .subpanel.messages .faux-icon {display: none;}
  68.  
  69.  
  70. /*Move notification tip - the "right: 35px" pulls the tips to the left of the tray. The "bottom: 231px" will have to be adjusted
  71. according to how high up the side of the browser window you placed your tray in the #enjin-tray section */
  72.  
  73. #messages-notification-tip {bottom: 231px !important; right: 35px !important;}
  74. #general-notification-tip {bottom: 205px !important; right: 35px !important;}
  75. #apps-notification-tip {bottom: 180px !important; right: 35px !important;}
  76.    
  77. /*Hide the little chat tail on the notification pop-up */
  78.    .triangle {display: none;}
  79.  
  80. /*move the one-on-one chat icon over to the right edge of the page, now that the tray is out of the way (if you're beta-testing the chat */
  81.    #enjin-tray-messaging {right: 0;}
  82.  
  83. </style>
  84. <!-- ENDS HERE -->
  85. <style>
  86.  
  87.  
  88.  .navbar .nav .dropdown-toggle .caret{
  89. margin-top:5px !important;
  90. }
  91.  
  92. /*Your logo top positioning, will need to move top/down for smaller logos*/
  93. .brand{
  94. background: url('http://files.enjin.com/148507/JackzCraftLogo.png') no-repeat;
  95. margin-top:10px;
  96. margin-bottom:-8px;
  97. margin-left:40px !important;
  98. .<a class="brand" href="#" style="background:url('http://i.imgur.com/cCnsHe3.png') no-repeat .scroll 5px center transparent;">Jackz Craft</a>
  99. }
  100.  
  101. /*For static page nav - Uncomment to enable
  102. navbar-static-top{
  103.  
  104. width: 4000px;
  105. margin-left: -2000px;
  106. margin-top: -31px;
  107. }
  108. */
  109.  
  110. /*For fixed page nav that keeps nav centered with page alignment - Comment to disable*/
  111. .navbar-static-top{
  112. width: 4000px;
  113. margin-left: -2000px;
  114. top: 0px;
  115. position:fixed;
  116. z-index:9000;
  117. }
  118.  
  119. /*For fixed option, for true fixed positioning use class navbar navbar-fixed-top*/
  120.  
  121. .navbar-fixed-top .container{
  122. margin-left: 60px;
  123. }
  124.  
  125.  
  126. /*This controls the positioning of your nav, as in, where the nav sits on the left side, align with your page!*/
  127. .navbar-static-top .container{
  128. margin-left: 2000px;
  129. }
  130.  
  131.  
  132.  
  133. /*Removes bullets from nav*/
  134. .navbar .nav {
  135. list-style:none !important;
  136. top:3px !important;
  137.  
  138. }
  139.  
  140. /*On hover, or active, the highlighted area of the top nav items highlight top to bottom, this is also the selection area*/
  141. .navbar .nav > li > a {
  142. padding-top:12px;
  143. padding-bottom:12px;
  144. }
  145.  
  146. /*Removes bullets from Enjin nav*/
  147. .dropdown-menu {
  148. list-style: none outside none !important;
  149. }
  150.  
  151.  
  152.  
  153. /*If you have a drop down header, this positions it better*/
  154. .dropdown .dropdown-menu .nav-header {
  155. padding-left: 10px;
  156. }
  157.  
  158.  /*START ENJIN BAR NAV POSITIONING*/
  159.  
  160. /*Our nested admin and profile menus*/
  161.  
  162. #boot_admin{
  163. margin-top:0px;
  164.  
  165. }
  166.  
  167. #boot_admin a:nth-child(1){
  168. display:none;
  169. }
  170.  
  171. #boot_profile{
  172. height:30px;
  173. }
  174.  
  175. #boot_profile .element_username{
  176. color: rgb(119,119,119) !important;
  177. text-shadow: 0px 1px 0px rgb(255, 255, 255);
  178. text-decoration:none !important;
  179. }
  180.  
  181. #boot_profile span:hover{
  182. background-color: transparent;
  183. color: rgb(51, 51, 51) !important;
  184. text-decoration: none;
  185. }
  186.  
  187.  
  188. /*Changes our enjin dropdown caret to something that is close to twitter's caret object*/
  189. #enjin-bar .arrow{
  190. border-top:4px solid transparent;
  191. border-top-color:rgba(0, 0, 0, 0.5);
  192. border-right:4px solid transparent;
  193. border-bottom:4px solid transparent;
  194. border-left:4px solid transparent;
  195. /*top:23px;
  196. IF FIXED POSITION position:fixed;
  197. */ top:3px;
  198. }
  199.  
  200. /*Changes our enjin dropdown caret to something that is close to twitter's caret object(Part 2 for border)*/
  201. #enjin-bar .arrow:after{
  202. border-top:6px solid transparent;
  203. border-top-color:rgba(255, 255, 255);
  204. border-right:6px solid transparent;
  205. border-bottom:6px solid transparent;
  206. border-left:6px solid transparent;
  207. top:3px;
  208. }
  209.  
  210. /*Changes the style of our entire dropdown box to mimick Boot strap style*/
  211. .element_dropdown_menu.element_popup.enjinbar-menu{
  212. margin-top:16px;
  213. -webkit-border-radius:6px 0 6px 6px;
  214. -moz-border-radius:6px 0 6px 6px;
  215. border-radius:6px 0 6px 6px;
  216. border:1px solid #ccc;
  217. border:1px solid rgba(0, 0, 0, 0.2);
  218. -webkit-border-radius:6px;
  219. -moz-border-radius:6px;
  220. border-radius:6px;
  221. z-index:99999;
  222. }
  223.  
  224. /*Our inner elements of our entire enjin drop down*/
  225. .element_popup .inner {
  226. background-color: white !important;
  227. text-decroation:none;
  228. list-style:none;
  229. border:none;
  230. -webkit-background-clip:padding-box;
  231. -moz-background-clip:padding;
  232. background-clip:padding-box;
  233. color:#000 !important;
  234. }
  235.  
  236.  
  237. /*Popover-dropdown profile*/
  238. .enjinbar-menu-user .info{
  239. background-color:white !important;
  240. }
  241.  
  242. /*Caret of profile hover items*/
  243. .enjinbar-menu-user .info .rtri div{
  244. border-left-color:gray !important;
  245. margin-left:3px;
  246. }
  247.  
  248.  
  249.  
  250. /*Text - Our inner elements of our entire enjin drop down*/
  251. .element_popup .inner li a{
  252. color:#333;
  253. font-size:12px;
  254. font-family:Arial;
  255. padding:6px 20px !important;
  256. }
  257.  
  258. /*Text - Hover - Our inner elements of our entire enjin drop down*/
  259. .element_popup .inner .menu-link:hover{
  260. text-decoration:none;
  261. color:#ffffff;
  262. background-color:#0081c2;
  263. background-image:-moz-linear-gradient(top, #0088cc, #0077b3);
  264. background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  265. background-image:-webkit-linear-gradient(top, #0088cc, #0077b3);
  266. background-image:-o-linear-gradient(top, #0088cc, #0077b3);
  267. background-image:linear-gradient(to bottom, #0088cc, #0077b3);
  268. background-repeat:repeat-x;
  269. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
  270. }
  271.  
  272. /*Enjin Divider lines to look...better*/
  273. .element_popup .inner .menu-divider-line{
  274. background-color: #E5E5E5 !important;
  275. border-bottom: 1px solid white !important;
  276. height:1px !important;
  277. opacity:0.4;
  278. }
  279.  
  280. /*Profile drop down item hover events*/
  281. .element_popup .inner .item:hover{
  282. background-color: rgb(0, 129, 194);
  283. background-image: linear-gradient(to bottom, rgb(0, 136, 204), rgb(0, 119, 179));
  284. }
  285.  
  286. /*Profile drop down text style*/
  287. .element_popup .inner .item a{
  288. text-decoration:none;
  289. font-weight: normal;
  290. margin-bottom:-5px; /*Reduces some spacing..since menu is huge*/
  291. color: rgb(51, 51, 51);
  292. font-family:arial;
  293. }
  294.  
  295. /*Profile drop down text style - hover*/
  296. .element_popup .inner .item a:hover{
  297. color: rgb(255, 255, 255);
  298. }
  299.  
  300. /*Font,text - Our site box at bottom of profile dropdown*/
  301. .sitebox a {
  302. font-size:10px !important;
  303. color:#333;
  304. margin-left:-20px;
  305. background-color:transparent;
  306. }
  307.  
  308. /*Font,text, make less default space - Our site box at bottom of profile dropdown*/
  309. .enjinbar-menu-user .sitebox{
  310. margin-bottom:10px;
  311. }
  312.  
  313. /*That damn gear! - Our site box at bottom of profile dropdown*/
  314. .enjinbar-menu-user .sitebox .gear {
  315. background-position: 40px 0px; /*Removes Enjin's mysterious extra icons*/ }
  316.  
  317. /*Text for site urls - Our site box at bottom of profile dropdown*/
  318. .sitebox .url{
  319. color:#333;
  320. }
  321.  
  322. /*Our visible username text*/
  323. #enjin-bar .element_username{
  324. color:#333;
  325. text-shadow: 0px 1px 0px rgb(255, 255, 255);
  326. text-decoration:none;
  327. }
  328.  
  329. /*Removes our likes etc.*/
  330. #enjin-bar #enjin-bar-likes{
  331. display:none !important;
  332. }
  333.  
  334. /*Removes site info,site name and our admin gear*/
  335. #enjin-bar .left a:nth-of-type(1),#enjin-bar .left a:nth-of-type(2),#enjin-bar .left a:nth-of-type(3){
  336. display:none !important;
  337. }
  338.  
  339. /*creates a default right position for our admin, fixed, position manually on your fixed nav*/
  340. #enjin-bar .left{
  341. margin-top:8px;
  342. z-index:9999;
  343. margin-left:530px;
  344. position:fixed;
  345. }
  346.  
  347. /*Our admin text*/
  348. #enjin-bar .left a{
  349. color: rgb(119, 119, 119);
  350. font-size:13px;
  351. text-decoration: none;
  352. font-size:13px;
  353. font-family:Arial;
  354. text-shadow: 0px 1px 0px rgb(255, 255, 255);
  355. }
  356.  
  357. /*Our admin text on hover*/
  358. #enjin-bar .left a:hover{
  359. color: rgb(51, 51, 51);
  360. text-decoration:none;
  361. }
  362.  
  363. /*END Enjin bar nav positioning*/
  364.  
  365.  
  366.  
  367. <a name="top"></a>  
  368. </style>
  369.  
  370. </head>
  371.  
  372. <body>
  373.  
  374.  
  375.  
  376.  
  377. <!-- Part 1: Wrap all page content here -->
  378.  
  379. <!-- Fixed navbar -->
  380. <div class="navbar navbar-static-top">
  381. <div class="navbar-inner">
  382. <div class="container">
  383. <!-- Nav Bar Logo -->
  384. <a class="brand" href="/home" style="margin-bottom:-26px;">   <div style="margin-bottom:-30px; margin-top: -12px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></a>
  385. <ul class="nav">
  386. <!-- The links (Forums, Home)-->
  387. <li><a href="http://jackzcraft.com/home" class="navbar" data-toggle="tooltip data-placement="bottom" title="Home Page"><i class="icon-home"></i>Home</a></li>
  388. <li><a href="http://jackzcraft.com/forum" class="navbar" data-toggle="tooltip data-placement="bottom" title="Forums"><i class="icon-pencil"></i>Forums</a></li>
  389. <li><a href="http://jackzcraft.com/shop" class="navbar" data-toggle="tooltip data-placement="bottom" title="Donate"><i class="icon-shopping-cart"></i>Donate</a></li>
  390. <li class="dropdown">
  391. <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-folder-open"></i>More<b class="caret"></b></a>
  392. <ul class="dropdown-menu">
  393. <li class="nav-header">Misc</li>
  394. <li><a href="http://jackzcraft.com/members"><i class="icon-user"></i>Members</a></li>
  395. <li><a href="http://jackzcraft.com/serverstatus"><i class="icon-signal"></i>Server Status</a></li>
  396. <li><a href="http://xpaw.ru/mcstatus"><i class="icon-signal"></i>Minecraft Status</a></li>
  397. <li><a href="/events"><i class="icon-tasks"></i>Calendar & Events</a></li>
  398. <li><a href="http://www.planetminecraft.com/server/jackz-craft/"><i class="icon-refresh"></i>Server Updates</a></li>
  399. <li><a href="/bans"><i class="icon-remove-sign"></i>Server Bans (WIP)</a></li>
  400. <li><a href="http://jackzcraft.com/contact"><i class="icon-question-sign"></i>Contact</a></li>
  401. <li class="divider"></li>
  402. <li class="nav-header">Social Links</li>
  403. <li><a href="http://twitter.com/jackzcraft"><i class="icon-hand-right"></i>Server Twitter</a></li>
  404. <li><a href="http://twitter.com/jacksonbixby"><i class="icon-hand-right"></i>Owner Twitter</a></li>
  405. <li><a href="http://youtube.com/jacksonbixby"><i class="icon-hand-right"></i>Owner Youtube</a></li>
  406. <li class="divider"></li>
  407. <li class="nav-header">Applications</li>
  408. <li><a href="http://jackzcraft.com/staffapp"><i class="icon-envelope"></i>Apply for Mod</a></li>
  409. <li><a href="http://jackzcraft.com/dashboard/applications"><i class="icon-list"></i>Mod applications</a></li>
  410. <li><a href="http://jackzcraft.com/staff"><i class="icon-th-list"></i>Registered Staff</a></li>
  411. </ul>
  412. </li>
  413. <li id="boot_admin"></li>
  414. <li id="boot_profile"></li>
  415. <li id="boot_join"></li>
  416. <li id="boot_login"></li>
  417. <li id="boot_register"></li>
  418. </ul>
  419. </div>
  420. </div>
  421.  
  422.  
  423.  
  424.  
  425.  
  426. <!-- Le javascript
  427. ================================================== -->
  428. <!-- Placed at the end of the document so the pages load faster -->
  429. <script src="http://themodulesource.com/bootstrap_for_enjin/bootstrap.min.js"></script>
  430. <script src="http://themodulesource.com/bootstrap_for_enjin/bootstrap.js"></script>
  431. <script src="http://themodulesource.com/bootstrap_for_enjin/bootstrap-dropdown.js"></script>
  432.  
  433. <script>
  434. $(document).ready(function(){
  435. $('#enjin-bar .left a[href$="/admin"]').appendTo($('#boot_admin'));
  436. $('#enjin-bar .right .user a').appendTo($('#boot_profile'));
  437. $('.navbar-static-top').prependTo($('#page'));
  438. $('#enjin-bar a[href$="/login"]').appendTo($('#boot_login'));
  439. $('#enjin-bar a[href$="/register"]').appendTo($('#boot_register'));
  440.  
  441.  
  442.  
  443. });
  444. </script>
  445.  
  446.  
  447.  
  448.  
  449. <script type="text/javascript">if(!NREUMQ.f){NREUMQ.f=function(){NREUMQ.push(["load",new Date().getTime()]);var e=document.createElement("script");e.type="text/javascript";e.src=(("http:"===document.location.protocol)?"http:":"https:")+"//"+"js-agent.newrelic.com/nr-100.js";document.body.appendChild(e);if(NREUMQ.a)NREUMQ.a();};NREUMQ.a=window.onload;window.onload=NREUMQ.f;};NREUMQ.push(["nrfj","beacon-6.newrelic.com","b0a6eb3b0a","982908","M11QMURQC0JZW01YXQoXfApEXARdUUJcVXERS0YKWx5P",0,61,new Date().getTime(),"","","","",""]);</script></body>
  450. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!