Font icons not showing up

Mab · August 28, 2019

So doing some edits to my skin and my font awesome??? (can never remember if thats what its called) are no longer showing up. https://pandoratester.jcink.net/index.php?act=idx

As far as i know i havent messed with anything to do with them. This is how it should look

And this is how it looks now

css

							/*=============================================== *
 * 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-Desc-Bg > a {
    display: none;
}

.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 .CLFR-FD2Img,
.CLFR-Subforums .CLFR-FD2Text, 
.CLFR-Subforums .CLFR-FD1Img2,
.CLFR-Subforums .CLFR-FD1Ov,
.CLFR-Subforums .CLFR-FD1Link,
.CLFR-Subforums .CLFR-FD1Link1,
.CLFR-Subforums .CLFR-FD1Text 

{
  display: none
}




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

board wrappers

													<!DOCTYPE html>
<html>
    <head> 
<link rel="shortcut icon" href="http://i.imgsafe.org/ff6e595083.png" type="image/x-icon">
	<title><% TITLE %></title> 
	<% CSS %> 
	<% JAVASCRIPT %> 

<link rel="stylesheet" href="http://missyoursoul.b1.jcink.com/uploads/missyoursoul/ionicons.css">
<script src="https://use.fontawesome.com/02a9c987da.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Signika:300,400,600,700" rel="stylesheet">
<script src="http://missyoursoul.b1.jcink.com/uploads/missyoursoul/jquery_style_my_tooltips.js"></script>
<link href="http://missyoursoul.b1.jcink.com/uploads/missyoursoul/style_my_tooltips.css" rel="stylesheet" type="text/css" />
<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,300italic,300,200italic,200,100italic,100' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Megrim" rel="stylesheet">


<script>
// jQuery Modal Popups by Black
// http://code.jfbs.net/?showtopic=57
$(document).ready(function() {
	var fadeBackground = $(document.createElement("div")).hide().attr("id", "fade-background"),
	modalWindow = $(document.createElement("div")).hide().attr("id", "modal-window");
	$(document.body).append(fadeBackground, modalWindow);
	$(document).on("click", ".modal-link", function(e) {
  $("#fade-background").css({ "opacity": "0.3" }).fadeIn("fast");
                var newContents = $("#" + $(this).data("modal-target")).html();
                $("#modal-window").html(newContents);
  $("#modal-window").fadeIn("fast");
  e.preventDefault();
	});
	$(document).on("click", ".oppayipyip", function() {
  $("#fade-background").fadeOut("fast");
  $("#modal-window").fadeOut("fast");
	});
	$(document).on("click", "#fade-background", function() {
  $("#fade-background").fadeOut("fast");
  $("#modal-window").fadeOut("fast");
	});
	$(document).keypress(function(e) {
  if(e.keyCode == 27) {
  	$("#fade-background").fadeOut("fast");
  	$("#modal-window").fadeOut("fast");
  }
	});
});
</script>

<script>
var title = document.title;
var title_stripped = title.replace(". : * :・feeling better ->", "");
document.title =  title_stripped;
</script>

<script>
var title = document.title;
var title_stripped = title.replace("Viewing Profile ->", "");
document.title =  title_stripped;
</script>


<script>
/* When the user clicks on the button, 
toggle between hiding and showing the dropdown content */
function myFunction() {
    document.getElementById("myDropdown").classList.toggle("show");
}

// Close the dropdown menu if the user clicks outside of it
window.onclick = function(event) {
  if (!event.target.matches('.dropbtn')) {

    var dropdowns = document.getElementsByClassName("dropdown-content");
    var i;
    for (i = 0; i < dropdowns.length; i++) {
      var openDropdown = dropdowns[i];
      if (openDropdown.classList.contains('show')) {
        openDropdown.classList.remove('show');
      }
    }
  }
}

</script>

<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>


    </head>  <div id="<!-- |g_title| -->-cl">

<!--- PLACE THIS JUST UNDER YOUR HEAD TAGS --->

<div id='main'><div id='top'>
<div id='menu-toggle'> <div class="CLTPB-Toggle"><i class="ionicons ion-arrow-graph-down-left"></i></div></div>

