MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* CSS placed here will be applied to all skins */



/** Le CSS place ici sera applique a toutes les apparences. */

/* make the Cite extension list of references look smaller and highlight clicked reference in blue */
ol.references { font-size: 90%; }
ol.references li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }



#p-logo{display:none;}
/* Infobox template style */
table{border-collapse: collapse;}

.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
width:22em;
text-align:left;
}
.infobox td,
.infobox th {
vertical-align: top;
padding: 0.2em 0.4em;
}
.infobox th {
border-bottom: 1px solid white;
}

.infobox caption {
font-size: larger;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
 
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
 
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaa;
border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #aaa;
}
 


@media print {
.navbox {
display: none;
}
}

/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaa solid;
border-collapse: collapse;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
border: 1px #aaa solid;
padding: 0.2em;
vertical-align:middle;
}

table.wikitable th,
table.prettytable th {
background: #f2f2f2;
text-align: center;
}

table.wikitable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}

table.prettytable code,
table.wikitable code {width:95%; margin: 8px auto;
background-color: transparent;
}


/* make the list of references look smaller */
ol.references {
font-size: 90%;
}

.references-small { font-size: 85%;}

/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
font-size: 80%;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}

.same-bg { background: none; }

/* Highlight clicked reference in blue to help navigation */
ol.references > li:target {
background-color: #DEF;
}

sup.reference:target {
background-color: #DEF;
}


/**********************/  
/******custom SSP******/
/**********************/    


