<ralphdahlgren.com>


 
Navigation
  • Home
  • Etomite CMS News
  • Code Library
    • Files
      • style.css
      • commonJScripts.js
      • contrastRows.js
  • Tutorials
  • Ralphs Rants
  • Site Map
  • Search Help
  • Login|Logout
 
Credits
 
Valid XHTML 1.1 Valid CSS! Powered By PHP Powered By MySQL
Powered By Etomite
 

style.css
File: ./templates/mytpl/style.css
/* START - Initial HTML Settings */

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #000000;
  background-color: #cccccc;
  margin: 10px;
  padding: 0;
  min-width: 760px;
}

p { margin: 5px 5px; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

fieldset { margin: .25em; padding: 0em .5em; }

legend { font-weight: bold; padding: 0em .5em; }

hr { margin-left: 20px; margin-right: 20px; }

dt { font-weight: bold; margin-left: 10px; width: 50%; float: left; }

dd {}

table {width: 100%; border-collapse: collapse; border: 1px solid #000000;}

tr, th, td {margin:0; padding:0em .25em; border:none;}

/* END - Initial HTML Settings */


/* START::Layout Settings */

#header {
  color: #ffffff;
  background-color: #336699;
  margin: 0;
}

#wrapper { position: relative; margin: 10px 0px; width: 100%; min-height: 400px; }

#right {margin: 0px 0px 0px 250px;}

#left {width: 240px; float: left;}

#footer {
  color: #ffffff;
  background-color: #336699;
  margin: 0;
  font-size: 1em;
}

.clearfloat {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}

.separator { line-height: 10px; }

/* END::Layout Settings */


/* START - Content Formatting Settings */

#right .content {
  padding: 0px;
  font-size: 1em;
}

#left .content {
  padding: 0px;
  font-size: 1em;
  line-height: 1.35em;
}

#header .content {
  padding: 10px 20px;
  font-size: 1em;
  letter-spacing: .5em;
}

#footer .content {padding: 10px 20px;}

#footer a {color: #ffffff; background: inherit;}

.nomargintop {margin-top: 0;}

.header { width: inherit; border: none; background: #336699; color: #ffffff; margin: 0; padding: 0px; text-align: center; }

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.alignJustify { text-align: justify; }

.floatLeft { float: left; }
.floatRight { float: right; }
.floatNone { clear: both; height: 0; line-height: 0; font-size: 0; }

.alternate_rows th {background-color: #ccf; color: inherit;}
.alternate_rows tr.odd td {background-color: #ffc; color: inherit;}
.alternate_rows tr.even td {background-color: #cfc; color: inherit;}

/* END - Content Formatting Settings */


/* START - Content Box Display Settings */

.contentbox {
  width:100%;
  background: #ffffff;
  color: #000000;
  margin: 0px;
  padding: 0px;
  border: 1px solid #336699;
  font-size: .8em;
  line-height: 1.6em;
  float: left;
}

.contentbox h6 {
  width:100%;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px;
  background: #336699;
  color: #ffffff;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: .1em;
}

.contentbox .content {
  margin: .5em 1em;
}

.contentbox .content p {
  margin-bottom: 1em;
}

/* END - Content Box Display Settings */

/* START - contrastRows related styles */

  h4 { text-align: center; }
  table
  {
    width: auto;
    margin: auto auto;
    border: 1px solid #000;
    border-collapse: collapse;
  }
  td, th
  {
    border: 1px solid #000;
    padding: 2px;
  }
  caption
  {
    width: 100%;
    text-align: center;
    font-weight: bold;
  }
  label
  {
    font-weight: bold;
  }
  pre
  {
    margin: 0;
    padding: 1em 1em;
    /*background-color: #ccc;*/
    font-family: monospace;
  }

  .bold { font-weight: bold; }
  .centered { text-align: center; }
  .underlined { text-decoration: underline; }
  .italic { font-style: italic; }

  .odd { background-color: #eee; color: inherit; }
  .even { background-color: #ccc; color: inherit; }
  .header { background-color: #f80; color: inherit; }

  .black { background-color: black; color: white; }
  .gray { background-color: gray; color: white; }
  .maroon { background-color: maroon; color: white; }
  .purple { background-color: purple; color: white; }
  .green { background-color: green; color: white; }
  .olive { background-color: olive; color: white; }
  .navy { background-color: navy; color: white; }
  .teal { background-color: teal; color: white; }
  .silver { background-color: silver; color: black; }
  .white { background-color: white; color: black; }
  .red { background-color: red; color: black; }
  .fuchsia { background-color: fuchsia; color: black; }
  .lime { background-color: lime; color: black; }
  .yellow { background-color: yellow; color: black; }
  .blue { background-color: blue; color: black; }
  .aqua { background-color: aqua; color: black; }
  .ffc { background-color: #ffc; color: inherit; }
  .cfc { background-color: #cfc; color: inherit; }

/* END - contrastRows related styles */


Powered by Etomite 1.1 (Prelude).
MySQL: 0.5268 s, 13 request(s), PHP: 0.3271 s, Total: 0.8539 s, document retrieved from database
2008-11-21 03:16 PM