@charset "UTF-8";
/* CSS Document */

/* 中国制造的 -- what does this say? */

@import url("/css/bw2/allscreens.css") screen and (min-width: 1px);
@import url("/css/bw2/desktop.css") screen and (min-width: 901px);
@import url("/css/bw2/900.css") screen and (max-width: 900px);
@import url("/css/bw2/768.css") screen and (max-width: 768px);
@import url("/css/bw2/600.css") screen and (max-width: 600px);
@import url("/css/bw2/480.css") screen and (max-width: 480px);
@import url("/css/bw2/320.css") screen and (max-width: 320px);



/*##############################################################################
/**
 *  Index CSS Theme: BLueTOR
 *  @Author: 
 *  @version 1.0
 *  @copyright 2021 All rights reserved
 *  @license NONE!
 *  @see ?
 */
/*############################################################################*/

/******************************************************************************/
/******  Common Styles for Topics/Links on All Indexes ******/
div.index li::marker { color: blue; }
div.index li a.topictitle { color:#0045ff; font-style:normal; text-decoration:underline; font-weight:normal; } /* NormalPost */
div.index li a.topictitle::before { content:  ""; } /* NormalPost */

div.index li.EditedPost a.topictitle   { color:#0066CC; font-style:italic; text-decoration:underline; font-weight:bold; }
div.index li.DeletedPost a.topictitle  { color:#990000; font-style:italic; text-decoration:line-through; }
div.index li.FlaggedPost a.topictitle  { color:#000000; font-style:normal; text-decoration:underline; font-weight:bold; }
div.index li.FrozenPost a.topictitle   { color:#0000CC; font-style:normal; text-decoration:underline; font-weight:bold; }
div.index li.SkippedPost a.topictitle  { color:#666666; font-style:italic; text-decoration:underline; }
div.index li.LockedPost a.topictitle   { color:#FF0000; font-style:normal; text-decoration:underline; }
div.index li.RestoredPost a.topictitle { color:#006600; font-style:normal; text-decoration:underline; }
div.index li.ReviewedPost a.topictitle { color:#009900; font-style:normal; text-decoration:underline; }
div.index li.ViewedPost a.topictitle   { color:#999999; font-style:normal; text-decoration:underline; }

div.index li.ArchivedPost a.topictitle::before { content: "⌛"; margin-right:4px; text-decoration:none; font-weight:normal; }
div.index li.DeletedPost a.topictitle::before { content: "✖️"; color:#990000; margin-right:4px; text-decoration:none; font-weight:normal; }
div.index li.EditedPost a.topictitle::before { content: "✂️"; color:#990099; margin-right:4px; text-decoration:none; font-weight:normal; }
div.index li.FlaggedPost a.topictitle::before { content: "☠"; color:#990000; margin-right:4px; text-decoration:none; font-weight:normal; }
div.index li.FrozenPost a.topictitle::before { content: "❄️"; color:#000099; margin-right:4px; text-decoration:none; font-weight:normal; }
div.index li.ReviewedPost a.topictitle::before { content: "☑️"; color:#009900; margin-right:4px; text-decoration:none; font-weight:normal; }
div.index li.StickyPost::before { content: url(/images/icons/32/blue-push-pin.png); }
div.index li.StickyPost::marker { color:rgba(0,0,0,0); } /* Makes the LI marker transparent / invisible for  sticky posts */


/***************************************************************************/
/******  Additional Selectors for Date Index   ******/
div.index-Date li.StickyPost { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #000099; width:95%; }


/***************************************************************************/
/******  Additional Selectors for Thread Index  ******/
div.index-Thread li ul { margin-left:-10px; }
div.index-Thread li.StickyPost {  position:relative; margin-left:0px; left:-20px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #000099; width:95%; }
div.index-Thread li.StickyPost ul { margin-left:10px; }


/***************************************************************************/
/******  Topical Index Selectors  (also utilized by/for Chronological-Date/Views index)  ******/
header.index-Topical li.header  { display:block; background-color:#0000EE; border-bottom:1px solid #000099; padding:1px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; font-size:larger; }
header.index-Topical li.header dt.subject { display:inline-block; width:45%; border-right:1px solid #000099; margin-left:20px; }
header.index-Topical li.header dd.replies { display:inline-block; min-height:1.5em; width:6%; border-left:1px solid #000099; text-align:center; vertical-align:top; }
header.index-Topical li.header dd.views   { display:inline-block; min-height:1.5em; width:6%; text-align:center; vertical-align:top; }
header.index-Topical li.header dd.likes   { display:none;         min-height:1.5em; width:6%; border-left:1px solid #000099; text-align:center; }

div.index-Topical { background-color:#FFFFFF; border:1px solid #000099; border-radius:4px; text-align:left; margin-bottom:5px; }
div.msgBdyPreview { display:block; padding:4px; font-size:smaller; }

div.index-Topical ul, div.index-Topical ul li { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; }
div.index-Topical li { padding-left:2px; }

div.index-Topical li dt.subject::before { content: "♟️";  color:#000099; border:1px solid #000099; border-radius:4px; font-style:normal; font-weight:normal; margin:1px; padding:2px; }
div.index-Topical li.StickyPost::before { content: ""; } /* Turn off stickpin icon placed in front of LI tags for other index types */
div.index-Topical li.StickyPost dt.subject::before { content: url(/images/icons/32/blue-push-pin.png); width:24px; color:#0000FF; border:1px solid #000099; border-radius:4px; font-style:normal; font-weight:bold; margin:1px; padding:2px; }

div.index-Topical li.header  { display:block; background-color:#0000EE; border-bottom:1px solid #000099; padding:1px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; font-size:larger; }
div.index-Topical li.rowBkg1 { display:block; background-color:#c5e5fc; border-bottom:2px solid #000099; border-left:1px solid #000099; border-right:1px solid #000099; }
div.index-Topical li.rowBkg2 { display:block; background-color:#95d1fc; border-bottom:2px solid #000099; border-left:1px solid #000099; border-right:1px solid #000099; }
div.index-Topical li.rowBkg1:hover { background-color:#fadc89; }
div.index-Topical li.rowBkg2:hover { background-color:#fadc89; }

div.index-Topical li dl { display:block; }

div.index-Topical li dt.subject { display:inline-block; width:45%; border-right:1px solid #000099; }
div.index-Topical li dt.subject a.topictitle { font-weight:bold; text-decoration:none; }
div.index-Topical li dt.subject a.topictitle:hover{ text-decoration:underline; }
div.index-Topical li dt span.author { color:#000000; font-size:smaller; } 
div.index-Topical li dt span a.authorname { color:#000000; text-decoration:none; }
div.index-Topical li.UsrReg dt span a.authorname { font-weight:bold; }
div.index-Topical li dt span a.authorname:hover { text-decoration:underline; }
div.index-Topical li dt span.datetime { font-size:smaller; }

div.index-Topical li dl dd.author { display:inline-block; min-height:1.5em; width:18%; border-right:1px solid #000099; margin-left:0px; text-align:center; vertical-align:top; }
div.index-Topical li.UsrReg dl dd.author { font-weight:bold; }

div.index-Topical li dd.topics { display:inline-block; min-height:1.5em; width:6%; text-align:center; }
div.index-Topical li dd.posts { display:inline-block; min-height:1.5em; width:6%; border-left:1px solid #000099; text-align:center; }

div.index-Topical li dd.replies { display:inline-block; min-height:1.5em; width:6%; border-left:1px solid #000099; text-align:center; vertical-align:top; }
div.index-Topical li dd.views   { display:inline-block; min-height:1.5em; width:6%;  text-align:center; vertical-align:top; }
div.index-Topical li dd.likes   { display:none;         min-height:1.5em; width:6%; border-left:1px solid #000099; text-align:center; }
/* "lastpost" "last column" */
div.index-Topical li dd.lastpost { display:inline-block; min-height:1.5em; width:18%; border-left:1px solid #000099; font-size:smaller; padding-left:4px; vertical-align:top; }
div.index-Topical li dd.lastpost span.datetime {  }
div.index-Topical li dd.lastpost a.UsrReg { font-weight:bold; }
div.index-Topical li dd.lastpost a { color:#000000; text-decoration:none;  }
div.index-Topical li dd.lastpost a:hover { text-decoration:underline; }
div.index-Topical li dd.lastpost span.inReplyTo {  }
div.index-Topical li dd.lastpost span.UsrReg { font-weight:bold; }
div.index-Topical li dd.lastpost span.inReplyTo { color:#000000; text-decoration:none;  }
div.index-Topical li dd.lastpost span.inReplyTo:hover { text-decoration:underline; }
div.index-Topical li dd dfn { display:none; }

/* div.index-Topical ul li input[type=checkbox] { display:none; } /* Hides (all) the checkboxes in all nodes */

@media screen and (max-width: 800px) { /* 768 */
	div.index-Topical li dd.lastpost { display:none; }
	div.index-Topical li.ArchivedPost dd.replies::after { content: " ⌛"; font-size:x-large; color:#000099; }
}

@media screen and (max-width: 600px) {
	img#lgLogoImg { max-width:98%; height:auto; }
}


/***************************************************************************/
/******  Tree Index Selectors  ******/
div.index-Tree li ul { margin-left:-10px; }
div.index-Tree li.StickyPost {  position:relative; margin-left:0px; left:0px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #000099; width:95%; }
div.index-Tree li.StickyPost ul { margin-left:1px; }
div.index-Tree li a { margin-left:4px; }

/* UL Menu Tree */
div.index-Tree ul.tree, div.index-Tree ul.tree li ul { list-style:none; padding:0; margin:0; }
div.index-Tree ul.tree { border:1px solid #d2d2d2; padding-left:10px; }

/* */
div.index-Tree ul.tree li { padding:1px; padding-left:20px; max-width:98%; } /* [old CSS] border-bottom: 1px solid #d2d2d2; */ 
div.index-Tree ul.tree li input[type=checkbox] { display:none; } /* Hides (all) the checkboxes in all nodes */
div.index-Tree ul.tree li { position:relative; padding-left:30px !important; } /* Pos. and Pad all nodes */
div.index-Tree ul.tree li.treeNode ul { display:none; } /* Hides the ULs in all treeNodes */
div.index-Tree ul.tree li:last-child { border:0; }

/* Expand/Collapse "+" Icon and its annimation */
div.index-Tree ul.tree li.treeNode input.singleNodeCbCtrl:checked ~ ul { display:block; animation:fadeIn 0.5s; }

div.index-Tree ul.tree li.treeNode label.singleNodeCbLbl:after { content:"+"; position:absolute; top:0; left:0; margin-left:15px; 
  padding:2px; text-align:right; font-size:larger; color:#000099; transition:all 0.5s; cursor:pointer;
}
div.index-Tree ul.tree li.treeNode input.singleNodeCbCtrl:checked ~ label.singleNodeCbLbl:after { color:#f00; font-size:larger; transform:rotate(45deg); }

/* Expand/Collapse "▶️" Icon and its annimation */
div.index-Tree ul.tree li.treeNode input.multiNodeCbCtrl:checked ~ ul { display:block; animation:fadeIn 0.5s; }
div.index-Tree ul.tree li.treeNode label.multiNodeCbLbl:before { content:"▶️"; font-size:x-small; position:absolute; top:3px; left:0; 
  padding:2px; text-align:right; color:#000099; transition:all 0.25s; cursor:pointer;
}
div.index-Tree ul.tree li.treeNode input.multiNodeCbCtrl:checked ~ label.multiNodeCbLbl:before { transform:rotate(90deg); }

/* Menu sub-item */
div.index-Tree ul.tree li.treeNode ul { margin-top:1px; }

/* NOTE: The .emptyNode LI inherits styles from anscestor LIs (above) */
div.index-Tree ul.tree li.emptyNode label.singleNodeCbLbl:after { 
  content:"∘"; position:absolute; top:0; left:0; padding:2px; margin-left:17px;
  text-align:right; color:#000000;
}




/***************************************************************************/
/******  TopicalTree Index Selectors  (also utilized by/for Chronological-Date/Views index)  ******/
header.index-TopicalTree li.header  { display:block; background-color:#0000EE; border-bottom:1px solid #000099; padding:1px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; font-size:larger; }
header.index-TopicalTree li.header dt.subject { display:inline-block; width:45%; border-right:1px solid #000099; margin-left:20px; }
header.index-TopicalTree li.header dd.replies { display:inline-block; min-height:1.5em; width:6%; border-left:1px solid #000099; text-align:center; vertical-align:top; }
header.index-TopicalTree li.header dd.views   { display:inline-block; min-height:1.5em; width:6%;  text-align:center; vertical-align:top; }
header.index-TopicalTree li.header dd.likes   { display:none;         min-height:1.5em; width:6%; border-left:1px solid #000099; text-align:center; }

div.index-TopicalTree { background-color:#FFFFFF; border:1px solid #000099; border-radius:4px; text-align:left; margin-bottom:5px; }
div.msgBdyPreview { display:block; padding:4px; font-size:smaller; }

/* div.index-TopicalTree ul { background-color:#d4e6fc; } */
div.index-TopicalTree ul, div.index-TopicalTree ul li { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; }
div.index-TopicalTree li { padding-left:0px; border-bottom:1px solid #000099; }

div.index-TopicalTree li dt.subject::before { content: "__"; color:#000099; border:1px solid #000099; border-radius:4px; font-style:normal; font-weight:normal; margin:1px; padding:2px; }
div.index-TopicalTree li.StickyPost::before { content: ""; } /* Turn off stickpin icon placed in front of LI tags for other index types */
div.index-TopicalTree li.StickyPost dt.subject::before { content: url(/images/icons/32/blue-push-pin.png); width:24px; color:#0000FF; border:1px solid #000099; border-radius:4px; font-style:normal; font-weight:bold; margin:1px; padding:2px; }


div.index-TopicalTree li.rowBkg1 { display:block; background-color:#c5e5fc; border-bottom:2px solid #000099; border-left:1px solid #000099; border-right:1px solid #000099; }
div.index-TopicalTree li.rowBkg2 { display:block; background-color:#95d1fc; border-bottom:2px solid #000099; border-left:1px solid #000099; border-right:1px solid #000099; }
div.index-TopicalTree li.rowBkg1:hover { background-color:#fadc89; }
div.index-TopicalTree li.rowBkg2:hover { background-color:#fadc89; }

div.index-TopicalTree li dl { display:block; }

div.index-TopicalTree li dt.subject { display:inline-block; width:45%; border-right:1px solid #000099; margin-left:20px; }
div.index-TopicalTree li dt.subject a.topictitle { font-weight:bold; text-decoration:none; }
div.index-TopicalTree li dt.subject a.topictitle:hover{ text-decoration:underline; }
div.index-TopicalTree li dt span.author { color:#000000; font-size:smaller; } 
div.index-TopicalTree li dt span a.authorname { color:#000000; text-decoration:none; }
div.index-TopicalTree li.UsrReg dt span a.authorname { font-weight:bold; }
div.index-TopicalTree li dt span a.authorname:hover { text-decoration:underline; }
div.index-TopicalTree li dt span.datetime { font-size:smaller; }

div.index-TopicalTree li dl dd.author { display:inline-block; min-height:1.5em; width:18%; border-right:1px solid #000099; margin-left:0px; text-align:center; vertical-align:top; }
div.index-TopicalTree li.UsrReg dl dd.author { font-weight:bold; }

div.index-TopicalTree li dd.topics { display:inline-block; min-height:1.5em; width:6%; text-align:center; }
div.index-TopicalTree li dd.posts { display:inline-block; min-height:1.5em; width:6%; border-left:1px solid #000099; text-align:center; }

div.index-TopicalTree li dd.replies { display:inline-block; min-height:1.5em; width:6%; border-left:1px solid #000099; text-align:center; vertical-align:top; }
div.index-TopicalTree li dd.views   { display:inline-block; min-height:1.5em; width:6%;  text-align:center; vertical-align:top; }
div.index-TopicalTree li dd.likes   { display:none;         min-height:1.5em; width:6%; border-left:1px solid #000099; text-align:center; }

/* "lastpost" "last column" */
div.index-TopicalTree li dd.lastpost { display:inline-block; min-height:1.5em; width:18%; border-left:1px solid #000099; font-size:smaller; padding-left:4px; vertical-align:top; }
div.index-TopicalTree li dd.lastpost span.datetime {  }
div.index-TopicalTree li dd.lastpost a.UsrReg { font-weight:bold; }
div.index-TopicalTree li dd.lastpost a { color:#000000; text-decoration:none;  }
div.index-TopicalTree li dd.lastpost a:hover { text-decoration:underline; }
div.index-TopicalTree li dd.lastpost span.inReplyTo {  }
div.index-TopicalTree li dd.lastpost span.UsrReg { font-weight:bold; }
div.index-TopicalTree li dd.lastpost span.inReplyTo { color:#000000; text-decoration:none;  }
div.index-TopicalTree li dd.lastpost span.inReplyTo:hover { text-decoration:underline; }
div.index-TopicalTree li dd dfn { display:none; }

div.index-TopicalTree > ul.tree > li.treeNode { background: linear-gradient( #00009933, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #00009933 ); }

/* Hides (all) the checkboxes in all nodes */ 
div.index-TopicalTree ul.tree li input[type=checkbox] { display:none; position:relative; z-index:86; } 
div.index-TopicalTree ul.tree li.treeNode ul { display:none; } /* Hides the ULs in all treeNodes */
div.index-TopicalTree ul.tree li:last-child { border:0; }

div.index-TopicalTree ul.tree li.treeNode label.singleNodeCbLbl:after { content:"+"; position:relative; left:25px; top:20px; z-index:86;
	padding:2px; text-align:right; font-size:larger; color:#000099; transition:all 0.5s; cursor:pointer;
}
/* NOTE: The .emptyNode LI inherits styles from anscestor LIs (above) */
div.index-TopicalTree ul.tree li.emptyNode label.singleNodeCbLbl:after { position:relative; left:25px; top:20px; z-index:86;
  content:"∘"; padding:2px; text-align:right; color:#000000;
}

div.index-TopicalTree ul.tree li.treeNode.StickyPost label.singleNodeCbLbl:after { content:"+"; position:relative; left:40px; top:40px; z-index:86;
	padding:2px; text-align:right; font-size:larger; color:#000099; transition:all 0.5s; cursor:pointer;
}

/* Expand/Collapse "+" Icon and its annimation */
div.index-TopicalTree ul.tree li.treeNode input.singleNodeCbCtrl:checked ~ ul { display:block; background-color:#d4e6fc; animation:fadeIn 0.5s; }
div.index-TopicalTree ul.tree li.treeNode input.singleNodeCbCtrl:checked ~ label.singleNodeCbLbl:after { content:"x"; color:#f00; z-index:86; }

/*   */
div.index-TopicalTree > ul.tree > li.treeNode > input.singleNodeCbCtrl:checked ~ dl { background-color:#ffff00; }

/*  */
div.index-TopicalTree ul.tree li.treeNode > ul li { filter:brightness(0.95); }



@keyframes fadeIn {
  	0% { opacity:0; }
  	100% { opacity:1; }
}

@keyframes fadeOut {
  	0% { opacity:1; }
  	100% { opacity:0; }
}

/***************************************************************************/
/****** (More) Common Styles for Topics/Links on All Indexes ******/

div.index li a.topictitle:hover { color:#0000BB; } 
div.index li a.topictitle:active { color:#009900; } 
div.index li a.topictitle:visited { color:#f90246; }