div.wt_blocktitle {
margin: 0.2em 0em;
display:block;
padding: 0.15em 0.25em 2px 0.25em;
background: #3674aa; /* Old browsers */
background: -moz-linear-gradient(top,  #3674aa 0%, #3977bd 17%, #7ca8d8 85%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3674aa), color-stop(17%,#3977bd), color-stop(85%,#7ca8d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3674aa 0%,#3977bd 17%,#7ca8d8 85%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3674aa 0%,#3977bd 17%,#7ca8d8 85%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3674aa 0%,#3977bd 17%,#7ca8d8 85%); /* IE10+ */
background: linear-gradient(top,  #3674aa 0%,#3977bd 17%,#7ca8d8 85%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3674aa', endColorstr='#7ca8d8',GradientType=0 ); /* IE6-9 */
border-radius:5px;
}

div.wt_blocktitle h1{
border:0px;
display:inline;
line-height:0.8em;
color:white;
font-size:125%;
font-family: Arial Black, Gadget, sans-serif;
}


#firstHeading {
border:none;
background:none;color:black;
font-family: Arial Black, Gadget, sans-serif; 
font-size: 1.7em; color: #00007A;
}


.wstatusbox {margin: 10px 0px 10px 30px;position: relative;min-height: 100px;display:table;}
.wstatusbox .wsb_main{margin: 8px 0px 0px 8px;border: 1px Grey solid;min-height: 120px;}
.wstatusbox .wsb_image{position: absolute;left: -30px;top: -27px;}
.wstatusbox .wsb_title{font-size: 1.4em;padding: 0.2em 0 0.2em 175px;}
.wstatusbox .wsb_text{margin: 0px 10px 10px 150px;padding: 0.5em;min-height: 75px;border-radius: 6px;border: 1px solid white;}
.wstatusbox .wsb_data{position: relative;min-height: 100px;}
.wstatusbox .wsb_datahead{border: 1px grey dashed;background: white;padding: 0.2em 1em;}
.wstatusbox .wsb_datahead h4{padding-left: 2em;border-bottom: 3px solid black;}

.wstatus1 .wsb_main{background-color: #FFEC61;}
.wstatus1 .wsb_title{color: black;background-color: #FFDB1B;}
.wstatus1 .wsb_text{background: #FEFFE4;border-color:#FFDB1B;}
.wstatus1 .wsb_datahead h4{ color: black; border-color: #FFDB1B;} 

.wstatus2 .wsb_main{background-color: #FFEC61;}
.wstatus2 .wsb_title{color: black;background-color: #FFDB1B;}
.wstatus2 .wsb_text{background: #FEFFE4;border-color:#FFDB1B;}
.wstatus2 .wsb_datahead h4{ color: black; border-color: #FFDB1B;}  

.wstatus3 .wsb_main{background-color: #FFB659;}
.wstatus3 .wsb_title{color: white;background-color: #C06109;}
.wstatus3 .wsb_text{background: #FFEBD2;border-color:#C06109;}
.wstatus3 .wsb_datahead h4{ color: black; border-color: #C06109;}  

.wstatus5 .wsb_main{background-color: #DDD;}
.wstatus5 .wsb_title{color: white;background-color: #969696;}
.wstatus5 .wsb_text{background: #EEE;border-color:#969696;}
.wstatus5 .wsb_datahead h4{ color: black; border-color: #969696;}  

.wstatus4 .wsb_main{background-color: #D54D4D;}
.wstatus4 .wsb_title{color: white;background-color: #B63B3B;}
.wstatus4 .wsb_text{background: #FFD2D2;border-color:#B63B3B;}
.wstatus4 .wsb_datahead h4{ color: black; border-color: #B63B3B;}  

table.statustable{width:95%;}
.statustable td, .statustable th {padding: 4px 6px;}
table.statustable .statustabletd a{
text-decoration: none;
border-radius: 4px;
background: #0769AE !important;
padding: 3px 20px;
color: white;
font-weight: bold;
}
table.statustable .statustabletd a:hover{background: #1D9EF9  !important;}
table.statustable tr:nth-child(even) {background: #F4F4F4;}

.sts_staff_tb{
	width:90%;
	margin:0 auto;
	border: 1px solid #ccf;
}
.sts_staff_tb td {text-align:left;}
.sts_staff_td {background-color:#EBF5FF;}
.sts_staff_tb th {
	background: #98bede; /* Old browsers */
	background: -moz-linear-gradient(top,  #98bede 0%, #deefff 100%); /* FF3.6+ */
	background: -ms-linear-gradient(top,  #98bede 0%,#deefff 100%); /* IE10+ */
	background: -o-linear-gradient(top,  #98bede 0%,#deefff 100%); /* Opera 11.10+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98bede), color-stop(100%,#deefff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #98bede 0%,#deefff 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top,  #98bede 0%,#deefff 100%); /* W3C */
	border: 1px solid #ccf;
	color:#3862EF;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98bede', endColorstr='#deefff',GradientType=0 ); /* IE6-9 */
	padding: 0.5em 0.2em;
}
.sts_staff_tb th span{
	background-image: url(./skins/SSP24/images/customSSP/icon_sprite_template.png);
	background-repeat:no-repeat;
	line-height: 32px;display:inline-block;
	padding: 0 0 0 38px;
}


.sts_staffbox {
width:90%;
margin:0 auto;
border: 1px solid #ccf;
background-color:#F8FBFF;
}
.sts_staffbox h4{
font-size: 1em;
margin:0px;
background: #98bede; /* Old browsers */
background: -moz-linear-gradient(top,  #98bede 0%, #deefff 100%); /* FF3.6+ */
background: -ms-linear-gradient(top,  #98bede 0%,#deefff 100%); /* IE10+ */
background: -o-linear-gradient(top,  #98bede 0%,#deefff 100%); /* Opera 11.10+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98bede), color-stop(100%,#deefff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #98bede 0%,#deefff 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top,  #98bede 0%,#deefff 100%); /* W3C */
border: 1px solid #ccf;
color:#3862EF;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98bede', endColorstr='#deefff',GradientType=0 ); /* IE6-9 */
padding: 0.5em 0.2em;

}

.sts_staffbox h4 span{
	background-image: url(./skins/SSP24/images/customSSP/icon_sprite_template.png);
	background-repeat:no-repeat;
	line-height: 32px;display:inline-block;
	padding: 0 0 0 38px;
}
.sts_staffbox table {margin: 0.5em; 0.2em;}
.sts_staffbox table td{text-align:left;padding-left:0.75em;}
.sts_staffbox table td:first-child{padding-left:1.5em;}
.staff_listpart{display:inline-block;}


.sts_staff1 span {background-position: 0px -1152px;}
.sts_staff2 span {background-position: 0px -1248px;}
.sts_staff3 span {background-position: 0px -1120px;}

.w_notice{
	background-color:#CCFFF5 ;
	border-radius: 8px;
	border: 1px solid #008F6B;
	color:#008F6B;
	margin: 0.3em 0.2em;
	padding: 0.5em;
	width: auto;
}

.prepub_element{background: #999;}
.prepub_element tr{background: #ccc;}
.prepub_element td span{display: inline-block;height: 32px;padding-left: 36px; }     

.w_mc_box{max-width: 90%;margin: 0 auto;}
.w_mc_box th{
	background: #98bede; /* Old browsers */
	background: -moz-linear-gradient(top,  #98bede 0%, #deefff 100%); /* FF3.6+ */
	background: -ms-linear-gradient(top,  #98bede 0%,#deefff 100%); /* IE10+ */
	background: -o-linear-gradient(top,  #98bede 0%,#deefff 100%); /* Opera 11.10+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98bede), color-stop(100%,#deefff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #98bede 0%,#deefff 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top,  #98bede 0%,#deefff 100%); /* W3C */
	border: 1px solid #ccf;
	color:#3862EF;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98bede', endColorstr='#deefff',GradientType=0 ); /* IE6-9 */
	font-size:1.2em;
	padding: 0.5em 0.2em;
}
.w_mc_box td{vertical-align:top;}

.w_mc_box_div{
	background: #F7F7F7;
	border: 1px solid #999999;
	margin: 0.5em;
	max-width:20em;
	padding: 0.8em;
}


/**************************/
/*     cloth box */
/**************************/

.cloth_box{
padding:0.5em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:90%;
background-color : WhiteSmoke;
-webkit-box-shadow: black 0px 1px 3px;
-moz-box-shadow: black 0px 1px 3px;
box-shadow:black 1px 1px 2px 1px;  
margin: 8px auto 8px;
}

.cloth_box h5{
margin:0;
padding:0.2em 0.5em;
background-color:#F0F0A0;
}

.cloth_box span.cb_profile{
background: #F0F0A0;
padding: 0px 6px 6px 6px ;
float:right;
}

.cloth_box hr{
width: 60%;
margin: 0.2em auto;
}

/**************************/
/*     FIGHTTABLE         */
/**************************/
.wtfighttable{
	background:white;
	margin:0.5em;
	text-align:center;
	border:#888888 1px solid;
	width: 95%;
}
.wtfighttable th{padding:4px 10px;color:#3862EF;background:#EEF2E7;border:1px solid #888888;}	
.wtfighttable td{background:#F5F5F0;padding:0.2em;border-bottom: 1px dashed#444444;vertical-align:middle;}
.wtfighttable td:nth-child(-n+4) {border-right:1px dotted #444444;}

.wt_techtable{background:white;margin:0.5em;text-align:center;}
.wt_techtable th:nth-child(n+2), .wt_techtable tr:nth-child(n+2) {border:1px solid #888888;}	
.wt_techtable th:nth-child(n+2) {padding:0.5em;color:#3862EF;background:#EEF2E7;}	
.wt_techtable td{border-right:1px dotted #888888;border-bottom: 1px solid#444444;vertical-align:middle;}
.wt_techtable td:first-child {background:#EEF2E7;padding:0.2em 0.5em;border-right:1px solid#888888;}
.wt_techtable tr.tr_th_spin th{-webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg);color:#444444;background: none;border:none;}
.wt_techtable tr.tr_th_spin th:nth-child(n+2){/*width:4em;*/}	
table.wt_tech_2h tr:nth-child(2) {border:none; }

.tech_legend{max-width:95%;text-align:center;margin:0.5em;padding: 0.1em;}	
.tech_legend tr td{font-size:0.80em;background-color:#DDDDDD;}
.tech_legend td, .tech_legend th{border:#888888 1px solid;}
.tech_legend th{font-size:1.5em; font-weight:bold; color: green;background-color:white;}

.wt_techtable_form{margin:0.2em;text-align:center;border:1px solid #222;}	
.wt_techtable_form th{padding:0.15em;color:#3862EF;background:#EEF2E7;}		
.wt_techtable_form  td{border:1px solid #888888;vertical-align:middle;}



/**************************/
/*     FIGHTTABLE FIN     */
/**************************/ 

/*FORMS*/
*:focus {outline: none;}
.ui-widget-content{background:white;}




.smfo_all {
	border-bottom:1px solid #BBBBBB;
	border:none;
	margin: 0.5em 0.1em 1em;
}

.smfo_all > h2{
	background-image: url(./skins/SSP24/images/customSSP/icon_sprite_template48.png);
	/*background-position:  0px -48px;*/
	background-repeat: no-repeat;
	border-bottom:2px solid #777;
	line-height:48px;
	margin:0;
	padding:0 0 0 48px;
}

.smfo_all fieldset{
	border:none;margin:0px;
	padding:0.25em;
	width:100%;
position:relative;
}
.smfo_all fieldset>p:first-child, .smfo_all fieldset>div:first-child , .smfo_all fieldset>ul:first-child {
	margin-top:0px;
}
 
.smfo_all ul.smfo_list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul.smfo_list li{
	border-bottom: 1px solid #EEEEEE;
	display: inline-block;
	line-height: 32px;
	margin: 0;
	padding: 8px 12px 8px 0;
	position: relative;
}

ul.smfo_list li:hover {background-color:rgba(255,255,204,0.8);}

.smfo_all label{
	display: inline-block;
	float: left;
	margin-top: 3px;
	padding-left: 36px;
}

.smfo_list li label {
	background-image: url(./skins/SSP24/images/customSSP/icon_sprite_template.png);
	background-repeat:no-repeat;
        width: 150px;
line-height:32px;
height:32px;
}
.smfo_list li label.radioButtonItem{background-image:none;width: auto;padding-left:6px;}

.smfo_list .ui-widget{display: inline-block;}

div.iconbg32 label {
	background-image: url(./skins/SSP24/images/customSSP/icon_sprite_template.png);
	background-repeat:no-repeat;
        line-height:32px;
height:32px;
}

.smfo_all input ,.smfo_all textarea {
	border-radius: 6px;
	border: 1px solid #AAA;
	padding: 4px 20px 4px 5px;
background-color:white; 
/*position:relative; */

}
.smfo_all input{ height: 20px; }



.smfo_all span.inputSpan {position:relative;}

.smfo_multicon {
width:18px;
height:18px;
display:inline-block;
background-image: url(./skins/SSP24/images/customSSP/auto.png) ;
background-repeat: no-repeat ; 
background-position: top right;  
position:absolute;
top:-12px;
right:-10px;
}

.smfo_all textarea.autocompleteInput::after {right:0px;} 
.smfo_all textarea.autocompleteInput + div.smfo_multicon {right:-10px;} 
.smfo_all input[autocompletesettings$=list] + div.smfo_multicon, .smfo_all textarea[autocompletesettings$=list] + div.smfo_multicon {background-image: url(./skins/SSP24/images/customSSP/automult.png) ;}

.smfo_all input[autocompletesettings$=list]::after, .smfo_all textarea[autocompletesettings$=list]::after {background-image: url(./skins/SSP24/images/customSSP/automult.png) ;}





.smfo_all input[type="button"]{
	border-radius: 4px;
	border: 1px solid #AAA;
	height: 24px;
	padding: 3px;
}


.smfo_all textarea{
	border-radius: 6px;
	border: 1px solid #AAA;
	padding: 4px 6px;
}

.mandatoryFieldSpan input{
border: 1px solid red;
background-image: url(./skins/SSP24/images/customSSP/mand.png) ;
background-position: 99% center;
background-repeat: no-repeat ;
}

.smfo_all input:focus {
background-color: white;
box-shadow: 1px 1px 3px 0px black;
border: 1px #6B76FF solid;

}

.smfo_all input, .smfo_all textarea {
	-moz-transition: padding .25s;
	-webkit-transition: padding .25s;
	-o-transition: padding .25s;
	transition: padding .25s;
}

.smfo_insert{background: rgba(255,255,255,0.5);border: 1px solid #333; margin: 0.5em 0em;padding: 0.5em; border-radius:4px;}

.wbg01{background: url(./skins/SSP24/images/customSSP/bg/sagag_bg.png) no-repeat top right;}
.wbg02{background: url(./skins/SSP24/images/customSSP/bg/shurag_bg.png) no-repeat bottom right;}
.wbg03{background: url(./skins/SSP24/images/customSSP/bg/youmatroll_bg.png) no-repeat bottom right;}
.wbg04{background: url(./skins/SSP24/images/customSSP/bg/bg_sorrento.png) no-repeat bottom right;}
.wbg05{background: url(./skins/SSP24/images/customSSP/bg/bg_tenmasasha.png) no-repeat bottom right;}
.wbg06{background: url(./skins/SSP24/images/customSSP/bg/sasha_bg.png) no-repeat bottom right;}
.wbg07{background: url(./skins/SSP24/images/customSSP/bg/ikki_bg.png) no-repeat bottom right;}
.wbg08{background: url(./skins/SSP24/images/customSSP/bg/shokotan_bg.png) no-repeat top right;}
.wbg09{background: url(./skins/SSP24/images/customSSP/bg/gold_bg.png) no-repeat bottom right;}
.wbg10{background: url(./skins/SSP24/images/customSSP/bg/bgtemple.png) no-repeat bottom right;}
.wbg11{background: url(./skins/SSP24/images/customSSP/bg/tomabg.png) no-repeat bottom right;}
.wbg12{background: url(./skins/SSP24/images/customSSP/bg/bgpopo.png) no-repeat bottom right;}
.wbg13{background: url(./skins/SSP24/images/customSSP/bg/calvera.png) no-repeat bottom right;}
.wbg14{background: url(./skins/SSP24/images/customSSP/bg/mudan1.png) no-repeat bottom right;}
.wbg15{background: url(./skins/SSP24/images/customSSP/bg/mudan2.png) no-repeat bottom right;}
.wbg16{background: url(./skins/SSP24/images/customSSP/bg/gold.png) no-repeat bottom right;}
.wbg17{background: url(./skins/SSP24/images/customSSP/bg/bgshun.png) no-repeat bottom right;}
.wbg18{background: url(./skins/SSP24/images/customSSP/bg/scoumoune.png) no-repeat bottom right;}

.smfo_style1{background-color: #F5F5FF;}

.smfo_style2{background-color: #D6EBFF;}
.smfo_style2 ul.smfo_list li:hover {background-color:white;}

.smfo_style3{background-color: #C3EAFF;}
.smfo_style3 .helpbox h3{background-color: #C3D9FF;}

.smfo_style4{background-color:#C2D1FF ;}
.smfo_style4 .helpbox h3{background-color: #2952CC;}

.smfo_style5{background-color: #FFEBCC;}
.smfo_style5 .helpbox h3{background-color: #E68A00;}

.smfo_style6{background-color:#D5D7FF ;}
.smfo_style6 .helpbox h3{background-color: #2952CC;}

.smfo_style7{background-color: #E6FFE6 ;}
.smfo_style7 .helpbox h3{background-color:  #006600 ;} 

.smfo_style8{background-color: #FFEFEA ;}
.smfo_style8 .helpbox h3{background-color: #BD3535 ;} 

.smfo_style9{background-color: #E4D7BE ;}
.smfo_style9 .helpbox h3{background-color:  #7A5229 ;}

.smfo_style10{background-color: #F5F0EB ;}
.smfo_style10 .helpbox h3{background-color:  #7A5229 ;}

.smfo_style11{background-color: #F7F9BF ;}
.smfo_style11 .helpbox h3{background-color: #D2C54E;}
.smfo_style11 ul.smfo_list li:hover{background-color: #FEFEF1;}
.smfo_style11 .smfo_insert{border-color:  #D2C54E;}

.smfo_style12{background-color: #D9F7D9;}
.smfo_style12 .helpbox h3{background-color: #006600 ;} 
.smfo_style12 .smfo_insert{border-color:  #006600 ;} 

.smfo_style13{background-color: rgb(162, 189, 154) ;}




/***** PROFILE IMAGE *****/
.profileimg{max-width: 876px;}
.profileimg >p,.profileimg >div {
	margin-right: 226px;max-width: 650px;
	margin-top: 0;
	padding-top: 0.75em;
}

.profileimg label{
	background-image: url(./skins/SSP24/images/customSSP/icon_sprite_template.png);
	background-repeat:no-repeat;line-height:32px;
}


.profileimg div.sfImagePreviewWrapper{ 
    background: #EFF7FF;
    border: 1px dotted #85A3FF;
    display: block;
    float: right;
    margin-right: 4px;
    margin-top: -3em;
    min-height: 50px;
    padding: 8px;
    width: 200px;
}
.profileimg a.sfUploadable{
    background:#1947D1;
    color: white !important;
    display: inline-block;
    font-weight: bold;
    height: 20px;
    padding: 4px;
    text-decoration: none;
}
.profileimg a.sfUploadable:hover{background:  #70B8FF;color: #CCF5FF !important;}

/***** CATEGORIES *****/
.smfo_cat_tree>div{background:#FFFFEB;}
.smfo_cat_tree .CategoryTreeItem:hover{background: #FFDB94 ;} 
.smfo_cat_tree .CategoryTreeItem>input:checked{color:red;background:#D6EBFF;} 
.smfo_cat_tree .CategoryTreeEmptyBullet{line-height: 24px;vertical-align: top;}
.smfo_cat_tree .CategoryTreeItem>a{ line-height: 26px; padding: 4px; vertical-align: top; }  
.smfo_cat_tree .CategoryTreeItem>input:checked + a{background: #CCF5FF ;border: solid 1px #70B8FF;color: #70B8FF;}
.smfo_cat_text{border: 1px solid #AAAAAA; padding:0.8em; background:#FFFFEB;}

/***** STANDARD INPUTS *****/

.smfo_std_inputs{border-top:2px solid black;}
.smfo_std_inputs ul{position:relative;padding:0.2em; list-style-image:none;
list-style-position:outside;
list-style-type:none;clear:both;  }

.smfo_std_inputs ul li{float:left; margin-right:0.7em;}
.smfo_std_inputs ul li.smfo_std_inputs_watch{border: 1px solid black; background: orange; line-height: 28px;
 padding-right: 8px;}
.smfo_std_inputs ul li input, .smfo_std_inputs span.editHelp a {
	background: #1F3D7A;
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px;
}
.smfo_std_inputs span.editHelp a {text-decoration:none;line-height: 30px;
    padding: 6px;}

.smfo_std_inputs ul li input:hover{
	background: #1F3D7A;
	border: 0 none;
	border-radius: 4px;
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px;
}
.smfo_std_inputs ul li input:hover ,.smfo_std_inputs span.editHelp a:hover {
background:  #70B8FF;color: #CCF5FF !important; 
}


/***** TEXT BOX + HINT *****/

.smfo_descfield .smfo_desc1, .smfo_descfield .smfo_deschelp{float:left;}
.smfo_deschelp {margin-left: 1em;margin-top: 0.5em;width: 300px;} 
.smfo_deschelp h2{
	border-bottom: 0 none;
	display: block;
	font-size: 1.5em;
	margin-bottom: 0;
	padding-left: 50px;
	width: 100%; 
}
.smfo_deschelp h3{
/*background: none repeat scroll 0 0 green;*/
border: 1px solid #555555;
color: white;
display: block;
font-size: 0.9em;
padding: 0.2em 0.2em 0.2em 0.5em;
width: 97%;
overflow:visible;
}

.smfo_deschelp pre{white-space: pre-wrap;word-wrap: break-word;}

span.mw-collapsible-toggle a ,span.mw-collapsible-toggle-collapsed a,span.mw-collapsible-toggle ,span.mw-collapsible-toggle-collapsed   {
color:white !important;
}

.smfo_deschelp .helpbox  div.mw-collapsible-content {background-color: rgba(255,255,255,0.5);} 
.smfo_deschelp .helpbox pre{background-color: rgba(255,255,255,0.2);}


/**** MULTI INSTANCES ****/

.smfo_multi { border: 1px solid #999; }
.smfo_multi .multipleTemplateInstance{padding:0px;margin:0px;border:0px;}

.smfo_infoboxlist,  .multipleTemplateInstance table{border-collapse:collapse;width:100%;} 
.multipleTemplateInstance table tr{} 
.smfo_multi .multipleTemplateInstance .smfo_infoboxlist{background-color:inherit;}
.multipleTemplateInstance { background-color:inherit;} 
.smfo_multi .multipleTemplateInstance table{background-color: inherit ;}
.smfo_multi .multipleTemplateInstance p:empty{display:none;} 
.smfo_multi .multipleTemplateInstance > table > tbody >tr >td{padding:0px;} 

.smfo_infoboxlist td, .smfo_infoboxlist th{background-color: inherit; padding: 0.2em  0.7em;}
.smfo_infoboxlist th{font-weight:bold;text-align:center;border-bottom:1px solid #999;  border-right:1px solid black; } 
.smfo_infoboxlist td:first-child,.smfo_infoboxlist th:first-child{width:300px; border-right:1px solid black;}
.smfo_infoboxlist td input{border-radius:4px;padding:2px 4px; border:1px #999 solid;}

 
.smfo_info1 th{background-color:#BBB; border-color: #999; }
.smfo_info1 td{ border-bottom:1px solid #999 ; }

.smfo_multi_seiyuu{border-bottom: 1px dotted#BBBBBB;}
.smfo_multi_seiyuu tr{background-color: #FCE0B8;}
.smfo_multi_seiyuu td:first-child , .smfo_multi_seiyuu th:first-child { width:180px; border-color: white;}
.smfo_multi_seiyuu th{ color: white;background-color:#E68A00; border-bottom:0px;   }

.smfo_multi_tech td:first-child , .smfo_multi_tech th:first-child { width:200px; border-color: white;}
.smfo_multi_tech td:nth-child(2), .smfo_multi_tech th:nth-child(2){ width:75px; border-color: white;}  
.smfo_multi_tech th{ color: white;background-color:#00007A ; border-bottom:0px;   } 
.smfo_multi_prodchap th{ color: white;background-color: #00007A ; border-bottom:0px;} 
.smfo_multi_prodchap td{ border:none;} 

.smfo_multi_prodep th{ color: white;background-color: #00007A ; border-bottom:0px;}  
.smfo_multi_prodep td{ border:none;} 

.smfo_multi_int{border: 1px #999 solid; padding: 0.75em;margin:0.25em;border-radius:4px;background-color:rgba(150,150,150,0.1);}




.tech_multi_form  .multipleTemplateInstance {background-color: #F7F8FF ;border-radius: 8px;border-color:#5872AA ; }
.tech_multi_form .multipleTemplateInstance table.wt_techtable tr th{background-color:#C2D1FF;} 
.tech_multi_form .multipleTemplateInstance table.wt_techtable tr.tr_th_spin th{background-color:inherit;} 
.tech_multi_form .multipleTemplateInstance table {margin-bottom:4px;}
.tech_multi_form .multipleTemplateInstance table.wt_techtable td:first-child {background-color:white;}
table.multitechinstance{width:95%;border: 0;border-collapse:collapse;}
table.multitechinstance th{ background-color: #00007A; color:white; } 

.bio_multi_form  .multipleTemplateInstance {background-color: #B2DFB2;border: 1px solid #899C86;border-radius: 8px;}
.smfo_multi_bio th {background-color: DarkGreen;color: white;border-bottom: 1px solid green;}
.smfo_multi_bio{width:95%;}

.chapter_multi_form  .multipleTemplateInstance {margin-left:1.5em;background-color: #CEDAED;border: 1px solid #7A99E7;border-radius: 8px;}

.fight_multi_form  .multipleTemplateInstance {
margin-left:1.5em;
background: url(./skins/SSP24/images/customSSP/bg/mudan2.png) no-repeat bottom right;
border: 1px solid #AB5858;border-radius: 8px;
}
.fight_multi_form .multipleTemplateInstance th {color:white;background-color:  #BD3535;}

.armor_multi_form  .multipleTemplateInstance {background-color: rgb(205, 228, 199);border-radius: 8px;border-color: rgb(51, 88, 51); }




/*form help*/
.smfo_helpbox {
border: 1px black solid;
border-collapse: collapse;
font-size: 0.9em;
background-color: #FFFFF4;
}




.smfo_helpicons td {
padding: 0.15em 0.3em;
border-bottom: 1px solid #CCC;
}


.smfo_helptd td{
width:25%;
padding:0;

font-size:1.3em; font-weight:bold;
}
.smfo_helptd a, .smfo_helptd .external text a{
display: block;
font-weight: bold;
height: 32px;
background: #1B2C83 !important;
text-align: center;
color:white !important;
line-height:32px;padding: 0 10px;
}

.smfo_helptd a:hover, .smfo_helptd .external text a:hover {background: #80A8FF !important;text-decoration:none;}


/**************************/

/*     SEM FORM FIN       */
/**************************/

.precnext_table th{ background-color: #00007A; color:white; } 




.w_prepub_table{background: #CCEBCC;
border: 1px solid #335433;
}
.w_prepub_table tr{
border-top: 1px solid #999;border-bottom: 1px solid #999;
}
.w_prepub_table td{
background: #CCEBCC;
/*border: 1px solid black;*/
/*border: 1px solid #999;*/
vertical-align:middle;
padding: 0.15em 0.4em;

}
.w_prepub_table th{
padding:0;    
background: #335433;
color: white;
}
.w_prepub_table td.prepub_number{
text-align:center;
/*font-size:2em;*/
font-weight:bold;
width:3em;background: #335433;color:white;

}

/*TITRE BIO*/
.bio_title{line-height:35px;
background: #C9E9BD;
border-radius: 0px 5px 5px 0px;
box-shadow: 1px 1px 0px 1px #1A521A;
display: table;
padding-right: 2em;
}
.bio_title div{float:left;margin-left: -0.5em;}
.bio_title h3 {color:  #1A521A ;margin-left: 148px;}



.gallery_wiki{text-align:center}
.gallery_wiki ul{list-style-type:none;}
.gallery_wiki ul li {margin:0 5px 5px 5px; vertical-align:top; display:inline-block}

.redac{
background-color: #EEF3FF;
border: 1px solid #786DFF;
border-radius: 15px 15px 15px 15px;
box-shadow: 1px 1px #A9A8FE;
color: #4D4CB1;
display: table-cell;
padding: 0.2em 1em;
font-size: 0.9em;
font-style: italic;
font-weight: bold;
margin-bottom:0.5em;
}
a.reveal,a.reveal:visited{
background: none repeat scroll 0 0 #BF2F2F;
border-radius: 4px 4px 4px 4px;
color: white;
font-weight: bold;
padding: 0.2em 0.5em;
text-underline: none;
}

a.reveal:hover{
cursor: hand;
color: white;
text-underline: none;
}

/**************
*TEMPLATE DOCS*
**************/
.templateinstructions {
background: #F5F4FF;
padding: 1em;
}

table.paramtable th {
border: 1px solid 
#E49201;
background: #FFDEB5;
}

.paramtable tr td {
padding: 0.2em 0.2em 0.2em 1em;
background-color: #FAECDE;
}
.paramtable tr:nth-child(odd) td {

background-color: #FFFCF4;

}

.templateinstructions pre {
width: 85%;
margin-left: 2em;
word-wrap: break-word;
}

.templateres {
border: 1px solid black;
box-shadow: 1px 1px 1px 1px;
overflow: auto;
padding: 0.5em;
background: white;
}



/**************************************
*		COMMON SIZE				    *
***************************************/

div.icon{
display:inline-block;
background-image: url(./skins/SSP24/images/customSSP/icon_sprite_template.png);
background-repeat:no-repeat;
vertical-align:middle;margin-right: 0.5em;}

div.icon32{height:32px;width:32px;line-height:32px;}
div.icon24{height:24px;width:24px;line-height:24px;}


/********************/
/* BANNIERES         */
/*********************/

.bs-sts-manga,.bs-sts-tv,.bs-sts-ova,.bs-sts-movie,.bs-nd-manga,.bs-sts-outside,.bs-g-manga,.bs-tlc-manga,.bs-tlc-ova,.bs-gigantomachia, .bs-hm , .bs-omega {
background: no-repeat url(./skins/SSP24/images/customSSP/icon_banner_template.png);
height:50px;width:135px;
}
.bs-sts-manga{background-position: 0 0px;}
.bs-sts-tv{background-position: 0 -50px;}
.bs-sts-ova{background-position: 0 -100px;}
.bs-sts-movie{background-position: 0 -150px;}
.bs-nd-manga{background-position: 0 -200px;}
.bs-sts-outside{background-position: 0 -250px;}
.bs-g-manga{background-position: 0 -300px;}
.bs-tlc-manga{background-position: 0 -350px;}
.bs-tlc-ova{background-position: 0 -400px;}
.bs-gigantomachia{background-position: 0 -450px;}
.bs-hm{background-position: 0 -500px;}
.bs-omega{background-position: 0 -550px;}

.icon_auto{background: no-repeat url(./skins/SSP24/images/customSSP/auto.png);}
.icon_mult{background: no-repeat url(./skins/SSP24/images/customSSP/mult.png);}
.icon_automult{background: no-repeat url(./skins/SSP24/images/customSSP/automult.png);}
.icon_mand{background: no-repeat url(./skins/SSP24/images/customSSP/mand.png);}
.icon_info{background: no-repeat url(./skins/SSP24/images/customSSP/info.png);}

.no_icon{background-position: 0 36px; }

.icon_tech{background-position: 0 -512px;}
.icon_img{background-position: 0 -544px;}
.icon_name_jp{background-position: 0 -576px;}
.icon_name_rj{background-position: 0 -608px;}
.icon_name{background-position: 0 -640px;}
.icon_pen{background-position: 0 -672px;}
.icon_url{background-position: 0 -704px;}
.icon_myth{background-position: 0 -736px;}
.icon_notes{background-position: 0 -768px;}
.icon_summary{background-position: 0 -800px;}
.icon_fight{background-position: 0 -832px;}
.icon_inter{background-position: 0 -864px;}
.icon_overall{background-position: 0 -896px;}
.icon_gallery{background-position: 0 -928px;}
.icon_goodies{background-position: 0 -960px;}
.icon_ref{background-position: 0 -992px;}
.icon_attack_char{background-position: 0 -1024px;}
.icon_chapter{background-position: 0 -1056px;}
.icon_person{background-position: 0 -1088px;}
.icon_interpret{background-position: 0 -1120px;}
.icon_cineclap{background-position: 0 -1152px;}
.icon_episodes{background-position: 0 -1184px;}
.icon_production{background-position: 0 -1216px;}
.icon_penruler{background-position: 0 -1248px;}
.icon_countrytrain{background-position: 0 -1280px;}
.icon_international{background-position: 0 -1312px;}
.icon_code{background-position: 0 -1344px;}
.icon_mc_char{background-position: 0 -1376px;}
.icon_mc_armor{background-position: 0 -1408px;}
.icon_mc_totem{background-position: 0 -1440px;}
.icon_mc_plus{background-position: 0 -1472px;}
.icon_proto{background-position: 0 -1504px;}
.icon_cardbox{background-position: 0 -1536px;}
.icon_bonus{background-position: 0 -1568px;}
.icon_track{background-position: 0 -1600px;}


.icon_status{background-position: 0 -1696px;}
.icon_wiki{background-position: 0 -1728px;}
.icon_element{background-position: 0 -1760px;}
.icon_pillar{background-position: 0 -1792px;}
.icon_role{background-position: 0 -1824px;}
.icon_evilstar{background-position: 0 -1856px;}
.icon_angel{background-position: 0 -1888px;}
.icon_fangel{background-position: 0 -1920px;}
.icon_domain{background-position: 0 -1952px;}
.icon_armor{background-position: 0 -1984px;}
.icon_name_alt{background-position: 0 -2016px;}
.icon_type{background-position: 0 -2048px;}
.icon_name_or{background-position: 0 -2080px;}
.icon_compo{background-position: 0 -2112px;}
.icon_date{background-position: 0 -2144px;}
.icon_duration{background-position: 0 -2176px;}
.icon_pitch{background-position: 0 -2208px;}
.icon_number{background-position: 0 -2240px;}
.icon_series{background-position: 0 -2272px;}
.icon_mag{background-position: 0 -2304px;}
.icon_pages{background-position: 0 -2336px;}
.icon_diffmode{background-position: 0 -2368px;}

.icon_sex{background-position: 0 -2432px;}
.icon_blood{background-position: 0 -2464px;}
.icon_birthday{background-position: 0 -2496px;}
.icon_deathdate{background-position: 0 -2528px;}
.icon_zodiac{background-position: 0 -2560px;}
.icon_country{background-position: 0 -2592px;}
.icon_desc{background-position: 0 -2624px;}
.icon_height{background-position: 0 -2656px;}
.icon_weight{background-position: 0 -2688px;}
.icon_tech_ex{background-position: 0 0px;}
.icon_info_ex{background-position: 0 -48px;}
.icon_gallery_ex{background-position: 0 -96px;}
.icon_cat_ex{background-position: 0 -144px;}
.icon_person_ex{background-position: 0 -192px;}
.icon_url_ex{background-position: 0 -240px;}
.icon_desc_ex{background-position: 0 -288px;}
.icon_profsts_ex{background-position: 0 -336px;}
.icon_char_ex{background-position: 0 -384px;}
.icon_track_ex{background-position: 0 -432px;}
.icon_release_ex{background-position: 0 -480px;}
.icon_pitch_ex{background-position: 0 -528px;}
.icon_summary_ex{background-position: 0 -576px;}
.icon_international_ex{background-position: 0 -624px;}
.icon_storypart_ex{background-position: 0 -672px;}
.icon_mag_ex{background-position: 0 -720px;}
.icon_wiki_ex{background-position: 0 -768px;}
.icon_attack_char_ex{background-position: 0 -816px;}
.icon_fight_ex{background-position: 0 -864px;}
.icon_notes_ex{background-position: 0 -912px;}
.icon_table_ex{background-position: 0 -960px;}
.icon_profile_ex{background-position: 0 -1008px;}
.icon_interpret_ex{background-position: 0 -1056px;}
.icon_production_ex{background-position: 0 -1104px;}
.icon_interaction_ex{background-position: 0 -1152px;}
.icon_goodies_ex{background-position: 0 -1200px;}
.icon_myth_ex{background-position: 0 -1248px;}
.icon_box_ex{background-position: 0 -1296px;}
.icon_constellation{background-position: 0 -2400px;}
.icon_id{background-position: 0 -2720px;}
.icon_side{background-position: 0 -2752px;}
.icon_musictype{background-position: 0 -2784px;}
.icon_product_ex{background-position: 0 -1344px;}
.icon_lineup{background-position: 0 -2048px;}
.icon_series_prod{background-position: 0 -2816px;}
.icon_make_ex{background-position: 0 -1392px;}
.icon_refprod{background-position: 0 -2848px;}
.icon_game{background-position: 0 -2880px;}
.icon_plus_ex{background-position: 0 -1440px;}
.icon_chapter_ex{background-position: 0 -1488px;}
.icon_secretcode_ex{background-position: 0 -1536px;}

.icon_price{background-position: 0 -2912px;}
.icon_media{background-position: 0 -2944px;}


.temptournamenttable{
width:95%;
border:1px solid black;
}
.temptournamenttable td{
border-top:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
padding: 4px 0px 4px 5px;
background-color:#eee;
}

/**BOXES FOR CHARACTER LIST**/
.faction_box{
float:left;
margin: 8px 8px 0px 0px;
height: 270px;
width:240px;
/*background-color: #F4FBFF;*/
border-radius:8px;
border : 1px #555 solid;
box-shadow: 2px 2px 4px black;
}

.faction_box h3{
word-wrap: break-word;
/*background: #020596;*/
padding:0.3em;
/*color:white;*/
display:block;
margin-top:0px;
border-radius:0px 8px 0px 0px;
  font-family: verdana,sans-serif;
font-size:1.2em;
 
 
}
.faction_box_img{
    border-radius: 8px 0 8px 0;
    display: block;
    float: left;
    padding: 4px 0;
    text-align: center;
    width: 110px;
}
.faction_box_text{
    clear: both;
    padding: 0.3em;
}
.faction_box_link {
text-align:center;

}

.faction_box_link a{
   background: #2F8E2E;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-left: 4px;
    text-decoration: none;
    width: 120px;
      font-family: verdana,sans-serif;
      font-stretch: expanded;
      color:white;
      font-weight: bold;
}
.faction_box_link a:hover{
   background: #79C63D;
}

div.pb-profilebox{max-width: 200px;display: inline-table;margin: 0.2em 0.3em 0.2em 0.3em;}
div.pb-profilelink{min-width:100px;background: black;word-wrap: break-word;padding: 0.1em 0.2em;border-radius: 4px 0px 0px 0px;display: block;}
div.pb-profilelink a, div.pb-profilelink .selflink {color:white !important;}
div.pb-profilepic{min-width:120px;border: 1px solid black;position: relative;background: silver;display: inline-block;border-radius: 0px 0px 6px;padding: 0px 6px 6px 0px;margin-left: 0px;}


.mw-celltext-green{background-color: palegreen;color: darkgreen;}
.mw-celltext-red{background-color: rgb(255, 182, 182);color: red;}
.mw-celltext-orange{background-color: rgb(221, 253, 139);color:rgb(65, 83, 17);}
.mw-celltext-blue{background-color: lightblue;color: darkblue;}


table.navigationbox{width:100%;font-size:10pt;}
table.navigationbox tr, table.navigationbox td, table.navigationbox th {border: 1px solid #B9B6EC;}
table.navigationbox th{background: #DDE3E7;}

table.navigationbox th.mainnavrow{text-align:center;color:white;background: darkblue;}
table.navigationbox .subnavrow {text-align:center;background: #A0B9EE;}


span.char_dialog{
margin-left: 0.25em;
width: 6em;
display: inline-block;
font-weight:bold;
}

ul.dialog_list{
list-style:none;
}

ul.dialog_list img{
border-radius: 6px;
border: 1px gray solid;
}

div.aquadrop{
border: rgb(95, 95, 202) 1px solid;
padding-left: 20px;
border-radius: 60px;
box-shadow: 2px 2px 4px rgb(70, 70, 121);
background: rgb(32, 22, 22);
width: 370px;
}


table.interview_element {
  border: 1px solid rgb(174, 174, 174);
  width: 100%;
}
table.interview_element tbody > tr {
height: 1em;

}

td.interview_pic {
  width: 90px;
  padding: 4px;
  border-right: 1px solid rgb(174, 174, 174);
}

div.interview_title{
  border-bottom: 1px solid rgb(174,174,174);
  background: rgb(240, 240, 240);
}