Tiki110_CSS_selectors

This list of CSS selectors is as of about April 10, 2008, based on the *litecss-based Tikinewt style (which replicates Tikineat and so uses all appropriate Tikineat CSS selectors). Also some selectors are included 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.

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

/* Selectors */

body {}

body#fullscreen {}

a,
a:visited {}

a:hover 
Plugin disabled
Plugin button cannot be executed.

button:hover {	cursor: pointer;}

caption 


fieldset {}

h1, h2, h3, h4 {}

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

hr {}

img {	border: 0;}

.wikitext img {}

fieldset {}

form {margin: 0;padding: 0;}

button,
input,
textarea,
option,
select {}

/* IE */
* 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 
Plugin disabled
Plugin button cannot be executed.

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

input[type="checkbox"] {border: 0;}

* htmol .findtable input {font-size: 1em;}

select {}

select[multiple] {height: 10em;}

select[name="theme"] {width: 165px;}

small {}

label {cursor: pointer;}

li {}
ul ()

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

/***** Pasic Page Layout 
	Including Site Header *****/
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-color: #339999;color: #fff;	padding: 5px;font-weight: bold;border: 2px solid #000;width: 6em;z-index: 9;}

#main {}

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

#fullscreenbutton:hover {}

/* #header for when no Site Identity */

#header {height: /*92px*/;text-align: left;}

#header h1,
#header h2 {}

#header h1 {}

#header h2 {}

#header a,
#header a:visited {}

#header a:hover {}

#header-top {/* height: set to preserve positions against page bg img, if any. */}
	
/* Site Identity */
#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;}

#sitelocbar {float: left;}

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

#tiki-top {}

#tiki-top a {}

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

/***** Middle layout *****/

#middle {}

#c1c2 {}

#c1c2 #wrapper {}

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

#c1c2 #wrapper #col1.marginleft {margin-left: 280px;}

#c1c2 #wrapper #col1.marginright {margin-right: 280px;}