<div class="g-<!-- |g_id| -->" style="display: none;">

<div class="CLTPB-Icon"><div style="width: 50px; height: 50px; background: url(http://files.jcink.net/uploads/otherwhere/siteimages/Davina_exploding_magic.gif); background-position: center; background-size: cover; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;"></div></div>

<div class="CLTPB-Name">welcome, <h9>guest</h9></div>

  <a href="/index.php?act=Search" title="Search"> <div class="CLTPB-UpButton"><i class="ionicons ion-search"></i></div> </a>

 <a href="/index.php?act=Reg&CODE=00" title="Register"> <div class="CLTPB-UpButton"><i class="ionicons ion-edit"></i></div> </a>

<a href="/index.php?act=Login&CODE=00" title="Log In"> <div class="CLTPB-UpButton"><i class="ionicons ion-log-in"></i></div> </a>

</div><div class="m-<!-- |g_id| -->">

<a href="index.php?showuser=<!-- |id| -->" title="View Profile"><div class="CLTPB-Icon"><div style="width: 50px; height: 50px; background: url(<!-- |field_8| -->); background-position: center; background-size: cover; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;"></div></div>

<div class="CLTPB-Name"><h9><!-- |name| --></h9></div></a>

 
<a href="index.php?act=Login&CODE=03&key=<!-- |auth_key| -->" title="Log Out">  <div class="CLTPB-UpButton"><i class="ionicons ion-log-out"></i></div> </a>


  
<a href="index.php?act=modcp" class="mcp-<!-- |g_is_supmod| -->" title="Mod CP"> <div class="CLTPB-UpButton"><i class="ionicons ion-ios-gear-outline"></i></div></a>

 <a href="admin.php" target="_blank" class="acp-<!-- |g_access_cp| -->" title="Admin CP"> <div class="CLTPB-UpButton"><i class="ionicons ion-ios-cog-outline"></i></div></a>


  <a href="/index.php?act=UserCP&CODE=26" title="Tracked Topics"> <div class="CLTPB-UpButton"><i class="ionicons ion-ios-pricetags-outline"></i></div></a>

<a href="index.php?act=UserCP&CODE=alerts" title="Alerts"> <div class="CLTPB-UpButton"><i class="ionicons ion-ios-alarm-outline"></i>

<div class="CLTPB-UpIcons"><h9><!-- |new_alerts| --></h9></div></div></a>

<a href="index.php?act=Msg&CODE=01" title="Inbox"><div class="CLTPB-UpButton"><i class="ionicons ion-ios-chatboxes-outline"></i>

<div class="CLTPB-UpIcons"><h9><!-- |new_msg| --></h9></div></div></a>

  <a href="/index.php?act=UserCP&CODE=01" title="Edit Profile"><div class="CLTPB-UpButton"><i class="ionicons ion-ios-ionic-outline"></i></div></a>


</div>

<div class="CLTPB-DropBg"> 
<div class="dropdown" style="float:right;"> 
  <button class="dropbtn"><i class="ionicons ion-ios-color-wand-outline"></i></button>
  <div class="dropdown-content">

    <a href="/index.php?act=idx"> <div style="float: left;"><h9><i class="fa fa-home" aria-hidden="true"></i></h9></div> <linko>HOME</linko></a>

<a href="http://bloodaccords.jcink.net/index.php?showtopic=26&st=0&#entry40">  <div style="float: left;"><h9><i class="fa fa-bullhorn" aria-hidden="true"></i></h9></div>  <linko>start guide</linko></a>

    <a href="http://bloodaccords.jcink.net/index.php?showtopic=6">  <div style="float: left;"><h9><i class="fa fa-bullhorn" aria-hidden="true"></i></h9></div>  <linko>GUIDELINES</linko></a>

    <a href="http://bloodaccords.jcink.net/index.php?showtopic=24&st=0&#entry34"> <div style="float: left;"><h9><i class="fa fa-book" aria-hidden="true"></i></h9></div>  <linko> APPLICATION PROCESS</linko></a>

    <a href="http://bloodaccords.jcink.net/index.php?showforum=16"> <div style="float: left;"><h9><i class="fa fa-users" aria-hidden="true"></i></h9></div>  <linko>MEMBER GROUPS</linko></a>



 <a href="http://bloodaccords.jcink.net/index.php?showtopic=5"> <div style="float: left;"><h9><i class="fa fa-users" aria-hidden="true"></i></h9></div>  <linko>FACE CLAIM</linko></a>

 <a href="http://bloodaccords.jcink.net/index.php?showforum=9"> <div style="float: left;"><h9><i class="fa fa-codepen" aria-hidden="true"></i></h9></div>  <linko>REQUESTS</linko></a>


    <a href="http://bloodaccords.jcink.net/index.php?showtopic=27&st=0&#entry41"> <div style="float: left;"><h9><i class="fa fa-book" aria-hidden="true"></i></h9></div>  <linko>OPEN THREADS</linko></a>

<a href="http://my.cbox.ws/Bloodaccordsnew"> <div style="float: left;"><h9><i class="fa fa-codepen" aria-hidden="true"></i></h9></div>  <linko>CHAT DIRECT LINK</linko></a>




<div style="border-bottom: 1px solid #ccc;"></div> </div></div></div></div>

<div id='content'>

<!-- END THIS ABOVE ALL PUSHED CONTENT (HEADER, WRAPPER, ETC) --->

<body id="g-<!-- |g_id| -->">

	    	<div id="navi">
		    <% NAVIGATION %>
	    	</div>


	<div id="wrapper">


<a href="/index.php?act=idx"><div class="CLTPB-HeaderBg"><div class="CLTPB-HeaderBg2"><div class="CLTPB-Header"></div></div></div></a>

<div class="CLTPB-TopHBg"><div class="CLTPB-TopFlB"><div class="CLTPB-TopTx"><div class="CLTPB-TopTxOv">

Welcome to 

<span class="CLTPB-TopSpan"><h9>

The Blood Accords!

</h9></span>

War always changes everything. For the mortal world that has never been more true. The war might have happened 500 years ago, but it changed everything. Creatures and immortals no walk among us. They are our lawyers, and doctors, our neighbours. While the Blood Accords work to protect them, and the mortals, it is not easy. There are those who daily actively work against them. Are you the type who keeps your head down? or are you someone who does something, for the good, or the bad. One thing is sure with dark times everyone has to take a stand. Everyone. <P>



</div></div></div><div class="CLTPB-TopFlA">

<div class="CLTPB-TopFlIcon"><a href='http://bloodaccords.jcink.net/index.php?showtopic=16'><div class="CLTPB-TopFlIcon2"></div></a></div>

</div><div class="CLTPB-TopFlC">

<div class="CLTPB-TopWeather"></div>

<div class="CLTPB-TopFlD"><div class="CLTPB-TopSTi"><h9>

White Bridge, Maine

</h9></div><div class="CLTPB-TopSubTi"><h9>FORECAST:</h9> 

Spring time has finally taken hold of White Bridge, chasing away the winter Chill. 

</div><div class="CLTPB-TopSubTi2">set in <span style="margin-top: 5px;"><h9> 

Spring, 2017

</h9></span></div></div></div>

<div class="CLTPB-TopFlE" style='margin-top: 3px;'><div class="CLTPB-TopFlF"><div class="CLTPB-TopFlG">


<a href="#" class="modal-link" data-modal-target="staff1"><div style="width: 100px; height: 100px; background: #efefef url(http://files.jcink.net/uploads/bloodaccords/ezgif_1_46f865f0f7.gif); background-position: center; background-size: cover;  "></div></div></a>
</div>


</div></div>



<div id="innerwrapper">

	    <% BOARD HEADER %>
	    	<% BOARD %> 

<div class="tableborder">
<div class="maintitle"><a href=http://otherwhere.jcink.net/index.php?showforum=30>Our Affiliates</a></div>
<table width="100%" class="jor-back"><tr><td width="20%" style="vertical-align: top;"><center>
<div class="jor-title">Resources & Directories</div>


<a href="http://rpg-directory.com/index.php" target="blank"><img src="https://static18.icyboards.net/rpgdirectory/images/rpgdbutton1.png" class="jor-img">

