Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2014
134
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.79 KB | None | 0 0
  1. #logo,
  2. #logo a{
  3. height: @headerLogoHeight;
  4. line-height: @headerLogoHeight;
  5. display: block;
  6. text-align: center;
  7. position: relative;
  8. overflow: hidden;
  9. }
  10.  
  11. #logo{ float: none; }
  12.  
  13. <xen:if is="@textLogo">
  14. #logo a.textLogo{
  15. color: #fff;
  16. font-size: 70px;
  17. font-weight: 400;
  18. font-family: "Oswald";
  19. text-transform: uppercase;
  20. text-shadow: rgba(0,0,0,0.5) 2px 2px 0px, rgba(255,255,255,0.45) 4px 4px 0px;
  21. }
  22.  
  23. <xen:if is="@logoSlogan">
  24.  
  25. #logo a.textLogo{
  26. height: {xen:calc '@headerLogoHeight - 26'}px;
  27. line-height: {xen:calc '@headerLogoHeight - 90'}px;
  28. padding-top: 26px;
  29. }
  30.  
  31. #logo a.textLogo span{
  32. display: block;
  33. height: auto;
  34. font-size: 20px;
  35. line-height: 20px;
  36. position: relative; top: -5px;
  37. text-shadow: rgba(0,0,0,0.35) 2px 2px 0px;
  38. }
  39.  
  40. </xen:if>
  41.  
  42. </xen:if>
  43.  
  44. <xen:if is="@iconBehindLogo">
  45. #logo:after{
  46. content: "\@iconBehindLogo";
  47. font-size: 600px !important;
  48. position: absolute;
  49. top: 50%; left: 50%; margin-left: -0.427em; margin-top: 5px;
  50. color: #000;
  51. opacity: 0.1;
  52. }
  53.  
  54. #logo a{ z-index: 1; }
  55. </xen:if>
  56.  
  57. #blurredBackground, #clearBackground{
  58. position: fixed;
  59. top: 0; left: 0; right: 0;
  60. z-index: -2;
  61. height: 100%;
  62. background: url("@imagePath/xenfocus/background/<xen:if is="@blurImageName">@blurImageName</xen:if>_blur.jpg") 50% 0;
  63. -webkit-background-size: cover;
  64. -moz-background-size: cover;
  65. background-size: cover;
  66. }
  67.  
  68. #clearBackground{
  69. z-index: -1;
  70. /* Change the following to a background color if you do not wish to use an image. */
  71. background-image: url("@imagePath/xenfocus/background/<xen:if is="@blurImageName">@blurImageName</xen:if>.jpg");
  72. }
  73.  
  74. .titleBar{
  75. border-radius: 3px;
  76. box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.4) 0px 100px 0px;
  77. padding: 14px;
  78. text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
  79. }
  80.  
  81. .titleBar, .titleBar *{ color: #fff !important; }
  82.  
  83. .navTabs .navTab.selected,
  84. #navigation .pageContent,
  85. body #moderatorBar,
  86. .titleBar{
  87. /* Change the following to a background color if you do not wish to use an image. You must also disable the blur feature */
  88. background: url("@imagePath/xenfocus/background/<xen:if is="@blurImageName">@blurImageName</xen:if>_blur.jpg") 50% 0 fixed;
  89. -webkit-background-size: cover;
  90. -moz-background-size: cover;
  91. background-size: cover;
  92. }
  93.  
  94. body #moderatorBar{ box-shadow: inset rgba(255,255,255,0.5) 0px 100px 0; }
  95.  
  96. /* .avatar, .avatar img{ border-radius: 50%; }
  97. .memberCard .avatar, .memberCard .avatar img{ border-radius: 0; } */
  98.  
  99. #content .pageContent{ background: rgba(20,20,20,0.85); }
  100.  
  101. body .breadcrumb{ border-color: #1f1f1f; }
  102. .breadcrumb a{ }
  103. .breadcrumb a:hover{ }
  104.  
  105. /*
  106. Navigation background: Navigation Tabs Container
  107. */
  108. #blurredBackground, #clearBackground,
  109. #navigation{
  110.  
  111. }
  112.  
  113. .navTabs .navTab.selected,
  114. #navigation .pageContent{
  115.  
  116. }
  117.  
  118. /* Nav link */
  119. .navTabs .navTab.PopupClosed a.navLink{
  120. color: #fff;
  121. text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
  122. }
  123.  
  124. .navTabs .navTab.PopupClosed:hover a.navLink{
  125. background: rgba(255,255,255,0.1);
  126. color: #fff;
  127. }
  128. /* Public tabs */
  129. .navTabs .publicTabs .navLink{ padding: 0 20px; }
  130.  
  131. /* Open menu tab */
  132. .navTabs .Popup .PopupControl.PopupOpen > a, .navTabs .Popup.PopupContainerControl.PopupOpen > a{
  133. color: #fff;
  134. background: rgba(255,255,255,0.2);
  135. }
  136.  
  137. .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen {
  138. background-color: transparent;
  139. border-radius: 0;
  140. }
  141.  
  142. .Popup .PopupControl.BottomControl.PopupOpen, .Popup.PopupContainerControl.BottomControl.PopupOpen {
  143. border-radius: 0 0 3px 3px;
  144. }
  145.  
  146. /* Active tab */
  147.  
  148. .navTabs .navTab.selected{ border-radius: 3px 3px 0px 0px; }
  149.  
  150. .navTabs .navTab.selected a.navLink,
  151. .navTabs ul.visitorTabs > li.navTab.selected a.navLink{
  152. background: rgba(255,255,255,0.4);
  153. color: #fff;
  154. border-radius: 3px 3px 0px 0px;
  155. box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
  156. text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
  157. position: relative;
  158. font-weight: bold;
  159. }
  160.  
  161. /* .navTabs .publicTabs .navTab.selected a.navLink:before,
  162. .navTabs .publicTabs .navTab.selected a.navLink:after{
  163. content: "";
  164. width: 4px; height: 4px;
  165. position: absolute;
  166. bottom: 0px; left: -4px;
  167. z-index: 10;
  168. background: @altPrimary;
  169. }
  170.  
  171. .navTabs .publicTabs .navTab.selected a.navLink:after{
  172. border-bottom-color: #000;
  173. opacity: 0.4;
  174. bottom: 1px;
  175. z-index: 5;
  176. } */
  177.  
  178. /* .navTabs .navTab.selected .SplitCtrl{
  179. display: block !important;
  180. background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -128px 12.5px !important;
  181. position: relative;
  182. } */
  183.  
  184. .navTabs .visitorTabs{ font-size: 11px; }
  185.  
  186. /* Sub navigation background */
  187. .navTabs .navTab.selected .tabLinks{
  188. background: @contentBackground;
  189. background: rgba(255,255,255,0.4);
  190. background-position: 0 0;
  191. border-radius: 0px 0px 4px 4px;
  192. text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
  193. }
  194.  
  195. .navTabs .navTab.selected .tabLinks a{
  196. color: #fff;
  197. line-height: 30px;
  198. border-radius: 3px;
  199. margin-top: 3px;
  200. padding: 0 10px;
  201. }
  202.  
  203. .navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus{
  204. color: #fff;
  205. background: rgba(0,0,0,0.2);
  206. }
  207.  
  208. .navTabs .navTab.PopupClosed, .navTabs .navTab.PopupClosed:hover{ background: none transparent; }
  209.  
  210. <xen:if is="!@fontawesome">
  211. .navTab.account a strong:before,
  212. .navTab.inbox a:before,
  213. .navTab.alerts a:before{
  214. content: "";
  215. background: url(@imagePath/xenfocus/userLinkIcons.png) no-repeat 0 0;
  216. width: 18px; height: 18px;
  217. display: inline-block;
  218. position: relative;
  219. top: 4px;
  220. margin-right: 6px;
  221. }
  222.  
  223. .navTab.account:hover a strong:before{ background-position: 0 -18px; }
  224. .navTab.account.selected a strong:before{ background-position: 0 -36px; }
  225. .navTab.inbox a:before{ background-position: -18px 0px; }
  226. .navTab.inbox:hover a:before{ background-position: -18px -18px; }
  227. .navTab.inbox.selected a:before{ background-position: -18px -36px; }
  228. .navTab.alerts a:before{ background-position: -36px 0px; }
  229. .navTab.alerts:hover a:before{ background-position: -36px -18px; }
  230. .navTab.alerts.selected a:before{ background-position: -36px -36px; }
  231. </xen:if>
  232.  
  233. .navTab a strong#VisitorExtraMenu_Counter:before{ display: none; }
  234.  
  235. .navTabs .navTab.selected.PopupOpen a.navLink{ border-radius: 0px; }
  236.  
  237. /* Adjust the following + 0 value depending on navigation borders */
  238. .navTabs .navTab.selected .tabLinks{ top: {xen:calc '@headerTabHeight + 0'}px; }
  239. #navigation .pageContent{ height: {xen:calc '@headerTabHeight * 2 + 0'}px; }
  240. #headerMover #headerProxy{ height: {xen:calc '@headerLogoHeight + @headerTabHeight * 2 + 0'}px; }
  241.  
  242. #forums.sectionMain,
  243. .messageInfo.primaryContent{ background: none transparent; }
  244.  
  245. .mainProfileColumn,
  246. .xenForm,
  247. .message{
  248. background-color: @contentBackground;
  249. }
  250.  
  251. #loginBar .xenForm{ background: none transparent; }
  252.  
  253. /* Categories and forums */
  254. #forums .node.category.level_1,
  255. .discussionList.section.sectionMain,
  256. .sidebar .section > .secondaryContent,
  257. #pageNodeContent{
  258. box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
  259. }
  260.  
  261. body #pageNodeContent{ background: @contentBackground; padding: 12px; }
  262. #pageNodeContent .larger.textHeading{ color: @primaryMedium; }
  263.  
  264. .sidebar .section > .secondaryContent{ border: 0; background: @contentBackground; }
  265.  
  266. #forums .node.category.level_1{ margin-bottom: 10px; }
  267. #forums .nodeList li:last-of-type .nodeInfo{ border-bottom: 0; }
  268. #forums .nodeList .nodeInfo{ min-height: 40px; padding: 7px 0; }
  269. #forums .nodeIcon{ position: absolute; top: 50%; margin-top: -18px; }
  270. #forums .nodeText{ padding-right: 180px; }
  271. #forums .node .nodeControls{ right: 10px; top: 50%; margin: -8px 0 0 0; }
  272.  
  273. .idxStats{ float: right; position: absolute; right: 244px; top: 50%; margin-top: -20px; }
  274. .idxStats dl{ float: left; min-width: 80px; padding: 0 6px; text-align: center; text-transform: uppercase; font-size: 11px; }
  275. .idxStats dt{ display: block; color: @primaryLightish; }
  276. .idxStats dd{ display: block; color: @primaryMedium; font-size: 18px; padding-bottom: 3px; }
  277.  
  278. @media (min-width: 991px){
  279. .subForumList{ padding-right: 428px; }
  280. }
  281.  
  282. @media (max-width: 990px){
  283. .idxStats{ display: none; }
  284. #forums .nodeText{ padding-right: 0; }
  285. .subForumList{ padding-right: 225px; }
  286. }
  287.  
  288. body .node .nodeLastPost{ height: 40px; line-height: 20px; padding: 0 0 0 14px; margin: -20px 20px 0 0; top: 50%; border-left: 1px solid @primaryLighterStill; }
  289.  
  290. .sidebar .visitorPanel{ overflow: visible; }
  291.  
  292. body .discussionList .sectionHeaders{
  293. box-sizing: border-box;
  294. margin-top: 0;
  295. border-width: 0px 0px 1px 0px;
  296. border-radius: 4px 4px 0 0;
  297. }
  298.  
  299. body .attachedFiles .attachmentList, .sectionFooter, body .userBanner{ background-image: none; }
  300.  
  301. body .discussionList .sectionFooter{ border-radius: 0px 0px 4px 4px; border-bottom: 0; }
  302. body .DiscussionListOptions{ margin-left: 10px; margin-right: 10px; }
  303. body .itemPageNav a{ color: #fff; }
  304.  
  305. body .bbCodeQuote .quoteContainer{ border-radius: 0px 0px 3px 3px; }
  306.  
  307. <xen:if is="@fontawesome">
  308.  
  309. .LoggedIn .discussionListItem .unreadLink,
  310. .LoggedIn .discussionListItem .ReadToggle{
  311. background: none transparent !important;
  312. text-indent: 0 !important;
  313. }
  314.  
  315. .LoggedIn .discussionListItem .unreadLink:before,
  316. .LoggedIn .discussionListItem .ReadToggle:before{
  317. font-size: 10px;
  318. content: "\f067";
  319. width: 10px; height: 10px;
  320. font-size: 10px !important;
  321. display: block;
  322. }
  323.  
  324. </xen:if>
  325.  
  326. <xen:if is="@transparentContent">
  327. #content > .pageWidth > .pageContent,
  328. #forums.sectionMain,
  329. #loginBar .xenForm{
  330. background: none transparent;
  331. }
  332. .mainProfileColumn,
  333. .xenForm,
  334. .message{
  335. background-color: @contentBackground;
  336. }
  337.  
  338. #content > .pageWidth > .pageContent{ padding: 2px 0; }
  339.  
  340. .mainProfileColumn{ padding: 0 10px 10px 0; }
  341. body .profilePage .mast{ border: 0; }
  342.  
  343. body .xenForm .submitUnit { padding-bottom: 5px; }
  344. .xenForm h3.textHeading{ padding-left: 10px; }
  345.  
  346. .linkGroup a,
  347. .pageNavHeader{
  348. color: #fff;
  349. background: rgba(0,0,0,0.5);
  350. border-radius: 3px;
  351. padding: 3px 6px;
  352. }
  353.  
  354. .PageNav .pageNavHeader{ padding-top: 1px !important; padding-bottom: 1px !important; }
  355.  
  356. .linkGroup.SelectionCountContainer a{ color: #fff !important; }
  357. .PageNav .pageNavHeader{ padding: 0px 6px; }
  358.  
  359. .linkGroup.SelectionCountContainer a:hover{
  360. background: rgba(0,0,0,0.6);
  361. }
  362.  
  363. .linkGroup a.callToAction{ background: none transparent; }
  364.  
  365. .member_notable .mainContent .section{ margin-top: 0; }
  366. #messageList{ border: 0; padding: 0; }
  367.  
  368. .discussionList .sectionHeaders{ border-left: 0 !important; border-right: 0 !important; }
  369. </xen:if>
  370.  
  371. <xen:if is="!@fontawesome">
  372. /* Sidebar icons */
  373. .forum_list .sidebar .section h3:before{
  374. content: "";
  375. float: left;
  376. width: 16px; height: 16px;
  377. margin: -1px 6px -5px 0;
  378. background: url(@imagePath/xenfocus/sidebarSprite.png) no-repeat 0 0;
  379. }
  380. .forum_list .sidebar .section.staffOnline h3:before{ background-position: 0 -16px; }
  381. .forum_list .sidebar .section.membersOnline h3:before{ background-position: 0 -32px; }
  382. .forum_list .sidebar .section .statsList h3:before{ background-position: 0 -48px; }
  383. .forum_list .sidebar .section.sharePage h3:before{ background-position: 0 -64px; }
  384. </xen:if>
  385.  
  386. body .message .publicControls a.item{ margin-left: 5px; margin-right: 0; }
  387. body .message .publicControls .MultiQuoteControl{ border-radius: 3px; padding-top: 1px; padding-bottom: 1px; }
  388. body .message .publicControls .MultiQuoteControl.active{ background: @altPrimary; }
  389.  
  390. <xen:if is="!@fontawesome">
  391. /* Post button icons */
  392. .messageMeta .control:before{
  393. content: "";
  394. display: inline-block;
  395. vertical-align: top;
  396. width: 16px; height: 16px;
  397. margin: -1px 6px -5px -2px;
  398. background: url(@imagePath/xenfocus/postButtonSprite.png) no-repeat 0 0;
  399. }
  400. .messageMeta .control.edit:before{ background-position: 0 -16px; }
  401. .messageMeta .control.delete:before{ background-position: 0 -32px; }
  402. .messageMeta .control.ip:before{ background-position: 0 -48px; }
  403. .messageMeta .control.report:before{ background-position: 0 -64px; }
  404. .messageMeta .control.reply:before{ background-position: 0 -80px; }
  405. .messageMeta .control.like:before{ background-position: 0 -96px; }
  406. .messageMeta .control.unlike:before{ background-position: 0 -112px; }
  407. .messageMeta .control.warn:before{ background-position: 0 -112px; }
  408. .messageMeta .control.deleteSpam:before{ background-position: 0 -128px; }
  409. </xen:if>
  410.  
  411. <xen:if is="!@privateControlIcons">
  412. .messageMeta .privateControls .control:before{ display: none; }
  413. </xen:if>
  414. <xen:if is="!@publicControlIcons">
  415. .messageMeta .publicControls .control:before{ display: none; }
  416. </xen:if>
  417.  
  418. <xen:if is="@fadedPostControls">
  419. @media (min-width:1025px){
  420. .message .messageMeta .control{
  421. opacity: 0.15;
  422. -webkit-transition: opacity ease-in-out 0.1s;
  423. -moz-transition: opacity ease-in-out 0.1s;
  424. transition: opacity ease-in-out 0.1s;
  425. }
  426. .message .messageMeta .privateControls .control{ opacity: 0; }
  427. body .message:hover .messageMeta .control{ opacity: 1; }
  428. }
  429. </xen:if>
  430.  
  431. .message .publicControls, .message .privateControls{ min-height: 26px; line-height: 24px; }
  432. .message .publicControls .item.muted{ float: right; }
  433.  
  434. <xen:if is="@boxedPosts"><xen:if is="@enableResponsive">
  435. @media (min-width:1000px){
  436. /* Post control bar */
  437. body .message{
  438. position: relative;
  439. padding-bottom: 57px !important;
  440. padding-top: 10px !important;
  441. margin-bottom: 12px !important;
  442. }
  443. body .quickReply.message{ padding-bottom: 10px !important; }
  444. .thread_view .messageMeta{
  445. position: absolute;
  446. bottom: 5px; left: 5px; right: 5px;
  447. padding: 10px 10px 10px 150px !important;
  448. border-top: 1px solid @primaryLighterStill;
  449. background: @primaryLightest;
  450. }
  451.  
  452. /* .thread_view .message:hover .messageMeta{
  453. border-top: 1px solid @primaryLighterStill;
  454. background: @primaryLightest;
  455. } */
  456.  
  457. .thread_view .message .privateControls .authorEnd{ display: none; }
  458. .thread_view .messageMeta .InlineModCheck{ position: relative; top: 5px; }
  459. }
  460. </xen:if></xen:if>
  461.  
  462. <xen:if is="@noAuthorBox"><xen:if is="@enableResponsive">
  463. @media (min-width:@maxResponsiveNarrowWidth){
  464. .message .messageUserBlock, .message .messageUserBlock div.avatarHolder{ background: none transparent; border: 0; }
  465. .message .messageUserBlock div.avatarHolder{ text-align: center; }
  466. .message .messageUserBlock .arrow, .message .userBanner .before, .message .userBanner .after{ display: none !important; }
  467. .message .messageUserBlock h3.userText{ text-align: center; padding-left: 0; }
  468. .message .messageUserBlock .userBanner{ border-radius: 3px; margin-left: 0; margin-right: 0; }
  469.  
  470. }
  471. </xen:if></xen:if>
  472.  
  473. body .message .newIndicator{ margin-right: -28px; }
  474.  
  475. .footerLegal, .footerLegal a, .footerLegal .pairsInline dt, #copyright{ color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 3px; }
  476. .footerLegal .pairsInline dt{ opacity: 0.7; }
  477.  
  478. /* Remove the following if search box is inline with nav */
  479. /* .withSearch .navTabs .navTab.selected .blockLinksList{ margin-right: 8px; } */
  480.  
  481. #QuickSearch{ top: -40px; right: 5px; background: none transparent; }
  482. #QuickSearch.active{ background-color: @content.background-color; box-shadow: 0px 3px 6px rgba(0,0,0,0.25); }
  483. #QuickSearch:not(.active) #QuickSearchQuery{ background: #fff; box-shadow: none; border-color: #fff; border-radius: 3px; }
  484.  
  485. .pageContent > .sharePage{
  486. box-shadow: rgba(0,0,0,0.05) 0px 1px 3px;
  487. padding: 10px;
  488. background: @contentBackground;
  489. }
  490.  
  491. .pageContent > .sharePage h3{
  492. color: @sidebarBlockHeading.color;
  493. font-size: 12px !important;
  494. padding: 10px;
  495. margin: -10px -10px 10px -10px;
  496. border: 0;
  497. border-bottom: 1px solid @primaryLighterStill;
  498. background: @primaryLightest;
  499. }
  500.  
  501. form#login input.button.primary{
  502. color: #fff;
  503. text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
  504. background: #555;
  505. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
  506. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0)));
  507. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
  508. background-image: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
  509. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
  510. background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
  511. border: 0;
  512. box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px;
  513. }
  514.  
  515. form#login input.button.primary:hover{ background-color: #666; }
  516.  
  517. body #pageNodeNavigation{
  518. box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
  519. border-radius: 0;
  520. }
  521.  
  522. /* .quickReply.message{ border: 0; }
  523. .mainProfileColumn{ background: @primaryLightest; } */
  524. #ProfilePanes{ padding-right: 8px; padding-bottom: 8px; min-height: 580px; }
  525.  
  526. <xen:if is="!@faForumIcons">
  527. <xen:if is="@squareNodeIcons">
  528. .nodeIcon{
  529. border-radius: 3px;
  530. background-color: #757575;
  531. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%);
  532. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(255,255,255,0)));
  533. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
  534. background-image: -o-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
  535. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
  536. background-image: linear-gradient(to bottom, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
  537. box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
  538. }</xen:if>
  539.  
  540. <xen:if is="@customNodeIcons">
  541. .node_2 .nodeIcon{ background: url(@imagePath/xenfocus/nodes/nodeIcon_2.png) no-repeat 50% 50% !important; }
  542. .node_3 .nodeIcon{ background: url(@imagePath/xenfocus/nodes/nodeIcon_3.png) no-repeat 50% 50% !important; }
  543. .node_11 .nodeIcon{ background: url(@imagePath/xenfocus/nodes/nodeIcon_11.png) no-repeat 50% 50% !important; }
  544. .node_7 .nodeIcon{ background: url(@imagePath/xenfocus/nodes/nodeIcon_7.png) no-repeat 50% 50% !important; }
  545. .node_8 .nodeIcon{ background: url(@imagePath/xenfocus/nodes/nodeIcon_8.png) no-repeat 50% 50% !important; }
  546.  
  547. .nodeIcon{ opacity: 0.25; }
  548. .unread .nodeIcon, .linkNodeInfo .nodeIcon, .pageNodeInfo .nodeIcon{ opacity: 1; }
  549.  
  550. <xen:if is="@grayNodeIcons">
  551. /* Restrict from mobiles */
  552. @media (min-width:@maxResponsiveWideWidth){
  553. .nodeIcon{ -webkit-filter: grayscale(100%); }
  554. .unread .nodeIcon, .linkNodeInfo .nodeIcon, .pageNodeInfo .nodeIcon{ -webkit-filter: grayscale(0%); }
  555. }</xen:if>
  556.  
  557. </xen:if></xen:if>
  558.  
  559. <xen:if is="@fontawesome">
  560.  
  561. /* Font Awesome */
  562.  
  563. .navTab.account a strong:before,
  564. .navTab.inbox a:before,
  565. .navTab.alerts a:before,
  566. #AccountMenu .menuColumns a:before,
  567. .tabLinks a:before,
  568. .breadcrumb a.jumpMenuTrigger:before,
  569. <xen:if is="@faForumIcons">.nodeIcon:before,</xen:if>
  570. .forum_list .sidebar .section h3:before,
  571. .node .nodeLastPost .lastThreadTitle span:before,
  572. .messageMeta .control:before,
  573. .Responsive #QuickSearchPlaceholder:before,
  574. body .node .tinyIcon:before,
  575. body .footerLinks a.globalFeed:before,
  576. .LoggedIn .discussionListItem .unreadLink:before,
  577. .LoggedIn .discussionListItem .ReadToggle:before,
  578. #logo:after{
  579. display: inline-block;
  580. font-family: FontAwesome;
  581. font-style: normal;
  582. font-weight: normal;
  583. line-height: 0px;
  584. font-size: 14px;
  585. -webkit-font-smoothing: antialiased;
  586. -moz-osx-font-smoothing: grayscale;
  587. vertical-align: middle;
  588. /* color: inherit !important; */
  589. }
  590.  
  591. .navTab.account a strong:before{ margin: -1px 7px 0 0; content: "\f007"; }
  592. .navTab.inbox a:before{ margin: -1px 7px 0 0; content: "\f01c"; }
  593. .navTab.alerts a:before{ margin: -1px 7px 0 0; content: "\f0ac"; }
  594.  
  595. #AccountMenu .menuColumns a:before{ font-size: 14px !important; opacity: 0.6; position: relative; left: -3px; }
  596. #AccountMenu .menuColumns a:hover:before{ opacity: 1; }
  597. #AccountMenu a[href*="/personal-details"]:before{ content: "\f007" }
  598. #AccountMenu a[href*="/signature"]:before{ content: "\f040" }
  599. #AccountMenu a[href*="/contact-details"]:before{ content: "\f0e0" }
  600. #AccountMenu a[href*="/privacy"]:before{ content: "\f06e" }
  601. #AccountMenu a[href*="/preferences"]:before{ content: "\f14a" }
  602. #AccountMenu a[href*="/alert-preferences"]:before{ content: "\f0ac" }
  603. #AccountMenu a[href*="/avatar"]:before{ content: "\f03e" }
  604. #AccountMenu a[href*="/security"]:before{ content: "\f084" }
  605. #AccountMenu a[href*="/news-feed"]:before{ content: "\f03a" }
  606. #AccountMenu a[href*="conversations"]:before{ content: "\f036" }
  607. #AccountMenu a[href*="/alerts"]:before{ content: "\f0ac" }
  608. #AccountMenu a[href*="/likes"]:before{ content: "\f087" }
  609. #AccountMenu a[href*="search/member"]:before{ content: "\f0cb" }
  610. #AccountMenu a[href*="/following"]:before{ content: "\f061" }
  611. #AccountMenu a[href*="/ignored"]:before{ content: "\f05e" }
  612. #AccountMenu a[href*="logout"]:before{ content: "\f053" }
  613. #AccountMenu { width: 294px; }
  614. #AccountMenu .menuColumns a:before{ margin: -1px 7px 0 0; font-size: 11px; width: 10px; }
  615. #AccountMenu .menuColumns a, #AccountMenu .menuColumns label { width: 125px; }
  616. #AccountMenu .statusPoster textarea { width: 265px; }
  617.  
  618. .tabLinks a:before{ margin: -1px 7px 0 0; font-size: 14px; }
  619. .tabLinks a[href*="/mark-read"]:before{ content: "\f14a" }
  620. .tabLinks a[href*="search/"]:before{ content: "\f002" }
  621. .tabLinks a[href*="watched/forums"]:before{ content: "\f00b" }
  622. .tabLinks a[href*="watched/threads"]:before{ content: "\f03a" }
  623. .tabLinks a[href*="find-new/posts"]:before{ content: "\f0fe" }
  624. .tabLinks a[href*="members/"]:before{ content: "\f007" }
  625. .tabLinks a[href*="online/"]:before{ content: "\f0ac" }
  626. .tabLinks a[href*="recent-activity/"]:before{ content: "\f017" }
  627.  
  628. .breadcrumb a.jumpMenuTrigger{ background: none transparent; text-indent: 0; text-align: center; }
  629. .breadcrumb a.jumpMenuTrigger:before{ margin: 1px 0 0 0; content: "\f03a"; font-size: 14px; }
  630.  
  631. <xen:if is="@faForumIcons">.nodeIcon{ background: none transparent !important; text-align: center; }
  632. .nodeIcon:before{ content: "\f075"; color: @altPrimary; font-size: 30px; line-height: 30px; margin: 3px 0 0 0; opacity: 0.15; }
  633. .unread .nodeIcon:before{ content: "\f086"; opacity: 1; }
  634. .link .nodeIcon:before{ content: "\f061"; opacity: 1; }
  635. .page .nodeIcon:before{ content: "\f0f6"; opacity: 1; }</xen:if>
  636.  
  637. .forum_list .sidebar .section h3:before{ margin: -1px 7px 0 0; content: "\f02b"; font-size: 14px; }
  638. .forum_list .sidebar .section.staffOnline h3:before{ content: "\f0e3"; }
  639. .forum_list .sidebar .section.membersOnline h3:before{ content: "\f017"; }
  640. .forum_list .sidebar .section .statsList h3:before{ content: "\f080"; }
  641. .forum_list .sidebar .section.sharePage h3:before{ content: "\f0ac"; }
  642.  
  643. .lastThreadTitle{ font-weight: bold; }
  644. .node .nodeLastPost .lastThreadTitle span { float: left; height: 16px; width: 16px; margin: 1px 5px -6px 0; overflow: hidden; display: none; }
  645. .node .nodeLastPost .lastThreadTitle span:before{ line-height: 16px; display: block; content: "\f086"; font-size: 14px; color: @mutedTextColor; }
  646.  
  647. .messageMeta .control:before{
  648. content: "";
  649. position: relative;
  650. margin: -3px 5px 0px -2px;
  651. font-size: 14px;
  652. line-height: 0px;
  653. opacity: 0.7;
  654. }
  655. .messageMeta .control:hover:before{ opacity: 1; }
  656. .messageMeta .control.edit:before{ content: "\f040"; }
  657. .messageMeta .control.delete:before{ content: "\f00d"; }
  658. .messageMeta .control.ip:before{ content: "\f0ac"; }
  659. .messageMeta .control.report:before{ content: "\f165"; }
  660. .messageMeta .control.reply:before{ content: "\f075"; }
  661. .messageMeta .control.like:before{ content: "\f164"; }
  662. .messageMeta .control.unlike:before{ content: "\f165"; }
  663. .messageMeta .control.warn:before{ content: "\f071"; }
  664. .messageMeta .control.deleteSpam:before{ content: "\f014"; }
  665.  
  666. body .footerLinks a.globalFeed,
  667. body .node .tinyIcon {
  668. background: #ee8822;
  669. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
  670. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0)));
  671. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
  672. background-image: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
  673. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
  674. background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
  675. color: #fff;
  676. text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
  677. border-radius: 3px;
  678. box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
  679. text-indent: 0;
  680. text-align: center;
  681. text-decoration: none;
  682. overflow: hidden;
  683. }
  684.  
  685. body .footerLinks a.globalFeed:before,
  686. body .node .tinyIcon:before{ content: "\f09e"; display: block; line-height: 17px; font-size: 12px; }
  687. body .footerLinks a.globalFeed:before{ font-size: 10px; }
  688.  
  689. .Responsive #QuickSearchPlaceholder {
  690. background: none transparent;
  691. border-radius: 0;
  692. font-size: 14px;
  693. text-indent: 0px;
  694. text-align: center;
  695. }
  696.  
  697. .Responsive #QuickSearchPlaceholder:before{ display: block; height: 16px; line-height: 16px; content: "\f002"; color: #fff; }
  698.  
  699. </xen:if>
  700.  
  701. /* Xenfocus fixes */
  702.  
  703. <xen:if is="!@fontawesome">
  704. .node .nodeLastPost .lastThreadTitle span{
  705. width: 16px; height: 16px;
  706. overflow: hidden; text-indent: -999px;
  707. float: left;
  708. margin: 1px 5px -6px 0;
  709. background: url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -80px -16px;
  710. }
  711. </xen:if>
  712. .skin_branding{ float: left; padding-left: 15px; }
  713. .skin_branding a{ float: none; display: inline-block; padding-left: 0; padding-right: 0; }
  714. .insideSidebar{ padding: 10px; }
  715. .node .nodeLastPost .noMessages{ line-height: 36px !important; }
  716. .messageUserBlock .userBanner{ margin-top: 6px; padding-top: 4px; padding-bottom: 4px; }
  717. .quote{ padding-left: 3px; }
  718. /* Fix wider search input */
  719. .formPopup{ width: 256px; }
  720. .xenForm .submitUnit{ padding-top: 5px; }
  721. .navigationSideBar li a.secondaryContent{
  722. border: 0;
  723. @property "primaryContent.border";
  724. border-bottom: 1px solid @primaryLighterStill;
  725. @property "/primaryContent.border";
  726. }
  727. /* Clear index avatar in sidebar */
  728. .section.visitorPanel .secondaryContent:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
  729. .footerLinks a.globalFeed{ width: 16px; height: 16px; margin: 9px 5px 0 5px; }
  730. .thread_create .surplusLabel .textCtrl{ padding-left: 5px; padding-right: 0px; }
  731. .thread_create #ctrl_title_thread_create{ box-shadow: none; padding: 3px; }
  732. .titleBar .prefix{ position: relative; top: -2px; }
  733. .PageNav .pageNavHeader{ margin-right: 7px; }
  734. .PageNav a.text{ padding: 0 7px; }
  735. .messageUserBlock .userTitle{ padding-top: 4px; }
  736. .userBanner{ box-shadow: rgba(0,0,0,0.1) 0px 1px 4px; }
  737. #QuickSearch .moreOptions{ margin: 0 29px 0 115px; }
  738. #QuickSearch .formPopup{ background: none transparent; }
  739. #QuickSearch .Popup .arrowWidget{ margin-left: 2px; margin-top: 0; }
  740. body #moderatorBar{ border: 0; }
  741. /* Align userlinks correctly and remove border from secondaryContent */
  742. .styleChooser .secondaryContent,
  743. .navPopup .secondaryContent,
  744. .secondaryContent.blockLinksList,
  745. #AccountMenu .menuColumns, #jumpMenu .secondaryContent{ border: 0; }
  746. .PageNav .scrollable{ height: 30px; }
  747. .formOverlay.AvatarEditor .avatarOption{ background: none transparent; border: 0; }
  748. .message.deleted .messageMeta .control{ margin-bottom: 0px; }
  749. body .afterDiscussionListHandle{ margin-top: 25px; }
  750. body .textWithCount.subHeading .text{ color: inherit; }
  751. body .textWithCount.subHeading .count{ text-shadow: none; }
  752. body .messageSimple .messageMeta{ line-height: 16px; }
  753. .discussionListItemEdit .textCtrl{ text-shadow: none; }
  754. input[type="submit"], input[type="reset"], label{ cursor: pointer; }
  755. .xenForm.formOverlay .ctrlUnit div.textCtrl{ padding-right: 0; }
  756. #ctrl_title_thread_edit{ box-shadow: none; }
  757. .help_cookies .baseHtml, .help_terms .baseHtml{ padding: 10px; }
  758. #ProfilePostList .messageMeta .control:before{ display: none !important; }
  759. body .xenOverlay.timedMessage{ background: rgba(255,255,255,0.88); }
  760.  
  761. /* Responsive tweaks */
  762. <xen:if is="@enableResponsive">
  763.  
  764. @media (max-width:768px){
  765. .Responsive .pageWidth{
  766. width: auto;
  767. }
  768.  
  769. .Responsive body .message{ margin-bottom: 10px !important; }
  770.  
  771. .Responsive #blurredBackground {display: none; }
  772. .Responsive #clearBackground{ position: absolute; }
  773. }
  774.  
  775. @media (max-width:1010px){
  776. .Responsive .pageWidth{ min-width: 0; }
  777. }
  778.  
  779. @media (max-width:@maxResponsiveMediumWidth){
  780. .Responsive #QuickSearch{ top: -25px; right: 15px; }
  781. .Responsive .message .messageMeta .control{ opacity: 1; }
  782. .Responsive .messageList .message{ padding: 10px 0; }
  783. .Responsive .idxStats{ display: none; }
  784. .Responsive #forums .nodeText{ padding-right: 0; }
  785. }
  786.  
  787. @media (max-width:@maxResponsiveNarrowWidth){
  788. .Responsive #logo a.textLogo{ font-size: 45px; }
  789. .Responsive .navTabs{ border-radius: 0; }
  790. .Responsive .messageUserBlock{ background: @primaryLightest; border-radius: 4px 4px 0px 0px; border-width: 0px 0px 1px 0px; }
  791. .Responsive .messageList .message{ padding-top: 0; margin-bottom: 10px; }
  792. .Responsive .messageUserBlock a.username{ line-height: 14px; }
  793. .Responsive .messageUserBlock .userBanner{ margin-top: 2px; padding-top: 2px; padding-bottom: 2px; }
  794. .Responsive .messageUserBlock h3.userText{ padding: 5px 0 0px 8px; }
  795. .Responsive .message .privateControls .item.muted{
  796. float: none;
  797. display: block;
  798. padding-bottom: 10px;
  799. }
  800. .Responsive .message .privateControls, .Responsive .message .publicControls{ float: none; }
  801. .Responsive .message .publicControls .item{ margin-left: 5px; }
  802. .Responsive .message .messageMeta .control{ margin-top: 0; margin-bottom: 2px; }
  803. .Responsive .messageMeta .control:before{ display: none; }
  804. .Responsive .skin_branding{ padding-left: 8px; }
  805. .Responsive .skin_branding span{ display: none; }
  806.  
  807. <xen:if is="@fontawesome">.Responsive .navTab.account a strong:before, .Responsive .navTab.inbox a:before, .Responsive .navTab.alerts a:before{ display: none; }</xen:if>
  808.  
  809. }
  810.  
  811. /* @media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
  812. .Responsive .navTab.account a strong:before,
  813. .Responsive .navTab.inbox a:before,
  814. .Responsive .navTab.alerts a:before{
  815. background-image: url(@imagePath/xenfocus/userLinkIcons-2x.png);
  816. background-size: 54px 54px;
  817. }
  818. } */
  819. </xen:if>
  820.  
  821. /* custom status icons */
  822.  
  823. /* node id 80 - speakeasy */
  824.  
  825. .node_80 .nodeIcon {
  826.  
  827. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  828. background-position: -720px -40px !important;
  829. }
  830.  
  831. /* node id 8 - introductions */
  832.  
  833. .node_8 .nodeIcon {
  834.  
  835. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  836. background-position: 0px 0px !important;
  837.  
  838. }
  839.  
  840. /* node id 9 - news and articles */
  841.  
  842. .node_9 .nodeIcon {
  843.  
  844. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  845. background-position: -40px 0 !important;
  846.  
  847. }
  848.  
  849. /* node id 4 - stories */
  850.  
  851. .node_4 .nodeIcon {
  852.  
  853. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  854. background-position: -80px 0 !important;
  855.  
  856. }
  857.  
  858. /* node id 6 - pictures */
  859.  
  860. .node_6 .nodeIcon {
  861.  
  862. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  863. background-position: -120px 0 !important;
  864.  
  865. }
  866.  
  867. /* node id 77 - videos */
  868.  
  869. .node_77 .nodeIcon {
  870.  
  871. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  872. background-position: -160px 0 !important;
  873.  
  874. }
  875.  
  876. /* node id 7 - obituaries */
  877.  
  878. .node_7 .nodeIcon {
  879.  
  880. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  881. background-position: -200px 0 !important;
  882.  
  883. }
  884.  
  885. /* node id 33 - events */
  886.  
  887. .node_33 .nodeIcon {
  888.  
  889. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  890. background-position: -240px 0 !important;
  891.  
  892. }
  893.  
  894. /* node id 157 - destinations */
  895.  
  896. .node_157 .nodeIcon {
  897.  
  898. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  899. background-position: -280px 0 !important;
  900.  
  901. }
  902.  
  903. /* node id 34 - urban exploration */
  904.  
  905. .node_34 .nodeIcon {
  906.  
  907. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  908. background-position: -320px 0 !important;
  909.  
  910. }
  911.  
  912. /* node id 36 - international travel */
  913.  
  914. .node_36 .nodeIcon {
  915.  
  916. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  917. background-position: -360px 0 !important;
  918.  
  919. }
  920.  
  921. /* node id 13 - ride board */
  922.  
  923. .node_13 .nodeIcon {
  924.  
  925. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  926. background-position: -400px 0 !important;
  927.  
  928. }
  929.  
  930. /* node id 81 - meet up */
  931.  
  932. .node_81 .nodeIcon {
  933.  
  934. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  935. background-position: -440px 0 !important;
  936.  
  937. }
  938.  
  939. /* node id 84 - crust surfing */
  940.  
  941. .node_84 .nodeIcon {
  942.  
  943. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  944. background-position: -480px 0 !important;
  945.  
  946. }
  947.  
  948. /* node id 83 - missed connections */
  949.  
  950. .node_83 .nodeIcon {
  951.  
  952. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  953. background-position: -520px 0 !important;
  954.  
  955. }
  956.  
  957. /* node id 52 - untrustworthy people */
  958.  
  959. .node_52 .nodeIcon {
  960.  
  961. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  962. background-position: -560px 0 !important;
  963.  
  964. }
  965.  
  966. /* node id 32 - destinations by region */
  967.  
  968. .node_32 .nodeIcon {
  969.  
  970. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  971. background-position: -720px -40px !important;
  972.  
  973. }
  974.  
  975. /* node id 200 - north america */
  976.  
  977. .node_200 .nodeIcon {
  978.  
  979. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  980. background-position: 0px -80px !important;
  981.  
  982. }
  983.  
  984. /* node id 196 - canada */
  985.  
  986. .node_196 .nodeIcon {
  987.  
  988. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  989. background-position: -240px -80px !important;
  990.  
  991. }
  992.  
  993. /* node id 190 - united states */
  994.  
  995. .node_190 .nodeIcon {
  996.  
  997. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  998. background-position: -280px -80px !important;
  999.  
  1000. }
  1001.  
  1002. /* node id 198 - mexico */
  1003.  
  1004. .node_198 .nodeIcon {
  1005.  
  1006. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1007. background-position: -320px -80px !important;
  1008.  
  1009. }
  1010.  
  1011. /* node id 199 - central america */
  1012.  
  1013. .node_199 .nodeIcon {
  1014.  
  1015. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1016. background-position: -360px -80px !important;
  1017.  
  1018. }
  1019.  
  1020. /* node id 191 - south america */
  1021.  
  1022. .node_191 .nodeIcon {
  1023.  
  1024. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1025. background-position: -40px -80px !important;
  1026.  
  1027. }
  1028.  
  1029. /* node id 192 - europe */
  1030.  
  1031. .node_192 .nodeIcon {
  1032.  
  1033. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1034. background-position: -80px -80px !important;
  1035.  
  1036. }
  1037.  
  1038. /* node id 193 - asia */
  1039.  
  1040. .node_193 .nodeIcon {
  1041.  
  1042. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1043. background-position: -120px -80px !important;
  1044.  
  1045. }
  1046.  
  1047. /* node id 194 - africa */
  1048.  
  1049. .node_194 .nodeIcon {
  1050.  
  1051. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1052. background-position: -160px -80px !important;
  1053.  
  1054. }
  1055.  
  1056. /* node id 195 - oceania */
  1057.  
  1058. .node_195 .nodeIcon {
  1059.  
  1060. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1061. background-position: -200px -80px !important;
  1062.  
  1063. }
  1064.  
  1065. /* node id 204 - destinations by category */
  1066.  
  1067. .node_204 .nodeIcon {
  1068.  
  1069. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1070. background-position: -760px -40px !important;
  1071.  
  1072. }
  1073.  
  1074. /* node id 205 - natural wonders */
  1075.  
  1076. .node_205 .nodeIcon {
  1077.  
  1078. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1079. background-position: -280px 0px !important;
  1080.  
  1081. }
  1082.  
  1083. /* node id 206 - commercial curiousities */
  1084.  
  1085. .node_206 .nodeIcon {
  1086.  
  1087. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1088. background-position: -400px -80px !important;
  1089.  
  1090. }
  1091.  
  1092. /* node id 207 - museums */
  1093.  
  1094. .node_207 .nodeIcon {
  1095.  
  1096. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1097. background-position: -480px -80px !important;
  1098.  
  1099. }
  1100.  
  1101. /* node id 208 - roadside attractions */
  1102.  
  1103. .node_208 .nodeIcon {
  1104.  
  1105. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1106. background-position: -440px -80px !important;
  1107.  
  1108. }
  1109.  
  1110. /* node id 217 - equipment and gear */
  1111.  
  1112. .node_217 .nodeIcon {
  1113.  
  1114. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1115. background-position: -602px -1px !important;
  1116.  
  1117. }
  1118.  
  1119. /* node id 15 - vandwelling */
  1120.  
  1121. .node_15 .nodeIcon {
  1122.  
  1123. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1124. background-position: -640px 0 !important;
  1125.  
  1126. }
  1127.  
  1128. /* node id 11 - hitchhiking */
  1129.  
  1130. .node_11 .nodeIcon {
  1131.  
  1132. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1133. background-position: -680px 0 !important;
  1134.  
  1135. }
  1136.  
  1137. /* node id 49 - train hopping */
  1138.  
  1139. .node_49 .nodeIcon {
  1140.  
  1141. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1142. background-position: -720px 0 !important;
  1143.  
  1144. }
  1145.  
  1146. /* node id 78 - sailing */
  1147.  
  1148. .node_78 .nodeIcon {
  1149.  
  1150. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1151. background-position: -760px 0 !important;
  1152.  
  1153. }
  1154.  
  1155. /* node id 60 - bike touring */
  1156.  
  1157. .node_60 .nodeIcon {
  1158.  
  1159. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1160. background-position: 0px -40px !important;
  1161.  
  1162. }
  1163.  
  1164. /* node id 12 - other forms of travel */
  1165.  
  1166. .node_12 .nodeIcon {
  1167.  
  1168. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1169. background-position: -40px -40px !important;
  1170.  
  1171. }
  1172.  
  1173. /* node id 20 - squatting */
  1174.  
  1175. .node_20 .nodeIcon {
  1176.  
  1177. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1178. background-position: -80px -40px !important;
  1179.  
  1180. }
  1181.  
  1182. /* node id 202 - alternative housing */
  1183.  
  1184. .node_202 .nodeIcon {
  1185.  
  1186. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1187. background-position: -640px -40px !important;
  1188.  
  1189. }
  1190.  
  1191. /* node id 24 - wilderness squatting */
  1192.  
  1193. .node_24 .nodeIcon {
  1194.  
  1195. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1196. background-position: -120px -40px !important;
  1197.  
  1198. }
  1199.  
  1200. /* node id 18 - how 2 */
  1201.  
  1202. .node_18 .nodeIcon {
  1203.  
  1204. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1205. background-position: -160px -40px !important;
  1206.  
  1207. }
  1208.  
  1209. /* node id 17 - making a living */
  1210.  
  1211. .node_17 .nodeIcon {
  1212.  
  1213. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1214. background-position: -200px -40px !important;
  1215.  
  1216. }
  1217.  
  1218. /* node id 23 - staying healthy */
  1219.  
  1220. .node_23 .nodeIcon {
  1221.  
  1222. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1223. background-position: -242px -42px !important;
  1224.  
  1225. }
  1226.  
  1227. /* node id 26 - sex and relationships */
  1228.  
  1229. .node_26 .nodeIcon {
  1230.  
  1231. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1232. background-position: -280px -40px !important;
  1233.  
  1234. }
  1235.  
  1236. /* node id 50 - furry nomads */
  1237.  
  1238. .node_50 .nodeIcon {
  1239.  
  1240. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1241. background-position: -320px -40px !important;
  1242.  
  1243. }
  1244.  
  1245. /* node id 22 - punk as fuck kitchen */
  1246.  
  1247. .node_22 .nodeIcon {
  1248.  
  1249. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1250. background-position: -360px -40px !important;
  1251.  
  1252. }
  1253.  
  1254. /* node id 25 - music */
  1255.  
  1256. .node_25 .nodeIcon {
  1257.  
  1258. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1259. background-position: -400px -40px !important;
  1260.  
  1261. }
  1262.  
  1263. /* node id 19 - your projects */
  1264.  
  1265. .node_19 .nodeIcon {
  1266.  
  1267. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1268. background-position: -440px -40px !important;
  1269.  
  1270. }
  1271.  
  1272. /* node id 21 - black market */
  1273.  
  1274. .node_21 .nodeIcon {
  1275.  
  1276. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1277. background-position: -480px -40px !important;
  1278.  
  1279. }
  1280.  
  1281. /* node id 29 - general banter */
  1282.  
  1283. .node_29 .nodeIcon {
  1284.  
  1285. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1286. background-position: -520px -40px !important;
  1287.  
  1288. }
  1289.  
  1290. /* node id 30 - politics */
  1291.  
  1292. .node_30 .nodeIcon {
  1293.  
  1294. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1295. background-position: -560px -40px !important;
  1296.  
  1297. }
  1298.  
  1299. /* node id 31 - useful links */
  1300.  
  1301. .node_31 .nodeIcon {
  1302.  
  1303. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1304. background-position: -600px -40px !important;
  1305.  
  1306. }
  1307.  
  1308. /* node id 39 - StP Blog */
  1309.  
  1310. .node_39 .nodeIcon {
  1311.  
  1312. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1313. background-position: -640px -40px !important;
  1314.  
  1315. }
  1316.  
  1317. /* node id 79 - questions and feedback */
  1318.  
  1319. .node_79 .nodeIcon {
  1320.  
  1321. background: url(@imagePath/xenforo/status-icons_sprites.png) no-repeat 50% 50% !important;
  1322. background-position: -680px -40px !important;
  1323.  
  1324. }
  1325.  
  1326. /* fix for donation sidebar */
  1327.  
  1328. .donationSidebar .goal.solo .goalInfo li div,
  1329. .goal .goalInfo li div {
  1330. background: none !important;
  1331. border:none !important;
  1332. }
  1333.  
  1334. /* new indicator on forum sections */
  1335.  
  1336. .nodeInfo.unread .nodeTitle:after
  1337. {
  1338. background-color: #ac1212;
  1339. content: "NEW";
  1340. color: white;
  1341. border-radius: 2px;
  1342. margin-left: 5px;
  1343. padding: 1px 5px;
  1344. font-size: 9px; }
  1345.  
  1346. body .navPopup .listPlaceholder ol.secondaryContent.Unread{ background-color: rgb(40,40,40); }
  1347.  
  1348. /* fix for subform description bleedover */
  1349.  
  1350. @media (min-width: 991px){ body .node .nodeText{ margin-right: 450px; } }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement