Advertisement
Guest User

Untitled

a guest
Jan 16th, 2018
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 18.85 KB | None | 0 0
  1. body {
  2.     font-family: Megrim;
  3.     font-size: 12px;
  4.     letter-spacing: 0px;
  5.     color: #63657A;
  6.     padding:0px;
  7.            background-image: url(http://i.imgur.com/BJdSimS.png);
  8.     text-align:center;
  9. }
  10.    
  11.     /****************************************
  12.         Banner
  13.     *****************************************/
  14.    
  15.     .banner {
  16.     background-image: url(https://cdn.discordapp.com/attachments/324991651103637505/402953770876796930/Sitebanner2.png);
  17.     background-position: center;
  18.     background-size: cover;
  19.     background-repeat: no-repeat;
  20. }
  21.    
  22.     .bannertingz {
  23.      width: 80%;
  24.      height: 300px;
  25.      padding: 50px;
  26.      margin: 0 auto;
  27.      transition-duration: 0.8s;-moz-transition-duration: 0.8s;
  28.      -webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s; opacity: 0.0;
  29. }
  30.    
  31.     .bannertingz:hover { opacity: 1; }
  32.    
  33.     .updates {
  34.     width: 560px;
  35.     height: 260px;
  36.     background: #63657A;
  37.     padding: 20px; margin-left: 100px; margin-top: -10px;
  38.     border: 10px solid #AEB5BD;}
  39.    
  40.     .titles {
  41.     font-size: 25px; color: #AEB5BD; margin-top: 10px;  
  42.     margin-bottom: 10px; font-family: Megrim; letter-spacing: -1px;
  43. }
  44.    
  45.     .text {
  46.     width: 240px; height: 200px;
  47.     color: #fff; font-size: 8px;
  48.     overflow: auto; font-family: calibri;
  49.     letter-spacing: 5px; font-weight: none;
  50.     text-transform: uppercase; text-align: justify;
  51. }
  52.    
  53.     #credit {
  54.     font-size: 35px; color: #63657A;  
  55.     font-family: Megrim; letter-spacing: -1px;
  56. }
  57.    
  58.     #credit a:link, #credit a:visited, #credit a:active {
  59.     text-decoration: none;
  60.     color: #63657A !important;
  61. }
  62.    
  63.     #credit a:hover {
  64.     color: #63657A !important;
  65.     text-decoration: none; letter-spacing: 0px;
  66. }
  67.    
  68.     /****************************************
  69.         Sidebar
  70.     *****************************************/
  71.    
  72.     #sidebar {
  73.         width: 250px;
  74.         margin-top: 20px;
  75.     }
  76.  
  77.     #side-picture img {
  78.         width: 250px;
  79.     }
  80.    
  81.     /****************************************
  82.         Cbox
  83.     *****************************************/
  84.    
  85.     #cboxdiv {
  86.         margin: 20px auto;
  87.         height: 500px;
  88.     }
  89.  
  90.     #cbox-frame {
  91.         height: 425px;
  92.     }
  93.    
  94.     /****************************************
  95.       Table Styles
  96.     *****************************************/
  97.    
  98.     table, tr, td {
  99.     font-family: Calibri;
  100.     text-transform: uppercase;
  101.     font-size: 9px;
  102.     letter-spacing: 1px;
  103.     color: #63657A;
  104. }
  105.    
  106.     /****************************************
  107.       Board Width
  108.     *****************************************/
  109.    
  110.     #wrapper {
  111.         display: flex;
  112. }
  113.     #forum-wrapper {
  114.         text-align:left;
  115.         width: 81%;
  116.         margin: 20px auto;
  117.         background: #dadadf;
  118.         padding-bottom: 5px;
  119.         border: 10px solid #63657A;
  120.     }
  121.    
  122.     #innerwrapper {
  123.     padding: 0 10px;
  124. }
  125.    
  126.     /****************************************
  127.       Link colors
  128.     *****************************************/
  129.    
  130.     a:link, a:visited, a:active {
  131.     color: #FFF;
  132.     text-decoration: none;
  133.     font-weight: none;
  134. }
  135.     a:hover {
  136.     color: #aeb5bd;
  137.     letter-spacing: 1px;
  138.     text-decoration: none;
  139.     font-weight: none;
  140. }
  141.    
  142.    
  143.     /****************************************
  144.       Profile styles
  145.     *****************************************/
  146.    
  147.     #profilename {
  148.     font-size:28px;
  149.     font-family: Megrim;
  150.     letter-spacing: -1px;
  151.     font-weight: none;
  152. }
  153.    
  154.     #photowrap {
  155.     padding:6px;
  156. }
  157.    
  158.     #phototitle {
  159.     font-size:24px;
  160.     font-family: Megrim;
  161.     border-bottom:1px solid black;
  162. }
  163.    
  164.     #photoimg   {
  165.     text-align:center; margin-top:15px;
  166. }
  167.    
  168.     /****************************************
  169.       UserCP/My Controls styles
  170.     *****************************************/
  171.    
  172.     #ucpmenu {
  173.     line-height:150%;
  174.     width:22%;
  175.     border:1px solid #555;
  176.     background-color: #63657A;
  177. }
  178.    
  179.     #ucpmenu p  {
  180.     padding:2px 5px 6px 9px;
  181.     margin:0px;  
  182. }
  183.    
  184.     #ucpcontent {
  185.     background-color: #63657A;
  186.     color: #FFF;
  187.     border:1px solid #fff;
  188.     line-height:150%; width:auto;
  189. }
  190.    
  191.     #ucpcontent p  {
  192.     padding:10px;
  193.     margin:0px;
  194. }
  195.    
  196.    
  197.     /****************************************
  198.      Search Bar
  199.     *****************************************/
  200.    
  201.     #searchbar {
  202.     display: block;
  203.     float: right;
  204.     position: relative;
  205.     right: 10px;
  206.     bottom: 2px;
  207. }
  208.    
  209.     #searchbar .search-container {
  210.        background-color: #FFFFFF;
  211.        display: block;
  212.        height: 26px;
  213.        position: relative;
  214.        width: 200px;
  215. }
  216.    
  217.     #searchbar .search-input {
  218.     background: none repeat scroll 0 0 transparent;
  219.     border: 0;
  220.     color: #808080;
  221.     font-size: 12px;
  222.     width: 192px;
  223.     height: 26px;
  224.     font-family: Megrim;
  225.     padding: 1px 0 0 8px;
  226. }
  227.    
  228.     #searchbar .search-input:focus {
  229.        color: #000000;
  230. }
  231.    
  232.     #searchbar .search-button {
  233.     background: #63657A url(http://files.b1.jcink.com/themes/default/magnifying-glass.png) no-repeat 50% 50%;
  234.     border: 0;
  235.     bottom: 0;
  236.     margin: 0;
  237.     border-radius: 0;
  238.     display: block;
  239.     height: 26px;
  240.     padding: 0;
  241.     position: absolute;
  242.     right: 0;
  243.     text-indent: -3000em;
  244.     top: 0;
  245.     width: 26px;
  246.     cursor: pointer;
  247.     box-shadow: none;
  248. }
  249.    
  250.     /****************************************
  251.      Navigation Bar / Submenu
  252.     *****************************************/
  253.    
  254.     #submenu  {
  255.     display: none;
  256.     font-size: 13px;
  257.     border: solid #555;
  258.            border-width: 1px 0;
  259.     background-color: #c3c3cb;
  260.            background-position: center center;
  261.            margin-bottom: 3px;
  262. }
  263.    
  264.     #submenu img {
  265.     display: none;
  266. }
  267.    
  268.     #submenu a:link, #submenu a:visited, #submenu a:active {
  269.     text-decoration: none;
  270.     color: #fff !important;
  271.            padding: 7px 7px;
  272.            font-weight: none;
  273. }
  274.    
  275.     #submenu a:hover {
  276.     color: #fff !important;
  277.     text-decoration: none;
  278. }
  279.    
  280.     #navi br {
  281.     display: none;
  282. }
  283.    
  284.     #navstrip  {
  285.     font-family: Megrim;
  286.     color: #63657A;
  287.     padding:6px 0px 16px 0px;
  288.     text-decoration: none;
  289. }
  290.    
  291.     #navstrip a:hover {
  292.     text-decoration: none;
  293. }
  294.    
  295.    
  296.     /****************************************
  297.       Calendar styling
  298.     *****************************************/
  299.    
  300.     .caldate   {
  301.     text-align:right;
  302.     font-weight: none;
  303.     font-size:11px;
  304.     color:#555;
  305.     background-color:#F2F2F2;
  306.     padding:4px; margin:0px;
  307. }
  308.    
  309.     #calendarname {
  310.     font-size:22px;
  311.     font-weight: none;
  312. }
  313.    
  314.     #padandcenter {
  315.     margin-left:auto;
  316.     margin-right:auto;
  317.     text-align:center;
  318.     padding:14px 0px 14px 0px;
  319. }
  320.    
  321.    
  322.     /**************************************************
  323.     User Links Menu (Messages / View new posts / etc )
  324.     ***************************************************/
  325.    
  326.     #userlinks {
  327.     border: 1px solid #fff;
  328.     font-family: Megrim;
  329.     letter-spacing: 1px;
  330.     background-color: #63657A;
  331.     list-style: none;
  332.     width: 98.7%;  
  333.     margin: 0 auto;
  334. }
  335.    
  336.     #userlinks td {
  337.     font-family: Megrim;  
  338.     letter-spacing: 1px;
  339.     color: #AEB5BD;
  340. }
  341.    
  342.     #userlinks a {
  343.     font-family: Megrim;
  344.     letter-spacing: 1px;
  345.     text-decoration: none; padding: 1px;
  346. }
  347.    
  348.     #userlinks a:hover {
  349.     font-family: Megrim;
  350.     letter-spacing: 2px;
  351.     text-decoration: none;
  352. }
  353.    
  354.    
  355.     /****************************************
  356.       Topic View styles
  357.     *****************************************/
  358.    
  359.     .activeuserstrip {
  360.     background-color: #c3c3cb;padding:6px
  361. }
  362.    
  363.     .normalname {
  364.     font-size: 25px;
  365.     font-family: Megrim;
  366.     letter-spacing: -1px;
  367.     color: #003;
  368. }
  369.    
  370.     .normalname a {
  371.     font-size: 25px;
  372.     font-family: Megrim;
  373.     letter-spacing: -1px;
  374. }
  375.    
  376.     .unreg {
  377.     font-size: 25px;
  378.     font-family: Megrim;
  379.     letter-spacing: -1px;
  380.     color: #900;
  381. }
  382.    
  383.     .post1 {
  384.     background-color: #F2F2F2;
  385.     padding:20px;
  386. }
  387.    
  388.     .post2 {
  389.     background-color: #F2F2F2;
  390.     padding:20px;
  391.    
  392. }
  393.    
  394.     .postdetails {
  395.     font-size: 12px;
  396.     font-family: Megrim;
  397.     letter-spacing: 1px;
  398. }
  399.    
  400.     .postcolor   {
  401.     font-size: 12px; line-height: 160%;
  402. }
  403.    
  404.     .postlinksbar {
  405.            padding: 1px 5px;
  406.     background-color:#AEB5BD;
  407.     padding:1px;
  408.     margin-top:1px;
  409.     font-size:10px;
  410. }
  411.    
  412.     .signature   {
  413.     font-size: 10px;
  414.     color: #339;
  415.     line-height:150%;  
  416. }
  417.    
  418.    
  419.     /*******************************
  420.     Pagination e.g. [1],2,3 ...
  421.     *******************************/
  422.    
  423.     .pagination .pagination_current, .pagination a {
  424.         padding: 2px 5px;
  425. }
  426.    
  427.     .pagination a:link, .pagination a:visited, .pagination a:active {
  428.         border: 1px solid #800000;
  429.         border-radius:3px;
  430.         background-color:#740300;
  431.         padding-left:6px;
  432.         padding-right:6px;
  433.         color:#ffffff;
  434.         text-decoration:none;
  435.         box-shadow: 0pt 2px 3px rgba(0, 0, 0, 0.4);
  436. }
  437.    
  438.     .pagination a:hover {
  439.     background: #EFEEEE;
  440.     text-decoration: none;
  441.     color:#000000;
  442.     box-shadow: 0pt 2px 3px rgba(0, 0, 0, 0.4);
  443.     background-image:url(http://files.b1.jcink.com/themes/default/gray-gradient.png);
  444. }
  445.    
  446.     .pagination .pagination_current {
  447.         background: none repeat scroll 0% 0% #FFFFFF;
  448.         border: 1px solid #545454;
  449.         border-radius:3px;
  450.         padding-left:6px;
  451.         padding-right:6px;
  452.         background-image:url(http://files.b1.jcink.com/themes/default/gray-gradient.png);
  453. }
  454.    
  455.     .pagination_first, .pagination_last, .pagination_page {
  456.         background: none repeat scroll 0% 0% #740300;
  457.         border: 1px solid #800000;
  458. }
  459.    
  460.     .pagination_pagetxt {
  461.        display:none;
  462. }
  463.    
  464.     /****************************************
  465.       Global general table/div row styles
  466.     *****************************************/
  467.    
  468.     .row1,.row3,.row4,.row2 {
  469.     background-color: #dadadf;
  470.     padding: 5px;
  471. }
  472.    
  473.     #boardstats .row2 {
  474.     text-align: center;
  475. }
  476.    
  477.     .darkrow1 {
  478.     background-color: #c3c3cb; color:black;
  479. }
  480.    
  481.     .darkrow2 {
  482.     background-color: #dadadf; color:black;
  483. }
  484.    
  485.     td.darkrow2 {
  486.     display: none;
  487. }
  488.    
  489.     .darkrow3 {
  490.     background-color: #dadadf;
  491.     color: #000;
  492.     padding: 3px;
  493. }
  494.    
  495.     .hlight { background-color: #dadadf; }
  496.     .dlight { background-color: #dadadf; }
  497.    
  498.     /****************************************
  499.       Top table bars / gradient holders
  500.     *****************************************/
  501.    
  502.     .maintitle {
  503.     background-color: #63657A;
  504.     padding: 8px;
  505.     color: #AEB5BD;
  506.     font-family: Megrim;
  507.     font-size: 40px;
  508. }
  509.    
  510.     .maintitle span a { display: none; }
  511.    
  512.     .maintitle a:link, .maintitle  a:visited, .maintitle  a:active {
  513.     text-decoration: none; color: #AEB5BD !important;
  514. }
  515.    
  516.     .maintitle a:hover {
  517.     text-decoration: none;  
  518. }
  519.    
  520.     /****************************************
  521.      Bar directly below the maintitles
  522.     *****************************************/
  523.    
  524.     .titlemedium {
  525.     color:#FFF;
  526.     padding: 2px 6px; margin:0px;
  527.     background-color:#AEB5BD;
  528. }
  529.    
  530.     .titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  {
  531.     text-decoration: none;
  532.     color: #222;
  533. }
  534.    
  535.     /****************************************
  536.      Table & Div Borders
  537.     *****************************************/
  538.    
  539.     .tableborder {
  540.     background-color: #C0C0C0;
  541.     border:10px solid #a2acb8; padding:0px; margin:0;
  542. }
  543.    
  544.     .tablefill {
  545.     background-color: #63657A;
  546.     border:1px solid #FFF;
  547.     padding:6px;
  548. }
  549.    
  550.     .tablepad {
  551.     background-color: #63657A;
  552.     padding:6px;
  553. }
  554.    
  555.     .tablebasic {
  556.     width:100%; padding:0; margin:0px; border:0px;
  557. }
  558.    
  559.     .plainborder {
  560.     border:1px solid #FFF;
  561.     background-color: #63657A;
  562. }
  563.    
  564.     /****************************************
  565.      QUOTE and CODE BBCode boxes
  566.     *****************************************/
  567.    
  568.     #QUOTE {
  569.     white-space:normal;
  570.     font-family: Calibri, sans-serif;
  571.     font-size: 10px;
  572.     letter-spacing: 5px;
  573.     color: #FFF;
  574.     background-color: #63657A;
  575.     border: 0px;
  576.     padding:2px;
  577.     font-weight: none;
  578.     border:1px solid #555;
  579.     margin-top:2px;
  580. }
  581.    
  582.     #CODE  {
  583.     white-space:normal;
  584.     font-family: Courier, Courier New, Verdana, Arial;  
  585.     font-size: 10px;
  586.     letter-spacing: 5px;
  587.     color: #FFF;
  588.     font-weight: none;
  589.     background-color: #63657A;
  590.     border: 0px;
  591.     padding:2px;
  592.     border:1px solid #555;
  593.     margin-top:2px;
  594. }
  595.    
  596.    
  597.     /**********************************************
  598.      Input buttons, e.g. submit, text input, etc
  599.     ***********************************************/
  600.    
  601.     .button-large {
  602.     background: #FFF;  
  603.     border-radius: 3px;
  604.            padding: 5px 12px;
  605.     text-align:center;
  606.     margin:0px 5px 0px 5px;
  607.     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  608.            color: #63657A;
  609.            min-width: 75px;
  610.            display: inline-block;
  611. }
  612.    
  613.    
  614.     .button-small {
  615.     background: #FFF;
  616.     border-radius:3px;
  617.     color: #63657A;
  618.     font-weight: none;
  619.     font-size: 11px;
  620.     margin: 3px;
  621.     padding: 4px 7px;
  622.     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  623.     text-decoration: none;
  624.            min-width: 50px;
  625.            max-width: 80px;
  626. }
  627.    
  628.     .post-buttons-top { margin-top: 3px; }
  629.    
  630.     .button-large.closed {
  631.            padding: 7px 12px;
  632.     text-align:center;
  633.     margin:0px 5px 0px 5px;
  634.            border: 1px solid #d8d8d8;
  635.            color: #660000;
  636.     font-weight: none;
  637. }
  638.    
  639.     .forminput, .codebuttons, .textinput, .radiobutton, .checkbox {
  640.     border-radius: 2px;
  641.     background: #FFF; border: 1px solid #545454;
  642.     color: #000;
  643.     font-family: Calibri, sans-serif;
  644.     font-size: 12px;
  645.     padding: 2px;
  646.     vertical-align: middle;
  647.     box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset;
  648. }
  649.    
  650.    
  651.     input[type=submit], input[type=button], input[type=reset] {
  652.     background: #c3c3cb;
  653.     border-radius:3px;
  654.     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  655.     color: #FFFFFF;
  656.     font-size: 11px;
  657.     font-weight: none;
  658.     margin: 3px;
  659.     padding: 2px 6px;
  660.     text-decoration: none;
  661.     border: none;
  662. }
  663.    
  664.     .codebuttons  {
  665.     font-size: 10px;
  666. }
  667.    
  668.    
  669.     /****************************************
  670.      Form table cell styles, left/right/top
  671.     *****************************************/
  672.    
  673.     .pformstrip {
  674.     background-color: #AEB5BD;
  675.     color: #FFF;
  676.     padding: 2px 5px;
  677.     margin-top:1px
  678. }
  679.    
  680.     .pformleft  {
  681.     background-color: #AEB5BD;
  682.     padding:6px;
  683.     margin-top:1px;width:25%;
  684.     border-top:1px solid #545454;
  685.     border-right:1px solid #545454;
  686. }
  687.    
  688.     .pformleftw {
  689.     background-color: #AEB5BD; padding:6px;
  690.     margin-top:1px;width:40%;
  691.     border-top:1px solid #232323;
  692.     border-right:1px solid #232323;
  693. }
  694.    
  695.     .pformright {
  696.     background-color: #AEB5BD;
  697.     padding:6px; margin-top:1px;
  698.     border-top:1px solid #232323;
  699. }
  700.    
  701.    
  702.     /****************************************
  703.     Tabs on the portal profiles + sections
  704.     *****************************************/
  705.    
  706.     .opentab {
  707.     color: #FFF;
  708.     padding:8px;float: left; width: auto;
  709.     background-color: #63657A;
  710.     margin-top:3px;
  711.     margin-right:2px;
  712.     font-size:11px;
  713.     border: #545454 1px solid; 
  714. }
  715.    
  716.     .closedtab {
  717.     color: #FFF;
  718.     padding:7px;float: left;width: auto;
  719.     background-color: #63657A;
  720.     margin-top:6px;
  721.     margin-right:2px;
  722.     font-size:11px;
  723.     border-top:   #545454 1px solid;
  724.     border-right: #545454 1px solid;
  725.     border-left:  #545454 1px solid;
  726. }
  727.    
  728.     .positiontab {
  729.     height: 34px; margin-left: 2px;
  730. }
  731.    
  732.     /****************************************
  733.       Delete all cookies / mark read
  734.     *****************************************/
  735.    
  736.     #delcookiesrow, #mark-as-read-subto {
  737.     background-color: #63657A;
  738.     border: 1px solid #FFF;
  739.     font-size: 10px;
  740.     padding: 5px;
  741.            width: 260px;
  742.            float: right;
  743.            margin-top:-3px;
  744.            padding-left:1px;
  745. }
  746.    
  747.     #mark-as-read-subto {
  748.     float: none;
  749.     padding-top: 3px;
  750. }
  751.    
  752.    
  753.     /*******************************
  754.         Board Statistics Links
  755.     *******************************/
  756.    
  757.     .toplinks a {
  758.     color: #ffffff;
  759.     font-size: 11px;
  760.     text-decoration: none;
  761. }
  762.    
  763.     .toplinks {
  764.     margin: 0 15px -50px 0;
  765.     text-align: right;
  766.     color: transparent;
  767. }
  768.    
  769.     /*******************************
  770.     Mini Profile Seperators
  771.     *******************************/
  772.    
  773.     .postbit {
  774.     border-bottom: solid 1px #FFF;
  775.     color: black;
  776.     background: #63657A;
  777.     font-size: 11px;
  778.            padding: 6px 7px;
  779. }
  780.    
  781.     /********************************
  782.     Miscellaneous
  783.     ********************************/
  784.    
  785.     /* image tag styles */
  786.     img        { vertical-align:middle; border:0px }
  787.     img.attach { border:2px outset #555;padding:2px }
  788.    
  789.     /* Forum Descriptions */
  790.     .desc { font-size:11px; color: #000; }
  791.    
  792.     /* Edited by text */
  793.     .edit { font-size: 9px }
  794.    
  795.     /* Topic Macros */
  796.    
  797.     .wrapmini { float: left; }
  798.    
  799.     /* Warning CSS */
  800.     .warngood { color:green }
  801.     .warnbad  { color:red }
  802.    
  803.     /* Skin selector dropdown */
  804.     #skin_selector {
  805.     margin: 10px 0;
  806. }
  807.    
  808.    
  809.     /* Online users list row */
  810.     .thin {
  811.     padding:6px 0px 6px 0px;
  812.     line-height:140%;
  813.     margin:2px 0px 2px 0px;
  814.     border-top:1px solid #545454;
  815.     border-bottom:1px solid #545454;
  816. }
  817.    
  818.     /* Latest news area */
  819.     .newstext {
  820.     color: #FFF;
  821.     background-color: #63657A;
  822.     border: 1px solid #FFF;
  823.     font-family: Calibri;
  824.     text-transform: uppercase;
  825.     font-size: 9px;
  826.     letter-spacing: 4px;
  827.     padding: 6px 6px 2px 6px;
  828.     margin-bottom: 10px;
  829. }
  830.    
  831.     /* Highlighted text in search */
  832.     .searchlite {
  833.     color:#F00;
  834.     font-weight: none;  
  835.     background-color:#FF0;
  836. }
  837.    
  838.     /****************************************
  839.     Mobile-specific Styles
  840.     *****************************************/
  841.    
  842.     #mobile {
  843.     background-color: #FBFBFB;
  844. }
  845.    
  846.     /***********************************
  847.     Copyright: Removal is against Terms
  848.     ************************************/
  849.    
  850.     .copyright {
  851.     font-size: 10px; line-height: 12px;
  852. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement