<?php

header('Content-Type: text/css');
require('../../Site_Data/PHP/xml_funcs.php');
require('../../Site_Data/PHP/constants.php');
$charfile = XMLFile('../../Site_Data/XML_MainPages/chars.xml', '../../Site_Data/XML_Etc/');
if(empty($_GET['secid'])){
	$secid = 'Main';
} else {
	$secid = $_GET['secid'];
}
echo '/* '.$charfile->documentElement->nodeName.' */'.n;
?>
h1{color:red;}
/*
h2.port::before, h2.port a, h2.port span, h2.port::after{
	display:inline-block;
	vertical-align:middle;
}

h2.port::before, h2.port::after{
	width:95px;
	height:95px;
	text-align:center;
	content:' ';
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:var(--content_border_colour_light);
	border:3px double var(--content_border_colour);
}

h2.port::after{transform:scaleX(-1);}

h2.port a, h2.port span{width:calc(100% - 210px);}

/*
#FamilyTree, #FamilyTree ul{
	list-style:none;
	padding:0;
	font-variant:small-caps;
}
#FamilyTree ul{
	border-left:1px solid var(--content_border_colour);
	padding-left:10px;
}

/**/

/*
<?php
if($secid=='All'){
	$char_desc_xpath = '/X:MainPage/X:Page/X:CharDesc[@port_thumb]';
	$char_descs = $charfile->xpath->query($char_desc_xpath);
	
	
	for($char_desc_num = 0; $char_desc_num < $char_descs->length; $char_desc_num++){
		$char_desc = $char_descs->item($char_desc_num);
		$charid = ElAtt($char_desc->parentNode, 'id');
		echo 'div#'.$charid.' h2::before, div#'.$charid.' h2::after{background-image:url("../Art/Thumbs/bruisecruise-thumb.jpg");}'.n.n;
		echo 'div#'.$charid.' *{font-style:oblique;}'.n;
//		echo 'div#'.$charid.' h2::before, div#'.$charid.' h2::after{background-image:url('.a.ElAtt($char_desc, 'port_thumb').a.');}'.n.n;
	}
} else {
	$char_file_xpath = '/X:MainPage/child::*[self::X:Page or self::X:NoPage][contains(@sections, "'.$secid.'")][./X:CharCont/X:Portrait]';
	$char_pgs = $charfile->xpath->query($char_file_xpath);
	for($char_pg_num = 0; $char_pg_num < $char_pgs->length; $char_pg_num++){
		$char_pg = $char_pgs->item($char_pg_num);
		$charid = $char_pg->getAttribute('id');
		$port_els = $charfile->xpath->query('./X:CharCont[@contid="'.$secid.'"]/X:Portrait', $char_pg);
		if($port_els->length < 1){
			$port_els = $charfile->xpath->query('./X:CharCont/X:Portrait[@default]', $char_pg);
		}
		$port_el= $port_els->item(0);
		echo 'div#'.$charid.' h2::before, div#'.$charid.' h2::after{background-image:url(.'.$port_el->getAttribute('thumb').');}'.n.n;
	}
}

?>*/


div.xreferences div.xref_header button{
	font-size:140%;
	width:100%;
	border-style:solid;
	padding:5px 0;
	text-align:center;
	font-variant:small-caps;
	color:var(--xref_text2);
	background:var(--xref_main_header_back); 
	border-color:var(--xref_border_colour);
	border-width:2px;
}
div.page_xref_header{
	font-size:140%;
	width:100%;
	border-style:solid;
	padding:5px 0;
	text-align:center;
	font-variant:small-caps;
	color:var(--xref_text2);
	background:var(--xref_main_header_back); 
	border-color:var(--xref_border_colour);
	border-width:2px 0;
}

div.xreferences div.xref_header button:not([js_class='xref_btn']){border-width:2px 0;}

div#CrossRefs h2{
	border-style:solid;
	padding:5px 0;
	border-width:2px 0;
	background:var(--xref_main_header_back); 
	border-color:var(--xref_border_colour);
	color:var(--xref_text2);
}
div.xreferences div.xref_header button[js_class='xref_btn']{
	border:outset;
	border-color:var(--xref_border_colour);
}
div.xreferences div.xref_header button[js_class='xref_btn']:active{
	border-style:inset;
	padding:4px 2px 6px 0;
}
#Content p.mainpage_link{
	text-align:center;
	font-variant:small-caps;
	background:var(--xref_main_header_back);
	color:var(--xref_text2);
	font-size:120%;
	padding:10px;
	text-indent:0;
	margin:0 0 10px;
	border-bottom:3px ridge var(--content_border_colour);
}
#Content p.mainpage_link a{
	display:block;
	
}
div#CrossRefs, div.xreferences{
	border-bottom:1px solid var(--content_border_colour);
}
div.xreferences div.xref_section_header, div#CrossRefs div.xref_section_header{
	text-align:center;
	font-variant:small-caps;
	background:var(--xref_section_header_back);
	color:var(--xref_text);
	font-size:120%;
	padding:5px 0;
	border-color:var(--xref_border_colour);
	border-style:solid;
	border-width:0 0 1px;
}
div.section_list_header{
	border-top:1px solid var(--content_border_colour);
	border-bottom:1px solid var(--content_border_colour_light);
	text-align:center;
	font-variant:small-caps;
	padding:5px 0;
}
div.section_list{
	margin:0;
	padding:0;
	width:100%;
}
div.xref_section + div.xref_section div.xref_section_header,
div#CrossRefs div.xref_section + div.xref_section div.xref_section_header{
	border-width:1px 0;
}
/* ---  Picture Crossrefs -- */

div.pic_xref, div.char_xref_w_port{
	display:table;
	width:100%;
	font-variant:small-caps;
}
div.set_xref_header{
	padding:10px 0;
	text-align:center;
	display:table-caption;
	width:100%;
	font-weight:bold;
}


div.xref_thumbnail, div.pic_xref_title, div.char_xref_w_port div.char_xref_title{
	display:table-cell;
	vertical-align:middle;
	padding-left:10px;
}
div.char_xref_wo_port, div.file_xref, div.recording_xref{
	padding:10px;
	font-variant:small-caps;
}

div.pic_xref + div.pic_xref div.xref_thumbnail, 
div.pic_xref + div.pic_xref div.pic_xref_title, 
div[class^='char_xref'] + div.char_xref_w_port div.char_xref_title,
div[class^='char_xref'] + div.char_xref_w_port div.xref_thumbnail,
div[class^='char_xref'] + div.char_xref_wo_port{
	border-top:1px solid var(--content_border_colour_light);
}

div.rec_set_xref ul,
div.furc_set_xref ul,
div.writing_xref_work_set ul,
div.section_list ul{
	margin:0;
	padding:5px 0 0;
	list-style:none;
	text-align:center;
}


div.rec_set_xref li,
div.furc_set_xref li,
div.writing_xref_work_set li,
div.section_list li{
	display:inline-block;
	vertical-align:top;
	border-top:1px solid var(--content_border_colour);
	font-variant:small-caps;
	margin:10px 5px;
	width:10em;
}

div.xref_thumbnail{
	padding:10px 5px;
	width:50px;
	border-right:1px solid var(--content_border_colour_light);
}
div.xref_thumbnail img, div.pic_set_xref img{
	width:48px;
	height:48px;
}


div.pic_set_xref {
	text-align:center;
}
div.pic_xref + div.pic_set_xref, div.pic_set_xref + div.pic_xref, div.pic_set_xref + div.pic_set_xref{
	border-top:1px solid var(--content_border_colour_light);
}
div.pic_set_xref div.set_pic_xref{
	display:inline-block;
	text-align:center;
	height:calc(3em+60px);
	border-top:1px solid var(--content_border_colour);
	vertical-align:top;
	width:10em;
	margin:5px;
	padding:2px;
}

div.pic_set_xref a, div.pic_set_xref img{
	display:block;
	margin:5px auto;
	font-variant:small-caps;
}
div.pic_set_xref img{
	border:3px double var(--content_border_colour);
}

/* ---  Writing Crossrefs -- */
div.writing_xrefs{
	display:table;
	width:100%;
	font-variant:small-caps;
}
div.writing_xref_work{
	padding-left:10px;
	vertical-align:middle;
}
div.writing_xref_rating, div.writing_xref_work, div.writing_xref_work_set{
	display:table-cell;
}
div.writing_xref_rating{
	text-align:center;
	border-right:1px solid var(--content_border_colour_light);
	width:110px;
	vertical-align:middle;
	height:50px;
}
div.writing_xref_rating img{
	display:block;
	margin:auto;
}
div.writing_xref_work_set{
	vertical-align:top;
}

div.writing_xref_work_set ul{
	list-style:none;
	margin:0;
	padding:0;
}
span.crossrefnote{
	font-variant:normal;
	font-style:italic;
}
/* ---  Recording Crossrefs -- */

div.recording_xref{
	text-align:center;
	font-variant:small-caps;
}
div.recording_xref p{
	text-indent:0;
}
div.recording_xref ul{
	list-style:none;
	text-indent:0;
	margin:10px 0 0;
	padding:0;
}

/* --- Dream Crossrefs ---*/

div.dream_xrefs{
	text-align:center;
	font-variant:small-caps;
}
div.dream_xrefs ul{
	list-style:none;
	margin:0;
	padding:0;
}
div.dream_xrefs_header{
	border-bottom:1px solid var(--content_border_colour_light);
	font-weight:bold;
}
div.dream_xrefs li{margin-bottom:10px;}

div.dream_xrefs li.furclink::before, div.dream_xrefs li.furclink::after{
	content:' ' url('../Furcadia/Graphics/furc_icon_small_2.png') ' ';
}


/*  ---  Crossref Notes Etc.  ---  */
p.xref_note{
	font-variant:normal;
	text-align:left;
	font-style:oblique;
	text-indent:1px;
}