API tools faq
paste
Advertisement
BaapJaan

M-Dark v1

BaapJaan
Apr 29th, 2024
542
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 14.09 KB | None | 0 0
raw download clone embed print report
  1. <xf:include template="xf_prefix.less" />
  2. /************************ Dark only ***********************/
  3. .XenTR .xentr-menu-body .is-selected .p-navEl-icon {
  4.     color: #FFF;
  5. }
  6. .button.button--cta, a.button.button--cta{
  7.     border-color: #009688;
  8.     background: #009688;
  9. }
  10.  
  11. .button.is-disabled, a.button.is-disabled {
  12.     background: #ffffff !important;
  13. }
  14. a.button--cta.button.button--icon.button--icon--write:hover {
  15.     background: #0f3651;
  16. }
  17. .block-header .normal--threads i {
  18.     color: #000000;
  19. }
  20. .pairs--customField a {
  21.     color: #009688;
  22. }
  23. .up-notice {
  24.     background: #23252f !important;
  25. }
  26. .donate-now img {
  27.     filter: invert(1);
  28. }
  29. /* END */
  30. .menu-footer-main ul li a {
  31.     padding: 3px 8px;
  32.     background: #009688;
  33.     color: white;
  34.     border-radius: 3px;
  35. }
  36. .notices--floating .notice.notice--primary {
  37.   background-color: #0f3652;
  38.   color: white;
  39. }
  40.  
  41. [data-template="forum_list"]{
  42.     .breadcrumb-content{
  43.         display: none;
  44.     }
  45.     .donate-now {
  46.         display: none;
  47.     }
  48. }
  49. .fr-wrapper a{color: #009688;}
  50. a{
  51.    
  52.     text-decoration: none !important;
  53. }
  54. [data-nav-id="110"] {
  55.     background: #002640 !important;
  56.     border-radius: 8px 0px 0px 8px;
  57. }
  58. [data-template="thread_view"]{
  59.     &[data-container-key="node-12"], &[data-container-key="node-13"]{
  60.     .mkrtl{
  61.         direction: rtl;
  62.         text-align: right;
  63.         unicode-bidi: isolate;
  64.         font-family: "Noto Kufi Arabic", sans-serif;
  65.         font-optical-sizing: auto;
  66.         line-height: 1.7;
  67.     }
  68.     .mkltr {
  69.         direction: ltr;
  70.         text-align: left;
  71.         unicode-bidi: isolate;
  72.         font-family: "Noto Kufi Arabic", sans-serif;
  73.         font-optical-sizing: auto;
  74.         line-height: 1.7;
  75.     }
  76.     .mkrtl li {
  77.         text-align: right;
  78.         unicode-bidi: isolate;
  79.         font-family: "Noto Kufi Arabic", sans-serif;
  80.         font-optical-sizing: auto;
  81.         line-height: 1.7;
  82.     }
  83.     .mkltr li {
  84.         text-align: left;
  85.         unicode-bidi: isolate;
  86.         font-family: "Noto Kufi Arabic", sans-serif;
  87.         font-optical-sizing: auto;
  88.         line-height: 1.7;
  89.     }
  90.     .mkrtl li div {
  91.         text-align: right!important;
  92.         font-family: "Noto Kufi Arabic", sans-serif;
  93.         font-optical-sizing: auto;
  94.         line-height: 1.7;
  95.     }
  96.     .mkltr li div {
  97.         text-align: left!important;
  98.         font-family: "Noto Kufi Arabic", sans-serif;
  99.         font-optical-sizing: auto;
  100.         line-height: 1.7;
  101.     }
  102.     .mkrtl .bbCodeBlock-content div{
  103.         text-align: right!important;
  104.         direction: rtl;
  105.         unicode-bidi: bidi-override;
  106.         font-family: "Noto Kufi Arabic", sans-serif;
  107.         font-optical-sizing: auto;
  108.         line-height: 1.7;
  109.     }
  110.     .mkltr .bbCodeBlock-content div{
  111.         text-align: left!important;
  112.         direction: ltr;
  113.         text-align: left;
  114.         unicode-bidi: bidi-override;
  115.         font-family: "Noto Kufi Arabic", sans-serif;
  116.         font-optical-sizing: auto;
  117.         line-height: 1.7;
  118.     }
  119.     .p-body-header{
  120.             text-align: right!important;
  121.             direction: rtl;
  122.             unicode-bidi: bidi-override;
  123.             font-family: "Noto Kufi Arabic", sans-serif;
  124.             font-optical-sizing: auto;
  125.         }
  126.     .p-title-value {
  127.         margin-right: 10px;
  128.     }  
  129. }
  130. }
  131. [data-template="forum_view"]{
  132.     &[data-container-key="node-12"], &[data-container-key="node-13"]{
  133.         .structItem{
  134.             direction: rtl;
  135.         }
  136. }
  137. }
  138. [data-container-key="node-12"], [data-container-key="node-13"]{
  139.     .structItem-title{
  140.         font-size: 14px !important;
  141.         font-family: "Noto Kufi Arabic", sans-serif;
  142.         font-optical-sizing: auto;
  143.     }
  144. }
  145. .block--category8, .block--category9{
  146.     font-family: "Noto Kufi Arabic", sans-serif;
  147.     font-optical-sizing: auto;
  148. }
  149. /* XenVn */
  150. .verified {
  151.     font-size: 80%;
  152.     margin-left: 2px;
  153.     color: #07B8FF !important;
  154.     display: inline;
  155.     font-weight: 900;
  156. }
  157.  
  158. .userBanner.userBanner--reputation{
  159.     background: #F2920C;
  160. }
  161. #mSnackbarContainer .mSnackbar{
  162.     background: #23252F !important;
  163.     color: #FFF;
  164. }
  165. #mSnackbarContainer .mSnackbar a {
  166.     color: #02B19F !important;
  167. }
  168. /*ENDS*/
  169. /* Icons on Notable members page */
  170. [data-template="member_notable"] .p-body-sideNavContent a.blockLink,
  171. &[data-template="member_notable"] h3.block-textHeader a {
  172.     &:before {
  173.         .m-faBase();
  174.         padding-right: 5px;
  175.     }
  176.     &[href*="members/"]:before {
  177.         .m-faContent(@fa-var-ellipsis-h-alt);
  178.     }
  179.     &[href*="key=most_messages"]:before {
  180.         .m-faContent(@fa-var-comments);
  181.     }
  182.     &[href*="key=highest_reaction_score"]:before {
  183.         .m-faContent(@fa-var-thumbs-up);
  184.     }
  185.     &[href*="key=most_points"]:before {
  186.         .m-faContent(@fa-var-dot-circle);
  187.     }
  188.     &[href*="key=xfrm_most_resources"]:before {
  189.         .m-faContent(@fa-var-cog);
  190.     }
  191.     &[href*="key=xfmg_most_media_items"]:before {
  192.         .m-faContent(@fa-var-images);
  193.     }
  194.     &[href*="key=xfmg_most_albums"]:before {
  195.         .m-faContent(@fa-var-image);
  196.     }
  197.     &[href*="key=todays_birthdays"]:before {
  198.         .m-faContent(@fa-var-gift);
  199.     }
  200.     &[href*="key=staff_members"]:before {
  201.         .m-faContent(@fa-var-user-tie);
  202.     }
  203. }
  204. .p-header{
  205.     background:#0F3652 !important
  206. }
  207. .userBanner.userBanner--reputation{
  208.     display: inline-table !important;
  209. }
  210. .node-icon {
  211.     display: table-cell;
  212.     vertical-align: middle;
  213.     text-align: center;
  214.     width: 45px;
  215.     padding: 10px 0 10px 0px;
  216. }
  217. .fa-comments:before {
  218.     content: "\f4b6";
  219. }
  220. .node-icon i {
  221.     display: block;
  222.     font-size: 24px;
  223.     background: linear-gradient(180deg, #1c5e8b, #0f3652);
  224.     width: 40px;
  225.     height: 40px;
  226.     line-height: 40px;
  227.     border-radius: 10%;
  228.     margin-right: 20px;
  229. }
  230. .node-title a:hover {
  231.     color: #009688 !important;
  232. }
  233. .node-body {
  234.     border-radius: 4px;
  235.     background: #22242e !important;
  236.     padding: 10px;
  237.     margin-top: 10px !important;
  238.     box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
  239. }
  240. .node-body:hover {
  241.     background: #071723 !important;
  242.     border-left: 2px solid #009688;
  243.     box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
  244. }
  245. .node--read{
  246.     .fa, .fas {
  247.         font-family: 'Font Awesome 5 Pro';
  248.         position: relative;
  249.         font-weight: 400;
  250.         border-right: 2px solid #9799a8;
  251.         padding-right: 7px;
  252.         color: #009688 !important;
  253.     }
  254. }
  255. .node--unread{
  256.     .fa, .fas {
  257.         font-family: 'Font Awesome 5 Pro';
  258.         position: relative;
  259.         font-weight: 900;
  260.         border-right: 2px solid #9799a8;
  261.         padding-right: 7px;
  262.         color: #009688 !important;
  263.     }
  264. }
  265. .block-header:before {
  266.     background: #0f3652 !important;
  267.     border-bottom: 6px solid #0f3652 !important;
  268. }
  269. .block-header {
  270.     background: linear-gradient(180deg, #0f3652, #0f3652);
  271.     color: white;
  272. }
  273. .block-header a {
  274.     color: inherit;
  275.     text-decoration: none !important;
  276.     font-weight: bold;
  277. }
  278. .block--messages .block-container{
  279.     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1) !important;
  280. }
  281. .block-filterBar{
  282.     background: linear-gradient(180deg, #0f3652, #0f3652);
  283. }
  284. .block-filterBar .filterBar-filterToggle {
  285.     background: #2578b1;
  286.     color: #FFF;
  287. }
  288. .block-filterBar .filterBar-filterToggle:hover {
  289.     background: #47a7eb;
  290. }
  291. .block-filterBar .filterBar-menuTrigger {
  292.     color: #FFF;
  293. }
  294. .block-filterBar .filterBar-menuTrigger:hover{
  295.     background: #47a7eb;
  296. }
  297.  
  298. [data-template="category_view"]{
  299. .p-body-pageContent .block .block-container .block-body {
  300.     padding: 15px;
  301.     box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  302. }
  303. }
  304. [data-template="member_notable"]{
  305.     .block-header:before{
  306.         background: transparent !important;
  307.         border-bottom: unset !important;
  308.     }
  309.     .block-header{
  310.         background: transparent !important;
  311.     }
  312. }
  313. .XenTR .p-body-content .block--category .block-container {
  314.     border: none;
  315.     border-radius: 4px;
  316.     background: #2c2e3b;
  317.     box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
  318.     padding: 10px;
  319. }
  320. .XenTR .xentr-menu .vertival-nav-logo{
  321.     background: #0f3651;
  322. }
  323. .button.button--link, a.button.button--link {
  324.     background: #2b2e3b;
  325.     color: #d7dae8;
  326.     border-color: #414558;
  327. }
  328. /* UserBanner */
  329. .userBanner.xgtKullaniciafis {
  330.     padding: 3px 8px 3px 25px;
  331. }
  332. .xgtKullaniciafis-ikon:before {
  333.     font-weight: 800 !important;
  334.     min-width: 17px !important;
  335.     font-size: 12px !important;
  336. }
  337. .xgtKullaniciafis strong {
  338.     text-align: left !important;
  339.     font-weight: normal !important;
  340.     text-transform: capitalize;
  341.     font-size: 12px;
  342. }
  343. .xgtKullaniciafis {
  344.     border: none !important;
  345.     margin-bottom: 4px !important;
  346.     padding: 3px 8px 3px 0px !important;
  347. }
  348. .xgtKullaniciafis-ikon {
  349.     padding-right: 1.8rem !important;
  350. }
  351. .memberTooltip-banners .xgtKullaniciafis strong, .memberHeader-banners .xgtKullaniciafis strong {
  352.     padding: 0px 2px 0px 0px !important;
  353. }
  354. /* user upgrade */
  355.  
  356. .xb-informational-wrapper {
  357.     z-index: 999999;
  358. }
  359. .xb-wrapper{
  360.     border: 2px solid #009688;
  361.     box-shadow: rgba(14, 30, 37, 0.4) 0px 1px 20px 20px, rgba(14, 30, 37, 0.66) 0px 2px 16px 0px !important;
  362. }
  363. .xb-wrapper a {
  364.     color: #009688;
  365. }
  366. /* Resource Page */
  367. [data-template="xfrm_featured"]{
  368.     .button.button--cta, a.button.button--cta{
  369.     display: none !important;
  370.     }
  371. }
  372. .resourceBody .resourceInfoButton, .resourceBody .resources-image .avatar{
  373.     display:none;
  374. }
  375. .tabs--standalone .tabs-tab.is-active {
  376.     color: #02b7fe;
  377. }
  378. .ratingStars, .ratingStars.ratingStars--larger{
  379.     font-size: 100%;
  380. }
  381. .p-body-sidebar .block-minorHeader {
  382.     border-bottom: 2px solid #1c5e8b !important;
  383. }
  384. .ozzmodz-CategoryStats {
  385.     margin-top: 10px;
  386.     background: #22242e;
  387. }
  388. /* BS Live */
  389.  
  390. .lfs[data-widget-key="live_forum_statistics"] .fa-cog:before {
  391.     content: "\f019";
  392. }
  393.  
  394. .lfs .tabGroup .tabGroup-content {
  395.     max-height: 315px;
  396.     height: 315px;
  397.     position: relative;
  398. }
  399. .lfs .tabs-container {
  400.     border-bottom: 1px solid #eee;
  401.     display: flex;
  402.     background: #0f3652;
  403. }
  404. .lfs[data-widget-key="live_forum_statistics"] .tabGroup.tabGroup--threads .structItem-cell--order {
  405.     width: 42px !important;
  406. }
  407. .lfs[data-widget-key="live_forum_statistics"] .tabGroup.tabGroup--threads .structItem.tabHeader{
  408.     font-family: 'Font Awesome 5 Pro';
  409. }
  410. .lfs .tabGroup .structItem-cell {
  411.     font-family: 'Noto Kufi Arabic', sans-serif;
  412. }
  413. .lfs .tabGroup .structItem-cell--title {
  414.     overflow: hidden;
  415.     white-space: nowrap;
  416.     word-wrap: normal;
  417.     text-overflow: ellipsis;
  418. }
  419. .lfs .tabs .tab{
  420.     color: white;
  421. }
  422.  
  423. .lfs[data-widget-key="live_forum_statistics"] .tabGroup.tabGroup--threads .structItem-cell--countReplies, .lfs[data-widget-key="live_forum_statistics"] .tabGroup.tabGroup--threads .structItem-cell--countViews {
  424.     display: none;
  425. }
  426. [data-widget-key="xfrm_forum_overview_new_resources"]{
  427.     .contentRow-lesser, .contentRow-minor.contentRow-minor--smaller{
  428.         display: none;
  429.     }
  430. }
  431. .XenTR .custom-footer{
  432.     background: #0f3652;
  433. }
  434. .XenTR .custom-footer .block .block-minorHeader{
  435.         color: #FFF;
  436. }
  437. .XenTR .custom-footer .block .block-body{
  438.         color: #FFF;
  439.     }
  440. .p-footer{
  441.     display: none;
  442. }
  443. .XenTR .custom-footer .block .block-minorHeader i {
  444.     color: #FFF;
  445. }
  446. .XenTR .custom-footer .block .block-body a {
  447.     color: #FFF;
  448. }
  449. .actionBar-set.actionBar-set--external a, .actionBar-set.actionBar-set--internal a {
  450.     border-color: #3e4357;
  451.     padding: 2px 6px;
  452. }
  453. .ozzmodz-CategoryStatsViews {
  454.     display: none !important;
  455. }
  456. a.button--link.button.xcuLRDLButtonCaution.button {
  457.     background: #bcdef5;
  458.     color: black;
  459. }
  460. a.button--cta.button.button--icon.button--icon--download {
  461.     background: #009688;
  462. }
  463. /* ==== Desktop ==== */
  464. @media (min-width: @xf-responsiveWide) {
  465.     .icon-logo {
  466.          display: none;
  467.     }
  468.     .desktop-logo {
  469.         padding: 20px;
  470.     }
  471.     .node-extra{
  472.         width: 400px !important;
  473.     }
  474.     /* BS Live*/
  475.     html.lfs .tabGroup .tabGroup-content .tabGroup-scroller>
  476.         .content .structItem--lfsItem .structItem-cell--title,
  477.         .lfs[data-widget-key="live_forum_statistics"] .tabGroup.tabGroup--threads
  478.         .structItem.tabHeader .structItem-cell--title{
  479.         width: 50%;
  480.     }
  481.  
  482.     .lfs .tabGroup .tabGroup-content .structItem-cell--title{
  483.         width: 50%;
  484.  
  485.     }
  486.     .lfs .tabGroup .tabGroup-content .structItem-cell--countReplies{
  487.         display:none;
  488.     }
  489.  
  490.     .lfs .tabGroup .tabGroup-content .reactionSummary{
  491.         display:none;
  492.     }
  493.  
  494.     .lfs .tabGroup.tabGroup--threads .structItem-cell--order-empty,
  495.         .lfs .tabGroup.tabGroup--threads .structItem-cell--order {
  496.         width: 40px !important;
  497.         text-align: center;
  498.         font-size: 12px !important;
  499.     }
  500. }
  501. /* ==== For Mobile ==== */
  502. @media (max-width: @xf-responsiveMedium)  {
  503.     .XenTR.vertical .p-header-logo .icon-logo {
  504.             display: none !important;
  505.         }
  506.     .p-header-logo {
  507.         vertical-align: middle;
  508.         margin-right: auto;
  509.         padding: 0 55px;
  510.     }
  511.     /*
  512.     [data-template="account_upgrades"]{
  513.         .formRow-labelWrapper {
  514.             padding: 10px 10px 22px;
  515.             background: #f5f5f5;
  516.             margin-bottom: -25px;
  517.             border-radius: 4px;
  518.             color: #2677b1;
  519.             font-weight: 700;
  520.             font-size: 16px;
  521.             border: 1px solid #2677b1;
  522.         }
  523.     }
  524.     */
  525.     #XF .menu--structural {
  526.         margin-top: 10px;
  527.         width: 95%;
  528.         border: 2px solid #144468;
  529.         box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
  530.     }
  531.     /* Resources */
  532.     .resourceList-grid .structItem--resource{
  533.         width: 48%;
  534.     }
  535.     .ratingStars.ratingStars--larger{
  536.         font-size: 90% !important;
  537.     }
  538.     /* ForumStats */
  539.     .forumStatsContainer.forumStats-mini .dataList-cell.dataList-cell--action, .forumStatsContainer.forumStats-mini .dataList-cell.dataList-cell--link {
  540.         padding: 3px 3px;
  541.     }
  542.     .miniCol {
  543.         display: none;
  544.     }
  545.     /* BS Live*/
  546.     .lfs[data-widget-key="live_forum_statistics"] .tabGroup.tabGroup--threads
  547.     .structItem-cell--order-empty, .lfs[data-widget-key="live_forum_statistics"]
  548.     .tabGroup.tabGroup--threads .structItem-cell--order {
  549.         display: none;
  550.     }
  551.     [data-logged-in="true"]{
  552.     .handheld-footer-bar{
  553.         display: none !important;
  554.         }  
  555.     }
  556.     .node-extra-row ul.listInline {
  557.         display: none;
  558.     }
  559.     [data-template="xfrm_resource_view"], [data-template="xfrm_thread_view_type_resource"],
  560.     [data-template="xfrm_resource_history"], [data-template="XGT_Rm_kaynak_indiren"],
  561.     [data-template="xfrm_resource_reviews"],[data-template="xfrm_resource_field"]{
  562.         .p-title {
  563.           display: flex;
  564.           flex-direction: column;
  565.         }
  566.  
  567.         .p-title-value {
  568.           margin-bottom: auto;
  569.         }
  570.  
  571.         .p-title-pageAction {
  572.           width: 100%;
  573.           margin: 10px !important;
  574.           text-align: center;
  575.         }
  576.     }
  577.     [data-template="forum_view"]{
  578.     &[data-container-key="node-12"], &[data-container-key="node-13"]{
  579.         .structItem{
  580.             direction: rtl;
  581.         }
  582.         .structItem-cell--latest, .structItem-cell--meta{
  583.                 float: right;
  584.         }
  585.     }
  586.     }
  587. }
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!