<a href="http://bloodaccords.jcink.net/" target="_blank"><img src="https://cdnw.nickpic.host/otg7hX.gif"  class="jor-img">

<a href="http://z10.invisionfree.com/Shadowplay/index.php?act=idx" target="blank"><img src="http://i53.tinypic.com/1z21vzk.jpg" class="jor-img">

<a href="http://candylandcouture.b1.jcink.com" target="blank"><img src="http://cdn.nickpic.host/images/Fq4mP.jpg" class="jor-img">

<a href="http://rpgadverts.tumblr.com/" target="blank"><img src="http://i.imgur.com/elsZ0K6.gif" class="jor-img">

<a href="http://distant-fantasies.net" target="blank"><img src="http://images.distant-fantasies.net/buttons/logo88/dfloveaff.png" class="jor-img">

<a href="http://allthingsroleplay.tumblr.com/" target="blank"><img src="https://68.media.tumblr.com/8192dc8d5205fa29297aaa9bfa5b9b13/tumblr_ofsbq72ODO1v930oso1_100.png" class="jor-img">

<a href="http://stunnerdirectory.tumblr.com/" target="blank"><img src="http://i59.tinypic.com/6ira12.png" class="jor-img">

<a href="http://shine.b1.jcink.com" target="blank"><img src="http://shine.b1.jcink.com/uploads/shine/adbutton/button.png" class="jor-img">


<a href="http://cttw.jcink.net" target="http://cttw.jcink.net"><img src="https://abload.de/img/cttwaff1c6s4h.png" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

</td>


<td width="40%" style="vertical-align: top;"><div class="jor-title">Static Affiliates</div><center>

<a href="http://badmoonrisingrpg.jcink.net/"><img src="https://i.imgur.com/TOI8w1m.png" class="jor-img">

<a href="http://vtmxrp.jcink.net/index.php?act=idx"><img src="https://image.ibb.co/dr6O5n/button_2.png" class="jor-img">

<a href="http://fmrp.jcink.net" target="_blank"><img src="http://files.jcink.net/uploads/fmrp/FMRP_AFF_copy.png" class="jor-img">

<a href=http://crywolf.jcink.net/index.php?><img src=http://i.imgur.com/uk5cw5s.gif class="jor-img">

<a href="http://broomsticksnfire.jcink.net/"><img src="https://i.imgfly.me/t1V9F.png" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

</center></td>




<tr><td colspan=3> 

<p><div class="jor-title">Scrolling Affiliates</div><br>
<marquee onmouseover="this.stop()" onmouseout="this.start()"direction="left" scrollamount="2" onmousedown="this.stop();" onmouseup="this.start();"> 

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

</marquee>
<p>
<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="right" scrollamount="2" onmousedown="this.stop();" onmouseup="this.start();">


<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">

<img src="http://placehold.it/88x31" class="jor-img">



</td></tr>

</center></table>
</div>


 <% COPYRIGHT %>	

	    	<script>$('#logo a img[src="style_images/1/spacer.gif"]').replaceWith('<!-- |board_name| -->');</script>
	   

<div class="site-credit">sknned by vanessa of <a href="http://shine.jcink.net/index.php?showuser=28">shine</a> and <a href="http://cttw.jcink.net/index.php?showuser=831">caution</a></div>

	    </div>
	</div>
    </body> 



<div id="staff1" class="modal-content"><center>
<div class="cl-modbg"><div class="cl-modbg2"><div class="cl-modbg3"><span style="border-bottom: 1px solid #ccc;">

Banshee

</span></div><div class="cl-modbg4"><div class="cl-modbg5">

<div class="cl-modtxt"><span class="cl-reqh">28</span></div>

<div class="cl-modtxt"><span class="cl-reqh">she/her</span></div>

<div class="cl-modtxt"><span class="cl-reqh">gmt</span></div>

<div class="cl-modtxt"><span class="cl-reqh">pm please</span></div>

</div><div class="cl-modbg6"><div style="height: 162px; overflow: auto;">

<a href="http://bloodaccords.jcink.net/index.php?showuser=2"><div class="cl-modus"><span class="cl-reqh"> Mirabella Agosto</span></div></a>
<a href="http://bloodaccords.jcink.net/index.php?showuser=6"><div class="cl-modus"><span class="cl-reqh"> Adeline Templeton</span></div></a>
<a href="http://bloodaccords.jcink.net/index.php?showuser=5"><div class="cl-modus"><span class="cl-reqh"> Valeria Redwyne</span></div></a>

<a href="http://bloodaccords.jcink.net/index.php?showuser=4"><div class="cl-modus"><span class="cl-reqh"> Malachi Lilim</span></div></a>

<a href="http://bloodaccords.jcink.net/index.php?showuser=8"><div class="cl-modus"><span class="cl-reqh"> Zachary Mason</span></div></a>


<a href="http://bloodaccords.jcink.net/index.php?showuser=7"><div class="cl-modus"><span class="cl-reqh">Gabriela Mason</span></div></a>

<a href="http://bloodaccords.jcink.net/index.php?showtopic=36"><div class="cl-modus"><span class="cl-reqh"> Joffrey Cane</span></div></a>

<a href="http://bloodaccords.jcink.net/index.php?showtopic=36"><div class="cl-modus"><span class="cl-reqh"> Michael Frost</span></div></a>
</div></div><div class="cl-modbg7">

<a href="http://bloodaccords.jcink.net/index.php?showuser=1" title="view main account"><div class="cl-modli"><span class="ion-android-contact"></span></div></a>

<a href="/index.php?act=Msg&CODE=04&MID=#" title="pm admin"><div class="cl-modli"><span class="ion-android-drafts"></span></div></a>

<a href="http://otherwhere.jcink.net/index.php?showforum=70http://bloodaccords.jcink.net/index.php?showforum=17" title="view development"><div class="cl-modli"><span class="ion-android-camera"></span></div></a>

<a href="http://bloodaccords.jcink.net/index.php?act=ST&f=8&t=28" title="plot"><div class="cl-modli" style="border-bottom: none;"><span class="ion-android-textsms"></span></div></a>

</div></div></div></div></center></div>








<div id="staff3" class="modal-content"><center>
<div class="cl-modbg"><div class="cl-modbg2"><div class="cl-modbg3"><span style="border-bottom: 1px solid #ccc;">

staff c

</span></div><div class="cl-modbg4"><div class="cl-modbg5">

<div class="cl-modtxt"><span class="cl-reqh">age</span></div>

<div class="cl-modtxt"><span class="cl-reqh">pronouns</span></div>

<div class="cl-modtxt"><span class="cl-reqh">timezone</span></div>

<div class="cl-modtxt"><span class="cl-reqh">discord </span></div>

</div><div class="cl-modbg6"><div style="height: 162px; overflow: auto;">

<a href="/index.php?showuser=#"><div class="cl-modus"><span class="cl-reqh"> first last</span></div></a>

<a href="/index.php?showuser=#"><div class="cl-modus"><span class="cl-reqh"> first last</span></div></a>

</div></div><div class="cl-modbg7">

<a href="/index.php?showuser=#" title="view main account"><div class="cl-modli"><span class="ion-android-contact"></span></div></a>

<a href="/index.php?act=Msg&CODE=04&MID=#" title="pm admin"><div class="cl-modli"><span class="ion-android-drafts"></span></div></a>

<a href="link to tumblr" title="view tumblr"><div class="cl-modli"><span class="ion-android-camera"></span></div></a>

<a href="/index.php?showtopic=19" title="ask a question"><div class="cl-modli" style="border-bottom: none;"><span class="ion-android-textsms"></span></div></a>

</div></div></div></div></center></div>


<div id="staff4" class="modal-content"><center>
<div class="cl-modbg"><div class="cl-modbg2"><div class="cl-modbg3"><span style="border-bottom: 1px solid #ccc;">

staff d

</span></div><div class="cl-modbg4"><div class="cl-modbg5">

<div class="cl-modtxt"><span class="cl-reqh">age</span></div>

<div class="cl-modtxt"><span class="cl-reqh">pronouns</span></div>

<div class="cl-modtxt"><span class="cl-reqh">timezone</span></div>

<div class="cl-modtxt"><span class="cl-reqh">discord </span></div>

</div><div class="cl-modbg6"><div style="height: 162px; overflow: auto;">

<a href="/index.php?showuser=#"><div class="cl-modus"><span class="cl-reqh"> first last</span></div></a>

<a href="/index.php?showuser=#"><div class="cl-modus"><span class="cl-reqh"> first last</span></div></a>

</div></div><div class="cl-modbg7">

<a href="/index.php?showuser=#" title="view main account"><div class="cl-modli"><span class="ion-android-contact"></span></div></a>

<a href="/index.php?act=Msg&CODE=04&MID=#" title="pm admin"><div class="cl-modli"><span class="ion-android-drafts"></span></div></a>

<a href="link to tumblr" title="view tumblr"><div class="cl-modli"><span class="ion-android-camera"></span></div></a>

<a href="/index.php?showtopic=19" title="ask a question"><div class="cl-modli" style="border-bottom: none;"><span class="ion-android-textsms"></span></div></a>

</div></div></div></div></center></div>


<script type="text/javascript">
// CODE AREA SCRIPT BY NICOLE/THUNDERSTRUCK OF SHINE
// thank you to stackoverflow for the selectText function

$('table#CODE-WRAP').addClass('nicole-code');
$('table#CODE-WRAP').attr('cellpadding', '0');
$('table#CODE-WRAP #CODE').wrapInner('<div class="code-scroll"></div>');
$('table.nicole-code #CODE').parent('tr').prev('tr').children('td').html('<div class="code-top"><div class="code-title">Code <span class="code-toggle">• toggle height</span></div> <div class="code-highlight">click here to highlight code</div></div>');

$('table.nicole-code .code-scroll').each(function() {
if ($(this).height() < 250) {
    $(this).closest('tr').prev('tr').children('td').children('.code-top').children('.code-title').children('.code-toggle').hide();
} else {}
});

$('table.nicole-code .code-toggle').click( function () {
    if ($(this).closest('tr').next('tr').children('td').children('.code-scroll').hasClass('auto-code')) {
        $(this).closest('tr').next('tr').children('td').children('.code-scroll').removeClass('auto-code');
    } else {
        $(this).closest('tr').next('tr').children('td').children('.code-scroll').addClass('auto-code');
    }
});

jQuery.fn.selectText = function(){
var doc = document
    , element = this[0]
    , range, selection
;
if (doc.body.createTextRange) {
    range = document.body.createTextRange();
    range.moveToElementText(element);
    range.select();
} else if (window.getSelection) {
    selection = window.getSelection();        
    range = document.createRange();
    range.selectNodeContents(element);
    selection.removeAllRanges();
    selection.addRange(range);
}
};

$(function() {
$('table.nicole-code .code-highlight').click(function() {
    $(this).closest('tr').next('tr').children('td').children('.code-scroll').selectText();
});
});

// END CODE AREA SCRIPT
</script>

<script>
/*****************
Put this just before the body tag ends but
above the menu div. You can delete this
when you are done.
*****************/
$(document).ready(function(){

var $body = $('body'),
    $btn = $('#menu-toggle'),
    $menu = $('#menu'),
    menu_state = $.cookie('my_cookie_name'),
    viewportX = $(window).width();

var cookieValue = $.cookie('my_cookie_name');

if ( cookieValue === 'close' ) {
  $body.addClass('small-menu');
} else {
  $body.removeClass('small-menu');
}
 
$.cookie('my_cookie_name', menu_state);

$('.cookie-is').find('em').remove();
$('.cookie-is').prepend().html( '<em>' + $.cookie('my_cookie_name') + '</em>');
   
$btn.click(function(){
     
  $body.toggleClass('small-menu');
 
  $.removeCookie('my_cookie_name');
 
  if ( $body.hasClass('small-menu') ) {
    menu_state = 'close';
  } else {
    menu_state = 'open';
  }
 
  $.cookie('my_cookie_name', menu_state);

  $('.cookie-is').find('em').remove();
  $('.cookie-is').prepend().html( '<em>' + $.cookie('my_cookie_name') + '</em>');
});

});
/*****************

Find more cookie resources at:
http://mercdoescookies.jcink.net

* YOU CAN DELETE THIS NOTE
 IF YOU WOULD LIKE

*****************/
</script>


