Tikiwiki110_selectors

This list of CSS selectors includes ones for both *litecss-based themes and table-using themes as demoed at zukakakina.com. In particular, the selectors in the header (logo, banner ad, topbar menu, etc.) are specific to the way I've been trying to get things to fit within the small site identity rectangle (as configured on the "Look & Feel" admin page). Check the template files for specifc themes to see how the divs, etc., are laid out. When I make a new theme, I start with this and then delete the "Type 1" (lite.css-importing) or "Type 2" (table layout) selectors, whichever aren't needed for the theme.

Also some selectors are included here to override those in feature-specific CSS files, which is needed for some themes such as those with dark backgrounds. It's a pretty complete list; many of these don't actually need to be specified and so could be deleted to reduce the file size. Some of the selectors must be given properties or else the page will be broken. This list is a work in progress and some properties are included here in cases where they need to be specified, but this isn't really consistent yet. Also there are random notes, todos, and typos to be corrected.

This latest version has placeholder color properties. I tried to consolidate colors quite a bit and specify them so that, for a new theme, it's possible to do a search-and-replace to input new colors. For example, table row odd and even and calendar day odd and even are set, along with contrasting text colors.

If this list is used as a comprehensive starting point, then unneeded selectors can be deleted for the production file.

/* Selectors in TikiWiki 1.10. List may be incomplete
 but also includes some selectors that override CSS in
 other files, especially for color and font size
 adjustments. */

/***** XHTML Elements ******/

body {
	text-align: left;
	font: 76%/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;}

html>body {font-size: .7em !important}
body#fullscreen {}

a,
a:visited {
	color: mediumblue;
	text-decoration: none}

a:hover {
	text-decoration: underline;
	color: darkviolet}

caption {}
div {}
h1, h2, h3, h4, h5 {}

h1 {
	font-weight: bold;
	font-size: 1.8em}

h2 {font-size: 1.6em}
h3 {font-size: 1.5em}
h4 {font-size: 1.3em}
h5 {font-size: 1.2em}
h6 {font-size: 1.1em}

hr {
	width: 100%;
	height: 1px;
	background: #aaa;
	border-width: 0;
	padding: 0;
	color: midnightblue}

p {}
img {border: 0}

fieldset {
	border: solid 1px midnightblue;
	padding: 10px}

form {
	margin: 0;
	padding: 0}

legend {}
button {}
button:hover {cursor: pointer}

button,
input,
textarea,
option,
select,
body.wikitext {background: whitesmoke; color: darkgreen}

* html .wikitopline select {font-size: .9em}
input.button {}

input[type=checkbox],
input[type=radio] {border: 0}

input[type=text],
input[type=password] {}

input[type=submit],
input[type=file],
input[type=reset],
select {}

button,
input[type=submit],
.button input,
input[type=reset] {}

button:hover,
input[type=submit]:hover,
.button input:hover {
	cursor: pointer;
	color: darkviolet}

* html .findtable input {font-size: 1em}
form.admin input[name="features"] {margin-bottom: 3px !important}
select {}
select[multiple] {height: 10em}
select[name="theme"] {width: 165px}
small {font-size: .9em}
label {margin:0 2px}
ol {}
ul ()
li {}

/***** Page Layout *****/

/** off-screen **/

ul.jumplinks {
	font-size: 0.8em;
	list-style-type: none}
	
ul.jumplinks,
.jumplinks {
	position: absolute;
	top: -9000px; left: -9000px;
	z-index: 9}

ul.jumplinks a:focus,
ul.jumplinks a:active {
	position: absolute;
	top: 9010px;
	left: 9010px;
	background: mistyrose;
	color: mediumblue;
	padding: 5px;
	font-weight: bold;
	border: 2px solid midnightblue;
	width: 6em;
	z-index: 9}

#fullscreenbutton {
	position: absolute;
	top: 2px;
	right: 10px;
	z-index: 10;
	font-size: 80%}
	
#fullscreenbutton:hover {color: darkviolet}

#tiki-clean {
	text-align: left;
	padding: 1em}

/*** Type 1 (*litecss-based) layout 
	(overrides lite.css) ***/

#main {
	text-align: left;
	background: ghostwhite;
	color: midnightblue}
	
#header {text-align: left}
#middle {}
#c1c2 {}
#c1c2 #wrapper {}

#fullscreen #col1 {
	margin-left: 30px !important;
	margin-right: 30px !important}

#c1c2 #wrapper #col1 {}

#c1c2 #wrapper #col1 .content {
	background: ghostwhite; color:
	midnightblue}

#c1c2 #wrapper .marginleft {margin-left: 250px}
#c1c2 #wrapper .marginright {margin-right: 250px}

#c1c2 #col2 {
	width: 250px;
	overflow: hidden}

#c1c2 #col2 .content {}

#col3 {
	margin-left: -250px;
	margin-top: 20px;
	width: 250px;
	text-align: left}

#col3 .content {
	margin: 0;
	padding-right: 40px}

#footer {
	text-align: center;
	font-size: .9em}

#footer a:link,
#footer a:visited {}
#footer a:hover {}
.footerbgtrap {}
/* end Type 1 layout divs, etc. */

/*** Type 2 (table-assisted) layout -- use
	either these or Type 1 selectors above ***/
/*div#tiki-main {} removed so appears only on error pages */
table#main {
	background: ghostwhite;
	color: midnightblue}
tr#cols {}
td#leftmargin {width: 10%}
td#header {}
td#header .wrapper {}
td#rightmargin {width: 10%}
tr#midrow {}
td#leftborder {}
td#leftcolumn {width: 200px}
td#centercolumn {}
td#rightcolumn {width: 200px}
td#rightborder {}
td#footer {}
td#footer .wrapper {}
div#footer .content {}

/*** end Type 2 layout ***/

/*** Error page ***/
div#tiki-main #tiki-top {margin-top: height needed to match page bg image}
div#tiki-mid {}
div#tiki-main #tiki-top {}

/* To center cbox */
div#tiki-main #tikimidtbl {
	margin: auto;
	width: auto}

div#tiki-bot {}

/* Site Header & Identity */
#header-top {position: relative;
/* also height: set to preserve
positions against page bg img, if any. */}

#siteheader {
	text-align: left;
	background: transparent;
	vertical-align: middle;
	padding: 0;
	margin: 0}

div#sioptions {
	width: 100%;
	margin: 0}

#sioptionscentered {text-align: center}

div.floatright {
	float: right;
	clear: none}

div.floatleft {
	float: left;
	clear: none}

div#sitelogo {
	width: 33%;
	margin: auto}

div#sitead {margin: auto}
#sitead.floatright {padding-right: 100px}
#sitead.floatleft {padding-left: 100px}
#sioptionscentered #sitead.floatleft {padding-left: 10px}
.floatright img {}

#siteloginbar {
	position: absolute;
	bottom: 3px;
	right: 10px}

input[id="sl-login-user"],
input[id="sl-login-pass"] {}

#bannertopright {  }
#siteloginbar input.wikiaction {}
#sitelocbar {float: left}
#customcodewith_ad {width: 400px}

/* #header text selectors, if needed */

#sitetitle,
#sitesubtitle {}

#sitetitle {}
* html #sitetitle {}
#sitesubtitle {}

#header a,
#header a:visited {}

#header a:hover {}

/* tiki-top_bar.tpl - menu and search */

#tiki-top {}
* html #tiki-top { font-size: 11px }
#tiki-top a {}
#tiki-top table {width: auto}

#sitesearchbar {
	float: right;
	padding-right: 4px;
	text-align: right;
	display: block;
	margin: 0}

input#fuser,
select[name="where"],
input[name="search"] {}

/* end header */

/* centercolumn */

#showhide_columns {}

a.flip,
a.flip:visited,
.tellafriend a,
.tellafriend a:visited {
	font-size: 80%;
	color: silver}

a.flip:hover,
.tellafriend a:hover {
	color: darkcyan;
	text-decoration: none}

a.flip img {display: none}
.tellafriend {}
#fullscreen .tellafriend {}

/* Also is .content */
#tiki-center {}

/* IE */
* html #tiki-center {font-size: 1em}
#rss {padding: 1em 1em 0}

#credits {
	padding: 0 1em 1em;
	font-size: .9em}

/* end layout divs, etc. */
/** Border boxes (if any) **/

/****** Menus ******/
/** PHP Layers Menus **/

.horbar {width: 100%} 

.horbar table {
	width: auto;
	text-align: left}

/* Text in the top level (visible by default) of the menu */
.horbaritem a,
.horbaritem a:visited {
	padding: 6px 3px 6px 3px;
	text-decoration: none;
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	margin: 0} 

.horbaritem a:hover {
	background: indigo;
	color: #eee !important;
	text-decoration: none} 

* html .horbaritem a {font-size: .8em}
.mdkverbar {} 

.mdksubmenu {
	z-index: 999;
	position: absolute;
	left: 0;
	top: 0;
	background: white;
	visibility: hidden;
	margin-top: 10px}

.mdksubmenu table {width: auto} 

.mdksubframe {
	z-index: 1000;
	position: relative;
	display: block;
	border: 1px solid dimgray;
	background: whitesmoke} 

.mdkitem {
	position: relative;
	text-align: left;
	white-space: nowrap} 

.mdkitem .mdkfwdarr {
	position: absolute;
	top: 5px;
	right: 12px} 

.mdkitem a {
	padding: 3px 6px;
	position: relative;
	display: block;
	font-weight: normal;
	font-size: 1.2em} 

.mdkitem a:link,
.cssmenu_vert li a {
	font-weight: normal;
	text-decoration: none} 

.mdkitem a:visited {text-decoration: none} 

.mdkitem a:hover, 
.cssmenu_vert li a:hover {
	color: darkviolet;
	text-decoration: none} 

.mdkitem a:active {} 

.cssmenu_vert li {}
.cssmenu_ver li a ul {border: 0}
.cssmenu_vert li:hover ul,
.cssmenu_vert li li:hover ul,
.cssmenu_vert li li li:hover ul,
.cssmenu_vert li.sfhover ul,
.cssmenu_vert li li.sfhover ul,
.cssmenu_vert li li li.sfhover ul { /* lists nested under hovered list items */border: 0}

.cssmenu_vert li.selected > a {}

/* Tree menu (also on Browse Categories */
.treemenudiv {
	display: block;
	white-space: nowrap}

.phplmnormal,
a.phplmnormal:hover,
a.phplm:link,
a.phplm:visited,
a.phplm:hover,
a.phplm:active {
	font: 100% Verdana, Tahoma, Arial, sans-serif;
	color: mediumblue;
	text-decoration: none;
	font-weight: bold}

a.phplm:visited {color: mediumblue}
a.phplm:hover {color: darkviolet}
a.phplm:active {color: mediumblue}

a.phplmselected:link,
a.phplmselected:visited,
a.phplmselected:hover,
a.phplmselected:active {
	font: 100% Verdana, Tahoma, Arial, sans-serif;
	color: black;
	text-decoration: underline;
	font-weight: bold}

a.phplmselected:hover {color: #808080}

/* layerstreemenu-hidden.css */
.imgs {
	border: 0;
	width: 16px;
	height: 18px}

/** Links in other menus **/
div.separator, div.separatorline {}
.separator a:link,
.separator a:visited,
.separator a:hover {color: darkviolet}

div.option a.linkmenu:hover {}
a.separator img {}
.option {}

div.optionline,
.option a {}

.option a:link,
.option a:visited,
a.linkmenu, .rsslink, .linkmenu:visited, .rsslink:visited {}

.linkmenu:hover {color: darkviolet}

div.option a:hover,
div.option a:active {}

a.linkmodule {}
a.linkmodule:hover {color: darkviolet}
.rsslist {}
.rssitem {}
.rssitem:first-child {}
.rssdate {}

/* From Tikineat -- check */
div.menuSection div.menuSection,
div.menuSection div.separator {}
/* End from Tikineat */

/****** Misc. Global Classes (layout and style) ****/
.hidden {
	position: absolute;
	left: -10000px;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden}

.floatlist {
	clear: left;
	list-style-type: none;
	margin: 0;
	padding-left: 0}

.floatlist li {float: left}

div#attzone,
div#comzone {
	display: none}

div#attzoneopen,
div#comzoneopen {
	display: block;
	margin-top: 10px}

div#edithelpzone {display: none}
#edithelpzone code {font-size: 1.2em}
#rules-copy-panel {display: none}
.clear, #clear {clear: both}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden}

* html .clearfix {height: 1%}
#overdiv table {width: auto !important}
.attention {color: red}

.highlight,
#highlight  {}

.bannertext {
	font-size: .95em;
	text-decoration: none}

.bannertext:hover {color: darkviolet}

.link,
.gallink,
.bloglink,
.fgallink,
.trailer,
.opencomlink,
.commentslink,
.admlink,
.forumbutlink {}

div.searchdate {}
div#debugconsole {}

.mini {
	width: 100%;
	text-align: center;
	font-size: .9em}

.prevnext,
.galprevnext,
.blogprevnext,
.fgalprevnext,
.artprevnext,
.forumprevnext {
	font-size: 1em;
	padding: 1px 6px}

a.tikihelp,
a.tikihelp:visited {
	border: 0;
	vertical-align: text-top}

a.tikihelp:hover {
	cursor: help;
	vertical-align: text-top}

#rss img {vertical-align: middle}
div.adminanchors {}

/** Modules **/
.box-shadow {}

div.box {
	overflow: hidden;
	margin-bottom: 1.5em; position: relative}

h3.box-title {position: relative;
padding-top: 0}

.box-title a,
.box-title a:link {  }

.box a.flipmodtitle img {display: none}

* html .box a.flipmodtitle img,
.box:hover a.flipmodtitle img {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid transparent}

* html .box a.flipmodtitle img {border: none}
a.flipmodtitle:hover img {border: 1px solid #58A7D2 !important}
#col2 h3.box-title {}
#col2 .box-title a,
#col2 .box-title a:link {}
.box-title a:hover {}
.box-data {}

.box-data ol,
.box-data ul {}

.box-data ol li {}

.box-footer {}
/* Check on this ?? */
.modcontrols {
	display: block;
	float: right;
	width: 64px;
	height: 16px}

/** Other boxes **/
div.cbox {
	color: dimgray;
	background: #fff;
	border: 1px solid green}

.cbox-title {}
.cboxlink {}
.cbox-data {}

.rbox {
	color: dimgray;
	background: #fff;
	border: 1px solid red}

.rbox-title {}
.rbox-data {}

.rbox-title[name="comment"],
.rbox-data[name="comment"] {}

.rbox-title[name="note"] {}
.rbox-data[name="note"] {}

.rbox-title[name="tip"],
.rbox-data[name="tip"],
.rbox-data.tip {}

.rbox-title[name="warning"] {}
.rbox-data[name="warning"] {}

div.simplebox {}

/***** Tables, Tabs and Lists ****/
/** Tables **/

table {font-size: 1em}

table.normal, 
table.admin,
table.bloglist {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	width: 100%}

* html table.normal, 
* html table.admin,
* html table.bloglist {width: 97%}

table.normal,
table.bloglist,
table.bloglist td {
	border: solid 1px dimgray;
	border-collapse: collapse}

table.admin tr td div#page-bar {}

td {vertical-align: top}
* html td {	font-size: 11px}
th {}

.formcolor td,
.galform td,
.editblogform td,
.editfgalform td,
.comform td,
.forumform td {}

table.email {}
table.email td.body {}
table.email td.heading {}
table.email td.closeButton {}

.button {}

table.findtable {}
.findtable td { }

tr.odd {background: aquamarine}
tr.odd:hover {}
tr.even {}
tr.even:hover {}

td.odd {
	background: aquamarine;
	border-right: 1px solid dimgray}

td.even {
	background: lavender;
	border-right: 1px solid dimgray}

tr.even td.even,
tr.odd td.odd {}

td.third {}

.normal td,
td.normal,
td.bloglist,
.wikitable td,
td.odd,
td.even {
	margin: 0;
	padding: 0.2em;
	vertical-align: top;
	border-right: solid 1px dimgray;
	border-collapse: collapse}

 /* headings */
th, table.normal td.heading,
td.bloglistheading {
	font-size: 1em;
	font-weight: bold;
	color: greenyellow;
	background: sienna;
	min-height: 32px;
	text-align: center}

form.admin {}
form.admin fieldset {}
form.admin legend.heading {}
form.admin legend.heading a {}
form.admin legend.heading a:hover {}
form.admin legend.heading a span {}
form.admin legend.heading a:hover span {}

/* cells in tracker items display */
td.formlabel {}
td.formcontent {}

/* links to view an object from a table listing objects can be generalized to this link */
a.fgalname {}
a.fgalname:hover {}
 
a.tablename,
a.galname,
a.imagename,
a.blogname,
a.fgalname,
a.artname,
a.forumname { color: mediumblue}

a.forumnameread { color: mediumblue}

/* links in table headings */
.tableheading,
.gallistheading,
.listgalheading,
.bloglistheading,
.llisfgalheading,
.llistfileslink,
.llistart,
.lforumheading { color: khaki}

/** Tabs **/
.tabs {
	border-bottom: solid 1px darkgreen !important;
	margin-top: 10px !important;
	padding: 0 !important}

.tabactive {
	border: solid 1px darkgreen !important;
	border-bottom: none !important;
	border-top-width: 2px !important;
	position: relative; top: -2px}

[class].tabactive {top: -1px}
.tabactive a {background: #eee}

.tabinactive {
	border: solid 1px #666 !important;
	border-bottom: none !important;
	position: relative !important;
	top: -3px !important}

[class].tabinactive {top: -2px !important}

.tabmark {
	display: inline;
	font-size: 85%;
	background: #abcdef;
	border: 1px solid #abcdef;
	margin: 0;
	margin-right: 5px;
	padding: 1px 0 1px 0}

.tabmark a {
	border-bottom :0;
	color: mediumblue;
	padding: 1px 5px 1px 5px;
	text-decoration: none}

.tabmark a:active {
	background: #fff;
	color: red}

.tabmark a:hover {
	color: darkviolet;
	background: khaki}

.tabcontent {
	/*z-index: 200;*/
	position: relative;
	/*border: 1px solid #abcdef;*/
	padding: 6px 2px 2px 2px;
	margin-bottom: 25px;
	margin-top: -1px;
	background: khaki}

.tabcontent table {
	margin: 1% auto 2% auto; 
	text-align: left;
	width: 95%}

.tabcontent table td {padding: 5px}

form fieldset.tabcontent {
	/*border: 1px solid darkgreen;
	border-top: none !important*/}

form.admin .tabs {
	border-bottom: solid 1px inherit !important;
	margin: 10px 1px 0 0 !important;
	padding: 0 !important}

/* Get the contextual info to make this specific.*/
div.heading {}
div.content {}
div.content .tabs {}

.tab-wrapper {
	border: 1px solid whitesmoke;
	padding: 0}

.tab-menu  {
	clear: both;
	line-height: 17px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 2px 0;
	margin-bottom: 6px;
	margin-top: 2px;
	width: 100%}

.tab-menu li {
	display: inline;
	margin: 0 2px;
	width: 200px;
	padding-right: 1.5em}

.tab-menu li img {vertical-align: middle}

span#tab1 {background: ivory}
span#tab2 {background: azure}
span#tab3 {background: honeydew}

#content1,
#content2,
#content3 {
	border-top: 1px solid lightcyan;
	border-left: 1px solid lightcyan;
	border-right: 1px solid mediumturquoise;
	border-bottom: 1px solid mediumturquoise;
	margin-top: -1px}

#content1 {
	padding: 10px;
	background: ivory}

#content2 {
	padding: 5px;
	background: azure}

#content3 {
	padding: 5px;
	background: honeydew}

table.admin div#content1 div.tabcontent div.cbox {background: transparent}

/*** Feature-specific selectors ***/

/***** Wiki *****/

body.tiki_wiki #comments {padding: 1em }

h1 a.pagetitle,
h1 a.pagetitle:visited {
	font-size: 1.2em;
	color: midnightblue}

h1 a.pagetitle:hover {
	text-decoration: none}

.wikitopline {}

div#description,
div.description {
	font-size: .9em;
	font-style: italic}

#pageid {
	float: left;
	clear: both}

#cachedpage {
	float: right;
	font-size: small}

.categpath {}
.wikitext {}

.wikitext h1, 
.wikitext h2, 
.wikitext h3, 
.wikitext h4 {}

.titlebar {
	padding: 0.1em;
	border-top: 1px solid dimgray;
	border-bottom: 1px solid dimgray;
	margin: 10px 0}

.wikitext ul li {} 
.wikitext ul li ul li {}
.wikitext ol {}

/* From Tikineat */
.wikitext div.box {}
.wikitopline table {}
html>body .wikitopline table {}
/* End from Tikineat */

table.wikitable {
	border: 1px solid #A9A9A9;
	border-collapse: collapse}
 
td.wikicell {
	padding: 3px;
	border: 1px solid darkgray;
	border-collapse: collapse}

.editdate {}

div#page-bar {
	display: block;
	margin-top: 0;
	float: none}

#page-bar span {float: left}

ul.floatleft {
	display: block;
	list-style: none;
	padding: 0;
	text-align: left;
	height: 20px;
	margin-top: 0}

ul.floatleft li {
	float: left;
	padding: 4px 2px}

.editdate ul.floatleft {margin-top: 8px}

span.button2,
div.button2,
.button3 {margin-right: 5px}

/* First of these from han.css - Check ?? */
.navbar .linkbut:hover,
div.button2 a:hover, .button3 a:hover {}

