API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 18th, 2019
154
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 67.72 KB | None | 0 0
raw download clone embed print report
  1. /*=============================================== *
  2. * Jcink.com Forum Hosting Stylesheet
  3. * ==============================================
  4. * #Version: 1.0.0
  5. *===============================================
  6. * Skinned by Nicc
  7. * ============================================== */
  8.  
  9. html { overflow-x: auto; }
  10. form { display:inline; }
  11.  
  12. /****************************************
  13. Body Background & Text Style
  14. *****************************************/
  15.  
  16. body {
  17. font-family: 'Noto Sans', sans-serif;
  18. font-size: 11px;
  19. color: #666; margin:0px;
  20. padding:0px;
  21. text-align:center;
  22. line-height: 160%;
  23. /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dcdcdc+100 */
  24. background: #e2e2e2; /* Old browsers */
  25. background: -moz-linear-gradient(top, #e2e2e2 0%, #dcdcdc 100%); /* FF3.6-15 */
  26. background: -webkit-linear-gradient(top, #e2e2e2 0%,#dcdcdc 100%); /* Chrome10-25,Safari5.1-6 */
  27. background: linear-gradient(to bottom, #e2e2e2 0%,#dcdcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  28. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
  29.  
  30. background-attachment: fixed;
  31. }
  32.  
  33. #s-m-t-tooltip { max-width: 300px; z-index: 9999; background: #efefef; margin: 24px 14px 7px 12px; padding: 12px 15px; display: block; border: 1px solid #ccc; transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; font: 700 7px/140% 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.75px; color: #777; word-wrap: break-word; }
  34.  
  35. /****************************************
  36. Table Styles
  37. *****************************************/
  38.  
  39. table, tr, td {
  40. font-family: 'Noto Sans', sans-serif;
  41. font-size: 11px;
  42. color: #666;
  43. }
  44.  
  45. /****************************************
  46. Board Width
  47. *****************************************/
  48.  
  49. #wrapper {
  50. text-align:left;
  51. width: 1000px; border: 1px solid #ccc;
  52. margin: 20px auto 20px;
  53. background-color: #e8e8e8;
  54. padding-bottom: 1px;
  55. }
  56.  
  57. #innerwrapper {
  58. margin: 10px;
  59. padding: 10px; border: 1px solid #ccc;
  60. background: #e2e2e2;
  61. }
  62.  
  63.  
  64. /****************************************
  65. Scroll bar
  66. *****************************************/
  67.  
  68.  
  69. ::-webkit-scrollbar
  70. {
  71. width: 8px;
  72. background-color: #bbb;
  73. }
  74.  
  75. ::-webkit-scrollbar-track
  76. {
  77. background-color: #bbb;
  78. border: 1px solid #aaa;
  79. }
  80.  
  81. ::-webkit-scrollbar-thumb
  82. {
  83. background-color: #e9e9e9;
  84. border: 1px solid #aaa;
  85. }
  86.  
  87. /****************************************
  88. Highlight
  89. *****************************************/
  90.  
  91. ::selection
  92. {
  93. background: #abc9cd;
  94. color: #eee;
  95. /* WebKit/Blink Browsers */;
  96. }
  97.  
  98. ::-moz-selection
  99. {
  100. background: #abc9cd;
  101. color: #eee;
  102. /* Gecko Browsers */;
  103. }
  104.  
  105. /****************************************
  106. Link colors
  107. *****************************************/
  108.  
  109. a:link, a:visited, a:active {
  110. text-decoration: none;
  111. color: #999;
  112. cursor: crosshair;
  113. }
  114. a:hover {
  115. color: #abc9cd;
  116. text-decoration: none;
  117. cursor: crosshair;
  118. }
  119.  
  120.  
  121. /****************************************
  122. fonts
  123. *****************************************/
  124.  
  125. @font-face {
  126. font-family: 'lasermetal';
  127. src: url('https://files.jcink.net/uploads/pinkskies/lasermetal_webfont.eot');
  128. src: url('https://files.jcink.net/uploads/pinkskies/lasermetal_webfont.eot?#iefix') format('embedded-opentype'),
  129. url('https://files.jcink.net/uploads/pinkskies/lasermetal_webfont.woff2') format('woff2'),
  130. url('https://files.jcink.net/uploads/pinkskies/lasermetal_webfont.woff') format('woff'),
  131. url('https://files.jcink.net/uploads/pinkskies/lasermetal_webfont.ttf') format('truetype'),
  132. url('https://files.jcink.net/uploads/pinkskies/lasermetal_webfont.svg') format('svg');
  133. font-weight: bold;
  134. font-style: normal; }
  135.  
  136. @font-face {
  137. font-family: 'Bahianita', cursive;
  138.  
  139. url('https://fonts.googleapis.com/css?family=Bahianita&display=swap');
  140.  
  141. font-weight: bold;
  142. font-style: normal;
  143.  
  144. }
  145.  
  146.  
  147. /****************************************
  148. Profile styles
  149. *****************************************/
  150.  
  151. #profilename {
  152. font-size:28px;
  153. font-weight:bold;
  154. }
  155.  
  156. #photowrap {
  157. padding:6px;
  158. }
  159.  
  160. #phototitle {
  161. font-size:24px;
  162. border-bottom:1px solid black;
  163. }
  164.  
  165. #photoimg {
  166. text-align:center; margin-top:15px;
  167. }
  168.  
  169. /****************************************
  170. UserCP/My Controls styles
  171. *****************************************/
  172.  
  173.  
  174. #ucpmenu {
  175. line-height: 150%;
  176. width:22%; text-transform: uppercase; font-size: 7px; font-weight: normal; color: #555;
  177. background-color: #EFEFEF;
  178. }
  179. #ucpmenu a {
  180. color: #777;
  181. }
  182.  
  183. #ucpmenu p {
  184. padding:2px 5px 6px 9px;
  185. margin:0px; color: #777;
  186. }
  187.  
  188. #ucpcontent {
  189. background-color: #EFEFEF;
  190. line-height:150%; width:auto;
  191. }
  192.  
  193. #ucpcontent p {
  194. padding:10px;
  195. margin:0px;
  196. }
  197.  
  198.  
  199. /****************************************
  200. Logo Strip
  201. *****************************************/
  202.  
  203. #logostrip {
  204. display: none;
  205. }
  206.  
  207. #logo {
  208. min-height: 60px;
  209. text-align: left;
  210. margin-top: 5px;
  211. padding: 20px 20px 5px;
  212. }
  213.  
  214.  
  215. #logo a, #logo a:hover {
  216. font-size: 36px;
  217. text-decoration: none;
  218. font-weight: bold;
  219. color: #800000;
  220. }
  221.  
  222. /****************************************
  223. Search Bar
  224. *****************************************/
  225.  
  226. #searchbar {
  227. display: block;
  228. float: right;
  229. position: relative;
  230. right: 10px;
  231. top: 8px;
  232. }
  233.  
  234. #searchbar .search-container {
  235. background-color: #FFFFFF;
  236. box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset;
  237. border: 1px solid #D8D8D8;
  238. display: block;
  239. height: 26px;
  240. position: relative;
  241. width: 200px;
  242. }
  243.  
  244. #searchbar .search-input {
  245. background: none repeat scroll 0 0 transparent;
  246. border: 0;
  247. color: #808080;
  248. font-size: 12px;
  249. width: 192px;
  250. height: 26px;
  251. font-family: Arial, sans-serif;
  252. padding: 1px 0 0 8px;
  253. }
  254.  
  255. #searchbar .search-input:focus {
  256. color: #000000;
  257. }
  258.  
  259. #searchbar .search-button {
  260. background: #800000 url(http://files.b1.jcink.com/themes/default/magnifying-glass.png) no-repeat 50% 50%;
  261. border: 0;
  262. bottom: 0;
  263. margin: 0;
  264. border-radius: 0;
  265. display: block;
  266. height: 26px;
  267. padding: 0;
  268. position: absolute;
  269. right: 0;
  270. text-indent: -3000em;
  271. top: 0;
  272. width: 26px;
  273. cursor: pointer;
  274. box-shadow: none;
  275. }
  276.  
  277. /****************************************
  278. Navigation Bar / Submenu
  279. *****************************************/
  280.  
  281. #submenu {
  282. display: none;
  283. }
  284.  
  285. #submenu img {
  286. display: none;
  287. }
  288.  
  289. #submenu a:link, #submenu a:visited, #submenu a:active {
  290. text-decoration: none;
  291. color: #fff !important;
  292. padding: 7px 7px;
  293. font-weight: bold;
  294. }
  295.  
  296. #submenu a:hover {
  297. color: #fff !important;
  298. text-decoration: underline;
  299. }
  300.  
  301. #navi br {
  302. display: none;
  303. }
  304.  
  305.  
  306. #navstrip {
  307. width: calc(100% - 30px); position: fixed; text-align: left; background: #ECECEC; height: 7px; padding: 15px; text-transform: uppercase; color: #aaa; font: 700 7px/100% 'Noto Sans', sans-serif; letter-spacing: 1px; top: 91px; left: 0px; z-index: 4; border-bottom: 1px solid #ccc;
  308. }
  309.  
  310. #navstrip a { color: #abc9cd; margin-right: 15px;
  311. }
  312.  
  313. /****************************************
  314. Calendar styling
  315. *****************************************/
  316.  
  317. .caldate {
  318. text-align:right;
  319. font-weight:bold;
  320. font-size:11px;
  321. color:#555;
  322. background-color:#F2F2F2;
  323. padding:4px; margin:0px;
  324. }
  325.  
  326. #calendarname {
  327. font-size:22px;
  328. font-weight:bold;
  329. }
  330.  
  331. #padandcenter {
  332. margin-left:auto;
  333. margin-right:auto;
  334. text-align:center;
  335. padding:14px 0px 14px 0px;
  336. }
  337.  
  338.  
  339. /**************************************************
  340. User Links Menu (Messages / View new posts / etc )
  341. ***************************************************/
  342.  
  343. #userlinks {
  344. display: none;
  345. }
  346.  
  347. #userlinks td {
  348. color: #333;
  349. }
  350.  
  351. #userlinks a {
  352. text-decoration: underline; padding: 1px;
  353. }
  354.  
  355. #userlinks a:hover {
  356. text-decoration: none;
  357. }
  358.  
  359.  
  360. .mcp-0, .acp-0, .m-2
  361. {
  362. display: none;
  363. }
  364.  
  365. .g-2
  366. {
  367. display: block !important;
  368. }
  369. /****************************************
  370. Topic View styles
  371. *****************************************/
  372.  
  373. .activeuserstrip {
  374. background-color: #e4e4e4;
  375. padding: 10px; border: 1px solid #ccc; text-transform: uppercase; font-size: 7px; letter-spacing: 1px; color: #888;
  376. }
  377.  
  378. .normalname {
  379. font-size: 12px;
  380. font-weight: bold;
  381. color: #003;
  382. }
  383.  
  384. .normalname a {
  385. font-size: 12px;
  386. }
  387.  
  388. .unreg {
  389. font-size: 11px;
  390. font-weight: bold;
  391. color: #900;
  392. }
  393.  
  394. .post1 {
  395. background-color: #F2F2F2;
  396. }
  397.  
  398. .post2 {
  399. background-color: #F2F2F2;
  400. }
  401.  
  402. .postdetails {
  403. font-size: 10px;
  404. }
  405.  
  406. .postcolor {
  407. font-size: 12px; line-height: 160%;
  408. }
  409.  
  410. .postlinksbar {
  411. padding: 9px; border: 1px solid #ccc;
  412. background-color: #e4e4e4;
  413. font-size: 7px; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; color: #888; margin-bottom: 5px;
  414. }
  415.  
  416. .signature {
  417. font-size: 10px;
  418. color: #339;
  419. line-height:150%;
  420. }
  421.  
  422.  
  423. /*******************************
  424. Pagination e.g. [1],2,3 ...
  425. *******************************/
  426.  
  427. .pagination .pagination_current, .pagination a {
  428. padding: 10px;
  429. }
  430.  
  431. .pagination a:link, .pagination a:visited, .pagination a:active {
  432. background-color: #e4e4e4;
  433. padding:10px;
  434. color: #888; border: 1px solid #ccc;
  435. text-decoration:none;
  436. }
  437.  
  438. .pagination a:hover {
  439. background: #e8e8e8;
  440. text-decoration: none;
  441. color:#888;
  442. }
  443.  
  444. .pagination .pagination_current {
  445. background: none repeat scroll 0% 0% #efefef;
  446. border: 1px solid #ccc; color: #888;
  447. padding:10px;
  448. }
  449.  
  450. .pagination_first, .pagination_last, .pagination_page {
  451. background: none repeat scroll 0% 0% #e8e8e8;
  452. }
  453.  
  454. .pagination_pagetxt {
  455. display:none;
  456. }
  457.  
  458. /****************************************
  459. Global general table/div row styles
  460. *****************************************/
  461.  
  462.  
  463. .row1,.row3,.row4 {
  464. background-color: #EFEFEF;
  465. padding: 10px;
  466. }
  467.  
  468. .row2 {
  469. background-color: #efefef;
  470. padding: 10px; text-transform: uppercase; font-size: 7px;
  471. }
  472.  
  473. #boardstats .row2 {
  474. text-align: center;
  475. }
  476.  
  477. .darkrow1 {
  478. background-color: #EFEFEF; color:black;
  479. }
  480.  
  481. .darkrow2 {
  482. background-color: #EFEFEF; padding: 10px; color: #888; font-size: 7px; letter-spacing: 1px; border-bottom: 1px solid #ccc; text-transform: uppercase;
  483. }
  484.  
  485. td.darkrow2 {
  486. display: none;
  487. }
  488.  
  489. .darkrow3 {
  490. background-color: #EFEFEF;
  491. color: #000;
  492. padding: 3px;
  493. }
  494.  
  495. .hlight { background-color: #EFEFEF; }
  496. .dlight { background-color: #EFEFEF; }
  497.  
  498.  
  499. /****************************************
  500. Top table bars / gradient holders
  501. *****************************************/
  502.  
  503. .maintitle {
  504. background: #;
  505. font-weight: normal; font: 400 40px/100% 'Bahianita', sans-serif;
  506. padding: 15px; text-align: left; text-transform: lowercase;
  507. color: #eee;
  508. }
  509.  
  510. .maintitle a:link, .maintitle a:visited, .maintitle a:active {
  511. text-decoration: none; color: #E3E3E3 !important;
  512. }
  513.  
  514. .maintitle a:hover {
  515. text-decoration: none;
  516. }
  517.  
  518.  
  519. /* Completely remove collapase span tag */
  520. .category .maintitle span
  521. { display: none; }
  522.  
  523.  
  524.  
  525.  
  526. /****************************************
  527. Bar directly below the maintitles
  528. *****************************************/
  529.  
  530. .titlemedium {
  531. color:#888;
  532. padding: 6px; font-size: 7px; line-height: 100%;
  533. background-color: #EFEFEF; text-transform: uppercase; text-align: center; letter-spacing: 1px;
  534. }
  535.  
  536. .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active {
  537. text-decoration: none;
  538. color: #888;
  539. }
  540.  
  541. /****************************************
  542. Table & Div Borders
  543. *****************************************/
  544.  
  545. .tableborder {
  546. background-color: #efefef;
  547. padding: 5px; margin: 0px; border: 1px solid #ccc;
  548. }
  549.  
  550. .tablefill {
  551. background-color: #EFEFEF;
  552. padding:6px;
  553. }
  554.  
  555. #enter-your-post .pformleft .tablefill
  556. {
  557. width: 170px;
  558. height: 220px;
  559. overflow: auto;
  560. line-height: 30%;
  561. display: inline-block;
  562. padding-right: 7px;
  563. margin-bottom: 7px;
  564. }
  565.  
  566. .tablepad {
  567. background-color: #EFEFEF;
  568. padding:6px;
  569. }
  570.  
  571. .tablebasic {
  572. width:100%; padding:0; margin:0px; border:0px;
  573. }
  574.  
  575. .plainborder {
  576. background-color: #EFEFEF;
  577. }
  578.  
  579.  
  580.  
  581. /****************************************
  582. QUOTE and CODE BBCode boxes
  583. *****************************************/
  584.  
  585. #QUOTE {
  586. white-space:normal; text-align: justify;
  587. font-size: 11px; line-height: 140%;
  588. color: #777;
  589. background-color: #E4E4E4;
  590. padding:10px;
  591. border:1px solid #ccc;
  592. margin:10px;
  593. }
  594.  
  595. #CODE {
  596. white-space:normal; text-align: justify;
  597. font-size: 11px; line-height: 140%;
  598. color: #777;
  599. background-color: #E4E4E4;
  600. padding:10px;
  601. border:1px solid #ccc;
  602. margin:10px;
  603. }
  604.  
  605.  
  606.  
  607. /****************************************
  608. CODE AREA CSS
  609. *****************************************/
  610.  
  611. #CODE {
  612. white-space:pre-line;
  613. font-family: Noto Sans; line-height: 140%;
  614. font-size: 10px;
  615. color: #888;
  616. background-color: #ececec;
  617. padding: 30px;
  618. border:1px solid #ccc;
  619. margin-top:1px;
  620. word-break: break-word;
  621. }
  622.  
  623. .code-scroll {
  624. max-height: 200px;
  625. overflow: auto;
  626. padding-right: 5px;
  627. }
  628.  
  629. .code-scroll::-webkit-scrollbar { background-color: #f1f1f1; }
  630. .code-scroll::-webkit-scrollbar-thumb { background-color: #ddd; }
  631.  
  632. .code-top {
  633. background-color: #e4e4e4; border:1px solid #ccc;
  634. margin: 0;
  635. padding: 0;
  636. text-align: center;
  637. overflow: hidden;
  638. color: #999;
  639. }
  640. .code-highlight {
  641. font: 700 7px/100% 'Noto Sans', sans-serif;
  642. color: #999;
  643. padding: 10px; margin:0px;
  644. background-color: #e8e8e8;
  645. text-align: right;
  646. text-transform: uppercase;
  647. letter-spacing: 1px;
  648. cursor: crosshair;
  649. }
  650.  
  651. .code-top .code-title {
  652. margin: 20px; text-align: right;
  653. font: 700 18px/100% 'Noto Sans', sans-serif;
  654. text-transform: lowercase; color: #aaa;
  655. }
  656.  
  657. .code-toggle {
  658. cursor: crosshair;
  659. }
  660.  
  661. .code-scroll.auto-code {
  662. height: auto;
  663. max-height: none;
  664. }
  665.  
  666. #CODE-WRAP.nicole-code { border-collapse: collapse; }
  667.  
  668.  
  669. /**********************************************
  670. Input buttons, e.g. submit, text input, etc
  671. ***********************************************/
  672.  
  673. .button-large {
  674. background: #efefef; border: 1px solid #ccc;
  675. padding: 12px;
  676. text-align:center;
  677. margin:0px 5px 0px 5px;
  678. color: #888; text-transform: lowercase; font-size: 14px; letter-spacing: 2px;
  679. min-width: 75px;
  680. display: inline-block;
  681. }
  682.  
  683. .button-small {
  684. text-align: center; background: #e8e8e8; margin-left: -3px;
  685. border-left: 1px solid #ccc; min-height: 10px;
  686. font-weight: 700; letter-spacing: 0px; line-height: 100%; padding: 10px;
  687. font-size: 9px; color: #abc9cd; text-transform: lowercase; min-width: 45px;
  688. display: inline-block;
  689. box-shadow: none;
  690. }
  691.  
  692.  
  693. .post-buttons-top { margin-top: 0px; }
  694.  
  695. .button-large.closed {
  696. background: #efefef; border: 1px solid #ccc;
  697. padding: 12px;
  698. text-align:center;
  699. margin:0px 5px 0px 5px;
  700. color: #888; text-transform: lowercase; font-size: 14px; letter-spacing: 2px;
  701. min-width: 75px;
  702. display: inline-block;
  703. }
  704.  
  705.  
  706. .forminput, .codebuttons, .radiobutton, .checkbox {
  707. background: #ececec; border: 1px solid #ccc;
  708. color: #666;
  709. font-size: 10px;
  710. padding: 5px;
  711. vertical-align: middle;
  712. }
  713.  
  714. .textinput {
  715. background: #ececec; border: 1px solid #ccc;
  716. color: #666;
  717. font-size: 11px; line-height: 130%;
  718. padding: 20px;
  719. vertical-align: middle;
  720. }
  721.  
  722. input[type=submit], input[type=button], input[type=reset] {
  723. background: #eaeaea; border: 1px solid #ccc;
  724. color: #777; text-transform: uppercase;
  725. font-size: 7px; font-weight: 700; letter-spacing: 1px;
  726. margin: 3px;
  727. padding: 5px;
  728. }
  729.  
  730. .codebuttons {
  731. font-size: 10px;
  732. }
  733.  
  734. /****************************************
  735. Form table cell styles, left/right/top
  736. *****************************************/
  737.  
  738.  
  739. .pformstrip {
  740. background-color: #EFEFEF;
  741. color: #555;
  742. padding: 5px; text-transform: uppercase; font-size: 7px;
  743. }
  744.  
  745. .pformleft {
  746. background-color: #EFEFEF;
  747. padding: 5px; font-size: 10px;
  748. width:25%; line-height: 140%; color: #555;
  749. }
  750.  
  751. .pformleftw {
  752. background-color: #EFEFEF; padding:6px;
  753. width:40%;
  754. }
  755.  
  756. .pformright {
  757. background-color: #EFEFEF;
  758. padding: 6px;
  759. }
  760.  
  761.  
  762. /****************************************
  763. Tabs on the portal profiles + sections
  764. *****************************************/
  765.  
  766. .opentab {
  767. color: #555;
  768. padding:8px;float: left; width: auto;
  769. background-color: #eaeaea;
  770. margin-top:3px;
  771. margin-right:2px;
  772. font-size:11px;
  773. }
  774.  
  775. .closedtab {
  776. color: #555;
  777. padding:7px;float: left;width: auto;
  778. background-color: #eaeaea;
  779. margin-top:6px;
  780. margin-right:2px;
  781. font-size:11px;
  782. }
  783.  
  784. .positiontab {
  785. height: 34px; margin-left: 2px;
  786. }
  787.  
  788. /****************************************
  789. Delete all cookies / mark read
  790. *****************************************/
  791.  
  792. #delcookiesrow, #mark-as-read-subto { float: right; margin-top: 16px; margin-right: 20px;
  793. font-size: 7px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase;
  794.  
  795. }
  796.  
  797. #mark-as-read-subto {
  798. float: none;
  799. }
  800.  
  801.  
  802. /*******************************
  803. Board Statistics Links
  804. *******************************/
  805.  
  806. .toplinks a {
  807. color: #ffffff;
  808. font-size: 11px;
  809. text-decoration: none;
  810. }
  811.  
  812. .toplinks {
  813. margin: 0 11px -37px 0;
  814. text-align: right;
  815. color: transparent;
  816. }
  817.  
  818. /*******************************
  819. Mini Profile Seperators
  820. *******************************/
  821.  
  822. .postbit {
  823. color: black;
  824. background: #EFEFEF;
  825. font-size: 11px;
  826. padding: 6px 7px;
  827. }
  828.  
  829. /********************************
  830. Miscellaneous
  831. ********************************/
  832.  
  833. /* image tag styles */
  834. img { vertical-align:middle; border:0px }
  835. img.attach { border:2px outset #555;padding:2px }
  836.  
  837. /* Forum Descriptions */
  838. .desc { color: #888; }
  839.  
  840. /* Edited by text */
  841. .edit { font-size: 9px }
  842.  
  843. #inforum-rules b { display: none; }
  844.  
  845. /* Topic Macros */
  846. .wrapmini { float: left; padding: 10px; background: #ececec; border: 1px solid #ccc; text-transform: uppercase; font-size: 7px; letter-spacing: 1px; margin-right: 10px; }
  847.  
  848.  
  849. /* Warning CSS */
  850. .warngood { color:green }
  851. .warnbad { color:red }
  852.  
  853. /* Skin selector dropdown */
  854. #skin_selector {
  855. margin: 10px 0;
  856. }
  857.  
  858.  
  859.  
  860. #skin_selector .forminput
  861. {
  862. height: 20px; width: 100%; text-align: left;
  863. background: #e4e4e4;
  864. padding: 3px;
  865. border: 1px solid #ccc;
  866. font: 700 7px/100% 'Noto Sans', sans-serif; color: #999; letter-spacing: 1px;
  867. text-transform: uppercase;
  868. }
  869.  
  870. /* Online users list row */
  871. .thin {
  872. padding:6px 0px 6px 0px;
  873. line-height:140%;
  874. margin:2px 0px 2px 0px;
  875. border-top:1px solid #545454;
  876. border-bottom:1px solid #545454;
  877. }
  878.  
  879. /* Latest news area */
  880. .newstext {
  881. display: none;
  882. }
  883.  
  884. /* Highlighted text in search */
  885. .searchlite {
  886. color:#F00;
  887. font-weight:bold;
  888. background-color:#FF0;
  889. }
  890.  
  891. /****************************************
  892. Mobile-specific Styles
  893. *****************************************/
  894.  
  895.  
  896. #mobile {
  897. background-color: #ececec; text-transform: none; line-height: 140%; position: relative; z-index: 100;
  898. }
  899.  
  900. #mobile body { text-transform: none; line-height: 140%; }
  901. #mobile .row2 { text-transform: none; }
  902.  
  903. #mobile .category .maintitle span { display: block; }
  904.  
  905.  
  906.  
  907. /***********************************
  908. Copyright: Removal is against Terms
  909. ************************************/
  910.  
  911. .copyright { text-align: left; padding: 10px; letter-spacing: 1px; color: #999; text-transform: uppercase;
  912. font-size: 7px; line-height: 140%; font-weight: 700;
  913. }
  914. .copyright a { color: #abc9cd; }
  915.  
  916.  
  917.  
  918. .site-credit
  919. {
  920. background: #ececec; border: 1px solid #ccc;
  921. padding: 10px;
  922. text-align: center;
  923. font-size: 7px;
  924. letter-spacing: 2px; text-transform: uppercase;
  925. line-height: 140%;
  926. color: #888; font-weight: 600;
  927. margin-top: 5px;
  928. }
  929.  
  930. .site-credit a
  931. {
  932. font-size: 7px;
  933. color: #aaa;
  934. }
  935.  
  936.  
  937. /***********************************
  938. Top Bar
  939. ************************************/
  940.  
  941. /*** PUSH MENU 1.3 ***/
  942.  
  943. #main {
  944. position: absolute;
  945. top: 0;
  946. right: 0;
  947. left: 250px;
  948. bottom: 0;
  949. float: left;
  950. }
  951.  
  952. #content {
  953. padding-left: 15px;
  954. padding-right: 15px;
  955. padding-top: 137px;
  956. }
  957.  
  958. #top {
  959. position: fixed; z-index: 5;
  960. width: 100%;
  961. height: 90px;
  962. text-transform: uppercase;
  963. background: #e4e4e4; border-bottom: 1px solid #ccc;
  964. color: #fff;
  965. left: 0px;
  966. }
  967.  
  968.  
  969. #top:after {
  970. content: '';
  971. display: table;
  972. clear: both;
  973. }
  974. .burger {
  975. float: left;
  976. padding: 5px;
  977. width: 32px;
  978. height: 32px;
  979. text-align: center;
  980. }
  981. #menu-state {
  982. float: left;
  983. padding: 0px;
  984. }
  985.  
  986. #menu {
  987. position: fixed;
  988. margin-top: 128px;
  989. left: 0;
  990. width: 249px;
  991. height: 100%;
  992. overflow: hidden;
  993. background: #e8e8e8; border-right: 1px solid #ccc;
  994. color: #888;
  995. float: left;
  996. }
  997.  
  998. .pushed-cbox {
  999. width: 180px;
  1000. margin: auto;
  1001. margin-top: 20px;
  1002. }
  1003.  
  1004. .brand {
  1005. background-color: #f7f7f7;
  1006. font-weight: bold;
  1007. font-family: montserrat;
  1008. font-size: 8px;
  1009. letter-spacing: 1px;
  1010. padding: 20px;
  1011. color: #B84250;
  1012. text-transform: uppercase;
  1013. text-align: left;
  1014. margin: 0px;
  1015. }
  1016. .brand b {
  1017. border-bottom: 1px solid #fff;
  1018. padding: 4px;
  1019. }
  1020.  
  1021. .nav-menu { padding-top: 30px; }
  1022. .nav-menu li {
  1023. padding-top: 2px;
  1024. padding-bottom: 2px;
  1025. line-height: 48px;
  1026. }
  1027. .nav-menu a {
  1028. color: ivory;
  1029. text-decoration: none;
  1030. }
  1031. .nav-image {
  1032. float: left;
  1033. width: 50px;
  1034. line-height: 48px;
  1035. text-align: center;
  1036. }
  1037.  
  1038. .small-menu #main { left: 0; }
  1039. .small-menu #menu { left: -250px; }
  1040.  
  1041. #main, #menu {
  1042. transition: all 0.15s linear;
  1043. }
  1044.  
  1045.  
  1046. #subaccounts_menu .forminput
  1047. {
  1048. width: 180px;
  1049. height: 24px;
  1050. background: #f2f2f2;
  1051. padding: 5px 3px;
  1052. border: 1px solid #ccc;
  1053. text-align: center;
  1054. font: 700 7px/100% 'Noto Sans', sans-serif; color: #888; letter-spacing: 0px;
  1055. text-transform: uppercase;
  1056. }
  1057.  
  1058. .CLTPB-Toggle { width: 50px; padding: 20px; height: 50px; border-right: 1px solid #ccc; text-align: center; color: #abc9cd; background-color: rgba(171,201,205,0.2); float: left; font-size: 50px; line-height: 100%; font-weight: 700; }
  1059.  
  1060. .CLTPB-Icon { width: 50px; padding: 4px; margin-top: 15px; margin-left: 15px; height: 50px; border: 1px solid #ccc; background: #efefef; float: left; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
  1061.  
  1062. .CLTPB-Name { height: 45px; padding: 0px; margin-top: 24px; margin-left: 15px; float: left; text-align: right; font: 400 30px/100% 'Bahianita', sans-serif; color: #aaa; text-transform: lowercase; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1063.  
  1064. .CLTPB-UpButton { width: 22px; padding: 15px; margin-top: 18px; margin-right: 15px; height: 22px; border: 1px solid #ccc; background: #ececec; float: right; text-align: center; font-size: 22px; line-height: 100%; font-weight: 700; color: #abc9cd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
  1065.  
  1066.  
  1067. .CLTPB-UpIcons { width: 7px; height: 7px; background: #efefef; padding: 3px; display: inline-block; position: relative; float: left; top: 3px; left: 3px; border: 1px solid #ccc; text-align: center; font: 700 7px/100% 'Noto Sans', sans-serif; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
  1068.  
  1069.  
  1070. .CLTPB-DropBg { width: 54px; height: 54px; margin-top: 18px; margin-right: 16px; float: right; }
  1071.  
  1072. .CLTPB-HeaderBg { width: 960px; height: 360px; background: #e8e8e8; padding: 20px; }
  1073.  
  1074. .CLTPB-HeaderBg2 { width: 950px; height: 350px; background: #efefef; padding: 4px; border: 1px solid #ccc; }
  1075.  
  1076. .CLTPB-Header { width: 950px; height: 350px; background: #efefef url(https://placeholdit.co//i/950x350?&bg=aaaaaa); }
  1077.  
  1078. .CLTPB-TopHBg { width: 1000px; height: 150px; background: #e2e2e2; padding: 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
  1079.  
  1080. .CLTPB-TopFlA { width: 107px; height: 110px; background: #e2e2e2; border-right: 1px solid #ccc; padding: 20px; float: left; }
  1081.  
  1082. .CLTPB-TopFlIcon { width: 99px; height: 102px; background: #efefef; padding: 3px; border: 1px solid #ccc; }
  1083.  
  1084. .CLTPB-TopFlIcon2 { width: 99px; height: 102px; background: url(https://placeholdit.co//i/100x100?&bg=aaaaaa); }
  1085.  
  1086. .CLTPB-TopFlB { width: 230px; height: 110px; padding: 20px; background: #e8e8e8; border-right: 1px solid #ccc; float: left; }
  1087.  
  1088. .CLTPB-TopTx { width: 198px; padding: 15px; border: 1px solid #ccc; background: #ececec; text-align: justify; font: 400 10px/140% 'Noto Sans', sans-serif; color: #777; }
  1089.  
  1090. .CLTPB-TopTxOv { height: 78px; overflow: auto; padding-right: 5px; }
  1091.  
  1092. .CLTPB-TopSpan { font: 700 13px/120% 'Noto Sans', sans-serif; font-style: italic; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1093.  
  1094. .CLTPB-TopSpan2 { font-weight: 700; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1095.  
  1096. .CLTPB-TopFlC { width: 390px; height: 110px; border-right: 1px solid #ccc; background: #e8e8e8; padding: 20px; float: left; }
  1097.  
  1098. .CLTPB-TopWeather { width: 110px; height: 110px; float: left; text-align: center; font: 400 110px/100% 'Noto Sans', sans-serif; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); color: #d8d8d8; }
  1099.  
  1100. .CLTPB-TopFlD { width: 270px; height: 110px; float: left; }
  1101.  
  1102. .CLTPB-TopSTi { width: 270px; text-align: center; font: 400 60px/100% 'Bahianita', sans-serif; color: #aaa; text-transform: lowercase; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); border-bottom: 1px solid #ddd; }
  1103.  
  1104. .CLTPB-TopSubTi { text-align: right; font: 700 7px/130% 'Noto Sans', sans-serif; color: #aaa; letter-spacing: 1px; text-transform: uppercase; margin-top: 5px; }
  1105.  
  1106. .CLTPB-TopSubTi h9 { letter-spacing: 1px; }
  1107.  
  1108. .CLTPB-TopSubTi2 { text-align: right; font: 400 14px/130% 'Noto Sans', sans-serif; color: #aaa; text-transform: lowercase; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); letter-spacing: 1px; }
  1109.  
  1110. .CLTPB-TopFlE { width: 110px; height: 110px; padding: 20px; float: left; }
  1111.  
  1112. .CLTPB-TopFlF { width: 50px; height: 50px; float: left; }
  1113.  
  1114. .CLTPB-TopFlG { width: 40px; padding: 4px; height: 40px; border: 1px solid #ccc; background: #ececec; }
  1115.  
  1116.  
  1117. .CLTPB-TopStaff { width: 40px; height: 40px; background: #abc9cd; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #eee; text-align: center; font: 400 30px/100% 'Bahianita', sans-serif; line-height: 100%; }
  1118.  
  1119.  
  1120. .CLTPB-TopUser { border: 1px solid #ccc; padding: 15px; background: #e4e4e4; font: 400 16px/100%'Noto Sans', sans-serif; color: #999; text-align: right; font-style: italic; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1121.  
  1122. .CLTPB-TopCOuter { border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 10px; background: #ececec; }
  1123.  
  1124. .CLTPB-TopCSwitch { font: 700 7px/170%'Noto Sans', sans-serif; color: #999; letter-spacing: 1px; text-transform: uppercase; text-align: right; border-bottom: 1px solid #ccc; margin-bottom: 5px; }
  1125.  
  1126. .CLTPB-TopCWarn { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; padding: 10px; background: #e8e8e8; font: 700 7px/170%'Noto Sans', sans-serif; text-transform: uppercase; text-align: center; letter-spacing: 1px; }
  1127.  
  1128. .CLTPB-TopCbox { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; padding: 10px; background-color: rgba(171,201,205,0.2); }
  1129.  
  1130.  
  1131. .CLTPB-TopCBr { border: 1px solid #ccc; height: 10px; background: #e4e4e4; }
  1132.  
  1133.  
  1134. /***********************************
  1135. Jcink Templates Misc
  1136. ************************************/
  1137.  
  1138. .CLMC-Bg1 { padding: 5px; border: 1px solid #ccc; background: #efefef; margin-bottom: 20px; }
  1139.  
  1140. .CLMC-Br1 { padding: 0px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #e4e4e4; }
  1141.  
  1142. .CLMC-Bar1 { background: #efefef; padding: 4px; border-bottom: 1px solid #ccc; }
  1143.  
  1144. .CLMC-Bar2 { border-bottom: 1px solid #abc9cd; }
  1145.  
  1146. .CLMC-Bar5 { background: #efefef; padding: 4px; border-left: 1px solid #ccc;border-right: 1px solid #ccc; border-top: 1px solid #ccc; }
  1147. .CLMC-Bar6 { background: #efefef; padding: 4px; border: 1px solid #ccc; }
  1148.  
  1149. .CLMC-Bar7 { border-bottom: 1px solid #abc9cd; }
  1150.  
  1151. .CLMC-Bar8 { background: #efefef; padding: 4px; border-left: 1px solid #ccc;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
  1152.  
  1153. .CLMC-Bar9 { border-bottom: 1px solid #abc9cd; }
  1154.  
  1155. .CLMC-Bar10 { background: #efefef; padding: 4px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; }
  1156. .CLMC-Bar11 { background: #efefef; padding: 4px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
  1157.  
  1158. .CLMC-Bar14 { border-bottom: 1px solid #abc9cd; }
  1159.  
  1160. /***********************************
  1161. Forum Row
  1162. ************************************/
  1163.  
  1164. .CLFR-Main-Bg { width: 946px; min-height: 147px; border-bottom: 1px solid #ccc; }
  1165.  
  1166. .CLFR-Desc-Bg { width: 180px; height: 107px; padding: 20px; background: #e8e8e8; float: left; }
  1167.  
  1168. .CLFR-Float-A { width: 723px; height: 147px; float: left; border-right: 1px solid #ccc; }
  1169.  
  1170. .CLFR-Float-B { width: 723px; height: 147px; background: #ececec; float: left; }
  1171.  
  1172. .CLFR-Macro { width: 25px; height: 25px; background: #ececec; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px; float: left; font-size: 25px; line-height: 100%; }
  1173.  
  1174. .CLFR-Float-C { width: 617px; height: 25px; background: #efefef; border-bottom: 1px solid #ccc; padding: 20px; float: left; }
  1175.  
  1176. .CLFR-Title { text-align: center; font: 400 23px/100% 'Noto Sans', sans-serif; letter-spacing: -1px; text-transform: lowercase; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); font-style: italic; color: #888; position: relative; }
  1177.  
  1178. .CLFR-Title a { color: #abc9cd; }
  1179.  
  1180. .CLFR-Title wraparound { background: #efefef;
  1181. padding: 0px 35px;
  1182. z-index: 1;
  1183. position: relative; }
  1184.  
  1185. .CLFR-Title:before
  1186. {
  1187. width: 100%;
  1188. content: "";
  1189. background: #ccc;
  1190. display: block;
  1191. height: 1px;
  1192. position: absolute;
  1193. top: 50%;
  1194. }
  1195.  
  1196. .CLFR-Float-D { width: 703px; height: 23px; padding: 10px; float: left; text-align: center; font: 700 7px/100% 'Noto Sans', sans-serif; text-transform: uppercase; color: #888; background: #e8e8e8; }
  1197.  
  1198. .CLFR-Stat-A { width: 9px; height: 9px; background: #efefef; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 6px; float: left; font-size: 9px; font-weight: bold; line-height: 100%; }
  1199.  
  1200. .CLFR-Stat-B { width: 187px; height: 9px; background: #ececec; border: 1px solid #ccc; padding: 6px 8px; float: left; text-align: right; font: 700 7px/140% 'Noto Sans', sans-serif; color: #999; text-transform: uppercase; letter-spacing: 1px; }
  1201.  
  1202.  
  1203. .CLFR-Stat-C { background: #efefef; width: 49px; height: 7px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 7px; float: left; text-align: center; font-size: 7px; font-weight: bold; line-height: 100%; }
  1204.  
  1205. .CLFR-Stat-D { width: 90px; height: 7px; background: #ececec; border: 1px solid #ccc; padding: 7px 8px; float: left; text-align: center; font: 700 7px/100% 'Noto Sans', sans-serif; color: #999; text-transform: uppercase; letter-spacing: 1px; }
  1206.  
  1207. .CLFR-Float-E { width: 709px; height: 23px; padding: 7px; float: left; border-bottom: 1px solid #ccc; background: #ececec; }
  1208.  
  1209. .CLFR-Info-A { width: 232px; height: 35px; background: #ececec; border-bottom: 1px solid #ccc; text-align: right; font: 700 7px/110% 'Noto Sans', sans-serif; text-transform: uppercase; color: #777; letter-spacing: 1px; }
  1210.  
  1211. .CLFR-Info-B { width: 9px; height: 9px; padding: 13px; border-right: 1px solid #ccc; float: left; font-size: 9px; background: #e8e8e8; }
  1212.  
  1213. .CLFR-Info-C { padding: 14px; float: right; }
  1214.  
  1215. .CLFR-Subforums { min-height: 7px; text-align: justify; background: #efefef; border-bottom: 1px solid #ccc; padding: 16px 25px; font: 700 7px/180% 'Noto Sans', sans-serif; text-transform: uppercase; color: #aaa; letter-spacing: 1px; }
  1216.  
  1217. .CLFR-Subforums a { min-height: 8px; color: #abc9cd; border-bottom: 1px solid #ddd; margin-left: 3px; }
  1218.  
  1219. .CLFR-FD1Text { width: 158px; padding: 10px; background: #ececec; border: 1px solid #ccc; text-align: justify; font: 400 10px/140% 'Noto Sans', sans-serif; text-transform: lowercase; color: #777; }
  1220.  
  1221. .CLFR-FD1Ov { height: 57px; padding-right: 5px; overflow: auto; }
  1222.  
  1223. .CLFR-FD1Link { width: 158px; height: 7px; padding: 10px; background: #e8e8e8; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left; font: 700 7px/130% 'Noto Sans', sans-serif; text-transform: uppercase; color: #777; letter-spacing: 1px; }
  1224.  
  1225. .CLFR-FD1Link a { color: #abc9cd; border-bottom: 1px solid #ddd; margin-right: 3px; }
  1226.  
  1227. .CLFR-FD1Img { width: 170px; height: 69px; padding: 4px; background: #efefef; border: 1px solid #ccc; }
  1228.  
  1229. .CLFR-FD2Text { width: 89px; padding: 10px; background: #ececec; border: 1px solid #ccc; float: left; text-align: justify; font: 400 10px/140% 'Noto Sans', sans-serif; text-transform: lowercase; color: #777; }
  1230.  
  1231. .CLFR-FD2Ov { height: 85px; overflow: auto; padding-right: 5px; }
  1232.  
  1233. .CLFR-FD2Img { width: 60px; height: 97px; padding: 4px; background: #efefef; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float: left; }
  1234.  
  1235. .CLFR-FD1Img2 { width: 170px; height: 97px; padding: 4px; background: #efefef; border: 1px solid #ccc; }
  1236.  
  1237.  
  1238. .CLFR-old {
  1239. color: #aaa;
  1240. }
  1241.  
  1242. .CLFR-new {
  1243. color: #abc9cd;
  1244. }
  1245.  
  1246.  
  1247. /***********************************
  1248. Topic Row
  1249. ************************************/
  1250.  
  1251.  
  1252. .CLTR-Main-Bg { width: 944px; height: 107px; border-bottom: 1px solid #ccc; }
  1253.  
  1254. .CLTR-Float-A { width: 650px; height: 107px; background: #ececec; border-right: 1px solid #ccc; float: left; }
  1255.  
  1256. .CLTR-Macro { width: 25px; height: 25px; background: #ececec; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px; float: left; font-size: 25px; line-height: 100%; }
  1257.  
  1258. .CLTR-Float-B { width: 544px; height: 25px; background: #efefef; border-bottom: 1px solid #ccc; padding: 20px; float: left; }
  1259.  
  1260.  
  1261. .CLTR-Float-C { width: 630px; height: 21px; padding: 10px; float: left; text-align: center; font: 700 7px/100% 'Noto Sans', sans-serif; text-transform: uppercase; color: #888; }
  1262.  
  1263. .CLTR-Stat-A { width: 7px; height: 7px; background: #efefef; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 6px; float: left; }
  1264.  
  1265. .CLTR-Stat-B { width: 126px; height: 7px; background: #efefef; border: 1px solid #ccc; padding: 6px; float: left; text-align: center; font: 400 7px/100% 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 1px; }
  1266.  
  1267. .CLTR-Stat-C { width: 256px; height: 7px; background: #efefef; border: 1px solid #ccc; padding: 6px; float: left; text-align: center; font: 400 7px/100% 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 1px; }
  1268.  
  1269. .CLTR-Float-D { width: 293px; height: 107px; float: left; }
  1270.  
  1271. .CLTR-Info-A { width: 293px; height: 35px; background: #ececec; border-bottom: 1px solid #ccc; text-align: right; font: 700 7px/110% 'Noto Sans', sans-serif; text-transform: uppercase; color: #777; letter-spacing: 1px; }
  1272.  
  1273. .CLTR-Info-B { width: 9px; height: 9px; padding: 13px; border-right: 1px solid #ccc; float: left; font-size: 9px; background: #e8e8e8; }
  1274.  
  1275. .CLTR-Info-C { padding: 14px; float: right; }
  1276.  
  1277. .topic-title-row { padding: 25px; border-bottom: 1px solid #ccc; background: #e8e8e8; text-align: right; font: 400 12px/100% 'Noto Sans', sans-serif; text-transform: lowercase; color: #888; letter-spacing: 1px; }
  1278.  
  1279. .no-topics-row { padding: 25px; border-bottom: 1px solid #ccc; background: #efefef; text-align: justify; font: 700 7px/140% 'Noto Sans', sans-serif; text-transform: uppercase; color: #888; letter-spacing: 1px; }
  1280.  
  1281.  
  1282. /***********************************
  1283. User Profile
  1284. ************************************/
  1285.  
  1286. .CLUP-Float-A { width: 944px; height: 470px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
  1287.  
  1288. .CLUP-Float-B { width: 665px; height: 470px; border-right: 1px solid #ccc; float: left; background: #e8e8e8; }
  1289.  
  1290. .CLUP-Name-Bg { width: 665px; height: 85px; border-bottom: 1px solid #ccc; background: #ececec; }
  1291.  
  1292. .CLUP-Name-Fl { width: 31px; height: 31px; padding: 27px; background: #e4e4e4; border-right: 1px solid #ccc; float: left; font-size: 31px; line-height: 100%; color: #aaa; text-align: center; }
  1293.  
  1294. .CLUP-Name-Tx { padding: 30px; text-align: left; float: left; font: 700 25px/100% 'Noto Sans', sans-serif; text-transform: lowercase; }
  1295.  
  1296. .CLUP-Char-Bg { width: 665px; height: 253px; border-bottom: 1px solid #ccc; }
  1297.  
  1298. .CLUP-Char-FlA { width: 465px; height: 253px; border-right: 1px solid #ccc; float: left; }
  1299.  
  1300. .CLUP-Char-Active { width: 425px; height: 7px; border-bottom: 1px solid #ccc; text-align: right; font: 700 7px/100% 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #999; padding: 10px 20px; }
  1301.  
  1302. .CLUP-Char-FlB { width: 445px; height: 168px; border-bottom: 1px solid #ccc; padding: 10px; }
  1303.  
  1304. .CLUP-Char-FlC { width: 181px; height: 126px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: rgba(171,201,205,0.1); padding: 20px; float: left; }
  1305.  
  1306.  
  1307. .CLUP-Char-TxtA { text-align: right; font: 400 10px/100% 'Noto Sans', sans-serif; text-transform: lowercase; color: #888; }
  1308.  
  1309. .CLUP-Char-STxtA { float: left; border-bottom: 1px solid #ddd; font: 400 10px/100% 'Noto Sans', sans-serif; }
  1310.  
  1311. .CLUP-Char-SSTxtA { margin-left: 5px; margin-right: 5px; border-bottom: 1px solid #ddd; letter-spacing: 1px;}
  1312.  
  1313. .CLUP-Char-FlD { width: 181px; height: 126px; border: 1px solid #ccc; background: #e4e4e4; padding: 20px; float: left; }
  1314.  
  1315. .CLUP-Char-FlE { width: 465px; height: 36px; background: #ececec; }
  1316.  
  1317.  
  1318. .CLUP-Char-Links { width: 16px; height: 16px; background: #e4e4e4; border-left: 1px solid #ccc; padding: 10px; text-align: center; font-size: 14px; line-height: 100%; color: #aaa; float: right; }
  1319.  
  1320. .CLUP-Char-LiTi { height: 10px; padding: 14px; text-align: center; text-transform: uppercase; font-size: 7px; letter-spacing: 1px; font-weight: 700; line-height: 100%; color: #aaa; float: right; }
  1321.  
  1322. .CLUP-Char-LiBr { border-bottom: 1px solid #abc9cd; }
  1323.  
  1324.  
  1325. .CLUP-Char-FlF { width: 199px; height: 253px; float: left; background-color: rgba(171,201,205,0.2); }
  1326.  
  1327. .CLUP-Char-FlG { width: 159px; height: 42px; padding: 20px; }
  1328.  
  1329. .CLUP-Play-Li { width: 20px; height: 20px; padding: 10px; border: 1px solid #eee; float: left; text-align: center; background-color: rgba(171,201,205,0.3); color: #eee; line-height: 100%; font-size: 18px; }
  1330.  
  1331. .CLUP-Play-Txt { width: 139px; height: 95px; padding: 20px 30px; background: #ececec; text-align: right; font: 700 7px/100% 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #999; }
  1332.  
  1333. .CLUP-Play-Txt a { font: 700 7px/100% 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #999; }
  1334.  
  1335. .CLUP-Play-On { width: 175px; height: 12px; padding: 12px; text-align: center; font: 700 11px/100% 'Noto Sans', sans-serif; text-transform: lowercase; color: #aaa;}
  1336.  
  1337. .CLUP-Ext-FlA { width: 665px; height: 130px; }
  1338.  
  1339. .CLUP-Ext-FlB { width: 110px; height: 110px; padding: 10px; background-color: rgba(171,201,205,0.2); border-right: 1px solid #ccc; float: left; }
  1340.  
  1341. .CLUP-Ext-FlC { width: 100px; height: 100px; border: 1px solid #abc9cd; background: #efefef; padding: 4px; }
  1342.  
  1343. .CLUP-Ext-FlD { width: 534px; height: 130px; float: left; }
  1344.  
  1345. .CLUP-Ext-FlE {width: 514px; height: 7px; padding: 10px; border-bottom: 1px solid #ccc; background: #e4e4e4; text-align: right; font: 700 7px/100% 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 1px; }
  1346.  
  1347. .CLUP-Ext-FlF { width: 514px; height: 82px; padding: 10px; background: #e8e8e8; }
  1348.  
  1349. .CLUP-Ext-FlG { width: 452px; padding: 20px 30px; background: #ececec; border: 1px solid #ccc; text-align: justify; font: 400 11px/140% 'Noto Sans', sans-serif; letter-spacing: 1px; color: #999; }
  1350.  
  1351. .CLUP-Ext-FlH { height: 40px; overflow: auto; padding-right: 5px; }
  1352.  
  1353. .CLUP-Av-FlA { width: 218px; height: 410px; float: left; padding: 30px; }
  1354.  
  1355. .CLUP-Av-FlB { width: 210px; height: 400px; border: 1px solid #abc9cd; margin-top: 1px; background: #efefef; padding: 3px; }
  1356.  
  1357.  
  1358.  
  1359. /***********************************
  1360. Stats
  1361. ************************************/
  1362.  
  1363. .CLBS-bg1 { background: #abc9cd; padding: 80px; text-align: left; font: 400 40px/100% 'Bahianita', sans-serif; text-transform: lowercase; font-style: italic; color: #eee; }
  1364.  
  1365. .CLBS-floatA { width: 946px; height: 260px; border-bottom: 1px solid #ccc; }
  1366.  
  1367. .CLBS-floatB { width: 278px; height: 260px; padding: 0px; float: left; border-right: 1px solid #ccc; }
  1368.  
  1369. .CLBS-Members { width: 206px; height: 14px; padding: 36px; border-bottom: 1px solid #ccc; text-align: right; font: 700 12px/100% 'Noto Sans', sans-serif; text-transform: uppercase; color: #aaa; background: #e8e8e8; }
  1370.  
  1371. .CLBS-Mspan { float: left; font-size: 30px; margin-top: -8px; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1372.  
  1373.  
  1374. .CLBS-floatC { width: 421px; height: 220px; padding: 20px; float: left; border-right: 1px solid #ccc; }
  1375.  
  1376.  
  1377. .CLBS-usBG { width: 419px; height: 40px; border: 1px solid #ccc; border-bottom: none; background: #e8e8e8; }
  1378.  
  1379. .CLBS-usTi { width: 303px; height: 16px; padding: 12px; text-align: center; float: left; font: 400 16px/100% 'Noto Sans', sans-serif; text-transform: uppercase; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); font-style: italic; color: #aaa; }
  1380.  
  1381. .CLBS-usButton { width: 20px; border-left: 1px solid #ccc; background: #eaeaea; height: 20px; float: right; text-align: center; font: 400 20px/100% 'Noto Sans', sans-serif; padding: 10px; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1382.  
  1383. .CLBS-usList { width: 369px; padding: 25px; border: 1px solid #ccc; background: #ececec; text-align: justify; font: 400 14px/140% 'Noto Sans', sans-serif; text-transform: lowercase; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); font-style: italic; color: #aaa; }
  1384.  
  1385. .CLBS-usListov { height: 93px; overflow: auto; padding-right: 5px; }
  1386.  
  1387.  
  1388. .CLBS-usStats { width: 419px; height: 33px; border: 1px solid #ccc; border-top: none; background: #e8e8e8; text-align: left; font: 700 7px/100% 'Noto Sans', sans-serif; text-transform: uppercase; color: #aaa; }
  1389.  
  1390. .CLBS-usSOuter { width: 119px; height: 13px; padding: 10px; border-right: 1px solid #ccc; float: left; }
  1391.  
  1392.  
  1393. .CLBS-usSOutersp { float: right; font-size: 13px; }
  1394.  
  1395.  
  1396. .CLBS-floatD { width: 203px; height: 260px; padding: 0px; float: left; }
  1397.  
  1398. .CLBS-otBg { height: 75px; padding: 20px; background: #e8e8e8; border-bottom: 1px solid #ccc; }
  1399.  
  1400. .CLBS-otIcon { height: 50px; text-align: center; line-height: 100%; font-size: 50px; color: #bbb; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1401.  
  1402. .CLBS-otTx { height: 15px; margin-top: 5px; text-align: center; text-transform: uppercase; line-height: 100%; font-size: 12px; color: #aaa; }
  1403.  
  1404. .CLBS-otTxs { border-bottom: 1px solid #ccc; font-weight: 700; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); font-style: italic; }
  1405.  
  1406. .CLBS-otList { height: 104px; padding: 15px; }
  1407.  
  1408. .CLBS-otListbg { padding: 15px; background: #e8e8e8; border: 1px solid #ccc; text-align: justify; font-weight: 400; text-transform: lowercase; font-size: 9px; line-height: 140%; }
  1409.  
  1410. .CLBS-otListov { height: 80px; overflow: auto; padding-right: 5px; }
  1411.  
  1412.  
  1413. .CLBS-floatE { width: 902px; padding: 21px; height: 38px; background: #e8e8e8; text-align: right; font-size: 11px; font-weight: 400; font-style: italics; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); color: #aaa; }
  1414.  
  1415.  
  1416. .CLBS-SLinkbg { width: 120px; padding: 10px; height: 18px; border: 1px solid #ccc; float: left; background: #ececec; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
  1417.  
  1418.  
  1419. .CLBS-SLinksp { float: left; font-size: 17px; margin-top: 1px; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1420.  
  1421.  
  1422. .CLBS-SLinkbr { border-bottom: 1px solid #abc9cd; }
  1423.  
  1424.  
  1425. /***********************************
  1426. Dropdown
  1427. ************************************/
  1428.  
  1429.  
  1430. /* Dropdown Button */
  1431. .dropbtn {
  1432. background: #ececec;
  1433. color: white;
  1434. padding: 0px; width: 54px; height: 54px;
  1435. text-shadow: -1px -1px 0px rgba(255, 255, 255, 1);
  1436. text-align: center; font-size: 22px; line-height: 100%; font-weight: 400; color: #abc9cd;
  1437. border: 1px solid #ccc;
  1438. cursor: crosshair; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
  1439. }
  1440.  
  1441. /* The container <div> - needed to position the dropdown content *!2F
  1442. .dropdown {
  1443. position: relative;
  1444. display: inline-block; width: 52px; height: 52px;
  1445. z-index: 7;
  1446. }
  1447.  
  1448. /* Dropdown Content (Hidden by Default) */
  1449. .dropdown-content {
  1450. display: none;
  1451. position: absolute;
  1452. background-color: #f9f9f9;
  1453. min-width: 160px;
  1454. box-shadow: none;
  1455. z-index:7;
  1456. }
  1457.  
  1458. /* Links inside the dropdown */
  1459. .dropdown-content a {
  1460. color: #888; background: #e8e8e8; text-align: right; text-transform: uppercase; font: 700 7px/100% 'Noto Sans', sans-serif; letter-spacing: 1px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;
  1461. padding: 15px;
  1462. text-decoration: none;
  1463. display: block; min-width: 187px;
  1464. }
  1465.  
  1466. /* Change color of dropdown links on hover */
  1467. .dropdown-content a:hover { background-color: #e4e4e4; }
  1468.  
  1469. /* Show the dropdown menu on hover */
  1470. .dropdown:hover .dropdown-content {
  1471. display: block;
  1472. }
  1473.  
  1474. /* Change the background color of the dropdown button when the dropdown content is shown */
  1475. .dropdown:hover .dropbtn {
  1476. background: #e8e8e8;
  1477. }
  1478.  
  1479. .show { display:block; }
  1480.  
  1481.  
  1482. .dropdown linko { color: #888; font-weight: bold; }
  1483.  
  1484.  
  1485. .f-dropdown {
  1486. outline: 1px solid #ccc;
  1487. }
  1488.  
  1489.  
  1490.  
  1491. /***********************************
  1492. Mini Profile
  1493. ************************************/
  1494.  
  1495.  
  1496. .CLMP-BG { width: 944px; height: 140px; background: #e8e8e8; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
  1497.  
  1498. .CLMP-Float-A { width: 763px; height: 100px; float: left; border-left: 1px solid #ccc; padding: 20px; }
  1499.  
  1500. .CLMP-Float-B { width: 100px; height: 100px; padding: 20px; background-color: rgba(171,201,205,0.2); float: left; }
  1501.  
  1502. .CLMP-Float-BGif { width: 70px; padding: 4px; margin-top: 9px; margin-left: 9px; height: 70px; border: 1px solid #abc9cd; background: #efefef; float: left; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
  1503.  
  1504. .CLMP-Float-Author { height: 35px; padding: 0px; margin-top: 20px; margin-left: 20px; float: left; text-align: right; font: 400 48px/100% 'Bahianita', sans-serif; color: #aaa; text-transform: lowercase; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); color: #abc9cd; }
  1505.  
  1506. .CLMP-Float-C { width: 280px; float: right; height: 68px; background: #ececec; border: 1px solid #ccc; padding: 15px; }
  1507.  
  1508. .CLMP-Float-D { width: 130px; height: 100px; float: left; }
  1509.  
  1510. .CLMP-Float-DTx { width: 130px; height: 10px; padding-bottom: 5px; border-bottom: 1px solid #abc9cd; text-align: right; font-size: 10px; text-transform: lowercase; color: #888; line-height: 100%; }
  1511.  
  1512. .CLMP-Float-DTx2 { width: 130px; height: 10px; padding-bottom: 5px; border-bottom: 1px solid #ccc; text-align: right; font-size: 10px; text-transform: lowercase; color: #888; line-height: 100%; }
  1513.  
  1514.  
  1515. .CLMP-Float-E { width: 240px; min-height: 410px; position: absolute; top: 142px; left: 0px; }
  1516.  
  1517. .CLMP-Float-F { width: 240px; height: 410px; padding: 20px; background: #ececec; }
  1518.  
  1519. .CLMP-Float-G { width: 210px; height: 400px; border: 1px solid #abc9cd; padding: 4px; background: #efefef; }
  1520.  
  1521. .CLMP-Float-H { width: 188px; height: 378px; border: 1px solid #ccc; padding: 10px; }
  1522.  
  1523. .CLMP-Float-I { width: width: 156px; height: 45px; padding: 15px; border: 1px solid #ccc; background: #e8e8e8; text-align: center; font: 400 32px/100% 'Bahianita', sans-serif; color: #aaa; text-transform: lowercase; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); color: #abc9cd; }
  1524.  
  1525. .CLMP-Float-J { width: width: 156px; height: 7px; padding: 15px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #ececec; text-align: right; font: 700 7px/100% 'Noto Sans', sans-serif; color: #aaa; text-transform: uppercase; color: #abc9cd; }
  1526.  
  1527. .CLMP-Float-K { width: width: 166px; height: 90px; padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: rgba(171,201,205,0.15); }
  1528.  
  1529. .CLMP-Float-L { width: 156px; height: 80px; border: 1px solid #abc9cd; padding: 4px; background: #f2f2f2; }
  1530.  
  1531. #miniProfile-hv1
  1532. {
  1533. width: 210px;
  1534. height: 400px;
  1535. position: relative;
  1536. overflow: hidden;
  1537. }
  1538.  
  1539. #miniProfile-hv1 IMG
  1540. {
  1541. width: 210px;
  1542. height: 400px;
  1543. display: block;
  1544. object-fit: cover;
  1545. }
  1546.  
  1547. .miniProfile-hv2
  1548. {
  1549. width: 210px;
  1550. height: 400px;
  1551. position: relative;
  1552. left: 0px;
  1553. top: 0px;
  1554. background: #e4e4e4;
  1555. -webkit-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  1556. -moz-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  1557. -o-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  1558. transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
  1559.  
  1560. -webkit-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
  1561. -moz-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
  1562. -o-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
  1563. transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
  1564. opacity: 0.0;
  1565. }
  1566.  
  1567. #miniProfile-hv1:hover .miniProfile-hv2
  1568. {
  1569. width: 210px;
  1570. height: 400px;
  1571. top: -400px;
  1572. opacity: 1.0;
  1573. }
  1574.  
  1575. /***********************************
  1576. Post Row
  1577. ************************************/
  1578.  
  1579. .CLPR-Post-Bg { width: 944px; height: 30px; background: #e4e4e4; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
  1580.  
  1581. .CLPR-Post-Bg2 { width: 944px; height: 30px; background: #e8e8e8; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
  1582.  
  1583. .CLPR-Post-Perm { width: 10px; height: 10px; padding: 10px; border-right: 1px solid #ccc; float: left; font-size: 10px; font-weight: 400; text-align: center; line-height: 100%; }
  1584.  
  1585. .CLPR-Post-Perm b { color: #abc9cd; }
  1586.  
  1587. .CLPR-Post-Date { width: 199px; height: 10px; background: #e8e8e8; padding: 10px 15px; border-right: 1px solid #ccc; float: left; text-transform: uppercase; font-size: 7px; color: #999; letter-spacing: 1px; text-align: left; font-weight: 700; line-height: 110%; }
  1588.  
  1589. .CLPR-Post-Date b { color: #abc9cd; }
  1590.  
  1591. .CLPR-Post-Counts { width: 199px; height: 10px; background: #e4e4e4; padding: 10px 15px; border-right: 1px solid #ccc; float: left; text-transform: uppercase; font-size: 7px; color: #999; letter-spacing: 1px; text-align: left; font-weight: 700; line-height: 110%; }
  1592.  
  1593. .CLPR-Post-Bts { height: 30px; float: right; }
  1594.  
  1595. .CLPR-Float-A { width: 944px; min-height: 449px; max-height: 9000px; position: relative; top: 0px; left: 0px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #ececec; }
  1596.  
  1597.  
  1598. .CLPR-Float-B { max-width: 619px; min-height: 449px; position: relative; top:0px; left: 260px; }
  1599.  
  1600. .CLPR-Float-C { width: 617px; background: #efefef; border-left: 1px solid #ccc; border-right: 1px solid #ccc; min-height: 449px; }
  1601.  
  1602. .CLPR-Float-D { width: 637px; background: #ececec; border-bottom: 1px solid #ccc; height: 28px; }
  1603.  
  1604.  
  1605. .CLPR-Float-E { padding-top: 8px; padding-right: 10px; }
  1606.  
  1607.  
  1608. .CLPR-Float-F { width: 524px; min-height: 370px; height: 100%; padding: 40px; background: #efefef; text-align: justify; }
  1609.  
  1610.  
  1611. .CLPR-Float-G { max-width: 65px; min-height: 410px; position: relative; top: 0px; left: 260px; }
  1612.  
  1613.  
  1614. .CLPR-Float-H { width: 65px; background: transparent; min-height: 410px; }
  1615.  
  1616. .CLPR-Float-Inner { width: 45px; padding: 10px; }
  1617.  
  1618. .CLPR-Icon { width: 23px; height: 23px; border: 1px solid #fff; background-color: rgba(171,201,205,0.2); text-align: center; font-size: 23px; line-height: 100%; padding: 10px; color: #abc9cd; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1619.  
  1620.  
  1621.  
  1622. /***********************************
  1623. Main Topics
  1624. ************************************/
  1625.  
  1626. .CLMT-Bg { width: 500px; padding: 3px; border: 1px solid #d2d2d2; background: #efefef; margin: 0 auto; }
  1627. .CLMT-Bg2 { width: 438px; padding: 30px; border: 1px solid #abc9cd; background: #e8e8e8; }
  1628.  
  1629. .CLMT-Title { background: #ececec; border: 1px solid #ccc; text-align: center; font: 400 50px/100% 'Bahianita', sans-serif; padding: 50px; text-transform: lowercase; letter-spacing: 0px; color: #abc9cd; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1630.  
  1631. .CLMT-InC { background: #e4e4e4; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 40px; }
  1632. .CLMT-InTx { background: #efefef; border: 1px solid #ccc; text-align: justify; font: 400 11px/140% 'Noto Sans', sans-serif; padding: 50px; color: #777; }
  1633.  
  1634. .CLMT-InTx { background: #efefef; border: 1px solid #ccc; text-align: justify; font: 400 11px/140% 'Noto Sans', sans-serif; padding: 50px; color: #777; }
  1635.  
  1636. .CLMT-InTx blockcodes { margin: 0px 0px 20px 0px; display: block; text-align: justify; line-height: 140%; color: #888; padding: 20px; background: #e4e4e4; border: 1px solid #ccc; }
  1637.  
  1638. .CLMT-InTx2 { background: #efefef; border: 1px solid #ccc; text-align: justify; font: 700 11px/170% 'Noto Sans', sans-serif; padding: 50px; color: #999; }
  1639.  
  1640. position { border-bottom: 1px solid #ccc; font-weight: 700; color: #aaa; }
  1641.  
  1642. .reserve { border-bottom: 1px solid #ccc; margin-bottom: 3px; }
  1643.  
  1644. .reserve b { color: #abc9cd; }
  1645.  
  1646. .CLMT-InC blockcode { margin: 5px 10px 20px 10px; display: block; text-align: justify; line-height: 150%; color: #777; padding: 20px; background: #e4e4e4; background-color: rgba(171,201,205,0.1); border: 1px solid #abc9cd; }
  1647.  
  1648. .CLMT-InTx b { font: 700 12px/140% 'Noto Sans', sans-serif; color: #abc9cd; }
  1649.  
  1650. .CLMT-InTx j { font: 700 10px/140% 'Noto Sans', sans-serif; text-transform: uppercase; color: #aaa; border-bottom: 1px solid #ccc; }
  1651.  
  1652. .CLMT-Sub { background: #e8e8e8; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 20px; text-align: right; font: 700 13px/100% 'Noto Sans', sans-serif; color: #aaa; text-transform: lowercase; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1653.  
  1654. .CLMT-Br { border-top: 1px solid #ccc; }
  1655.  
  1656. .CLMT-Heading { font-weight: 400; font-style: italic; font-size: 18px; text-transform: lowercase; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); COLOR: #AAA; }
  1657.  
  1658.  
  1659. .CLMT-CHeading { text-align: left; border-bottom: 1px solid #ddd; line-height: 130%; font-weight: 700; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; color: #abc9cd; }
  1660.  
  1661. .CLMT-DHeading { text-align: left; border-bottom: 1px solid #ddd; line-height: 130%; font-weight: 700; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; margin-top: 25px; margin-bottom: 10px; color: #abc9cd; }
  1662.  
  1663. .CLMT-Qt { color: #999; font: 400 11px/170% 'Noto Sans', sans-serif; letter-spacing: 1px; border-bottom: 1px solid #ddd; margin-right: 10px; }
  1664.  
  1665.  
  1666. .CLMT-CBg { text-align: justify; font: 400 11px/170% 'Noto Sans', sans-serif; color: #888; padding: 20px; border: 1px solid #ccc; background: #ececec; }
  1667.  
  1668. .CLMT-CBg blockquote { margin: 5px 0px; display: block; text-align: justify; color: #777; padding: 15px; background: #e4e4e4; background-color: rgba(171,201,205,0.1); border: 1px solid #abc9cd; }
  1669.  
  1670. .CLMT-COv { overflow: auto; height: 201px; padding-right: 5px; }
  1671.  
  1672.  
  1673. .CLMT-CBg2 { text-align: justify; font: 400 11px/170% 'Noto Sans', sans-serif; color: #888; padding: 20px; border: 1px solid #ccc; background: #ececec; }
  1674.  
  1675. .CLMT-CBg2 blockquote { margin: 5px 0px; display: block; text-align: justify; padding: 20px 15px; background: #e4e4e4; border: 1px solid #ccc; background: #e4e4e4; }
  1676.  
  1677. .cltabs {
  1678. position: relative; height: 283px; width: 355px;
  1679. }
  1680.  
  1681. .cltab {
  1682. float: left;
  1683. }
  1684.  
  1685. .cltab label {
  1686. display: block;
  1687. width: 30px; height: 30px;
  1688. background: #e4e4e4;
  1689. padding: 20px;
  1690. border-bottom: 1px solid #ccc;
  1691. position: relative;
  1692. position: absolute; right: 356px; top: 0px;
  1693. }
  1694.  
  1695. .cltab [type=radio] {
  1696. display: none;
  1697. }
  1698.  
  1699. .clcontent {
  1700. position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #e8e8e8; padding: 20px; z-index: 1;
  1701. }
  1702.  
  1703. [type=radio]:checked ~ label {
  1704. background-color: #e8e8e8; color: #888; border-bottom: 1px solid ccc; z-index: 2;
  1705. }
  1706.  
  1707. [type=radio]:checked ~ label ~ .clcontent {
  1708. z-index: 3;
  1709. }
  1710.  
  1711.  
  1712.  
  1713. .cltabs2 {
  1714. position: relative; height: 283px; width: 355px;
  1715. }
  1716.  
  1717. .cltab2 {
  1718. float: left;
  1719. }
  1720.  
  1721. .cltab2 label {
  1722. display: block;
  1723. width: 30px; height: 30px;
  1724. background: #e4e4e4;
  1725. padding: 20px;
  1726. border-bottom: 1px solid #ccc;
  1727. position: relative;
  1728. position: absolute; right: 356px; top: 0px;
  1729. }
  1730.  
  1731. .cltab2 [type=radio] {
  1732. display: none;
  1733. }
  1734.  
  1735. .clcontent2 {
  1736. position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #e8e8e8; padding: 20px; z-index: 1;
  1737. }
  1738.  
  1739. [type=radio]:checked ~ label {
  1740. background-color: #e8e8e8; color: #888; border-bottom: 1px solid ccc; z-index: 2;
  1741. }
  1742.  
  1743. [type=radio]:checked ~ label ~ .clcontent2 {
  1744. z-index: 3;
  1745. }
  1746.  
  1747.  
  1748.  
  1749.  
  1750. .cltabs3 {
  1751. position: relative; height: 283px; width: 355px;
  1752. }
  1753.  
  1754. .cltab3 {
  1755. float: left;
  1756. }
  1757.  
  1758. .cltab3 label {
  1759. display: block;
  1760. width: 30px; height: 30px;
  1761. background: #e4e4e4;
  1762. padding: 20px;
  1763. border-bottom: 1px solid #ccc;
  1764. position: relative;
  1765. position: absolute; right: 356px; top: 0px;
  1766. }
  1767.  
  1768. .cltab3 [type=radio] {
  1769. display: none;
  1770. }
  1771.  
  1772. .clcontent3 {
  1773. position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #e8e8e8; padding: 20px; z-index: 1;
  1774. }
  1775.  
  1776. [type=radio]:checked ~ label {
  1777. background-color: #e8e8e8; color: #888; border-bottom: 1px solid ccc; z-index: 2;
  1778. }
  1779.  
  1780. [type=radio]:checked ~ label ~ .clcontent3 {
  1781. z-index: 3;
  1782. }
  1783.  
  1784.  
  1785. .CLMT-MDg2 { width: 428px; padding: 5px; border: 1px solid #ccc; background: #eaeaea; }
  1786.  
  1787. .CLMT-ABgA { width: 440px; padding: 29px; border: 1px solid #ccc; background: #e6e6e6; }
  1788.  
  1789. .CLMT-ABg { width: 440px; padding: 29px; border: 1px solid #abc9cd; background: #e6e6e6; }
  1790.  
  1791. .CLMT-ABg2 { width: 428px; height: 427px; padding: 5px; border: 1px solid #ccc; background: #eaeaea; }
  1792.  
  1793. .CLMT-AFl { width: 428px; height: 131px; }
  1794.  
  1795. .CLMT-ABg2b { width: 428px; padding: 5px; border: 1px solid #ccc; background: #eaeaea; }
  1796.  
  1797. .CLMT-AFlb { width: 428px; height: 131px; }
  1798.  
  1799. .CLMT-AIcn { font-size: 30px; line-height: 100%; color: #abc9cd; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1800.  
  1801. .CLMT-MDSTART { width: 428px; height: 131px; }
  1802.  
  1803. .CLMT-MDPAD { margin-top: 5px; }
  1804.  
  1805. .CLMT-Alis { border-bottom: 2px solid #ddd; }
  1806.  
  1807.  
  1808. .CLMT-AImbg { width: 110px; height: 110px; padding: 10px; background-color: rgba(171,201,205,0.3); border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; float: left; }
  1809.  
  1810. .CLMT-AImbg2 { width: 100px; height: 100px; border: 1px solid #abc9cd; background: #efefef; padding: 4px; }
  1811.  
  1812. .CLMT-AMtbg { width: 275px; height: 110px; padding: 10px; background-color: #e4e4e4; border-top: 1px solid #ccc; border-right: 1px solid #ccc; float: left; }
  1813.  
  1814. .CLMT-AMt { padding: 20px; height: 24px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #ececec; text-align: right; font: 400 22px/100% 'Noto Sans', sans-serif; font-style: italic; text-transform: lowercase; color: #abc9cd; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1815.  
  1816. .CLMT-AMt b { font-weight: 400; }
  1817.  
  1818. .CLMT-AMts { border-bottom: 2px solid #ddd; }
  1819.  
  1820. .CLMT-AMtin {padding: 16px; height: 11px; border: 1px solid #ccc; background: #e8e8e8; text-align: left; font: 400 10px/100% 'Noto Sans', sans-serif; letter-spacing: 0px; text-transform: lowercase; color: #aaa; }
  1821.  
  1822. .CLMT-Ain { border-bottom: 1px solid #ddd; margin-right: 10px; }
  1823.  
  1824. .CLMT-AMtin b { font-weight: 700; color: #abc9cd; }
  1825.  
  1826. .CLMT-AFl2 { width: 70px; height: 283px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background: #ececec; float: left; }
  1827.  
  1828. .CLMT-AMSCS { border: 1px solid #ccc; padding: 10px; background: #e4e4e4; }
  1829.  
  1830. .CLMT-AMSCS2 { border: 1px solid #ccc; padding: 15px; background: #e2e2e2; }
  1831.  
  1832. .CLMT-AMSCS3 { border: 1px solid #ccc; border-bottom: none; padding: 20px; background: #e8e8e8; text-align: center; font: 400 45px/100% 'Bahianita', sans-serif; color: #aaa; text-transform: lowercase; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1833.  
  1834. .CLMT-AMSCS3 b { font-weight: 400; color: #abc9cd; }
  1835.  
  1836. .CLMT-AFl3 { width: 355px; padding: 0px; height: 283px; border: 1px solid #ccc; background: #e8e8e8; float: left; }
  1837.  
  1838. .CLMT-FCFl { width: 365px; height: 53px; }
  1839.  
  1840. .CLMT-FCTi { width: 136px; height: 13px; background: #e8e8e8; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 20px; text-align: right; font: 700 13px/100% 'Noto Sans', sans-serif; color: #aaa; text-transform: lowercase; float: left; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1841.  
  1842. .CLMT-FCFl2 { width: 365px; height: 200px; }
  1843.  
  1844. .CLMT-FCLt { width: 156px; background: #efefef; border: 1px solid #ccc; text-align: justify; font: 400 11px/140% 'Noto Sans', sans-serif; padding: 10px; color: #777; float: left; }
  1845.  
  1846. .fc:hover { background: #ececec; font-weight: 700; }
  1847.  
  1848. .CLMT-FCOv { height: 178px; overflow: auto; padding-right: 5px; }
  1849.  
  1850. .fc { padding: 10px; border-bottom: 1px solid #ccc; text-align: center; font: 700 7px/100% 'Noto Sans', sans-serif; text-transform: uppercase; color: #777; border-bottom: 1px solid #ccc; }
  1851.  
  1852. .fc a { font-weight: 700; }
  1853.  
  1854.  
  1855. /***********************************
  1856. Modals
  1857. ************************************/
  1858.  
  1859. .modal-content
  1860. {
  1861. display: none;
  1862. }
  1863.  
  1864. #fade-background
  1865. {
  1866. position: fixed;
  1867. top: 0;
  1868. left: 0;
  1869. width: 100%;
  1870. height: 100%;
  1871. background: #fff;
  1872. z-index: 99999;
  1873.  
  1874. }
  1875.  
  1876.  
  1877. #modal-window
  1878. {
  1879. position: fixed;
  1880. z-index: 99999; transition-: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -moz-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; -ms-transition: 0.6s all ease-in-out;
  1881. position: fixed;
  1882. top: 20%;
  1883. left: 50%;
  1884. width: 884px;
  1885. margin: 0 0 0 -442px;
  1886. }
  1887.  
  1888. .cl-modbg { width: 400px; background: #e4e4e4; border: 1px solid #ccc; padding: 20px; }
  1889.  
  1890. .cl-modbg2 { background: #efefef; border: 1px solid #abc9cd; padding: 4px; }
  1891.  
  1892. .cl-modbg3 { background: #e8e8e8; border: 1px solid #ccc; padding: 30px; text-align: center; font: 700 40px/100% 'Bahianita', sans-serif; color: #abc9cd; text-transform: lowercase; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1893.  
  1894. .cl-modbg4 { width: 390px; height: 203px; }
  1895.  
  1896. .cl-modbg5 { width: 189px; height: 202px; background: #e8e8e8; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0px; float: left; }
  1897.  
  1898. .cl-modbg6 { width: 107px; background: #ececec; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px; float: left; }
  1899.  
  1900. .cl-modbg7 { width: 50px; height: 202px; background: #e4e4e4; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0px; float: left; }
  1901.  
  1902. .cl-modtxt { text-align: right; height: 15px; font: 400 11px/140% 'Noto Sans', sans-serif; color: #aaa; text-transform: lowercase; border-bottom: 1px solid #ccc; padding: 17px; }
  1903.  
  1904. .cl-reqh { border-bottom: 1px solid #ccc; }
  1905.  
  1906. .cl-modus { padding-bottom: 20px; text-align: center; font: 700 9px/100% 'Noto Sans', sans-serif; text-transform: lowercase; color: #999; }
  1907.  
  1908. .cl-modli { width: 30px; height: 30px; padding: 10px; border-bottom: 1px solid #ccc; font-size: 25px; color: #abc9cd; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1909.  
  1910. /***********************************
  1911. misc bold
  1912. ************************************/
  1913.  
  1914. h9 { color: #abc9cd; }
  1915.  
  1916.  
  1917. /***********************************
  1918. Shipper Reply 1
  1919. ************************************/
  1920.  
  1921. .clsh-bg { width: 350px; background: #e8e8e8; border: 1px solid #ccc; padding: 4px; margin: 0 auto; }
  1922.  
  1923. .clsh-bg2 { background: #e4e4e4; border: 1px solid #ccc; padding: 10px; }
  1924.  
  1925. .clsh-bg3 { background: #e8e8e8; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 30px; text-align: center; font: 700 39px/120% 'lasermetal', sans-serif; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); color: #abc9cd; }
  1926.  
  1927. .clsh-br { border-bottom: 1px solid #ddd; }
  1928.  
  1929. .clsh-bg4 { background: #efefef; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 40px; text-align: justify; font: 400 11px/140% 'Noto Sans', sans-serif; color: #888; }
  1930.  
  1931. .clsh-bg5 { width: 328px; height: 64px; }
  1932.  
  1933. .clsh-bg6 { width: 52px; height: 52px; background-color: rgba(171,201,205,0.2); border: 1px solid #ccc; padding: 5px; float: left; }
  1934.  
  1935.  
  1936. .clsh-bg7 { width: 30px; height: 30px; background-color: rgba(171,201,205,0.1); border: 1px solid #eee; padding: 10px; text-align: center; font: 700 30px/100% 'Noto Sans', sans-serif; color: #abc9cd; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); }
  1937.  
  1938.  
  1939. .clsh-bg8 { width: 215px; height: 14px; background: #e8e8e8; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 24px; text-align: right; font: 700 13px/110% 'Noto Sans', sans-serif; color: #aaa; float: left; text-transform: lowercase; }
  1940.  
  1941.  
  1942. .clsh-br2 { border-bottom: 1px solid #ddd; }
  1943.  
  1944.  
  1945. .clsh-bg9 { width: 221px; height: 20px; background: #e8e8e8; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 21px; text-align: left; font: 700 19px/110% 'Noto Sans', sans-serif; color: #aaa; float: left; text-transform: lowercase; }
  1946.  
  1947.  
  1948. /***********************************
  1949. Group Name Colours
  1950. ************************************/
  1951.  
  1952. #group4-cl .CLTPB-Header { background: url(header link); }
  1953. #group4-cl h9, #group4-cl a:hover, #group4-cl #navstrip a, #group4-cl .copyright a, #group4-cl .CLTPB-Toggle, #group4-cl .CLTPB-UpButton, #group4-cl .CLFR-Subforums a, #group4-cl .CLFR-Title a, #group4-cl .CLFR-FD1Link a, #group4-cl .CLFR-new, #group4-cl .dropbtn, #group4-cl .CLMT-Title, #group4-cl .reserve b, #group4-cl .CLMT-InTx b, #group4-cl .clsh-bg3 { color: #993333; }
  1954. #group4-cl ::selection { background: #993333; }
  1955. #group4-cl ::-moz-selection { background: #993333; }
  1956. #group4-cl .CLTPB-TopStaff, #group4-cl .CLBS-bg1, #group4-cl .maintitle { background: #993333; }
  1957. #group4-cl .CLMC-Bar2, #group4-cl .CLMC-Bar7, #group4-cl .CLMC-Bar9 { border-bottom: 1px solid #993333; }
  1958. #group4-cl .CLMT-Bg2, #group4-cl .CLMT-InC blockcode { border: 1px solid #112233; }
  1959. #group4-cl .CLBS-SLinkbr { border-bottom: 1px solid #112233; }
  1960. #group4-cl .CLTPB-TopCbox, #group4-cl .CLTPB-Toggle, #group4-cl .CLMT-InC blockcode, #group4-cl .clsh-bg6 { background-color: rgba(156,202,187,0.2); }
  1961. #group4-cl .clsh-bg7 { background-color: rgba(156,202,187,0.1); color: #112233; }
  1962. #group4-UP h8 { color: #112233; }
  1963. #group4-UP .CLUP-Char-LiBr, #group4-UP .CLMC-Bar2 { border-bottom: 1px solid #112233; }
  1964. #group4-UP .CLUP-Ext-FlC, #group4-UP .CLUP-Av-FlB { border: 1px solid #112233; }
  1965. #group4-UP .CLUP-Char-FlC { background-color: rgba(156,202,187,0.1); }
  1966. #group4-UP .CLUP-Ext-FlB, #group4-UP .CLUP-Char-FlF { background-color: rgba(156,202,187,0.2); }
  1967. #group4-UP .CLUP-Play-Li { background-color: rgba(156,202,187,0.3); }
  1968. #group4-UP .CLMC-Bar12 { border-bottom: 1px solid #112233; }
  1969. #group4-PRP .CLMP-Float-BGif, #group4-PRP .CLMP-Float-G, #group4-PRP .CLMP-Float-L { border: 1px solid #dd6655; }
  1970. #group4-PRP .CLMP-Float-Author, #group4-PRP .CLMP-Float-I, #group4-PRP .CLMP-Float-J { color: #dd6655; }
  1971. #group4-PRP .CLMP-Float-DTx { border-bottom: 1px solid #22aacc; }
  1972. #group4-PRP .CLMP-Float-B { background: rgba(156,202,187,0.2); }
  1973. #group4-PRP .CLMP-Float-K { background: rgba(156,202,187,0.25); }
  1974. #group4 .CLMT-AImbg { background-color: rgba(156,202,187,0.3); }
  1975. #group4 .CLMT-AImbg2, #group4 .CLMT-ABg { border: 1px solid #22aacc; }
  1976. #group4 .CLMC-Bar14 { border-bottom: 1px solid #22aacc; }
  1977. #group4 .CLMT-CBg blockquote { background-color: rgba(156,202,187,0.1); border: 1px solid #22aacc; }
  1978. #group4 .CLMT-AMtin b, #group4 .CLMT-AMt, #group4 .CLMT-AIcn, #group4 .CLMT-DHeading, #group4 .CLMT-CHeading { color: #22aacc; }
  1979. #group4 .CLPR-Icon, #group4 h9, #group4 .CLPR-Post-Date b, #group4 .CLPR-Post-Perm b, #group4 .button-small { color: #22aacc; }
  1980. #group4 .CLPR-Icon { background-color: rgba(156,202,187,0.2); }
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!