</div>
</div>




<div id='menu'><div style="padding: 20px;">

<div class="m-<!-- |g_id| -->">
<div class="CLTPB-TopUser">welcome back, <h9><!-- |field_9| --></h9></div>
<div class="CLTPB-TopCOuter"><div class="CLTPB-TopCSwitch">switch account</div>

<% SUBACCOUNTS %>
</div></div>



<div class="CLTPB-TopCbox">

<iframe src="https://www2.cbox.ws/box/?boxid=2393625&boxtag=lKXPOi" width="100%" height="350" allowtransparency="yes" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>		

</div><div class="CLTPB-TopCBr"></div></div></div></div>



</html>
		
		
		
		
		<script>
$('.pformleft:contains("Date of Birth")').next().hide();
$('.pformleft:contains("Date of Birth")').hide();
$('.row3:contains("Date of Birth")').next().hide();
$('.row3:contains("Date of Birth")').hide();
$('.pformleft:contains("Website URL")').next().hide();
$('.pformleft:contains("Website URL")').hide();
$('.row3:contains("Website URL")').next().hide();
$('.row3:contains("Website URL")').hide();
$('.pformleft:contains("GTalk Identity")').next().hide();
$('.pformleft:contains("GTalk Identity")').hide();
$('.row3:contains("GTalk Identity")').next().hide();
$('.row3:contains("GTalk Identity")').hide();
$('.pformleft:contains("AIM Identity")').next().hide();
$('.pformleft:contains("AIM Identity")').hide();
$('.row3:contains("AIM Identity")').next().hide();
$('.row3:contains("AIM Identity")').hide();
$('.pformleft:contains("Yahoo Identity")').next().hide();
$('.pformleft:contains("Yahoo Identity")').hide();
$('.row3:contains("Yahoo Identity")').next().hide();
$('.row3:contains("Yahoo Identity")').hide();
$('.pformleft:contains("MSN/Live Identity")').next().hide();
$('.pformleft:contains("MSN/Live Identity")').hide();
$('.row3:contains("MSN Identity")').next().hide();
$('.row3:contains("MSN Identity")').hide();
$('.pformleft:contains("Skype Identity")').next().hide();
$('.pformleft:contains("Skype Identity")').hide();
$('.row3:contains("Integrity Identity")').next().hide();
$('.row3:contains("Integrity Identity")').hide();
$('.pformleft:contains("Location")').next().hide();
$('.pformleft:contains("Location")').hide();
$('.row3:contains("Location")').next().hide();
$('.row3:contains("Location")').hide();
$('.pformleft:contains("Interests")').next().hide();
$('.pformleft:contains("Interests")').hide();
$('.row3:contains("Interests")').next().hide();
$('.row3:contains("Interests")').hide();
</script>

StormyWays13 · August 28, 2019

Hi!

I copied both codes onto a clean JCINK board and the FontAwesome icons show up there.

Try adding this code under the <head> section at the top of the board wrappers. That may fix it.

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.10.2/css/all.css" integrity="sha384-rtJEYb85SiYWgfpCr0jn174XgJTn4rptSOQsMroFBPQSGLdOC5IbubP6lJ35qoM9" crossorigin="anonymous">

Let me know if that helps.

Morrigan · August 28, 2019

@Mab I would also recommend getting an updated link for font awesome using their new "kit" system which is versionless and will update as font awesome updates. You can do that just by visiting the website and clicking on the "Get started" button:

https://fontawesome.com/

Mab · August 29, 2019

Hmmm i did both of those things and it didn't work for me.

Kit the Human · August 29, 2019

It's not loading because you're loading unsecured content over a secure source. Most browsers will simply prevent them from loading. When I disable that protection, I'm able to view the icons.

So you need to upload those unsecured libraries, fonts and images to your site and then fix the link.

example of where to look (go to stylesheet)


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