a.flip,
a.flip:visited {font-size: 80%;color: #ADBAC3;}

a.flip:hover {color: #505050;text-decoration: none;}

a.flip img {display: none;}

#c1c2 #wrapper #col1 {}

#c1c2 #wrapper #col1 .content {}

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

/* IE */
* html #tiki-center {font-size: 1em;}

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

#c1c2 #col2 .content {}

#col3 {
margin-left: -280px;margin-top: 20px;width: 280px;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 layout divs, etc. */

/** Border boxes (if any) **/
	
/****** Menus ******/
/** PHP Layers **/

.horbar {} 

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

/* Text in the top level (visible by default) of the menu */
.horbaritem a {} 

.horbaritem a:hover {} 

.horbaritem a:visited {} 

/* IE */
* html .horbaritem a {font-size: .8em;}

.mdkverbar {} 

/* contains mdksubframe div */
.mdksubmenu {z-index: 999;position: absolute;left: 0;top: 0;visibility: hidden;}

.mdksubmenu table {width: auto;} 

.mdksubframe {z-index: 1000;position: relative;	display: block;border: 1px solid #8CACBB;} 

/* Menu items in drop down frame */
.mdkitem {position: relative;text-align: left;white-space: nowrap;} 

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

.mdkitem a {position: relative;display: block;} 

.mdkitem a:link {} 

.mdkitem a:visited {} 

.mdkitem a:hover {} 

.mdkitem a:active {} 
 
/* Tree menu (also on Browse Categories */
.treemenudiv {}

/* From Tikineat -- check */
#jt1 a.phplm, #jt1 a.phplm:hover, #jt1 a.phplm:link, #jt1 .phplmnormal, #jt1 .phplmnormal a:hover {}
#jt1 .imgs:first-child, .treemenudiv > .imgs:first-child, .treemenudiv > a:first-child { display: none; }
.box-data table {}
/* End from Tikineat */

.phplmnormal,
a.phplmnormal:hover,
a.phplm:link,
a.phplm:visited,
a.phplm:hover,
a.phplm:active {}

a.phplm:visited {}

a.phplm:hover {}

a.phplm:active {}

a.phplmselected:link,
a.phplmselected:visited,
a.phplmselected:hover,
a.phplmselected:active {}

a.phplmselected:hover {}

/** Links in other menus **/
div.separator, div.separatorline {}
.separator a:link,
.separator a:visited,
.separator a:hover {}
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 {}
div.option a:hover,
div.option a:active {}
a.linkmodule {}
a.linkmodule:hover {}
.rsslist {}
.rssitem {}
.rssitem:first-child {}
.rssdate {}

/* From Tikineat -- check */
div.menuSection div.menuSection,
div.menuSection div.separator {
	padding-left: 5px;
}
/* End from Tikineat */

/****** Misc. Global Classes (layout and style) ****/


.floatlist {	clear: left;list-style-type: none;margin: 0;padding-left: 0;}
div#attzone, div#comzone {	display: none;	margin-top: 10px;}
div#attzoneopen, div#comzoneopen {	display: block; margin-top: 10px;}
div#edithelpzone {	display: none;}
#rules-copy-panel {	display: none;}
.clear, #clear {	clear: both;}
.clearfix:after {    content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* IE */
* html .clearfix {	height: 1%;}
#overdiv table {	width: auto !important;}
.attention {	color: red;}
.highlight, #highlight  {}

/* Banners, text type */

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

/* Pagination for listings */

.mini {}

.prevnext, .galprevnext, .blogprevnext, .fgalprevnext,
.artprevnext, .forumprevnext {}

a.tikihelp, a.tikihelp:visited {}

a.tikihelp:hover {}

/** Admin pages **/
/* overrides inline css */
div.adminanchors {}

/** Modules **/
/* For extra module perimeter */
.box-shadow {}

div.box {}

div.box-title,/* Legacy module.tpl */
h3.box-title {position: relative;}

.box a.flipmodtitle img {display: none;}

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

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 {margin-left: -2em;padding-right: 1em;overflow: hidden;}

/* IE */
html* .box-data ul {	margin-left: 0;}

.box-data ol li {list-style: none;}

/** Other boxes **/
.cbox {}
.cbox-title {}
.cboxlink {}
.cbox-data {}

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

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

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

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

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


div.simplebox {
	
}
/***** Tables, Tabs and Lists ****/
/** Tables **/

table {font-size: inherit;}

table.normal, 
table.admin,
table.bloglist {}

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



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

/* Cells in forms using a background color */
.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 {}

/* headings */
div.heading, td.heading {}

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 {}

div.heading {}

.button {}


table.findtable {}
.findtable td { }

/* Odd rows in several listings */
tr.odd {}
tr.odd:hover {}
tr.even {}
tr.even:hover {}

td.odd {}
td.even {}

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

td.third {}

td.normal,
td.bloglist,
.wikitable td,
td.odd,
td.even {}

/* 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 {}
a.forumnameread {}

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

/** Tabs **/
.tabs {}

.tabactive {}
[class].tabactive {}
.tabactive a {}
.tabinactive {}
[class].tabinactive {}

.tabmark {}

.tabmark a {}

.tabmark a:active {}

.tabmark a:hover {}

.tabcontent {}

.tabcontent table {}
.tabcontent table td {}

form fieldset.tabcontent {}
form.admin .tabs {}

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

div.content .tabs {}

.tab-wrapper {}

.tab-menu  {}

.tab-menu li {}

.tab-menu li a {} 
.tab-menu li a:hover, 
.tab-menu li a:focus {} 

.tab-menu li a:hover {} 

.tab-menu li.tab-selected a {}

/* CHECK
.tab-menu li img {
	vertical-align: middle;
}*/

/*  tiki tabs -- deprecated?
table.admin tr td div#page-bar {
	margin-left: 5px;
	margin-bottom: 0;
	background-color: transparent;
}*/

span#tab1 {}

span#tab2 {}

span#tab3 {}

#content1,
#content2,
#content3 {}

#content1 {}

#content2 {}

#content3 {}
table.admin div#content1 div.tabcontent div.cbox {}

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

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

h1 a.pagetitle {}

div.description {}

#pageid {}

#cachedpage {}

.categpath {}

.wikitext {}

.wikitext h1, h2, h3, h4 {}

.wikitext h2 {}

.wikitext ul li {} 

.wikitext ul li ul li {}

.wikitext ol {}

.titlebar {}
/* From Tikineat */
.wikitext div.box {}

.wikitopline table {}
html>body .wikitopline table {}
/* End from Tikineat */

table.wikitable {}
 
td.wikicell {}

.editdate {}

div#page-bar {}

#page-bar span {}

ul.floatleft {}

ul.floatleft li {}

.editdate ul.floatleft {}

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

.wiki-edithelp { display: none;}

textarea.wikiedit {}

p.editdate {}
div.wiki-edithelp {}
img.externallink {}

/* Wiki plugins */
/* Code plugin  */
div.code {}

.codelisting {}

.codecaption {}
/* Quote plugin */
div.quoteheader {}

div.quotebody {}

table.wikiplugin-split {}
/** Wiki tocs **/
div.tocnav {}
 
#tocnavicons {}

#tocnavaddpage{}

#tocnavlinks {}

.fancytoclevel {}

li.toclevel
/* TOC */
ul.toc {}
ul.toc * {}

/* Wiki diff styles */
.diff td {}
.diff div {}
.diffheader {}
.diffadded {}
.diffdeleted {}
.diffinldel {}
.diffbody {}
.diffchar {}

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

div.article {}

div.articletopline {}

div.articletitle {}
 
span.titlea {}

span.titleb {} 
div.articlesubtitle {}
 
div.articleheading {}
 
div.articleheadingtext {}

img.topicimage,
img.articleimagenofloat,
img.articleimage {}

img.articleimagefloat {}

img.articleimage {}

div.articletrailer .wikitopline {} 
 
div.articlebody {}
 
div.articlesource {}

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

div.blogheading {}

div.blogtitle {}

div.blogdesc {}

div.bloginfo {}

div.blogtools {}

.blogpost {}
 
.postinfo a {}


/*.postinfo div a img,*/
a.blogt,
a.blog:visited {}

a.blogt:hover {}

div.postinfo a.linkmodule {}

.postinfo div {}

div.posthead {}

.postinfo {}

span.posthead {}
 
div.posthead h2 {}
 
div.postbody {}

div.postfooter {}

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

body.tiki_forums table.normal {}
 
td.threadsevenl {}
td.threadsevenr {}
td.threadsoddl {}
td.threadsoddr {}

table.threads {}
 
#forumpost {display: none;}
 
#forumpostopen {display: block;}

td.forumtoolbar {}
 
.toolbarlink {}

.forumvotelink {}
table.commentinfo {}

/* Forums new */
.post .postbody {}
.post .postbody-title {}
.post .postbody-title .checkbox {}
.post .postbody-title .title {}
.post .author {}
.post .author_post_info {}
.post .author_info .icons { display: block; }
.post .author_info .icons .actions { }
.post .author_post_info_on {}
.post .author_info {}
.commentStyle_headers .author_info {}
.post .postbody-title .actions {}
.post .postbody .content {}
.post .postbody .attachments {}
.post .postbody .attachments img { vertical-align: text-bottom; }
.post .postfooter .actions, .post .postfooter .status {}
.post .postfooter .status {}
.post .postfooter {}
.post .inner > .postfooter { clear: both; }
.post .contribution {}
.post .avatar {}
.sub_comment {}
.sub_comment_area {}
.forum_actions .actions {}
.forum_actions .actions .action {}
.forum_actions .headers {}
.forum_actions .headers .title {}
.forum_actions .headers .infos {}
.thread_pagination {}
.nb_replies {}
.post_preview, .top_post {}
/*.post .postbody .signature { float: left; }*/


/* Comments */

#comzone {}
#comzoneopen {}
span.commentstitle {}

/* Find */
.subcomment {}
/* Help box*/

div.commentsedithelp {}

/***** Tags (freetags) *****/
a.freetag_1 {}
a.freetag_2 {}
a.freetag_3 {}
a.freetag_4 {}
a.freetag_5 {}
a.freetag_6 {}
a.freetag_7 {}
div.freetagObjectOdd {}
div.freetagObjectEven {}
div.freetagObjectName a {}
div.freetagObjectType {}

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

table.galtable {}

html>body .galtable {}

td.oddthumb {}
 
td.eventhumb {}

td.eventhumb img {}

/* ?? */
div.thumbnails {}

img.athumb {}

.caption {}

p.norecords {}

div.imagetitle {}

div.gallerylink {}

div.showimage {}

div.imgaldescr {}

.sorttitle {}

/***** 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 {}
.fgallisting table td {}

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

.statuson {}
.statusoff {}

/***** Calendar *****/


#calendar {}

.Cal0, 
.Cal1, 
.Cal2 {}

.Cal0:before {}

.Cal1:before {}
	
.Cal2:before {}
	
.Calart,
.Calblog,
.Calchart,
.Caldir,
.Caleph,
.Calfaq,
.Calfgal,
.Calforum,
.Calgal,
.Calnl,
.Calquiz,
.Calsurv,
.Caltrack,
.Calwiki {}

.Calart,
.Calart a,
.Calart a:visited {}

.Calart:before {}

.Calblog,
.Calblog a,
.Calblog a:visited {}

.Calblog:before {}

.Calchart,
.Calchart a,
.Calchart a:visited {}

.Calchart:before {} 

.Caldir,
.Caldir a,
.Caldir a:visited {}

.Caldir:before {}

.Caleph,
.Caleph a,
.Caleph a:visited {}

.Caleph:before {}

.Calfaq,
.Calfaq a,
.Calfaq a:visited {}

.Calfaq:before {}

.Calfgal,
.Calfgal a,
.Calfgal a:visited {}

.Calfgal:before {}

.Calforum,
.Calforum a,
.Calforum a:visited {}

.Calforum:before {}

.Calgal,
.Calgal a,
.Calgal a:visited {}

.Calgal:before {}

.Calnl,
.Calnl a,
.Calnl a:visited {}

.Calnl:before {}

.Calquiz,
.Calquiz a,
.Calquiz a:visited {}

.Calquiz:before {}

.Calsurv,
.Calsurv a,
.Calsurv a:visited {}

.Calsurv:before {}

Caltrack,
Caltrack a,
Caltrack a:visited {}

.Caltrack:before {}
	
.calweb {}

.Calweb:hover {}

.Calwiki,
.Calwiki a,
.Calwiki a:visited {}

.Calwiki:before {}

.calcheckbox {}

.calcontent a.linkmenu,
.calcontent a.linkmenu:hover {}

.calfocus {}

.calfocus a {}

.calfocuson {}

.calfocuson a {}

#calprio {}

.calprio1 {}
.calprio2 {}
.calprio3 {}
.calprio4 {}
.calprio5 {}
.calprio6 {}
.calprio7 {}
.calprio8 {}
.calprio9 {}

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

.caltitle {}

.caltoggle {}

/* Mouseover popups in calendar */
.opaque {}
.opaque .box-title {}
.opaque .box-data  {}

.searchresults {}

#caltable .calfocuson,
.box-data td.fc a.today,
.box-data td a.today {}

#caltable .calfocuson a {}

#caltable .calfocus a,
#caltable .calfocuson a {}

.day, .day:visited {}

.today {}

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

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

div.pollresults {}
table.pollresults {}
td.pollr {}
#pollopen {display: block;}
#pollzone {display: none;}
#polledit {display: none;}
.pollnav {}

div.faqlistquestions {}
div.faqqa {}
div.faqquestion {}
div.faqanswer {}

/***** Quizzes *****/
div.questionblock {}
div.quizquestion {}
div.quizoptions {}
div.quizdescription {}
div.quizanswer {}

/***** Shoutbox *****/
div.shoutboxmsg {}
div.shoutboxmsg:last-child {/*border-bottom: 1px solid #8CACBB;*/}
div.shoutboxmodmsg {}
textarea.tshoutbox{font-size: .95em;width: 162px;}
.wiki-table {}
.wiki-tr-a td {}
.wiki-tr-b td {}

/***** Directory *****/
div.dircategs {}
.dirlink {}
.dirsublink {}
div.dirlistsites {}
div.dirsite {}
span.dirsitedesc {}
span.dirsitetrail {}
span.dirsitecats {}
.dirsitelink {}
div.dirrelated {}
td.dirfooter {}
div.dirfooter {}

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

div#ajaxLoading {}

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

table.default thead td,	table.default tfoot td {}

table.default	td {}


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

.advanced {
  margin: 20px;
  padding: 5px;
  border-color: #A9A9A9;
  border-width: 1px;
  border-style: solid;
  background-color: black;
  color: #D8D8D8;
}

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

.tellafriend {font-size: 80%; text-align:right;}
#fullscreen .tellafriend {
	margin-right: 100px;
	margin-top: 2px;
}

.highlight_word_0{color:#ffff66;background-color: black;}
.highlight_word_1{color:#ff9999;background-color: black;}
.highlight_word_2{color:#A0FFFF;background-color: black;}
.highlight_word_3{color:#ff66ff;background-color: black;}
.highlight_word_4{color:#99ff99;background-color: black;}

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

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

.mypage_configure th {}

#sideBarTab {}
#sideBarContents {}

a.admbox {}

a.admbox:hover, a.admbox:focus, a.admbox:active  {}

a.admbox.off {}

a.admbox.off:hover, a.admbox.off:focus, a.admbox.off:active {}
a.admbox.off img {}

#rss img {}

/* end of file */