Jump to content

[Solved] want forum description links to show in subforum area


Mab
 Share

Recommended Posts

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. 

 

ruMwJz.png

ruM73c.png

ruM8UW.png

 

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 by Mab

 

 

                                               user posted image                                                                                              

Link to comment
Share on other sites

  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Admin

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

0_mainsignature.jpg

image.png

Profile set made by myself and original Artwork by Fae Merriman, my daughter.

 

 

Link to comment
Share on other sites

.CLFR-Subforums .CLFR-FD2Img,
.CLFR-Subforums .CLFR-FD2Text {
  display: none
}

Does this work?

 

Capture.thumb.PNG.3decefd3bf60e869e4eb5e89b8e0bedd.PNG

 

sig.png.30b42565d04d922988370bf14e1447bc.png

PSI: an Occult Investigations RP

Roleplay Architects: Grab a friend (or many friends!) and just write.

You can also find me at:

static-historicalrp.jpg  B8CB4x.png rpabutton.png

Link to comment
Share on other sites

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?

 

Capture.thumb.PNG.3decefd3bf60e869e4eb5e89b8e0bedd.PNG

 

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. 

 

image.thumb.png.9565c893c9aa890dcb508353a7da1f80.png

 

 

                                               user posted image                                                                                              

Link to comment
Share on other sites

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;
}

 

 

sig.png.30b42565d04d922988370bf14e1447bc.png

PSI: an Occult Investigations RP

Roleplay Architects: Grab a friend (or many friends!) and just write.

You can also find me at:

static-historicalrp.jpg  B8CB4x.png rpabutton.png

Link to comment
Share on other sites

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. 

 

image.thumb.png.495aebe041753d23d3afa25d5155b5a0.png

 

 

                                               user posted image                                                                                              

Link to comment
Share on other sites

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!

 

sig.png.30b42565d04d922988370bf14e1447bc.png

PSI: an Occult Investigations RP

Roleplay Architects: Grab a friend (or many friends!) and just write.

You can also find me at:

static-historicalrp.jpg  B8CB4x.png rpabutton.png

Link to comment
Share on other sites

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.

  • You're Welcome 1

 

 

                                               user posted image                                                                                              

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.