/** * phpSlash CSS * * (c) Copyright 2oo2 phpSlash http://www.php-slash.org/ * * Covers all phpSlash templates, but article-pf.tpl * article-pf.tpl serves a own style between the tag * * Please inform us about new, nice themes! :-)) * * Important attibutes are body, td, titleBar, header, footer, story, * comment and fancyBox * If you change the layout of this attributes, your site * won't look like every phpSlash site. ;-) * * * It's tested with: * - NN 4.77 (Linux) * - NN 6 (Linux) * - Opera 6 TP2 (Linux) * - Mozilla 0.9.7 (Linux) * - Lynx 2.8.4rel1 (Linux) ;-) * * To change the look of your site you need a theme which * supports CSS, i.e. our theme "basic" */ /** * Some settings for all pages */ body { background-color: #FFFFFF; color: #000000; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; } /** * lh: This is necessary for NN 4.x * If you don't want support NN 4.x * it's enough to put the font-family and size * in the body class, so that this settings are the * default */ body, div, tr, td, th, ul, li, p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } /** * Default setting for lists */ ul { list-style-type: disc; } /** * Mainly used for table cells * and forms */ .descr { font-weight: bold; } /** * Default colors for alternating rows */ tr.firstRow { background-color: #FFFFFF; } tr.secondRow { background-color: #EEEEEE; } /** * Special setting for table cells */ td.descr { vertical-align: top; } a:link { color: #6B2323; } a:visited { color: #004469; } /** * Table headers */ th { font-weight: bold; background-color: #CCCCCC; } /** * breadcrumb.tpl */ p.breadcrumb { } /** * about.tpl */ #about { } /** * slashHead.tpl */ #header { /* background-color: #6B2323; */ background-color: #FFFFFF; width: 100%; border-width: 0px; border: none; /* for NN 4.x only */ margin-bottom: 20px; } /** * topicBar.tpl */ #topicBar { background-color: #FFFFFF; width: 100%; border: none; /* for NN 4.x only */ } #topicBar .siteName { font-size: 20px; font-weight: bold; } #topicBar .pageTitle { font-size: 18px; } #topicBar .siteTitle { } /** * navBar.tpl */ #navBar { background-color: #6B2323; width: 100%; border: none; /* for NN 4.x only */ padding-top: 2px; padding-bottom: 2px; padding-left: 4px; } #navBar a, #navBar a:link, #navBar a:visited { color: #FFFFFF; text-decoration: none; } /** * slashFooter.tpl */ #footer, #footer p { text-align: center; width: 100%; margin-top: 20px; } #footer p.copyright { font-size: 10px; color: #999999; font-style: italic; text-align: center; } /** * navBarFooter.tpl */ #navBarFooter { color: #FFFFFF; background-color: #6B2323; width: 100%; border: none; /* for NN 4.x only */ padding-top: 2px; padding-bottom: 2px; text-align: center; } #navBarFooter a, #navBarFooter a:link, #navBarFooter a:visited { color: #FFFFFF; text-decoration: none; } /** * fancyBox.tpl */ #fancyBox { text-align: left; margin-top: 4px; margin-bottom: 20px; /** * Possibilities for browsers != NN 4.x: * (NN 4.x just ignores this) */ /* border-style: dashed; border-color: #999999; border-width: 1px; */ } #fancyBoxHeader { font-weight: bold; font-size: 14px; text-align: left; padding-bottom: 2px; padding-top: 0px; color: #FFFFFF; width: 100%; background-color: #6B2323; border: none; vertical-align: top; } #fancyBoxHeader a, #fancyBoxHeader a:link, #fancyBoxHeader a:visited { font-weight: bold; color: #FFFFFF; text-decoration: none; } /** * framedBox.tpl */ #framedBox { text-align: left; padding-left: 4px; margin-top: 4px; margin-bottom: 20px; /** * Possibilities for browsers != NN 4.x: * (NN 4.x just ignores this) */ border-style: solid; border-color: #9298AD; border-width: 1px; } /** * borderedBox.tpl */ #borderedBox { text-align: left; margin-top: 4px; margin-bottom: 20px; /** * Possibilities for browsers != NN 4.x: * (NN 4.x just ignores this) */ border-style: solid; border-color: #9298AD; border-width: 1px; } /** * openBox.tpl */ #openBox { } /** * titlebar.tpl * * lh: I'd like to kill the table in the titlebar.tpl * but the NN 4.x doesn't accept my div width tag * so the table gets a class attr. :-( * If you don't like NN 4.x: Kill the table in * titlebar.tpl and set a *
...
* then convert the titleBar class to a layer (#titleBar) * After that you can kill the .titleBarTitle class * That's it! :-) */ .titleBar { font-size: 14px; font-weight: bold; background-color: #6B2323; color: #FFFFFF; margin-top: 2px; margin-bottom: 2px; border: none; /* for NN 4.x only */ vertical-align: middle; } .titleBarTitle { font-size: 14px; font-weight: bold; color: #FFFFFF; vertical-align: top; } /** * story.tpl */ #story { } #storyContribute { color: #888888; margin-bottom: 5px; font-size: 9px; display:none; } #storyAdditional { font-size: 10px; color: #666666; text-align: right; } #storyAdditional a, storyAdditional a:link, storyAddtional:visited { color: blue; text-decoration: none; } /* NN 4.x ignores the following */ #storyAdditional a:hover { text-decoration: underline; } #storyTextIntro { font-size: 14px; color: #000000; margin-bottom: 10px; } #storyTextBody { font-size: 14px; color: #000000; margin-top: 4px; } #storyArrows { color: #000000; margin-top: 20px; margin-bottom: 20px; } /** * storyIndex.tpl */ #storyFooter { margin-bottom: 40px; text-decoration: none; } #storyFooter a, #storyFooter a:link, #storyFooter a:visited { text-decoration: none; } /** * storyList.tpl */ #storyList { } #storyList .descr, #storyList .author { font-weight: bold; text-align: center; } #storyList .date { font-family: "Courier New", Courier, mono; } #storyList tr.firstRow { } #storyList tr.secondRow { } /** * storyNew.tpl */ #storyNew { } #storyNew .descr { text-align: right; vertical-align: middle; } /** * comment.tpl */ #comment { } #commentForm { background-color: #CCCCCC; text-align: center; border-style: dashed; border-color: #666666; border-width: 1px; } /** * commentDisplay.tpl */ #commentDisplay { background-color: #FFFFFF; border-style: dashed; border-color: #CCCCCC; border-width: 1px; margin-top: 20px; } #commentHeader { background-color: #EEEEEE; border: none; /* for NN 4.x only */ margin-bottom: 10px; } #commentText { font-size: 14px; margin-bottom: 10px; } #commentAdmin { border-color: red; border-style: dotted; border-width: 1px; } #commentFooter { } /** * The following three classes are also for * the template "commentIndex.tpl" */ .commentSubject { font-weight: bold; font-size: 14px; } .commentID { font-size: 10px; font-style: italic; } .commentAuthor { font-size: 14px; font-style: italic; } /** * commentNest.tpl */ .commentNest { list-style-type: none; } /** * commentSubmitForm.tpl */ #commentSubmitForm, #commentSubmitForm td{ font-size: 14px; } #commentSubmitForm .descr { } #commentSubmitForm td.descr { text-align: right; } #commentSubmitForm p.hint { font-style: italic; } /** * submission.tpl */ #submission { } #submissionContribute { color: #666666; margin-bottom: 5px; } #submissionTextIntro { font-size: 14px; margin-bottom: 10px; } #submissionTextBody { margin-top: 4px; } /** * submissionForm.tpl */ #submissionForm, #submissionForm td{ font-size: 14px; } #submissionForm td.descr { text-align: right; } #submissionForm .hint { font-weight: normal; font-size: 12px; } /** * submissionList.tpl */ #submissionList { } #submissionList p.viewMore { font-weight: bold; } /** * skinsblock.tpl */ ul.skinsblock { } /** * sectionsblock.tpl */ ul.sectionsblock { } /** * topicsblock.tpl */ ul.topicsblock { } /** * quoteblock.tpl */ p.quote { font-style: italic; } p.author { } /** * sectionList.tpl */ #sectionList { } #sectionList tr.firstRow { } #sectionList tr.secondRow { } /** * sectionNew.tpl */ #sectionNew { } #sectionNew td.descr { text-align: right; } /** * storyRelated.tpl */ #storyRelated { font-size: 10px; } #storyRelated .more { font-weight: bold; } /** * calendar.tpl */ #calendar { font-size: 10px; text-align: center; } #calendar td.linkedCell { font-weight: bold; background-color: #CCCCCC; } /** * error.tpl */ #error { font-size: 14px; font-weight: bold; color: red; margin-top: 20px; margin-bottom: 20px; } /** * message.tpl */ #message { font-size: 14px; font-weight: bold; margin-top: 20px; margin-bottom: 20px; } /** * messageStrike.tpl */ #messageStrike { font-size: 14px; font-weight: bold; font-style: italic; text-decoration: line-through; } /** * notfound.tpl */ #notFound { color: red; font-size: 14px; font-weight: bold; text-align: center; margin-top: 20px; margin-bottom: 20px; width: 100%; } /** * glossaryNew.tpl */ #glossaryNew { } #glossaryNew td.descr { text-align: right; } /** * glossaryList.tpl */ #glossaryList { } /** * glossarySearch.tpl */ #glossarySearch { } #glossarySearch td.term { font-weight: bold; } #glossarySearch tr.firstRow { } #glossarySearch tr.secondRow { } /** * authorList.tpl */ #authorList { } #authorList tr.firstRow { } #authorList tr.secondRow { } /** * authorNew.tpl */ #authorNew { } #authorNew td.descr { } #authorNew .must { color: red; } /** * pollList.tpl */ #pollList { margin-top: 20px; margin-bottom: 20px; } #pollList .pollAdminLinks { color: red; } #pollList .more { font-weight: bold; } /** * pollDisplay.tpl */ #pollDisplay { text-align: left; } #pollDisplay .question, #pollDisplay .commentCount, #pollDisplay .voteCount { font-weight: bold; } /** * pollEdit.tpl */ #pollEdit { } /** * pollShow.tpl */ #pollShow { } #pollShow td.descr { } #pollShow td.pollLinks { text-align: center; } /** * loginform.tpl * loginformCR.tpl */ #loginForm { margin-bottom: 20px; } #loginForm td.descr { } #loginForm p.error { color: red; } /** * searchPage.tpl */ #searchPage { } #searchPage td { vertical-align: middle; } #searchPage .storyTitle, #searchPage .prevMatches, #searchPage .nextMatches, #searchPage .commentCount, #searchPage .noMatches { font-weight: bold; } #searchPage .author { font-weight: normal; } /** * mailinglistAdmin.tpl */ #mailingListAdmin { } #mailingListAdmin hr { border-width: 1px; } #mailingListAdmin td.descr, #mailingListAdmin p.massDel { font-weight: bold; } /** * mailinglistForm.tpl */ #mailingListForm { } #mailingListForm td.descr, #mailingListForm p.descr { font-weight: bold; } #mailingListForm .hint { font-size: 10px; font-weight: normal; } #mailingListForm p.privacy { font-style: italic; } #mailingListSubscribe { margin-bottom: 20px; } #mailingListUnSubscribe { margin-top: 50px; } /** * mailinglistMessageForm.tpl */ #mailingListMessageForm { } #mailingListMessageForm td.descr { text-align: right; } #mailingListMessageForm .hint { font-weight: normal; } /** * blockList.tpl */ #blockList { } #blockList tr.firstRow { } #blockList tr.secondRow { } /** * blockEdit.tpl */ #blockEdit { } #blockEdit td.descr { } #blockEdit .hint { font-size: 10px; font-weight: normal; } /** * blocktypeList.tpl */ #blockTypeList { } /** * infolog.tpl */ #infoLog { } /** * topicList.tpl */ #topicList { } #topicList tr.firstRow { } #topicList tr.secondRow { } /** * topicsDisplay.tpl */ #topicsDisplay { } /** * topicNew.tpl */ #topicNew { } #topicNew td.descr { } #topicNew .hint { font-size: 10px; } /** * articleEmailForm.tpl */ #articleEmailForm { } #articleEmailForm td.descr { text-align: right; } /** * articleEmailSent.tpl */ #articleEmailSent { } #articleEmailSent td.descr { text-align: right; } #articleEmailSent td.headline { font-weight: bold; font-size: 16px; text-align: center; } /** * variableList.tpl */ #variableList { } #variableList td.descr { } /** * variableNew.tpl */ #variableNew { } #variableNew td.descr { text-align: right; } /* * 2003-09-24 Alexander Bartolich */ a { text-decoration:none } a:hover { color: #FFFFFF; text-decoration:underline; background-color: #000000; font-family: Arial, Helvetica, sans-serif; } /* * 2006-08-29 */ table.chessAnnouncement { border:0; border-collapse:collapse; } table.chessAnnouncement tr { vertical-align: top; } table.chessAnnouncement th { padding: 3px; font-weight: bold; background-color: white; text-align:left; } table.chessAnnouncement td { padding: 3px; } /* * 2007-09-12 */ dl.chessList dt { font-weight: bold; }