devdaily home | apple | java | perl | unix | directory | blog

What this is

This file is included in the DevDaily.com "CSS Source Code Warehouse" project. The intent of this project is to help you "Learn CSS by Example" TM.

Other links

The source code

/**
 * phpSlash CSS
 *
 * (c) Copyright 2oo2 phpSlash http://www.phpslash.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: #3F4469;
}

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: #3F4469;
  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: #3F4469;
  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: #3F4469;
  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: #3F4469;
  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: #3F4469; 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: #666666; margin-bottom: 5px; } #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; } /* allow for text wrapping around wiki images */ img.be-wikiimage { float: left; margin: 0.5em 0.5em 0.5em 0.5em; } /* Make the textarea on the edit page full width - from phpwiki */ TEXTAREA.be { width: 100%; margin-top: 1ex; } td.content {color: #000000; background-color: #ffffff; font-family: Arial,Helvetica,MS San Serif,sans-serif; font-size: 90%;} td.adminContent {color: #000000; background-color: #ffffff; font-family: Arial,Helvetica,MS San Serif,sans-serif; font-size: 90%;} td.notApprovedContent {color: #000000; background-color: #E5E5E5; font-family: Arial,Helvetica,MS San Serif,sans-serif; font-size: 90%;} td.notVerifiedContent {color: #000000; background-color: #BFBFBF; font-family: Arial,Helvetica,MS San Serif,sans-serif; font-size: 90%;} td.notPublicContent {color: #000000; background-color: #E6E6E6; font-family: Arial,Helvetica,MS San Serif,sans-serif; font-size: 90%;} td.noFollowupContent {color: #000000; background-color: #d5d5d5; font-family: Arial,Helvetica,MS San Serif,sans-serif; font-size: 90%;}




Copyright 1998-2008 Alvin Alexander
All Rights Reserved.
 
devdaily.com is based in louisville, kentucky, and this web site is hosted by godaddy.com