/* From han.css - Check ?? */
#page-bar p span.button2 {} 
#page-bar table a.linkbut {}

.linkbut {}
.linkbut:hover {}
div.cache {}
div.cachedpage {}
.wikicache, .wikicache:visited {}
.wikicache:hover {}
.wiki {}
.wikinew {}

.wiki-edithelp {display: none}

#wikihelp-tab table,
#wikihelp-tab table td {
	border: solid 1px dimgray;
	border-collapse: collapse}

#wikihelp-tab table td {padding: 2px}
textarea.wikiedit {font-size: 1.0em}
p.editdate {}
div.wiki-edithelp {}
img.externallink {}

/* Needed esp. for light-on-dark theme */
div.quicktag {}
div.quicktag img,
#wikihelp-tab td img {}
div#helptool {}

/* Wiki plugins */

/* Code plugin  */
div.code {
	font-size: 90%;
	padding: 3px;
	border: 1px dashed darkgray;
	background: #F5F5F5;
	font-family: "Courier New", Courier, monospace}

.codelisting {
	font-family: "Courier New", Courier, monospace;
	padding: 10px;
	background: #F5F5F5;
	margin: 4px;
	border: 1px dashed dimgray;
	overflow: auto; 
   width: 90%}

.codecaption {
	font-size: 90%;
	padding: 0 10px;
	position: relative;
	bottom: -5px;
	display: inline;
	border: 1px solid dimgray;
	border-bottom: 0;
	margin: 0;
	color: dimgray;
	background: #F5F5F5;
	font-weight: bold}

/* Quote plugin */
div.quoteheader {margin-left: 20px}
div.quotebody {font-style: italic}
table.wikiplugin-split {border: none}

/** Wiki tocs **/
div.tocnav {
	background: #EBEBEB;
	padding: 3px;
	margin-bottom: 4px;
	clear: both}
 
#tocnavicons {float: left}
#tocnavaddpage {float: right}
#tocnavlinks {clear: both}
.fancytoclevel {list-style-image: url(../img/icons/footprint.gif)}
li.toclevel {}

/* TOC */
ul.toc {
	padding-left: 2em;
	border-top: 1px dotted darkgray;
	border-bottom: 1px dotted darkgray;
	margin-bottom: 4px}

ul.toc * {border: none}

