Mab 58 Share Posted August 28, 2019 (edited) So im going to try and make as much sense as possible. https://pandoratester.jcink.net/index.php?act=idx I am currently using a skin that combines forum description links, with subforum links so all links are in one neat place and not in two separate place. I am wanting to update the skin, but the skin that i want to change to however has an area for the subforums, and an area for the forum description. I have been playing around a little and i can get the links to show up in the subforum area, but then i fall into problems. If i add anything in the forum description, it also shows up in the subforum area. I have a couple of screenshots that might make things a little mroe easy to understand. this is my forum row code in the html section. <div class="CLFR-Main-Bg"> <div class="CLFR-Float-A"> <div class="CLFR-Float-B"> <div class="CLFR-Macro"> <!-- |img_new_post| --> </div> <div class="CLFR-Float-C"> <div class="CLFR-Title"><wraparound><!-- |name| --></wraparound></div> </div> <div class="CLFR-Float-E"> <div class="CLFR-Stat-C"><h9> <!-- |topics| --> </h9> </div> <div class="CLFR-Stat-D"> TOPICS </div> <div class="CLFR-Stat-C" style="margin-left: 7px;"><h9> <!-- |replies| --> </h9> </div> <div class="CLFR-Stat-D"> REPLIES </div> <div class="CLFR-Stat-C" style="margin-left: 7px;"><h9> <!-- |total_posts| --> </h9> </div> <div class="CLFR-Stat-D"> TOTAL POSTS </div> <div class="CLFR-Stat-C" style="margin-left: 7px;"><h9> <!-- |viewing| --> </h9> </div> <div class="CLFR-Stat-D"> VIEWING </div> </div> <div class="CLFR-Float-D"> <div class="CLFR-Stat-A"><h9> <i class="fa fa-tag" aria-hidden="true"></i></h9> </div> <div class="CLFR-Stat-B"> <!-- |last_topic| --> </div> <div class="CLFR-Stat-A" style="margin-left: 11px;"><h9> <i class="fa fa-clock-o" aria-hidden="true"></i></h9> </div> <div class="CLFR-Stat-B"> <!-- |last_post| --> </div> <div class="CLFR-Stat-A" style="margin-left: 11px;"><h9> <i class="fa fa-user-o" aria-hidden="true"></i></h9> </div> <div class="CLFR-Stat-B"> <!-- |last_poster| --> </div> </div></div> </div> <div class="CLFR-Desc-Bg"> </div> <div class="CLFR-Subforums"> QUICK LINKS: <!-- |subforums_list| --> <!-- |description| --></div> /*=============================================== * * Jcink.com Forum Hosting Stylesheet * ============================================== * #Version: 1.0.0 *=============================================== * Skinned by Vanessa * ============================================== */ html { overflow-x: auto; } form { display:inline; } /**************************************** Body Background & Text Style *****************************************/ body { font-family: 'Noto Sans', sans-serif; font-size: 12px; color: #666; margin:0px; padding:0px; text-align:center; line-height: 160%; background-color: #000000; background-image: url("http://i.imgur.com/hE1pskC.png"); background-size: cover; background-attachment: fixed; } /**************************************** Table Styles *****************************************/ table, tr, td { font-family: 'Noto Sans', sans-serif; font-size: 11px; color: #666; } /**************************************** Board Width *****************************************/ #wrapper { text-align:left; width: 1000px; margin: 20px auto 20px; background-color: #212121; padding-bottom: 1px; } #innerwrapper { background-color: #212121; margin: 10px; padding: 10px; } /**************************************** Scroll bar *****************************************/ ::-webkit-scrollbar { width: 8px; background-color: #212121; } ::-webkit-scrollbar-track { background-color: #212121; border: 1px solid #aaa; } ::-webkit-scrollbar-thumb { background-color: #a77598; border: 1px solid #aaa; } /**************************************** Highlight *****************************************/ ::selection { background: #4d3e5f; color: #eee; /* WebKit/Blink Browsers */; } ::-moz-selection { background: #4d3e5f; color: #eee; /* Gecko Browsers */; } /**************************************** Link colors *****************************************/ a:link, a:visited, a:active { text-decoration: none; color: #999; } a:hover { color: #abc9cd; text-decoration: none; } /**************************************** fonticons *****************************************/ @font-face { font-family: 'ionicons'; src: url('http://missyoursoul.b1.jcink.com/uploads/missyoursoul/ionicons.eot'); src: url('http://missyoursoul.b1.jcink.com/uploads/missyoursoul/ionicons.eot?#iefix') format('embedded-opentype'), url('http://missyoursoul.b1.jcink.com/uploads/missyoursoul/ionicons.woff') format('woff'), url('http://missyoursoul.b1.jcink.com/uploads/missyoursoul/ionicons.ttf') format('truetype'), url('http://missyoursoul.b1.jcink.com/uploads/missyoursoul/ionicons.svg#ionicons') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lasermetal'; src: url('http://missyoursoul.b1.jcink.com/uploads/missyoursoul/LaserMetal.eot'); src: url('http://missyoursoul.b1.jcink.com/uploads/missyoursoul/LaserMetal.eot?#iefix') format('embedded-opentype'), url('http://missyoursoul.b1.jcink.com/uploads/missyoursoul/LaserMetal.woff') format('woff'), url('http://missyoursoul.b1.jcink.com/uploads/missyoursoul/LaserMetal.ttf') format('truetype'), url('http://missyoursoul.b1.jcink.com/uploads/missyoursoul/LaserMetal.svg#lasermetal') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LemonTuesday'; src: url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesdaye.eot'); src: url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.eot?#iefix') format('embedded-opentype'), url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.woff') format('woff'), url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.ttf') format('truetype'), url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.svg') format('svg'); font-weight: normal; font-style: normal; } /**************************************** Profile styles *****************************************/ #profilename { font-size:28px; font-weight:bold; } #photowrap { padding:6px; } #phototitle { font-size:24px; border-bottom:1px solid black; } #photoimg { text-align:center; margin-top:15px; } /**************************************** UserCP/My Controls styles *****************************************/ #ucpmenu { line-height: 150%; width:22%; text-transform: uppercase; font-size: 12px; font-weight: normal; color: #555; background-color: #212121; } #ucpmenu a { color: #777; } #ucpmenu p { padding:2px 5px 6px 9px; margin:0px; color: #777; } #ucpcontent { background-color: #212121; line-height:150%; width:auto; } #ucpcontent p { padding:10px; margin:0px; } /**************************************** Logo Strip *****************************************/ #logostrip { display: none; } #logo { min-height: 60px; text-align: left; margin-top: 5px; padding: 20px 20px 5px; } #logo a, #logo a:hover { font-size: 36px; text-decoration: none; font-weight: bold; color: #800000; } /**************************************** Search Bar *****************************************/ #searchbar { display: block; float: right; position: relative; right: 10px; top: 8px; } #searchbar .search-container { background-color: #FFFFFF; box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset; border: 1px solid #D8D8D8; display: block; height: 26px; position: relative; width: 200px; } #searchbar .search-input { background: none repeat scroll 0 0 transparent; border: 0; color: #808080; font-size: 12px; width: 192px; height: 26px; font-family: Arial, sans-serif; padding: 1px 0 0 8px; } #searchbar .search-input:focus { color: #888888; } #searchbar .search-button { background: #800000 url(http://files.b1.jcink.com/themes/default/magnifying-glass.png) no-repeat 50% 50%; border: 0; bottom: 0; margin: 0; border-radius: 0; display: block; height: 26px; padding: 0; position: absolute; right: 0; text-indent: -3000em; top: 0; width: 26px; cursor: pointer; box-shadow: none; } /**************************************** Navigation Bar / Submenu *****************************************/ #submenu { display: none; } #submenu img { display: none; } #submenu a:link, #submenu a:visited, #submenu a:active { text-decoration: none; color: #fff !important; padding: 7px 7px; font-weight: bold; } #submenu a:hover { color: #fff !important; text-decoration: underline; } #navi br { display: none; } #navstrip { width: calc(100% - 30px); position: fixed; text-align: left; background: #4b293f; height: 7px; padding: 15px; text-transform: uppercase; color: #fffff; font: 700 12px/100% 'Noto Sans', sans-serif; letter-spacing: 1px; top: 91px; left: 0px; z-index: 4; border-bottom: 1px solid #2c2c2c; } #navstrip a { color: #ffffff; margin-right: 15px; } /**************************************** Calendar styling *****************************************/ .caldate { text-align:right; font-weight:bold; font-size:11px; color:#555; background-color:#F2F2F2; padding:4px; margin:0px; } #calendarname { font-size:22px; font-weight:bold; } #padandcenter { margin-left:auto; margin-right:auto; text-align:center; padding:14px 0px 14px 0px; } /************************************************** User Links Menu (Messages / View new posts / etc ) ***************************************************/ #userlinks { display: none; } #userlinks td { color: #333; } #userlinks a { text-decoration: underline; padding: 1px; } #userlinks a:hover { text-decoration: none; } .mcp-0, .acp-0, .m-2 { display: none; } .g-2 { display: block !important; } /**************************************** Topic View styles *****************************************/ .activeuserstrip { background-color: #212121; padding: 10px; border: 1px solid #2c2c2c; text-transform: uppercase; font-size: 7px; letter-spacing: 1px; color: #888; } .normalname { font-size: 12px; font-weight: bold; color: #003; } .normalname a { font-size: 12px; } .unreg { font-size: 11px; font-weight: bold; color: #900; } .post1 { background-color: #212121; } .post2 { background-color: #212121; } .postdetails { font-size: 10px; } .postcolor { font-size: 14px; line-height: 160%; } .postlinksbar { padding: 9px; border: 1px solid #2c2c2c; background-color: #212121; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; color: #888; margin-bottom: 5px; } .signature { font-size: 10px; color: #339; line-height:150%; } /******************************* Pagination e.g. [1],2,3 ... *******************************/ .pagination .pagination_current, .pagination a { padding: 10px; } .pagination a:link, .pagination a:visited, .pagination a:active { background-color: #e4e4e4; padding:10px; color: #888; border: 1px solid #2c2c2c; text-decoration:none; } .pagination a:hover { background: #e8e8e8; text-decoration: none; color:#888; } .pagination .pagination_current { background: none repeat scroll 0% 0% #212121; border: 1px solid #2c2c2c; color: #888; padding:10px; } .pagination_first, .pagination_last, .pagination_page { background: none repeat scroll 0% 0% #e8e8e8; } .pagination_pagetxt { display:none; } /**************************************** Global general table/div row styles *****************************************/ .row1,.row3,.row4 { background-color: #212121; padding: 10px; font-size: 12px; } .row2 { background-color: #212121; padding: 10px; text-transform: uppercase; font-size: 12px; } #boardstats .row2 { text-align: center; } .darkrow1 { background-color: #212121; color:#888888; } .darkrow2 { background-color: #212121; padding: 10px; color: #888; font-size: 12px; letter-spacing: 1px; border-bottom: 1px solid #2c2c2c; text-transform: uppercase; } td.darkrow2 { display: none; } .darkrow3 { background-color: #212121; color: #000; padding: 3px; } .hlight { background-color: #212121; } .dlight { background-color: #212121; } /**************************************** Top table bars / gradient holders *****************************************/ .maintitle { background-color:#4b293f; background-size: 100%; background-attachment: fixed; font-weight: normal; font: 400 40px/100% 'Megrim', cursive; text-transform: lowercase; padding: 60px; text-align: right; color: #eee; } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #E3E3E3 !important; } .maintitle a:hover { text-decoration: none; } /* Completely remove collapase span tag */ .category .maintitle span { display: none; } /**************************************** Bar directly below the maintitles *****************************************/ .titlemedium { color:#888; padding: 6px; font-size: 7px; line-height: 100%; background-color: #212121; text-transform: uppercase; text-align: center; letter-spacing: 1px; } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: none; color: #888; } /**************************************** Table & Div Borders *****************************************/ .tableborder { background-color: #212121; padding: 5px; margin: 0px; border: 1px solid #2c2c2c; } .tablefill { background-color: #212121; padding:6px; } #enter-your-post .pformleft .tablefill { width: 170px; height: 220px; overflow: auto; line-height: 30%; display: inline-block; padding-right: 7px; margin-bottom: 7px; } .tablepad { background-color: #212121; padding:6px; } .tablebasic { width:100%; padding:0; margin:0px; border:0px; } .plainborder { background-color: #212121; } /**************************************** QUOTE and CODE BBCode boxes *****************************************/ #QUOTE { white-space:normal; text-align: justify; font-size: 11px; line-height: 140%; color: #777; background-color: #E4E4E4; padding:10px; border:1px solid #2c2c2c; margin:10px; } #CODE { white-space:normal; text-align: justify; font-size: 11px; line-height: 140%; color: #777; background-color: #E4E4E4; padding:10px; border:1px solid #2c2c2c; margin:10px; } /**************************************** CODE AREA CSS *****************************************/ #CODE { white-space:pre-line; font-family: Noto Sans; line-height: 140%; font-size: 10px; color: #888; background-color: #1d1d1d; padding: 30px; border:1px solid #2c2c2c; margin-top:1px; word-break: break-word; } .code-scroll { max-height: 200px; overflow: auto; padding-right: 5px; } .code-scroll::-webkit-scrollbar { background-color: #f1f1f1; } .code-scroll::-webkit-scrollbar-thumb { background-color: #ddd; } .code-top { background-color: #4d3e5f; border:1px solid #2c2c2c; margin: 0; padding: 0; text-align: center; overflow: hidden; color: #999; } .code-highlight { font: 700 7px/100% 'Noto Sans', sans-serif; color: #999; padding: 10px; margin:0px; background-color: #212121; text-align: right; text-transform: uppercase; letter-spacing: 1px; cursor: crosshair; } .code-top .code-title { margin: 20px; text-align: right; font: 700 18px/100% 'Noto Sans', sans-serif; text-transform: lowercase; color: #aaa; } .code-toggle { cursor: crosshair; } .code-scroll.auto-code { height: auto; max-height: none; } #CODE-WRAP.nicole-code { border-collapse: collapse; } /********************************************** Input buttons, e.g. submit, text input, etc ***********************************************/ .button-large { background: #1d1d1d; border: 1px solid #2c2c2c; padding: 12px; text-align:center; margin:0px 5px 0px 5px; color: #888; text-transform: lowercase; font-size: 14px; letter-spacing: 2px; min-width: 75px; display: inline-block; } .button-small { text-align: center; background: #1d1d1d; margin-left: -3px; border-left: 1px solid #2c2c2c; min-height: 10px; font-weight: 700; letter-spacing: 0px; line-height: 100%; padding: 10px; font-size: 9px; color: #999; text-transform: lowercase; min-width: 45px; display: inline-block; box-shadow: none; } .post-buttons-top { margin-top: 0px; } .button-large.closed { background: #efefef; border: 1px solid #2c2c2c; padding: 12px; text-align:center; margin:0px 5px 0px 5px; color: #888; text-transform: lowercase; font-size: 14px; letter-spacing: 2px; min-width: 75px; display: inline-block; } .forminput, .codebuttons, .radiobutton, .checkbox { background: #212121; border: 1px solid #2c2c2c; font: 400 12px/110% 'Roboto', sans-serif; color: #666; font-size: 12px; padding: 5px; vertical-align: middle; } .textinput { background: #212121; border: 1px solid #2c2c2c; color: #666; font: 400 14px/110% 'Roboto', sans-serif; padding: 20px; vertical-align: middle; } input[type=submit], input[type=button], input[type=reset] { background: #212121; border: 1px solid #2c2c2c; color: #777; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 1px; margin: 3px; padding: 5px; } .codebuttons { font-size: 12px; } /**************************************** Form table cell styles, left/right/top *****************************************/ .pformstrip { background-color: #212121; color: #555; padding: 5px; text-transform: uppercase; font-size: 12px; } .pformleft { background-color: #212121; padding: 5px; font-size: 12px; width:25%; line-height: 140%; color: #555; } .pformleftw { background-color: #212121; padding:6px; width:40%; } .pformright { background-color: #212121; padding: 6px; } /**************************************** Tabs on the portal profiles + sections *****************************************/ .opentab { color: #555; padding:8px;float: left; width: auto; background-color: #eaeaea; margin-top:3px; margin-right:2px; font-size:11px; } .closedtab { color: #555; padding:7px;float: left;width: auto; background-color: #eaeaea; margin-top:6px; margin-right:2px; font-size:11px; } .positiontab { height: 34px; margin-left: 2px; } /**************************************** Delete all cookies / mark read *****************************************/ #delcookiesrow, #mark-as-read-subto { float: right; margin-top: 16px; margin-right: 20px; font-size: 7px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; } #mark-as-read-subto { float: none; } /******************************* Board Statistics Links *******************************/ .toplinks a { color: #ffffff; font-size: 11px; text-decoration: none; } .toplinks { margin: 0 11px -37px 0; text-align: right; color: transparent; } /******************************* Mini Profile Seperators *******************************/ .postbit { color: black; background: #212121; font-size: 11px; padding: 6px 7px; } /******************************** Miscellaneous ********************************/ .jor-title { text-transform: uppercase; background-color: #4b293f; padding-top: 3px; padding-bottom: 3px; color: #ffffff; text-align: center; width: 100%; margin-top: 3px; margin-bottom: 5px; } .jor-back { width: 100%; height: 100%; background-color: #212121; } .jor-img {border: 2px solid #4d3e5f; padding: 2px; margin-bottom: 3px;} /* image tag styles */ img { vertical-align:middle; border:0px } img.attach { border:2px outset #555;padding:2px } /* Forum Descriptions */ .desc { color: #888; } /* Edited by text */ .edit { font-size: 9px } #inforum-rules b { display: none; } /* Topic Macros */ .wrapmini { float: left; padding: 10px; background: #212121; border: 1px solid #2c2c2c; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; margin-right: 10px; } /* Warning CSS */ .warngood { color:green } .warnbad { color:red } /* Skin selector dropdown */ #skin_selector { margin: 10px 0; } #skin_selector .forminput { height: 20px; width: 100%; text-align: left; background: #e4e4e4; padding: 3px; border: 1px solid #2c2c2c; font: 700 10px/100% 'Noto Sans', sans-serif; color: #999; letter-spacing: 1px; text-transform: uppercase; } /* Online users list row */ .thin { padding:6px 0px 6px 0px; line-height:140%; margin:2px 0px 2px 0px; border-top:1px solid #545454; border-bottom:1px solid #545454; } /* Latest news area */ .newstext { display: none; } /* Highlighted text in search */ .searchlite { color:#F00; font-weight:bold; background-color:#FF0; } /**************************************** Mobile-specific Styles *****************************************/ #mobile { background-color: #ececec; text-transform: none; line-height: 140%; position: relative; z-index: 100; } #mobile body { text-transform: none; line-height: 140%; } #mobile .row2 { text-transform: none; } #mobile .category .maintitle span { display: block; } /*********************************** Copyright: Removal is against Terms ************************************/ .copyright { text-align: left; padding: 10px; letter-spacing: 1px; color: #999; text-transform: uppercase; font-size: 7px; line-height: 140%; font-weight: 700; } .copyright a { color: #abc9cd; } .copyright br { display: none } .site-credit { background: #212121; border: 1px solid #2c2c2c; padding: 10px; text-align: center; font-size: 7px; letter-spacing: 2px; text-transform: uppercase; line-height: 140%; color: #888; font-weight: 600; margin-top: 5px; } .site-credit a { font-size: 7px; color: #aaa; } /*********************************** Top Bar ************************************/ /*** PUSH MENU 1.3 ***/ #main { position: absolute; top: 0; right: 0; left: 250px; bottom: 0; float: left; } #content { padding-left: 15px; padding-right: 15px; padding-top: 137px; } #top { position: fixed; z-index: 5; width: 100%; height: 90px; text-transform: uppercase; background: #212121; border-bottom: 1px solid #2c2c2c; color: #fff; left: 0px; } #top:after { content: ''; display: table; clear: both; } .burger { float: left; padding: 5px; width: 32px; height: 32px; text-align: center; } #menu-state { float: left; padding: 0px; } #menu { position: fixed; margin-top: 128px; left: 0; width: 249px; height: 100%; overflow: hidden; background: #212121; border-right: 1px solid #2c2c2c; color: #888; float: left; } .pushed-cbox { width: 180px; margin: auto; margin-top: 20px; } .brand { background-color: #f7f7f7; font-weight: bold; font-family: montserrat; font-size: 8px; letter-spacing: 1px; padding: 20px; color: #B84250; text-transform: uppercase; text-align: left; margin: 0px; } .brand b { border-bottom: 1px solid #fff; padding: 4px; } .nav-menu { padding-top: 30px; } .nav-menu li { padding-top: 2px; padding-bottom: 2px; line-height: 48px; } .nav-menu a { color: ivory; text-decoration: none; } .nav-image { float: left; width: 50px; line-height: 48px; text-align: center; } .small-menu #main { left: 0; } .small-menu #menu { left: -250px; } #main, #menu { transition: all 0.15s linear; } #subaccounts_menu .forminput { width: 180px; height: 24px; background: #212121; padding: 5px 3px; border: 1px solid #2c2c2c; text-align: center; font: 700 10px/100% 'Noto Sans', sans-serif; color: #888; letter-spacing: 0px; text-transform: uppercase; } .CLTPB-Toggle { width: 50px; padding: 20px; height: 50px; border-right: 1px solid #2c2c2c; text-align: center; color: #4b293f; float: left; font-size: 50px; line-height: 100%; font-weight: 700; } .CLTPB-Icon { width: 50px; padding: 4px; margin-top: 15px; margin-left: 15px; height: 50px; border: 1px solid #2c2c2c; background: #efefef; float: left; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .CLTPB-Name { height: 45px; padding: 0px; margin-top: 24px; margin-left: 15px; float: left; text-align: right; font: 400 30px/100% 'Megrim', cursive; color: #aaa; text-transform: lowercase;} .CLTPB-UpButton { width: 22px; padding: 15px; margin-top: 18px; margin-right: 15px; height: 22px; border: 1px solid #2c2c2c; background: #1e1e1e; float: right; text-align: center; font-size: 22px; line-height: 100%; font-weight: 700; color: #a77598; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .CLTPB-UpIcons { width: 7px; height: 7px; background: #efefef; padding: 3px; display: inline-block; position: relative; float: left; top: 3px; left: 3px; border: 1px solid #2c2c2c; text-align: center; font: 700 7px/100% 'Noto Sans', sans-serif; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .CLTPB-DropBg { width: 54px; height: 54px; margin-top: 18px; margin-right: 16px; float: right; } .CLTPB-HeaderBg { width: 960px; height: 360px; background-color: #212121; padding: 20px; } .CLTPB-HeaderBg2 { width: 950px; height: 350px; background: #212121; padding: 4px; border: 1px solid #2c2c2c; } .CLTPB-Header { width: 950px; height: 350px; background: #efefef url(https://cdnw.nickpic.host/o7oi7D.png); } .CLTPB-TopHBg { width: 1000px; height: 150px; background: #212121; padding: 0px; border-top:1px solid #2c2c2c; border-bottom:1px solid #2c2c2c;} .CLTPB-TopFlA { width: 107px; height: 110px; background: #212121; padding: 20px; float: left; } .CLTPB-TopFlIcon { width: 99px; height: 102px; background: #0e0e0e; padding: 3px; border: 1px solid #2c2c2c; } .CLTPB-TopFlIcon2 { width: 100px; height: 100px; background: url(https://cdnw.nickpic.host/o8Z2U8.gif); } .CLTPB-TopFlB { width: 230px; height: 110px; padding: 20px; background: #212121; border: 1px #2c2c2c; float: left; } .CLTPB-TopTx { width: 198px; padding: 15px; border: 1px solid #2c2c2c; background: #1e1e1e; text-align: justify; font: 400 12px/140% 'Noto Sans', sans-serif; color: #777; text-transform: none; } .CLTPB-TopTxOv { height: 78px; overflow: auto; padding-right: 5px; } .CLTPB-TopSpan { font: 700 13px/120% 'Noto Sans', sans-serif; font-style: italic;} .CLTPB-TopSpan2 { font-weight: 700; } .CLTPB-TopFlC { width: 390px; height: 110px; background: #212121; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; padding: 20px; float: left; } .CLTPB-TopWeather { width: 110px; height: 110px; float: left; text-align: center; font: 400 80px/100% 'Noto Sans', sans-serif; color: #d8d8d8; } .CLTPB-TopFlD { width: 270px; height: 110px; float: left; } .CLTPB-TopSTi { width: 270px; text-align: center; font: 400 30px/100% 'Megrim', cursive; color: #aaa; text-transform: lowercase; border-bottom: 1px solid #ddd; } .CLTPB-TopSubTi { text-align: right; font: 400 11px/130% 'Noto Sans', sans-serif; color: #777; letter-spacing: 1px; margin-top: 5px; } .CLTPB-TopSubTi h9 { letter-spacing: 1px; } .CLTPB-TopSubTi2 { text-align: right; font: 400 14px/130% 'Noto Sans', sans-serif; color: #aaa; text-transform: lowercase; letter-spacing: 1px; } .CLTPB-TopFlE { width: 110px; height: 110px; padding: 20px; float: left; } .CLTPB-TopFlF { width: 50px; height: 50px; float: left; } .CLTPB-TopFlG { width: 100px; padding: 4px; height: 100px; border: 1px solid #2c2c2c; background: #2c2c2c; } .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% 'Megrim', cursive;line-height: 100%; } .CLTPB-TopUser { border: 1px solid #2c2c2c; padding: 15px; background: #212121; font: 400 16px/100%'Noto Sans', sans-serif; color: #a77598; text-align: right; font-style: italic; } .CLTPB-TopCOuter { border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; padding: 10px; background: #212121; } .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 #2c2c2c; margin-bottom: 5px; } .CLTPB-TopCWarn { border-left: 1px solid #2c2c2c; border-top: 1px solid #2c2c2c; border-right: 1px solid #212121; padding: 10px; background: #e8e8e8; font: 700 7px/170%'Noto Sans', sans-serif; text-transform: uppercase; text-align: center; letter-spacing: 1px; } .CLTPB-TopCbox { border-left: 1px solid #2c2c2c; border-top: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; padding: 10px; background-color:#212121 } .CLTPB-TopCBr { border: 1px solid #2c2c2c; height: 10px; background: #212121; } /*********************************** Jcink Templates Misc ************************************/ .CLMC-Bg1 { padding: 5px; border: 1px solid #212121; background: #2c2c2c; margin-bottom: 10px; } .CLMC-Br1 { padding: 0px; border-left: 1px solid #212121; border-right: 1px solid #212121; background: #212121; } .CLMC-Bar1 { background: #171717; padding: 4px; border-bottom: 1px solid #212121; } .CLMC-Bar5 { background: #efefef; padding: 4px; border-left: 1px solid #212121;border-right: 1px solid #212121; border-top: 1px solid #212121; } .CLMC-Bar6 { background: #212121; padding: 4px; border: 1px solid #212121; } .CLMC-Bar7 { border-bottom: 1px solid #abc9cd; } .CLMC-Bar8 { background: #efefef; padding: 4px; border-left: 1px solid #212121;border-right: 1px solid #212121; border-bottom: 1px solid #212121; } .CLMC-Bar9 { border-bottom: 1px solid #abc9cd; } .CLMC-Bar10 { background: #efefef; padding: 4px; border-left: 1px solid #212121; border-right: 1px solid #212121; border-top: 1px solid #212121; } .CLMC-Bar11 { background: #efefef; padding: 4px; border-left: 1px solid #212121; border-right: 1px solid #212121; } .CLMC-Bar14 { border-bottom: 1px solid #abc9cd; } /*********************************** claims ************************************/ .ba-claim { width: 404px; margin: 40px auto; padding: 25px; background-color: #191919; border: 1px solid #2c2c2c; } .ba-claim2 { background-color: #212121; padding: 20px; padding-bottom: 50px; border: 1px solid #2c2c2c; } .ba-claim2 h1 { font: 40px/100% 'Megrim', cursive; text-align: center; color: #a77598; margin: 0px auto; } .ba-claim2 h2 { font: 11px/100% 'Calibri', sans-serif; color: #efefef; letter-spacing: 7px; text-transform: uppercase; text-align: center;} .ba-claim2 h3 { font: 25px/100% 'Megrim', cursive; color: #a77598; padding: 10px 0; text-align: center; margin: 5px auto; background-color: #191919; width: 340px; border: 1px solid #2c2c2c; } .ba-claim2 hr { width: 350px; height: 1px; border: 0; background-color: #efefef; } .ba-claim2 .box { font: 12px/120% 'Calibri', sans-serif; color: #888; margin: 1px auto; width: 300px; text-transform: lowercase; background-color: #191919; border: 1px solid #2c2c2c; padding: 20px; } .i b { color: #917147; } .g b { color: #a0709c; } .m b { color: #907a90; } .h b { color: #aa4671; } .box b::before { content: '·'; margin-right: 10px; color: #cdcdcd; } /*********************************** Forum Row ************************************/ .CLFR-Main-Bg { width: 946px; min-height: 147px; border-bottom: 1px solid #2c2c2c; } .CLFR-Desc-Bg { width: 180px; height: 107px; padding: 20px; background: #212121; float: left; } .CLFR-Float-A { width: 723px; height: 147px; float: left; border-right: 1px solid #2c2c2c; } .CLFR-Float-B { width: 723px; height: 147px; background: #ececec; float: left; } .CLFR-Macro { width: 25px; height: 25px; background: #212121; border-right: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; padding: 20px; float: left; font-size: 25px; line-height: 100%; } .CLFR-Float-C { width: 617px; height: 25px; background: #212121; border-bottom: 1px solid #2c2c2c; padding: 20px; float: left; } .CLFR-Title { text-align: center; font: 700 26px/100% 'Megrim', cursive; letter-spacing: -1px; text-transform: lowercase; color: #5e5f5f; position: relative; } .CLFR-Title a { color: #5e5f5f; } .CLFR-Title wraparound { background: #212121; padding: 0px 35px; z-index: 1; position: relative; } .CLFR-Title:before { width: 100%; content: ""; background: #2c2c2c; display: block; height: 1px; position: absolute; top: 50%; } .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: #9c9e9d; background: #212121; } .CLFR-Stat-A { width: 9px; height: 16px; background: #212121; border-left: 1px solid #2c2c2c; border-top: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; padding: 6px; float: left; font-size: 9px; font-weight: bold; line-height: 100%; } .CLFR-Stat-B { width: 187px; height: 16px; background: #212121; border: 1px solid #2c2c2c; padding: 6px 8px; float: left; text-align: center; font: 500 10.5px/120% 'Noto Sans', sans-serif; color: #9c9e9d; text-transform: uppercase; letter-spacing: 1px;overflow:hidden; } .CLFR-Stat-C { background: #212121; width: 49px; height: 7px; border-left: 1px solid #2c2c2c; border-top: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; padding: 7px; float: left; text-align: center; font-size: 10px; font-weight: bold; line-height: 100%; } .CLFR-Stat-D { width: 90px; height: 7px; background: #212121; border: 1px solid #2c2c2c; padding: 7px 8px; float: left; text-align: center; font: 700 11px/100% 'Noto Sans', sans-serif; color: #9c9e9d; text-transform: uppercase; letter-spacing: 1px; } .CLFR-Float-E { width: 709px; height: 23px; padding: 7px; float: left; border-bottom: 1px solid #2c2c2c; background: #212121; } .CLFR-Info-A { width: 232px; height: 35px; background: #212121; border-bottom: 1px solid #2c2c2c; text-align: right; font: 700 11px/110% 'Noto Sans', sans-serif; text-transform: uppercase; color: #777; letter-spacing: 1px; } .CLFR-Info-B { width: 9px; height: 9px; padding: 13px; border-right: 1px solid #2c2c2c; float: left; font-size: 11px; background: #e8e8e8; } .CLFR-Info-C { padding: 14px; float: right; } .CLFR-Subforums { min-height: 7px; text-align: justify; background: #1d1d1d; border-bottom: 1px solid #2c2c2c; padding: 16px 25px; font: 700 11px/180% 'Noto Sans', sans-serif; text-transform: uppercase; color: #a77598; letter-spacing: 1px; } .CLFR-Subforums a { min-height: 8px; color: #a77598; border-bottom: 1px solid #ddd; margin-left: 3px; } .CLFR-FD1Text { width: 158px; padding: 10px; background: #1e1e1e; border: 2px solid #2c2c2c; text-align: justify; font: 400 12px/140% 'Noto Sans', sans-serif; color: #969897; } .CLFR-FD1Ov { height: 57px; padding-right: 5px; overflow: auto; } .CLFR-FD1Ov2 { height: 80px; padding-right: 5px; overflow: auto; } .CLFR-FD1Link { width: 158px; height: 16px; padding: 10px; background: #1e1e1e; border-left: 2px solid #2c2c2c; border-right: 2px solid #2c2c2c; border-bottom: 2px solid #2c2c2c; text-align: left; font: 700 10px/130% 'Noto Sans', sans-serif; text-transform: uppercase;text-align: center; color: #777; letter-spacing: 1px; } .CLFR-FD1Link1 { width: 167px; height: 10px; padding: 5px; background: #1e1e1e; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; text-align: left; font: 700 10px/130% 'Noto Sans', sans-serif; text-transform: uppercase;text-align: center; color: #777; letter-spacing: 1px; } .CLFR-FD1Link a { color: #a77598; border-bottom: 1px solid #2c2c2c; margin-right: 3px; } .CLFR-FD1Img { width: 170px; height: 69px; padding: 4px; background: #212121; border: 1px solid #2c2c2c; } .CLFR-FD2Text { width: 89px; padding: 10px; background: #212121; border: 1px solid #2c2c2c; float: left; text-align: justify; font: 400 11px/140% 'Noto Sans', sans-serif; color: #777; } .CLFR-FD2Ov { height: 85px; overflow: auto; padding-right: 5px; } .CLFR-FD2Img { width: 60px; height: 97px; padding: 4px; background: #2c2c2c; border-left: 1px solid #2c2c2c; border-top: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; float: left; } .CLFR-FD1Img2 { width: 170px; height: 87px; padding: 4px; background: #212121; border: 1px solid #2c2c2c; } .CLFR-old { color: #aaa; } .CLFR-new { color: #abc9cd; } /*********************************** Topic Row ************************************/ .CLTR-Main-Bg { width: 944px; height: 107px; border-bottom: 1px solid #2c2c2c; } .CLTR-Float-A { width: 650px; height: 107px; background: #212121; border-right: 1px solid #2c2c2c; float: left; } .CLTR-Macro { width: 25px; height: 25px; background: #212121; border-right: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; padding: 20px; float: left; font-size: 25px; line-height: 100%; } .CLTR-Float-B { width: 544px; height: 25px; background: #212121; border-bottom: 1px solid #2c2c2c; padding: 20px; float: left; } .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; } .CLTR-Stat-A { width: 7px; height: 7px; background: #212121; border-left: 1px solid #2c2c2c; border-top: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; padding: 6px; float: left; } .CLTR-Stat-B { width: 126px; height: 7px; background: #212121; border: 1px solid #2c2c2c; padding: 6px; float: left; text-align: center; font: 400 10px/100% 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 1px; } .CLTR-Stat-C { width: 256px; height: 7px; background: #212121; border: 1px solid #2c2c2c; padding: 6px; float: left; text-align: center; font: 400 10px/100% 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 1px; } .CLTR-Float-D { width: 293px; height: 107px; float: left; } .CLTR-Info-A { width: 293px; height: 35px; background: #212121; border-bottom: 1px solid #2c2c2c; text-align: right; font: 400 10px/110% 'Noto Sans', sans-serif; text-transform: uppercase; color: #777; letter-spacing: 1px; } .CLTR-Info-B { width: 9px; height: 9px; padding: 13px; border-right: 1px solid #2c2c2c; float: left; font-size: 11px; background: #212121; } .CLTR-Info-C { padding: 14px; float: right; } .topic-title-row { padding: 25px; border-bottom: 1px solid #2c2c2c; background: #212121; text-align: right; font: 400 12px/100% 'Noto Sans', sans-serif; text-transform: lowercase; color: #888; letter-spacing: 1px; } .no-topics-row { padding: 25px; border-bottom: 1px solid #2c2c2c; background: #212121; text-align: justify; font: 700 7px/140% 'Noto Sans', sans-serif; text-transform: uppercase; color: #888; letter-spacing: 1px; } /*********************************** User Profile ************************************/ .CLUP-Float-A { width: 944px; height: 470px; border-top: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; } .CLUP-Float-B { width: 665px; height: 470px; border-right: 1px solid #212121; float: left; background: #212121; } .CLUP-Name-Bg { width: 665px; height: 85px; border-bottom: 1px solid #2c2c2c; background: #212121; } .CLUP-Name-Fl { width: 31px; height: 31px; padding: 27px; background: #212121; border-right: 1px solid #2c2c2c; float: left; font-size: 31px; line-height: 100%; color: #aaa; text-align: center; } .CLUP-Name-Tx { padding: 30px; text-align: left; float: left; font: 700 25px/100% 'Noto Sans', sans-serif; text-transform: lowercase; } .CLUP-Char-Bg { width: 665px; height: 253px; border-bottom: 1px solid #2c2c2c; } .CLUP-Char-FlA { width: 465px; height: 253px; border-right: 1px solid #2c2c2c; float: left; } .CLUP-Char-Active { width: 425px; height: 7px; border-bottom: 1px solid #2c2c2c; text-align: right; font: 700 7px/100% 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #999; padding: 10px 20px; } .CLUP-Char-FlB { width: 445px; height: 168px; border-bottom: 1px solid #2c2c2c; padding: 10px; } .CLUP-Char-FlC { width: 181px; height: 126px; border-top: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; background-color: rgba(33,33,33); padding: 20px; float: left; } .CLUP-Char-TxtA { text-align: right; font: 400 10px/100% 'Noto Sans', sans-serif; text-transform: lowercase; color: #888; } .CLUP-Char-STxtA { float: left; border-bottom: 1px solid #2c2c2c; font: 400 10px/100% 'Noto Sans', sans-serif; } .CLUP-Char-SSTxtA { margin-left: 5px; margin-right: 5px; border-bottom: 1px solid #2c2c2c; letter-spacing: 1px;} .CLUP-Char-FlD { width: 181px; height: 126px; border: 1px solid #2c2c2c; background: #212121; padding: 20px; float: left; } .CLUP-Char-FlE { width: 465px; height: 36px; background: #212121; } .CLUP-Char-Links { width: 16px; height: 16px; background: #212121; border-left: 1px solid #2c2c2c; padding: 10px; text-align: center; font-size: 14px; line-height: 100%; color: #aaa; float: right; } .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; } .CLUP-Char-LiBr { border-bottom: 1px solid #2c2c2c; } .CLUP-Char-FlF { width: 199px; height: 253px; float: left; background-color: rgba(77,62,95); } .CLUP-Char-FlG { width: 159px; height: 42px; padding: 20px; } .CLUP-Play-Li { width: 20px; height: 20px; padding: 10px; border: 1px solid #4d3e5f; float: left; text-align: center; background-color: rgba(77,62,95); color: #eee; line-height: 100%; font-size: 18px; } .CLUP-Play-Txt { width: 139px; height: 95px; padding: 20px 30px; background: #212121; text-align: right; font: 700 7px/100% 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #999; } .CLUP-Play-Txt a { font: 700 7px/100% 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #999; } .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;} .CLUP-Ext-FlA { width: 665px; height: 130px; } .CLUP-Ext-FlB { width: 110px; height: 110px; padding: 10px; background:#1d1d1d; border-right: 1px solid #2c2c2c; float: left; } .CLUP-Ext-FlC { width: 100px; height: 100px; border: 1px solid #2c2c2c; background: #212121; padding: 4px; } .CLUP-Ext-FlD { width: 534px; height: 130px; float: left; } .CLUP-Ext-FlE {width: 514px; height: 7px; padding: 10px; border-bottom: 1px solid #2c2c2c; background: #212121; text-align: right; font: 700 7px/100% 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 1px; } .CLUP-Ext-FlF { width: 514px; height: 82px; padding: 10px; background: #212121; } .CLUP-Ext-FlG { width: 452px; padding: 30px 30px; background: #212121; border: 1px solid #2c2c2c; text-align: justify; font: 400 11px/140% 'Noto Sans', sans-serif; letter-spacing: 1px; color: #999; } .CLUP-Ext-FlH { height: 55px; overflow: auto; padding-right: 5px; } .CLUP-Av-FlA { width: 210px; height: 410px; float: left; padding: 30px;text-align: justify; font: 400 13px/140% 'Noto Sans', sans-serif; letter-spacing: 1px; color: #999; overflow:auto; background: #212121; border-left:1px solid #2c2c2c;} .CLUP-Av-FlB { width: 210px; height: 400px; border: 1px solid #2c2c2c; margin-top: 1px; background: #212121; padding: 3px;text-align: justify; font: 400 11px/140% 'Noto Sans', sans-serif; letter-spacing: 1px; color: #999; } /*********************************** Stats ************************************/ .CLBS-bg1 { background: #4b293f; padding: 80px; text-align: left; font: 400 40px/100% 'Megrim', cursive; text-transform: lowercase; color: #eee; } .CLBS-floatA { width: 946px; height: 260px; border-bottom: 1px solid #212121; } .CLBS-floatB { width: 278px; height: 260px; padding: 0px; float: left; border-right: 1px solid #212121; } .CLBS-Members { width: 206px; height: 14px; padding: 36px; border-bottom: 1px solid #2c2c2c; text-align: right; font: 700 12px/100% 'Noto Sans', sans-serif; text-transform: uppercase; color: #aaa; background: #212121; } .CLBS-Mspan { float: left; font-size: 30px; margin-top: -8px; } .CLBS-floatC { width: 421px; height: 220px; padding: 20px; float: left; border-right: 1px solid #212121; } .CLBS-usBG { width: 419px; height: 40px; border: 1px solid #2c2c2c; border-bottom: none; background: #212121; } .CLBS-usTi { width: 303px; height: 16px; padding: 12px; text-align: center; float: left; font: 400 16px/100% 'Noto Sans', sans-serif; text-transform: uppercase; font-style: italic; color: #aaa; } .CLBS-usButton { width: 20px; border-left: 1px solid #2c2c2c; background: #212121; height: 20px; float: right; text-align: center; font: 400 20px/100% 'Noto Sans', sans-serif; padding: 10px; } .CLBS-usList { width: 369px; padding: 25px; border: 1px solid #2c2c2c; background: #212121; text-align: justify; font: 400 14px/140% 'Noto Sans', sans-serif; text-transform: uppercase; font-style: italic; color: #aaa; } .CLBS-usListov { height: 93px; overflow: auto; padding-right: 5px; } .CLBS-usStats { width: 419px; height: 33px; border: 1px solid #2C2C2C; border-top: none; background: #212121; text-align: left; font: 700 10px/100% 'Noto Sans', sans-serif; text-transform: uppercase; color: #aaa; } .CLBS-usSOuter { width: 119px; height: 13px; padding: 10px; border-right: 1px solid #2C2C2C; float: left; } .CLBS-usSOutersp { float: right; font-size: 13px; } .CLBS-floatD { width: 203px; height: 260px; padding: 0px; float: left; } .CLBS-otBg { height: 75px; padding: 20px; background: #212121; border-bottom: 1px solid #2c2c2c; } .CLBS-otIcon { height: 50px; text-align: center; line-height: 100%; font-size: 50px; color: #bbb; } .CLBS-otTx { height: 15px; margin-top: 5px; text-align: center; text-transform: uppercase; line-height: 100%; font-size: 12px; color: #aaa; } .CLBS-otTxs { border-bottom: 1px solid #2c2c2c; font-weight: 700; font-style: italic; } .CLBS-otList { height: 104px; padding: 15px; } .CLBS-otListbg { padding: 15px; background: #212121; border: 1px solid #2c2c2c; text-align: justify; font-weight: 400; text-transform: uppercase; font-size: 12px; line-height: 140%; } .CLBS-otListov { height: 80px; overflow: auto; padding-right: 5px; } .CLBS-floatE { width: 902px; padding: 21px; height: 38px; background: #212121; text-align: right; font-size: 14px; font-weight: 400; font-style: italics; } .CLBS-SLinkbg { width: 120px; padding: 10px; height: 18px; border: 1px solid #2C2C2C; float: left; background: #212121; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .CLBS-SLinksp { float: left; font-size: 17px; margin-top: -3px; } .CLBS-SLinkbr { border-bottom: 1px solid #abc9cd; } /*********************************** Dropdown ************************************/ /* Dropdown Button */ .dropbtn { background: #1e1e1e; color: white; padding: 0px; width: 54px; height: 54px; text-align: center; font-size: 22px; line-height: 100%; font-weight: 400; color: #a77598; border: 1px solid #2c2c2c; cursor: crosshair; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* The container <div> - needed to position the dropdown content *!2F .dropdown { position: relative; display: inline-block; width: 52px; height: 52px; z-index: 7; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; background-color: #a76b81; min-width: 160px; box-shadow: none; z-index:7; } /* Links inside the dropdown */ .dropdown-content a { color: #888; background: #1e1e1e; text-align: right; text-transform: uppercase; font: 700 12px/100% 'Noto Sans', sans-serif; letter-spacing: 1px; border-top: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; padding: 15px; text-decoration: none; display: block; min-width: 187px; } /* Change color of dropdown links on hover */ .dropdown-content a:hover { background-color: #1e1e1e; } /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content { display: block; } /* Change the background color of the dropdown button when the dropdown content is shown */ .dropdown:hover .dropbtn { background: #1e1e1e; } .show { display:block; } .dropdown linko { color: #888; font-weight: bold; } .f-dropdown { outline: 1px solid #2c2c2c; } /*********************************** Mini Profile ************************************/ .CLMP-BG { width: 944px; height: 140px; background: #212121; border-top: 1px solid #2C2C2C; border-bottom: 1px solid #2c2c2c; } .CLMP-Float-A { width: 763px; height: 100px; float: left; border-left: 1px solid #2c2C2C; padding: 20px; } .CLMP-Float-B { width: 100px; height: 100px; padding: 20px; background-color:#212121; float: left; } .CLMP-Float-BGif { width: 100px; padding: 4px; margin-top: -3px; margin-left: -3px; height: 100px; border: 1px solid #; background: #2c2c2c; float: left; } #group3 .CLMP-Float-BGif {background: #c1b0a5;} #group4 .CLMP-Float-BGif {background: #82347f;} #group6 .CLMP-Float-BGif {background: #907a90;} #group7 .CLMP-Float-BGif {background: #a0709c;} #group8 .CLMP-Float-BGif {background: #917147;} #group9 .CLMP-Float-BGif {background: #aa4671;} .CLMP-Float-Author { height: 35px; padding: 0px; margin-top: 20px; margin-left: 5px; float: left; text-align: right; font: 600 38px/100% 'Megrim', cursive; color: #aaa; text-transform: lowercase; color: #4d3e5f; } #group3 .CLMP-Float-Author {color: #c1b0a5;} #group4 .CLMP-Float-Author {color: #82347f;} #group6 .CLMP-Float-Author {color: #907a90;} #group7 .CLMP-Float-Author {color: #a0709c;} #group8 .CLMP-Float-Author {color: #917147;} #group9 .CLMP-Float-Author {color: #aa4671;} .CLMP-Float-C { width: 280px; float: right; height: 68px; background: #212121; border: 1px solid #2c2c2c; padding: 15px; } .CLMP-Float-D { width: 130px; height: 100px; float: left; } .CLMP-Float-DTx { width: 130px; height: 10px; padding-bottom: 5px; border-bottom: 1px solid #4d3e5f; text-align: right; font-size: 10px; text-transform: lowercase; color: #888; line-height: 100%; overflow:auto; } #group3 .CLMP-Float-DTx {border-bottom: 1px solid #c1b0a5;} #group4 .CLMP-Float-DTx {border-bottom: 1px solid #82347f;} #group6 .CLMP-Float-DTx {border-bottom: 1px solid #907a90;} #group7 .CLMP-Float-DTx {border-bottom: 1px solid #a0709c;} #group8 .CLMP-Float-DTx {border-bottom: 1px solid #917147;} #group9 .CLMP-Float-DTx {border-bottom: 1px solid #aa4671;} .CLMP-Float-DTx2 { width: 130px; height: 10px; padding-bottom: 5px; border-bottom: 1px solid #4d3e5f; text-align: right; font-size: 10px; text-transform: lowercase; color: #888; line-height: 100%; overflow:auto; } #group3 .CLMP-Float-DTx2 {border-bottom: 1px solid #c1b0a5;} #group4 .CLMP-Float-DTx2 {border-bottom: 1px solid #82347f;} #group6 .CLMP-Float-DTx2 {border-bottom: 1px solid #907a90;} #group7 .CLMP-Float-DTx2 {border-bottom: 1px solid #a0709c;} #group8 .CLMP-Float-DTx2 {border-bottom: 1px solid #917147;} #group9 .CLMP-Float-DTx2 {border-bottom: 1px solid #aa4671;} .CLMP-Float-E { width: 240px; min-height: 410px; position: absolute; top: 142px; left: 0px; } .CLMP-Float-F { width: 240px; height: 410px; padding: 20px; background: #212121; } .CLMP-Float-G { width: 210px; height: 400px; border: 1px solid #2c2c2c; padding: 4px; background: #2c2c2c; } .CLMP-Float-H { width: 188px; height: 378px; border: 1px solid #2c2c2c; padding: 10px; } .CLMP-Float-I { width: width: 156px; height: 45px; padding: 15px; border: 1px solid #2c2c2c; background: #212121; text-align: center; font: 400 32px/100% 'Megrim', cursive; color: #aaa; text-transform: lowercase; color: #a77598; } #group4 .CLMP-Float-I {color: #82347f;} #group3 .CLMP-Float-I {color: #c1b0a5;} #group8 .CLMP-Float-I {color: #917147;} #group7 .CLMP-Float-I {color: #a0709c;} #group6 .CLMP-Float-I {color: #907a90;} #group6 .CLMP-Float-I {color: #aa4671;} .CLMP-Float-J { width: width: 156px; height: 7px; padding: 15px; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; background: #212121; text-align: right; font: 700 9Px/100% 'Noto Sans', sans-serif; color: #aaa; text-transform: uppercase; color: #a77598; } .CLMP-Float-K { width: width: 166px; height: 90px; padding: 10px; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; background-color: rgba(171,201,205,0.2); } .CLMP-Float-L { width: 156px; height: 80px; border: 1px solid #abc9cd; padding: 4px; background: #2c2c2c; } #miniProfile-hv1 { width: 210px; height: 400px; position: relative; overflow: hidden; } #miniProfile-hv1 IMG { width: 210px; height: 400px; display: block; object-fit: cover; } .miniProfile-hv2 { width: 210px; height: 400px; position: relative; left: 0px; top: 0px; background: #212121; -webkit-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */ -webkit-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */ opacity: 0.0; } #miniProfile-hv1:hover .miniProfile-hv2 { width: 210px; height: 400px; top: -400px; opacity: 1.0; } /*********************************** Post Row ************************************/ .CLPR-Post-Bg { width: 944px; height: 30px; background: #212121; border-top: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; } .CLPR-Post-Bg2 { width: 944px; height: 30px; background: #212121; border-top: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; } .CLPR-Post-Perm { width: 10px; height: 10px; padding: 10px; border-right: 1px solid #2c2c2c; float: left; font-size: 10px; font-weight: 400; text-align: center; line-height: 100%; } .CLPR-Post-Date { width: 199px; height: 10px; background: #212121; padding: 10px 15px; border-right: 1px solid #2c2c2c; float: left; text-transform: uppercase; font-size: 10px; color: #999; letter-spacing: 1px; text-align: left; font-weight: 700; line-height: 110%; } .CLPR-Post-Counts { width: 199px; height: 10px; background: #212121; padding: 10px 15px; border-right: 1px solid #2c2c2c; float: left; text-transform: uppercase; font-size: 7px; color: #999; letter-spacing: 1px; text-align: left; font-weight: 700; line-height: 110%; } .CLPR-Post-Bts { height: 30px; float: right; } .CLPR-Float-A { width: 944px; min-height: 449px; max-height: 9000px; position: relative; top: 0px; left: 0px; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; background: #212121; } .CLPR-Float-B { max-width: 619px; min-height: 449px; position: relative; top:0px; left: 260px; } .CLPR-Float-C { width: 617px; background: #212121; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; min-height: 449px; } .CLPR-Float-D { width: 637px; background: #212121; border-bottom: 1px solid #2c2c2c; height: 28px; } .CLPR-Float-E { padding-top: 8px; padding-right: 10px; } .CLPR-Float-F { width: 524px; min-height: 370px; height: 100%; padding: 40px; background: #212121; text-align: justify; } .CLPR-Float-G { max-width: 65px; min-height: 410px; position: relative; top: 0px; left: 260px; } .CLPR-Float-H { width: 65px; background: transparent; min-height: 410px; } .CLPR-Float-Inner { width: 45px; padding: 10px; } .CLPR-Icon { width: 23px; height: 23px; border: 1px solid #2c2c2c; background-color:#212121; text-align: center; font-size: 23px; line-height: 100%; padding: 10px; color: #abc9cd; } #group4 .CLPR-Icon {color: #82347f;} #group3 .CLPR-Icon {color: #c1b0a5;} #group9 .CLPR-Icon {color: #aa4671;} #group8 .CLPR-Icon {color: #917147;} #group7 .CLPR-Icon {color: #a0709c;} #group6 .CLPR-Icon {color: #907a90;} /*********************************** Main Topics ************************************/ .CLMT-Bg { width: 500px; padding: 3px; border: 1px solid #2c2c2c; background: #212121; margin: 0 auto; } .CLMT-Bg2 { width: 438px; padding: 30px; border: 1px solid #2c2c2c; background: #191919; } .CLMT-Title { background: #212121; border: 1px solid #2c2c2c; text-align: center; font: 400 50px/100% 'Megrim', cursive; padding: 50px; text-transform: lowercase; letter-spacing: 0px; color: #a77598; } .CLMT-InC { background: #212121; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; padding: 40px; } .CLMT-InTx { background: #212121; border: 1px solid #2c2c2c; text-align: justify; font: 400 14px/140% 'Noto Sans', sans-serif; padding: 50px; color: #777; } .CLMT-InTx { background: #212121; border: 1px solid #2c2c2c; text-align: justify; font: 400 13px/140% 'Noto Sans', sans-serif; padding: 50px; color: #777; } .CLMT-InTx blockcodes { margin: 0px 0px 20px 0px; display: block; text-align: justify; line-height: 140%; color: #888; padding: 20px; background: #212121; border: 1px solid #2c2c2c; } .CLMT-InTx2 { background: #212121; border: 1px solid #2c2c2c; text-align: justify; font: 700 13px/170% 'Noto Sans', sans-serif; padding: 50px; color: #999; } position { border-bottom: 1px solid #2c2c2c; font-weight: 700; color: #aaa; } .reserve { border-bottom: 1px solid #2c2c2c; margin-bottom: 3px; } .reserve b { color: #770176; } .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 #e8e8e8; } .CLMT-InTx b { font: 700 12px/140% 'Noto Sans', sans-serif; color: #770176; } .CLMT-InTx j { font: 700 10px/140% 'Noto Sans', sans-serif; text-transform: uppercase; color: #aaa; border-bottom: 1px solid #2c2c2c; } .CLMT-Sub { background: #212121; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; padding: 20px; text-align: right; font: 700 13px/100% 'Noto Sans', sans-serif; color: #aaa; text-transform: lowercase; } .CLMT-Br { border-top: 1px solid #2c2c2c; } .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; } .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: #770176; } .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: #770176; } .CLMT-Qt { color: #999; font: 400 11px/170% 'Noto Sans', sans-serif; letter-spacing: 1px; border-bottom: 1px solid #ddd; margin-right: 10px; } .CLMT-CBg { text-align: justify; font: 400 11px/170% 'Noto Sans', sans-serif; color: #888; padding: 20px; border: 1px solid #2c2c2c; background: #ececec; } .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 #e8e8e8; } .CLMT-COv { overflow: auto; height: 201px; padding-right: 5px; } .CLMT-CBg2 { text-align: justify; font: 400 11px/170% 'Noto Sans', sans-serif; color: #888; padding: 20px; border: 1px solid #2c2c2c; background: #ececec; } .CLMT-CBg2 blockquote { margin: 5px 0px; display: block; text-align: justify; padding: 20px 15px; background: #e4e4e4; border: 1px solid #2c2c2c; background: #e4e4e4; } .cltabs { position: relative; height: 283px; width: 355px; } .cltab { float: left; } .cltab label { display: block; width: 30px; height: 30px; background: #e4e4e4; padding: 20px; border-bottom: 1px solid #2c2c2c; position: relative; position: absolute; right: 356px; top: 0px; } .cltab [type=radio] { display: none; } .clcontent { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #e8e8e8; padding: 20px; z-index: 1; } [type=radio]:checked ~ label { background-color: #e8e8e8; color: #888; border-bottom: 1px solid 2c2c2c; z-index: 2; } [type=radio]:checked ~ label ~ .clcontent { z-index: 3; } .cltabs2 { position: relative; height: 283px; width: 355px; } .cltab2 { float: left; } .cltab2 label { display: block; width: 30px; height: 30px; background: #e4e4e4; padding: 20px; border-bottom: 1px solid #2c2c2c; position: relative; position: absolute; right: 356px; top: 0px; } .cltab2 [type=radio] { display: none; } .clcontent2 { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #e8e8e8; padding: 20px; z-index: 1; } [type=radio]:checked ~ label { background-color: #e8e8e8; color: #888; border-bottom: 1px solid 2c2c2c; z-index: 2; } [type=radio]:checked ~ label ~ .clcontent2 { z-index: 3; } .cltabs3 { position: relative; height: 283px; width: 355px; } .cltab3 { float: left; } .cltab3 label { display: block; width: 30px; height: 30px; background: #e4e4e4; padding: 20px; border-bottom: 1px solid #2c2c2c; position: relative; position: absolute; right: 356px; top: 0px; } .cltab3 [type=radio] { display: none; } .clcontent3 { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #e8e8e8; padding: 20px; z-index: 1; } [type=radio]:checked ~ label { background-color: #e8e8e8; color: #888; border-bottom: 1px solid 2c2c2c; z-index: 2; } [type=radio]:checked ~ label ~ .clcontent3 { z-index: 3; } .CLMT-MDg2 { width: 428px; padding: 5px; border: 1px solid #2c2c2c; background: #212121; } .CLMT-ABgA { width: 440px; padding: 29px; border: 1px solid #2c2c2c; background: #212121; } .CLMT-ABg { width: 440px; padding: 29px; border: 1px solid #abc9cd; background: #e6e6e6; } .CLMT-ABg2 { width: 428px; height: 427px; padding: 5px; border: 1px solid #2c2c2c; background: #212121; } .CLMT-AFl { width: 428px; height: 131px; } .CLMT-ABg2b { width: 428px; padding: 5px; border: 1px solid #2c2c2c; background: #212121; } .CLMT-AFlb { width: 428px; height: 131px; } .CLMT-AIcn { font-size: 30px; line-height: 100%; color: #abc9cd; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); } .CLMT-MDSTART { width: 428px; height: 131px; } .CLMT-MDPAD { margin-top: 5px; } .CLMT-Alis { border-bottom: 2px solid #ddd; } .CLMT-AImbg { width: 110px; height: 110px; padding: 10px; background-color:#212121; border-top: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; float: left; } #Immortal. CLMT-AImbg {color: #917147;} #Gifted.CLMT-AImbg {color: #a0709c;} #Mortal.CLMT-AImbg {color: #907a90;} .CLMT-AImbg2 { width: 100px; height: 100px; border: 1px solid #abc9cd; background: #2c2c2c; padding: 4px; } #Immortal. CLMT-AImbg2 {color: #917147;} #Gifted.CLMT-AImbg2 {color: #a0709c;} #Mortal.CLMT-AImbg2 {color: #907a90;} .CLMT-AMtbg { width: 275px; height: 110px; padding: 10px; background-color: #212121; border-top: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; float: left; } .CLMT-AMt { padding: 20px; height: 24px; border-top: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; background: #212121; text-align: right; font: 400 22px/100% 'Noto Sans', sans-serif; font-style: italic; text-transform: lowercase; color: #a77598; } #Immortal. CLMT-AMt {color: #917147;} #Gifted.CLMT-AMt {color: #a0709c;} #Mortal.CLMT-AMt {color: #907a90;} <link href="https://fonts.googleapis.com/css?family=Megrim" rel="stylesheet"> <style type='text/css'> body { background: #4b293f; } .memdir { width: 474px; margin: 40px auto; padding: 25px; background-color: #191919; border: 1px solid #2c2c2c; } .memdir2 { background-color: #212121; padding: 10px; border: 1px solid #2c2c2c; } .memdir2 h1 { font: 40px/100% 'Megrim', cursive; text-align: center; color: #a77598; margin: 0px auto; } .memdir2 h2 { font: 11px/100% 'Calibri', sans-serif; color: #efefef; letter-spacing: 7px; text-transform: uppercase; text-align: center;} .memdir h3 { font: 25px/100% 'Megrim', cursive; color: #efefef; border-bottom: 1px solid #a77598; padding: 10px; text-align: right; margin: 5px auto;} .memdir hr { width: 90%; height: 1px; border: 0; background-color: #a77598; } .memdir img { width: 90px; height: 90px; object-fit: cover; margin: 1px auto 0; border: 3px solid #454545; } .memdir .immortal img { border: 3px solid #917147; } .memdir .gifted img { border: 3px solid #a0709c; } .memdir .mortal img { border: 3px solid #907a90; } .memdir .hybrid img { border: 3px solid #aa4671; } .memdir .imgcon { width: 96px; padding: 3px; display: inline-block; margin: 3px; border: 1px solid #3c3c3c; } .memdir .imgcon .name { font: 11px/100% 'Calibri', sans-serif; color: #efefef; margin-top: 3px; } .immortal .name b { color: #917147; letter-spacing: 3px; } .gifted .name b { color: #a0709c; letter-spacing: 3px; } .mortal .name b { color: #907a90; letter-spacing: 3px; } .hybrid .name b { color: #aa4671; letter-spacing: 3px; } .CLMT-AMt b { font-weight: 400; } .CLMT-AMts { border-bottom: 2px solid #ddd; } .CLMT-AMtin {padding: 16px; height: 11px; border: 1px solid #2c2c2c; background: #212121; text-align: left; font: 600 11px/100% 'Noto Sans', sans-serif; letter-spacing: 0px; text-transform: lowercase; color: #aaa; } .CLMT-Ain { border-bottom: 1px solid #ddd; margin-right: 10px; } .CLMT-AMtin b { font-weight: 700; color: #abc9cd; } .CLMT-AFl2 { width: 70px; height: 283px; border-left: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; border-top: 1px solid #2c2c2c; background: #212121; float: left; } .CLMT-AMSCS { border: 1px solid #2c2c2c; padding: 10px; background: #e4e4e4; } .CLMT-AMSCS2 { border: 1px solid #2c2c2c; padding: 15px; background: #e2e2e2; } .CLMT-AMSCS3 { border: 1px solid #2c2c2c; border-bottom: none; padding: 20px; background: #e8e8e8; text-align: center; font: 400 45px/100% 'Megrim', cursive; color: #aaa; text-transform: lowercase; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); } .CLMT-AMSCS3 b { font-weight: 400; color: #abc9cd; } .CLMT-AFl3 { width: 355px; padding: 0px; height: 283px; border: 1px solid #2c2c2c; background: #e8e8e8; float: left; } .CLMT-FCFl { width: 365px; height: 53px; } .CLMT-FCTi { width: 136px; height: 13px; background: #4d3e5f; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; padding: 20px; text-align: right; font: 700 13px/100% 'Noto Sans', sans-serif; color: #aaa; text-transform: lowercase; float: left; } .CLMT-FCFl2 { width: 365px; height: 300px; } .CLMT-FCLt { width: 156px; background: #212121; border: 1px solid #2c2c2c; text-align: justify; font: 400 12px/140% 'Noto Sans', sans-serif; padding: 10px; color: #777; float: left; } .fc:hover { background: #212121; font-weight: 700; } .CLMT-FCOv { height: 232px; overflow: auto; padding-right: 5px; } .fc { padding: 10px; border-bottom: 1px solid #2c2c2c; text-align: center; font: 700 12px/100% 'Noto Sans', sans-serif; text-transform: uppercase; color: #777; border-bottom: 1px solid #2c2c2c; } .fc a { font-weight: 700; } /* Shimmer's Affiliation Table */ #sidebar { background-color: #fbf7f8; border: 2px solid #763a4a; width: 280px; height: 450px; top: 100px; left: 12px; position: fixed; box-shadow: 2px 5px 10px #1b0309; } .cbox { width: 260px; height: 430px; margin-top: 15px; } .affies2 { padding: 0px; } .affies-title { background: url(http://throughouttime.b1.jcink.com/uploads/throughouttime/purplesongsbg.jpg); background-color: #2c1219; padding: 25px; color: #eaced6; font-size: 25px; text-transform: uppercase; text-align: left; text-shadow: 0px 2px 5px #1b0309; border-bottom: 7px solid #763a4a; } .affies-title2 { text-transform: uppercase; background-color: #763a4a; padding: 3px; color: #e6dee0; text-align: center; width: 300px; margin-top: 3px; margin-bottom: 5px; } .affies-title3 { text-transform: uppercase; background-color: #763a4a; padding: 3px; color: #e6dee0; text-align: center; width: 498px; margin-top: 3px; margin-bottom: 5px; } .affies-rtd { width: 300px; height: 130px; margin-left: 5px; } .affies-rtd2 { width: 498px; height: 130px; margin-left: 5px; } /*********************************** Modals ************************************/ .modal-content { display: none; } #fade-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 99999; } #modal-window { position: fixed; 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; position: fixed; top: 20%; left: 50%; width: 884px; margin: 0 0 0 -442px; } .cl-modbg { width: 400px; background: #212121; border: 1px solid #2c2c2c; padding: 20px; } .cl-modbg2 { background: #212121; border: 1px solid #2c2c2c; padding: 4px; } .cl-modbg3 { background: #4d3e5f; border: 1px solid #2c2c2c; padding: 30px; text-align: center; font: 700 40px/100% 'Megrim', cursive; color: #888888; text-transform: lowercase; } .cl-modbg4 { width: 390px; height: 203px; } .cl-modbg5 { width: 189px; height: 202px; background: #212121; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; padding: 0px; float: left; } .cl-modbg6 { width: 107px; background: #212121; border-right: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; padding: 20px; float: left; } .cl-modbg7 { width: 50px; height: 202px; background: #212121; border-right: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; padding: 0px; float: left; } .cl-modtxt { text-align: right; height: 15px; font: 400 10px/140% 'Noto Sans', sans-serif; color: #aaa; text-transform: lowercase; border-bottom: 1px solid #2c2c2c; padding: 17px; } .cl-reqh { border-bottom: 1px solid #2c2c2c; } .cl-modus { padding-bottom: 20px; text-align: center; font: 700 10px/100% 'Noto Sans', sans-serif; text-transform: lowercase; color: #999; } .cl-modli { width: 30px; height: 30px; padding: 10px; border-bottom: 1px solid #2c2c2c; font-size: 25px; color: #4d3e5f; } /*********************************** member directory ************************************/ /****************************************************** ********* MIDNIGHT SITE SET BY THUNDERSTRUCK ********** https://shadowplayers.jcink.net/index.php?showuser=6 http://cttw.jcink.net/index.php?showuser=6 http://shine.jcink.net/index.php?showuser=11182 ******************************************************/ .n-a-site { width: 100%; box-sizing: border-box; max-width: 540px; padding: 30px; background-color: #1e1e1e; margin: 3px auto; text-align: center; color: #777; font: 10px/100% 'Lato', sans-serif; position: relative; text-transform: none; } .n-a-site.n-a-light { background-color: #fafafa; } .n-a-site h1 { color: #a77598; margin: 0.3em 0; letter-spacing: normal; font-size: 3em; font-weight: 900; line-height: 80%; text-transform: uppercase; } .n-a-site h2 { font: 300 12px/100% 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 3px; } .n-a-site h3 { padding: 5px; text-transform: lowercase; font: 700 italic 1.4em/100% 'Lato', sans-serif; margin: 1em 0 0.3em; text-align: center; } .n-a-site h4 { display: inline-block; text-transform: uppercase; font: 900 1.1em/100% 'Lato', sans-serif; color: #be7fff; margin: 0; } .n-a-site h4:after { content: "›"; margin-left: 5px; } .n-a-site h5 { text-transform: uppercase; font: 700 italic 1.4em/100% 'Lato', sans-serif; text-align: center; margin: 1em 0 0; padding: 20px; background-color: #2b2b2b; } .n-a-site.n-a-light h5 { background-color: #ddd; } .n-a-site h6 { margin: 0; background-color: #3a3a3a; padding: 5px; text-align: center; text-transform: uppercase; font: 700 8px/100% 'Lato', sans-serif; } .n-a-site.n-a-light h6 { background-color: #eee; } .n-a-site .n-a-content { background-color: #2e2e2e; padding: 15px; font-size: 11px; font-weight: 400; line-height: 120%; font-family: Helvetica, Arial; margin: 20px; text-align: justify; } .n-a-site.n-a-light .n-a-content { background-color: #f1f1f1; } .n-a-site .n-a-content p:last-child { margin-bottom: 0; } .n-a-site ol, .n-a-site ul { margin: 1.4em 0; padding: 0; padding-left: 40px; } .n-a-site li { margin: 0.8em 0; } .n-a-site .n-a-content b { color: #be7fff; text-decoration: none; } .n-a-site a { font-weight: bold; color: #888; text-decoration: none; font-family: 'Lato', san-serif; font-size: 1.05em; } .n-a-site p.n-a-claims { text-align: justify; background-color: #333; padding: 20px; margin-top: 0; } .n-a-site.n-a-light p.n-a-claims { background-color: #f5f5f5; } .n-a-site.n-a-canons p.n-a-claims { text-align: justify; } .n-a-site p.n-a-claims a:after { content: "›"; margin-left: 4px; margin-right: 5px; } .n-a-site code { display: block; margin: 1.3em 5%; font-family: 'Courier', monospace; text-align: left; } .n-a-site.n-a-response { max-width: 400px; } .n-a-site.n-a-app img { display: block; max-width: calc(100% + 30px); margin-top: -15px; margin-left: -15px; margin-bottom: 15px; } .n-a-site hr { border: 0; height: 1px; margin: 1.5em 10%; background-color: #444; } .n-a-site.n-a-light hr { background-color: #ddd; } .n-a-site .taken:before { content: "×"; margin-right: 0.7em; } @media (max-width: 400px) { .n-a-site { padding: 30px; } .n-a-site ol, .n-a-site ul { padding-left: 25px; } } /*********************************** misc bold ************************************/ h9 { color: #a77598; } /*********************************** Shipper Reply 1 ************************************/ .clsh-bg { width: 350px; background: #e8e8e8; border: 1px solid #2c2c2c; padding: 4px; margin: 0 auto; } .clsh-bg2 { background: #e4e4e4; border: 1px solid #2c2c2c; padding: 10px; } .clsh-bg3 { background: #e8e8e8; border-top: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; padding: 30px; text-align: center; font: 700 39px/120% 'Megrim', cursive; text-shadow: -1px -1px 0px rgba(255, 255, 255, 1); color: #770176;; } .clsh-br { border-bottom: 1px solid #ddd; } .clsh-bg4 { background: #efefef; border-top: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; padding: 40px; text-align: justify; font: 400 11px/140% 'Noto Sans', sans-serif; color: #888; } .clsh-bg5 { width: 328px; height: 64px; } .clsh-bg6 { width: 52px; height: 52px; background-color: rgba(171,201,205,0.2); border: 1px solid #2c2c2c; padding: 5px; float: left; } .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); } .clsh-bg8 { width: 215px; height: 14px; background: #e8e8e8; border-top: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; padding: 24px; text-align: right; font: 700 13px/110% 'Noto Sans', sans-serif; color: #aaa; float: left; text-transform: lowercase; } .clsh-br2 { border-bottom: 1px solid #ddd; } .clsh-bg9 { width: 221px; height: 20px; background: #e8e8e8; border-top: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c; padding: 21px; text-align: left; font: 700 19px/110% 'Noto Sans', sans-serif; color: #aaa; float: left; text-transform: /*********************************** member directory ************************************/ .wwbackground {width: 100px; height: 100px; padding: 5px; margin-top: 5px; border-radius: 100%;} .wwicon {width: 100px; height: 100px; } .wwname {width: 120px; height: 15px; overflow: hidden; font-family: lato; font-weight: 700; font-size: 14px; text-transform: uppercase; line-height: 100%; text-align: center; margin-top: 5px;} .wwdetails {width: 120px; height: 8px; overflow: hidden; font-family: lato; font-size: 8px; text-transform: uppercase; line-height: 100%; color: #000; font-weight: 400; text-align: center;} .subtitle {width: 490px; height: 8px; overflow: hidden; 'Noto Sans', sans-serif; font-size: 8px; text-transform: uppercase; line-height: 100%; color: #777; font-weight: 400; text-align: center;} .aname {width: 490px; height: 25px; overflow: hidden; font-family: lato; font-weight: 700; font-size: 25px; text-transform: uppercase; line-height: 100%; text-align: center; margin-top: 5px; color: #fff;} /*********************************** member directory ************************************/ .atg-directory { width: 500px; height: 100%; margin: 30px auto 0; } .atg-md-ttl { width: 500px; height: 100%; margin: 0; 'Megrim', cursive; color: #f7f7f7; font-size: 5em; box-sizing: border-box; padding: 0 0 0 50px; text-shadow: 2px 2px 0 #4f3574; } .atg-md-words { width: 500px; height: 100%; margin: 10px 0 0 0; background: #212121; } .atg-md-txt { width: 500px; height: 100%; margin: 0; background: #212121;} .atg-md-hold { width: 500px; height: 100%; margin: 0; background: pink; } .atg-md-img { width: 125px; height: 125px; margin: 5px 0 5px 5px; border-radius: 100%; float: left; overflow: hidden; border: 5px solid rgba(79, 53, 116, .5);} .atg-md-imgrsz { width: 125px; overflow: hidden; display: block; } .atg-md-imgrsz img { width: 125px; height: auto; } .atg-md-title { width: 345px; height: 35px; margin: 5px 0 0 5px; float: left; display: flex; align-items: center; font-family: 'notera_personal_use_onlyRg'; font-size: 3.5em; box-sizing: border-box; padding: 0 0 0 15px;} .atg-md-info { width: 345px; height: 20px; margin: 0 0 0 5px; float: left; text-transform: uppercase; font-size: .85em; color: #8ca0e6; text-align: center; } .atg-md-dtls { width: 345px; height: 100%; margin: 0 0 5px 5px; float: left; text-transform: uppercase; font-size: .9em; } .atg-md-crd { width: 500px; height: 100%; margin: 10px 0 0 0; text-align: right; } this is my css Edited August 28, 2019 by Mab Link to comment Share on other sites More sharing options...
Admin Morrigan 1,825 Admin Share Posted August 28, 2019 So I tried to figure this out with what I see and I'm not seeing it. First off, how are you implementing the "rules" link @Mab Profile set made by myself and original Artwork by Fae Merriman, my daughter. Link to comment Share on other sites More sharing options...
Kit the Human 757 Share Posted August 28, 2019 .CLFR-Subforums .CLFR-FD2Img, .CLFR-Subforums .CLFR-FD2Text { display: none } Does this work? PSI: an Occult Investigations RP Roleplay Architects: Grab a friend (or many friends!) and just write. You can also find me at: Link to comment Share on other sites More sharing options...
Mab 58 Author Share Posted August 28, 2019 OMG 21 minutes ago, Kit the Human said: .CLFR-Subforums .CLFR-FD2Img, .CLFR-Subforums .CLFR-FD2Text { display: none } .CLFR-Subforums .CLFR-FD2Img, .CLFR-Subforums .CLFR-FD2Text { display: none } Does this work? OMG! It did! Im going to double test with different variations of the forum description areas but so far yes this worked. Thank you so much! Alright so now how do i get the links in the forum area to stop showing? Right now the links (the rules) is still showing there as well. Link to comment Share on other sites More sharing options...
Kit the Human 757 Share Posted August 28, 2019 Glad it worked! .CLFR-Desc-Bg > a { display: none; } That will hide any links inside the CLFR-Desc-Bg div. Links inside CLFR-FD2Text will still appear (just in case you want some of those to appear within the actual forum description.) If you can never see an instance where you might want links inside CLFR-FD2Text to appear, just get rid of the greater than sign: .CLFR-Desc-Bg a { display: none; } PSI: an Occult Investigations RP Roleplay Architects: Grab a friend (or many friends!) and just write. You can also find me at: Link to comment Share on other sites More sharing options...
Mab 58 Author Share Posted August 28, 2019 Alright how do i hide these? I tried earlier the way you did it and it didnt seem to work. No doubt iv been doing it wrong. Link to comment Share on other sites More sharing options...
Kit the Human 757 Share Posted August 28, 2019 You need to add .CLFR-Subforums .CLFR-FD1Text to your list of display nones so that your list looks like this: .CLFR-Subforums .CLFR-FD2Img, .CLFR-Subforums .CLFR-FD2Text, .CLFR-Subforums .CLFR-FD1Text{ display: none } .CLFR-Subforums .CLFR-FD2Img, .CLFR-Subforums .CLFR-FD2Text, .CLFR-Subforums .CLFR-FD1Text{ display: none } You also need to remove the styling for the links because of course, it'll appear in your quick links. Rather than do all of that though, just target the CLFR-FD1Link that is a child of CLFR-Desc-Bg. So, find .CLFR-FD1Link in your style sheet and add .CLFR-Desc-Bg in front of it: .CLFR-Desc-Bg .CLFR-FD1Link { width: 158px; /* etc */ What you're ultimately doing is adding a display none to any child of .CLFR-Subforum that you do not want to see: .CLFR-Subforums .CLFR-FD2Img, .CLFR-Subforums .CLFR-FD2Text, .CLFR-Subforums .CLFR-FD1Text, .CLFR-Subforums /*another child (class) that you want to hide*/ { display: none } I hope that makes sense to you! PSI: an Occult Investigations RP Roleplay Architects: Grab a friend (or many friends!) and just write. You can also find me at: Link to comment Share on other sites More sharing options...
Mab 58 Author Share Posted August 28, 2019 Thank you so much, i had tried doing that before and could just not get it to work for whatever reason. It all looks great now though. 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now