diff media/css/theme.css @ 1:0dcfcdf50c62

Initial import of Madeira project from the private repository.
author Brian Neal <bgneal@gmail.com>
date Mon, 06 Apr 2009 03:10:59 +0000
parents
children d771b81e927e
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/media/css/theme.css	Mon Apr 06 03:10:59 2009 +0000
@@ -0,0 +1,284 @@
+body { 
+   font-family: arial, helvetica, sans-serif;
+   color: #EF7D21;
+   background-color: #213442;
+}
+
+.centered { text-align: center; }
+
+A:link {
+   color:  #6B969C;
+   text-decoration: none;
+}
+
+A:visited {
+   color:  #6B969C;
+   text-decoration: none;
+}
+
+A:hover { 
+   text-decoration: underline;
+}
+
+h1 {
+   font: italic 32px georgia, 'times new roman', sans-serif;
+   margin: 0px;
+   padding: 0 0 10px 0;
+}
+
+.headline1 {
+   font: italic 32px georgia, 'times new roman', sans-serif;
+   margin: 0px;
+   padding: 0 0 10px 0;
+}
+
+h2 {
+   font: italic 20px verdana, tahoma, arial, sans-serif;
+   padding-top: 5px;
+   color:  #6B969C;
+   border-top: solid 1px #6B969C;
+}
+
+div.madeira-photo-list {
+   margin: 2em;
+   text-align: center;
+}
+
+div.madeira-photo-list img {
+   border: thin dotted #6B969C;
+   padding: 2px;
+   margin: 5px;
+}
+
+a.img-link:link    { text-decoration: none; background-color: transparent; }
+a.img-link:visited { text-decoration: none; background-color: transparent; }
+a.img-link:hover   { text-decoration: none; background-color: transparent; }
+
+.header {
+   margin-top: 10px;
+   margin-left: 5px;
+}
+
+.content {
+   margin: 20px 1em 1em 150px;
+   max-width: 840px;
+   z-index: 3;
+   padding: 5px;
+}
+
+.photobkgnd {
+   margin: 3em;
+   z-index: 3;
+   background-color: #888888;
+   padding: 5px;
+}
+
+.newsflash {
+   margin: 20px 1em;
+   border: 3px solid #6B969C;
+   padding: 5px;
+   background-color: #2e414f;
+   color: #EF7D21;
+}
+
+/* 
+** f'in IE doesn't seem to honor my padding and the float doesn't work.
+** solution: make an invisible border...lame. 
+** It's fine in Firefox.
+*/
+.floatLeftBox {
+   /* padding: 0 1em 1em 0;  I wish I could just use this */
+   float: left;
+   border-right: 0.5em solid #213442;
+   border-bottom: 0.5em solid #213442;
+}
+
+.clearMe {
+   clear: left;
+}
+
+.cdCoverFloatList {
+   margin-left: 260px;
+   text-align: left;
+}
+
+/* For internal links (within the same page) */
+.intLink {
+   margin-top: 2em;
+   font-size: small;
+}
+
+label.normal {
+   width: 9em;
+   float: left;
+   text-align: right;
+   margin: 0 1em 10px 0;
+   clear: both;
+   font-weight: bold;
+}
+
+.form-box {
+   color: black;
+   background: #ccc;
+   border-top: black solid 2px;
+   border-left: black solid 2px;
+   border-bottom: #eee solid 2px;
+   border-right: #eee solid 2px;
+   margin-bottom: 5px;
+}
+
+.form-radio {
+   margin-left: 10em;
+}
+
+.form-comment {
+   font-style: italic;
+   font-size: x-small;
+   margin-left: 10em;
+   margin-bottom: 10px;
+}
+
+.submit-button {
+   color: black;
+   background: #6B969C;
+   border: 2px outset;
+   padding: 3px;
+}
+
+table.input-form th {
+   vertical-align: top;
+}
+
+ul.errorlist {
+   margin: 0 0 0 1em;
+   padding: 2px;
+}
+.errorlist li {
+   color: red;
+}
+
+fieldset {
+   border: 1px solid teal;
+   margin-top: 2em;
+}
+
+legend {
+   background: #6B969C;
+   color: black;
+   border: 1px solid black;
+   padding: 2px 12px 2px 12px;
+}
+
+#footer {
+   clear: both;
+   list-style-type: none;
+   margin-top: 30px;
+   padding-top: 1em;
+   border-top: solid 1px #6B969C;
+   font-size: small;
+   font-style: italic;
+   text-align: right;
+}
+
+#navleft {
+   position: absolute;
+   top: 343px;
+   left: 10px;
+   width: 130px;
+   height: auto;
+}
+
+#navleft ul {
+   margin: 0 0 0 0;
+   padding: 0 0 0 0;
+   font: 12px verdana, tahoma, arial, sans-serif;
+   font: bold 15px georgia, 'times new roman', sans-serif;
+   list-style-type: none;
+   display: inline;
+}
+
+#navleft li {
+   margin: 0px 0 0;
+   display: inline;
+}
+
+#navleft a {
+   display: block;
+   width: 118px;
+   padding: 2px 2px 2px 10px;
+   border: 1px solid #000000;
+   /* background: #EF7D21; */
+   /* color: #213442; */
+   background:  #6B969C;
+   color: #EF7D21;
+   text-decoration: none;
+}
+
+#navleft a:link, #navleft a:active, #navleft a:visited {
+   color: #213442;
+}
+
+#navleft a:hover {
+   border: 1px solid #000000;
+   background: #213442;
+   background: #EF7D21;
+   color: #EF7D21;
+   background: #213442 url(../images/brick.gif);
+   color: #ffffff;
+   color: #6B969C;
+   color: #213442;
+}
+
+div.article-source {
+   font-style: italic;
+   padding-bottom: 2px;
+   margin-bottom: 5px;
+}
+
+div.center-block {
+   margin: 10px 30px 10px 30px;
+   border: 1px solid #6B969C;
+   padding: 3px;
+}
+
+div.center-block h2 {
+   font: italic 20px verdana, tahoma, arial, sans-serif;
+   padding-top: 1px;
+   margin-top: 1px;
+   color:  #6B969C;
+   border-top: none;
+   text-align: center;
+}
+
+div.thumb-box {
+   margin: 20px 1em;
+   border: 3px solid #6B969C;
+   padding: 5px;
+   background-color: #2e414f;
+   color: #EF7D21;
+}
+
+div.thumb-box img {
+   border: thin dotted #6B969C;
+   padding: 2px;
+   margin: 5px;
+}
+
+div.thumb-box h2 {
+   font: italic 20px verdana, tahoma, arial, sans-serif;
+   padding-top: 1px;
+   margin-top: 1px;
+   color:  #6B969C;
+   border-top: none;
+   text-align: center;
+}
+
+table.image-table {
+   float: left;
+   margin: 0 5px 20px 0;
+}
+
+table.image-table caption {
+   font-size: x-small;
+   caption-side: top;
+}