/* Wiki diff styles */
.diff td {border: 1px solid dimgray}
.diff div {border-top: 1px solid dimgray}
.diffheader {background: dimgray; font-weight: bold}
.diffadded {background: #CCFFCC}
.diffdeleted {background: #FFCCCC}
.diffinldel {background: #FFCCCC; text-decoration: line-through}
.diffbody {background: #F2F4F5}
.diffchar {color: red}

/***** Articles ****/

div.article {margin-bottom: 40px}

div.articletopline {
	font-size: 90%;
	font-style: italic}

div.articletitle {
	margin-top: 6px;
	margin-bottom:	15px;
	text-align:	left}
 
span.titlea {
	font-size: 1.5em;
	font-weight: normal}

span.titleb {font-size: 1.0em} 
div.articlesubtitle {font-size: 0.9em}
div.articleheading {margin-top: 6px}

div.articleheadingtext {}

img.topicimage,
img.articleimagenofloat,
img.articleimage {
	padding: 2px 0;
	margin-bottom:10px}

img.articleimagefloat {
	margin-right: 4px;
	float: left;
	padding: 2px 0;
	margin-bottom:10px}

img.articleimage {
	margin-right: 4px;
	float: left;
	clear: right;
	padding:2px 0;
	margin-bottom:10px}

div.articletrailer {text-align: right}

div.articletrailer .wikitopline {float: left} 
.trailer {}
.trailer:hover {}
div.articlebody {}

div.articlesource {
	margin-top: 5px;
	font-style: italic;
	font-size: 90%}

/***** Blogs *****/

div.blogheading {
	display: block;
	width: 100%;
	clear: both}

div.blogtitle {
	font-size: 1.3em;
	font-weight: bold;
	padding: 3px;
	margin-top: 10px;
	font-weight: bold;
	line-height: 80%}

div.blogdesc {
	display: block;
	width: 40%;
	padding: 8px;
	margin-top: 8px;
	margin-left: 6px}

div.bloginfo {
	text-align: center;
	display: block;
	padding: 3px;
	line-height: 150%;
	text-transform: none}

* html .bloginfo table {font-size: 11px}

div.blogtools {
	padding: 3px;
	text-align: right}

.blogpost {}

/*.postinfo div a img,*/
a.blogt,
a.blog:visited {
	border: 0;
	text-decoration: none}

a.blogt:hover {
	color: #FFF;
	border-bottom: 1px dotted #FFF}

.postinfo {
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 1.2em}

.postinfo a {
	color: mediumblue;
	text-decoration: none;
	border-bottom: none}

div.postinfo a.linkmodule {}
.postinfo div {margin-top: 30%}

.small {} /* Check ?? (from fluidindex */

div.posthead {
	text-align: left;
	padding: 3px}

span.posthead {
	display: block;
	font-weight: bold;
	letter-spacing: .4pt}

div.posthead h3 {font-size: 1.2em}
 
div.postbody {
	margin-right: 8px;
	line-height: 1.2em;
	margin-bottom: 1em}

* html .postbody table {font-size: 11px}

div.postfooter {
	clear: both;
	float: right;
	margin-bottom: 2em}

/***** Forums *****/

body.tiki_forums table.normal {margin: auto}
#forumpost {display: none}
#forumpostopen {display: block}

.post .postbody {
	clear: both;
	width: 100%;
	border: solid 1px darkgray;
	border-top: solid 1px gray;
	margin: 0;
	margin-top: 5px;
	padding: 0;
	background: ivory;
	font-size: 1.1em}
	
* html .post .postbody {font-size: 11px}

/* May be necessary to use '!important' to override higher .content properties. */
#col1 .post .postbody .content {
	float: left;
	padding: 0;
	text-align: left;
	color: midnightblue;
	background: whitesmoke !important}
	
#col1 .post .postbody .content p {  }

.post .postbody-title {
	display: block;
	background: azure;
	border-bottom: 1px solid darkgray}

.post .postbody-title .checkbox {float: left}

.post .postbody-title .title {
	float: left;
	color: midnightblue;
	font-weight: bold;
	font-size: 1.2em;
	margin-left: 5px;
	margin-top: 3px}
	
.post .postbody-title .title a.link {  }

.post .author {
	text-align: right;
	vertical-align: top}

.post .author_post_info {
	display: block;
	background: honeydew;
	padding: 0 2px 2px 2px}

.post .author_info .icons {display: block}
.post .author_info .icons .actions {margin-right: 10px}
.post .author_post_info_on {font-style: italic}

/* How do the following two differ? */
.post .author_info {
	float: right;
	background: azure;
	padding: 0 2px 2px 2px;
	margin-left: 5px;
	margin-bottom: 6px;
	border-left: 1px solid lightcyan;
	border-bottom: 1px solid lightcyan}

.commentStyle_headers .author_info {float: left}

.post .postbody-title .actions {
	float: right;
	font-size: 1em}

.postbody-content {padding: 6px}
.post .postbody .attachments {
	clear: both;
	border-top: 1px dotted #D9D9D9;
	margin-top: 5px}

.post .postbody .attachments img {vertical-align: text-bottom}

.post .postfooter .actions,
.post .postfooter .status {
	display: inline;
	margin-left: 5px;
	vertical-align: top}

.post .postfooter .status {font-size: 10px}

.post .postfooter {
	float: right;
	text-align: right}

.post .inner > .postfooter {clear: both}

.post .contribution {
	background: #F0F8FF;
	border: 1px solid lightcyan;
	padding: 0 2px}

.post .avatar {
	float: right;
	margin-bottom: 5px;
	margin-left: 4px;
	padding: 3px;
	border: 1px solid darkgray;
	background: aliceblue}

.sub_comment {padding-left: 20px}

.sub_comment_area {
	clear: both;
	background: url("../../img/edge.gif") no-repeat top left}

.forum_actions .actions {
	clear: both;
	border: 1px solid darkgray;
	background: honeydew;
	padding: 3px;
	vertical-align: middle}

.forum_actions .actions .action {margin-right: 10px}
.forum_actions .headers {vertical-align: bottom}
.forum_actions .headers .title {
	float: left;
	background: honedew;
	border: 1px solid darkgray;
	border-bottom: 0;
	padding: 1px}

.forum_actions .headers .infos {
	float: right;
	font-size: smaller;
	padding-top: 2px}

.thread_pagination {
	text-align: center;
	margin-bottom: 10px}

.nb_replies {white-space: nowrap}
.post_preview, .top_post {margin-bottom: 15px}
/*.post .postbody .signature { float: left}*/

/* Comments */
#comzone {
	display: none;
	margin: 5px 0;
	padding: 0}
 
#comzoneopen {
	display: block;
	margin: 5px 0;
	padding: 0}
 
span.commentstitle {
	font-weight: bold;
	font-size: 1.2em}

/* Find */
.subcomment { margin-left: 10px}

/* Help box*/
div.commentsedithelp {
	background: #ffcfcf;
	color: black;
	border: 1px solid #ff0000;
	text-align: center;
	font-weight: bold}

/***** Categories *****/

table.tcategpath {}
td.tdcategpath {}
.categpath {}
table.subcats {}
td.tdsubcat {}
.categlink {}
table.catobjects {}

td.categobjectsnameeven,
td.categobjectsnameodd {}

td.categobjectsdataeven,
td.categobjectsdataodd {}

.catname {}
.catblock {}
.catlists {}
.catlists:hover {}
.cattitle {}
.catlists a.link {}
.catlists a.link:hover {}

ul.catfeatures {}
ul.catfeatures li {}
ul.catitems {}

ul.catitems li {
	float: left !important;
	padding-right: 18px;
}

ul.catitems li a.link {}

/***** Tags (freetags) *****/
li.freetag {
	list-style: none !important;
	display: inline !important;
	margin: 0;
	padding: 0}

ul.freetag {
	margin: 0;
	padding: 0;
	display: inline !important}

.freetag a {display: inline !important}

a.freetag_1 {
	text-decoration: none;
	font-size: .8em}

a.freetag_2 {
	text-decoration: none;
	font-size: .9em}
	
a.freetag_3 {
	text-decoration: none;
	font-size: 1em}

a.freetag_4 {
	text-decoration: none;
	font-size: 1.2em}

a.freetag_5 {
	text-decoration: none;
	font-size: 1.4em}

a.freetag_6 {
	text-decoration: none;
	font-size: 1.6em}

a.freetag_7 {
	text-decoration: none;
	font-size: 1.8em}

div.freetagObjectOdd {
	margin: 2px;
	/*background-color : #F7F9FA;*/
	position: relative}

div.freetagObjectEven {
	margin: 2px;
	/*background-color : #E7E9EA;*/
	position: relative}

div.freetagObjectName a {text-decoration: none}

div.freetagObjectType {
	position: absolute;
	top: 0;
	right: 0}

/***** Image Galleries *****/

table.galtable {
	border-collapse: collapse;
	border: 1px solid dimgray;
	width: 100%}

* html body table.galtable {width: 97%}
body.tiki_galleries table.findtable {display: inline}

/* Check this one ?? */
div.browsegallery {
	text-align: center;
	width: 100%}

td.oddthumb {border-collapse: collapse}
td.eventhumb {border-collapse: collapse}

td.eventhumb img {
	margin-left: 6px;
	margin-right: 6px}

/* Check next 2 ?? */
div.thumbnails {}
div#browse_image {width: 100%}

img.athumb {
	border: 0;
	margin: auto}

.caption {color: black}
p.norecords {font-weight: bold}

div.imagetitle {
	font-weight: bold;
	font-size: 200%}

div.gallerylink { }
div#browse_image {} /* Check - from fluidindex ?? */
div.showimage {
	text-align: center;
	margin: 5px 0;
	width: 100%;
	text-align: center;
	padding: 6px}

div.imgaldescr {margin: 10px}
.sorttitle {margin-left: 10px}

/* Check next 4 ?? */
div.gallerypath, div.gallerypath a {
	color: darkcyan;
	font-style: italic;
	font-weight: normal;
	margin-left: 3px;
	text-decoration: none}

div.gallerypath a:hover {
	color: black;
	text-decoration: underline}



/***** File Galleries *****/

div.thumbnailcontener {}
div.thumbnail {}
div.thumbnamecontener, div.thumbimagecontener {}
div.thumbnamecontener {}
div.thumbname, div.thumbimage {}
div.thumbnamesub, div.thumbimagesub {}
div.thumbnail:hover {}
div.thumbnail:hover div.thumbnamecontener {}
div.thumbimage img {}
div.thumbinfos {}
div.thumbinfo {}
span.thumbinfoval {}
div.thumbname {}
div.thumbactions {}
div.thumbactions * {}
div.thumbactions input {}
div.thumbactions a {}
div.thumbdescription {}
div.thumbdescription + div.thumbinfo {}
div.thumbdescription span.thumbinfoname {}
a.namealias {}
div.gallerypath, div.gallerypath a {}
div.gallerypath a:hover {}
.fgalexplorer {border: 1px solid dimgray}

.fgallisting table td {
	padding-left: 2px;
	padding-right: 2px}

/***** Trackers *****/

.statuson {
	padding: 1px;
	margin: 1px;
	vertical-align: middle}

.statusoff {
	padding: 1px;
	margin: 2px;
	vertical-align: middle}

/***** Calendar *****/
/* Overrides calendar.css, etc. */

.Cal0, 
.Cal1, 
.Cal2 {font-size: 90%}

.Calart,
.Calblog,
.Calchart,
.Caldir,
.Caleph,
.Calfaq,
.Calfgal,
.Calforum,
.Calgal,
.Calnl,
.Calquiz,
.Calsurv,
.Caltrack,
.Calwiki {font-size: 90%}

.Calart,
.Calart a,
.Calart a:visited {color: #FA8072}

.Calblog,
.Calblog a,
.Calblog a:visited {color: #DA70D6}

.Calchart,
.Calchart a,
.Calchart a:visited {color: #304F30}

.Caldir,
.Caldir a,
.Caldir a:visited {color: #800080}

.Caleph,
.Caleph a,
.Caleph a:visited {color: #008000}

.Calfaq,
.Calfaq a,
.Calfaq a:visited {color: #822222}

.Calfgal,
.Calfgal a,
.Calfgal a:visited {font-weight: normal}

.Calforum,
.Calforum a,
.Calforum a:visited {color: #808000}

.Calgal,
.Calgal a,
.Calgal a:visited {color: #8B4513}

.Calnl,
.Calnl a,
.Calnl a:visited {color: #708090}

.Calquiz,
.Calquiz a,
.Calquiz a:visited {color: #5F9EA0}

.Calsurv,
.Calsurv a,
.Calsurv a:visited {color: #DAA520}

.Caltrack,
.Caltrack a,
.Caltrack a:visited {color: #00BD02}
	
.Calweb {font-size: 90%}

.Calwiki,
.Calwiki a,
.Calwiki a:visited {color: #2C4B80}

.calfocus {font-size: 90%; background: khaki}
.calfocuson {font-size: 90%}

.calprio1 a,
.calprio2 a,
.calprio3 a,
.calprio4 a,
.calprio5 a,
.calprio6 a,
.calprio7 a,
.calprio8 a,
.calprio9 a {color: mediumblue}

.caltoggle {font-size: 90%}

.opaque {
   border-left: 1px solid lightcyan;
  	border-top: 1px solid lightcyan;
	border-right: 1px solid mediumturquoise;
	border-bottom: 1px solid mediumturquoise}

.opaque .box-title {border-bottom: 1px solid black}
.searchresults {display: inline}

#caltable .calfocuson,
.box-data td.fc a.today,
.box-data td a.today {
	background: #D4D0C8;
	border: solid 1px #696969}

#caltable .calfocuson a {color: #000}

#caltable .calfocus a,
#caltable .calfocuson a {text-decoration:none}

.day,
.day:visited {}

.today {}
.nav {}
.changedate {}
.date {}

.calinput {background: darkgreen}
.calfocuson + .calcontent { background: #F5F5F5}
.days {color: khaki}
#caltable .weeks {background: sienna; color: khaki}
.addevent {padding: 0 5px; float: right}
* html .addevent {padding: 0}
.calodd, .caleven { border: 1px solid darkgray}
.calodd {background: aquamarine}
* html .calodd {padding: 0}
.caleven {background: lavender}
* html .caleven {padding: 0}
.caldark {background: darkgreen}
* html .caldark {padding: 0}
.caldark .calfocus {background: darkgreen}
.daterow {}
.daterow:hover {}

/*****  Polls  *****/

div.pollresults {
	margin-top: 5px;
	font-size: 1.2em;
	padding: 0 5px}
	
table.pollresults {width: 100%}
td.pollr {color: black}
#pollopen {display: block}
#pollzone {display: none}
#polledit {display: none}
.pollnav {}

/***** FAQs *****/

div.faqlistquestions {margin-bottom: 20px}
div.faqqa {margin-bottom: 20px}

div.faqquestion {
	font-weight: bold;
	padding: 2px 12px;
	padding-bottom: 0}

div.faqanswer {
	padding: 4px 12px;
	padding-top: 0}

/***** Quizzes *****/

div.questionblock {
	padding: 4px;
	margin-bottom: 10px}

div.quizquestion {margin-bottom: 5px}
div.quizoptions {}
div.quizdescription {margin-bottom: 10px}
div.quizanswer {margin-bottom: 10px}

/***** Shoutbox *****/

div.shoutboxmsg {
	margin-bottom: 0;
	padding: 4px;
	padding-bottom: 1px}

div.shoutboxmodmsg {
	font-size: .95em;
	margin: 0 5px 4px 5px;
	padding-top: 5px;
	padding-bottom: 1px}

textarea.tshoutbox{
	font-size: .95em;
	width: 162px}

.wiki-table {}
.wiki-tr-a td {border: 0}
.wiki-tr-b td {border: 0}

/***** Directory *****/

div.dircategs {
	border: 1px solid dimgray;
	padding: 5px}

.dirlink {}
.dirsublink {font-size: .95em}

div.dirlistsites {
	padding: 5px 0 10px 5px;
	margin-top: 10px}

div.dirsite {
	margin-bottom: 10px;
	padding: 4px}

span.dirsitedesc {}
span.dirsitetrail {font-size: 95%}
span.dirsitecats {font-size: 95%}
.dirsitelink {}

div.dirrelated {
	margin-top: 10px;
	padding: 5px}

td.dirfooter {font-size: .95em}
div.dirfooter {margin-top: 10px}

/***** Messages *****/

td.prio1,
td.prio2,
td.prio3,
td.prio4,
td.prio5 {
	border: 1px solid darkgray;
	padding-left: 2px}

td.prio1 {background: #F7F9CA}
td.prio2 {background: #F7F9EA}
td.prio3 {background: #F7F9FA}
td.prio4 {background: #F7F9FD}
td.prio5 {background: #F7F9FF}

div.messureadflag {
	background: darkgray;
	padding-left: 5px}

div.messureadhead {
	background: gainsboro;
	margin-top: 2px}

div.messureadbody {
	margin-top: 5px;
	background: gainsboro}

.readlink {
	font-size: .95em;
	color: black}

/***** Ajax *****/

div#ajaxLoading {
	display: none;
	position: absolute;
	top: 50px;
	right: 50%;
	padding: 3px;
	font-family: Verdana;
	font-size: 90%;
	text-align: center;
	background: transparent url(../lib/shadowbox/images/loading-light.gif) no-repeat 50% 100%;
	height: 43px;
	width: 50px}

#shadowbox_title {
	height: auto !important;
	padding: 0;
	overflow: visible}

#shadowbox_title_inner{
	height: auto !important;
	font-size: 1em !important;
	line-height: 1em !important;
	white-space: normal !important;
	padding: 5px 0 4px 8px}

/***** TikiSheet Default Style *****/

table.default thead td,
table.default tfoot td {
	font-weight: bold;
	text-align:	center;
	background: darkgreen;
	color: khaki}

table.default td {
	border: solid 1px #A9A9A9;
	background: black}

/***** 'Advanced feature' *****/

.advanced {
  margin: 20px;
  padding: 5px;
  border: 1ps solid #A9A9A9;
  background: black;
  color: khaki}

.advanced:before { content:url(../img/icons/mini_blue_diamond.gif)" "}

.highlight_word_0{
	color: #ffff66;
	background: darkgreen}

.highlight_word_1{
	color: #ff9999;
	background: darkgreen}

.highlight_word_2 {
	color: #A0FFFF;
	background: darkgreen}

.highlight_word_3 {
	color: #ff66ff;
	background: darkgreen}

.highlight_word_4 {
	color: #99ff99;
	background: darkgreen}

.center {text-align: center}
.justify {text-align: justify}
.right {text-align: right}

/***** mypage *****/

.mypage_configure th {width: 180px}
#sideBarTab {background: url('../img/cord.png') no-repeat}
#sideBarContents {background: #fff}

/* css/admin.css overrides */

a.admbox {
	border: 1px solid slategray;
	background: aquamarine center no-repeat}

a.admbox:hover,
a.admbox:focus,
a.admbox:active {
	background: lavender center no-repeat;
	border: 1px solid dimgray}

a.admbox.off {border: 1px solid darkgray}

a.admbox.off:hover,
a.admbox.off:focus,
a.admbox.off:active {border: 1px solid darkgray}

/* end of file */

---