Essentially, all references to vanessaskins or missyoursoul needs to be replaced with your own website.

To rehost the fonts, just copy the link and paste it into a new tab. Your browser should ask if you want to download it. Do so and then upload and replace the link.

Don't forget the ionicons as well. It should be in your wrapper:

<link rel="stylesheet" href="http://missyoursoul.b1.jcink.com/uploads/missyoursoul/ionicons.css">

Hope that makes sense!

Mab · August 29, 2019

Alright so i think i semi understand how to rehost the icons. How do i rehost the code?

Kit the Human · August 29, 2019

Same deal!

Copy the link:

http://missyoursoul.b1.jcink.com/uploads/missyoursoul/ionicons.css

Right click on what pops up. Click on save page as and then save. The file type should be Style Sheet or .css

Mab · August 29, 2019

Then just upload them to the file manager in the cp?

Mab · August 29, 2019

oooo yay thats all working now, BUT now one of the font awesome things that should click, isn't clicking. The little lightening bolt on the top left corner should click an dclose and open the sidebar and it isn't.

Kit the Human · August 29, 2019

Do you know for sure that it was working before you rehosted those files? You haven't rehosted any of the scripts and the only mention of menu I can find on your script is in the wrapper itself:

/*****************
Put this just before the body tag ends but
above the menu div. You can delete this
when you are done.
*****************/
$(document).ready(function(){

var $body = $('body'),
    $btn = $('#menu-toggle'),
    $menu = $('#menu'),
    menu_state = $.cookie('my_cookie_name'),
    viewportX = $(window).width();

var cookieValue = $.cookie('my_cookie_name');

if ( cookieValue === 'close' ) {
  $body.addClass('small-menu');
} else {
  $body.removeClass('small-menu');
}
 
$.cookie('my_cookie_name', menu_state);

$('.cookie-is').find('em').remove();
$('.cookie-is').prepend().html( '<em>' + $.cookie('my_cookie_name') + '</em>');
   
$btn.click(function(){
     
  $body.toggleClass('small-menu');
 
  $.removeCookie('my_cookie_name');
 
  if ( $body.hasClass('small-menu') ) {
    menu_state = 'close';
  } else {
    menu_state = 'open';
  }
 
  $.cookie('my_cookie_name', menu_state);

  $('.cookie-is').find('em').remove();
  $('.cookie-is').prepend().html( '<em>' + $.cookie('my_cookie_name') + '</em>');
});

Rehosting stylesheets and font files shouldn't affect your scripts.

If you're not sure, you can try switching it all back to ensure that it's not the stylesheets or fonts. I suspect it might have something to do with how the cookie is written and how the server is secured? Someone who knows more about js, cookies and servers can probably help out far more than I can.

Mab · August 29, 2019

no no it wasnt working before i did the rehost thing. Even though the icon wasnt showing it wouldn't click. Unlike the other clickable icons, that still clicked.

Kit the Human · August 29, 2019

One at a time, switch what you've rehosted back until it's fixed! You can probably skip the font and ionicon css

Mab · August 31, 2019

I actually missed a rehost and now its working perfectly. Thanks so much for all the help.

Kit the Human · August 31, 2019

Fantastic! I'm so glad that you got it working

Sign In

Font icons not showing up

Recommended Posts

Mab 58

Link to comment

Share on other sites

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

StormyWays13 91

Link to comment

Share on other sites

Morrigan 1,826

Link to comment

Share on other sites

Mab 58

Link to comment

Share on other sites

Kit the Human 758

Link to comment

Share on other sites

Mab 58

Link to comment

Share on other sites

Kit the Human 758

Link to comment

Share on other sites

Mab 58

Link to comment

Share on other sites

Mab 58

Link to comment

Share on other sites

Kit the Human 758

Link to comment

Share on other sites

Mab 58

Link to comment

Share on other sites

Kit the Human 758

Link to comment

Share on other sites

Mab 58

Link to comment

Share on other sites

Kit the Human 758

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Recently Browsing 0 members

Announcements

Who's Online (See full list)

Topics

RPG Resources

Activity

My Activity Streams

Community

Important Information