diff static/css/theme.css @ 101:0a8942306b04

Bootstrap work for mailing list page. Also corrected form cleaning logic if fields aren't provided.
author Brian Neal <bgneal@gmail.com>
date Wed, 16 Oct 2013 20:32:58 -0500
parents e4faf6f90710
children 23efa49f5e29
line wrap: on
line diff
--- a/static/css/theme.css	Tue Oct 15 21:35:48 2013 -0500
+++ b/static/css/theme.css	Wed Oct 16 20:32:58 2013 -0500
@@ -1,308 +1,4 @@
 body { 
-   font-family: arial, helvetica, sans-serif;
-   color: #EF7D21;
-   background-color: #213442;
-   font-size: 1.0em;
+   padding-top: 50px;
+   padding-bottom: 20px;
 }
-
-.centered { text-align: center; }
-
-a:link {
-   color:  #6B969C;
-   text-decoration: none;
-}
-
-a:visited {
-   color:  #6B969C;
-   text-decoration: none;
-}
-
-a:hover { 
-   text-decoration: underline;
-}
-
-h1, h3 {
-   color: #EF7D21;
-}
-
-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;
-   margin-top: 1.5em;
-   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;
-}
-
-.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 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;
-   padding: 2px 2px 2px 10px;
-   border: 1px solid #000000;
-   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 url(../images/brick.gif);
-   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 {width:auto;}
-
-table.flyers { width: 100% }
-
-table.image-table {
-   display: inline;
-   margin: 0 5px 20px 0;
-}
-
-table.image-table caption {
-   font-size: x-small;
-   caption-side: top;
-   text-align: center;
-   background-color: #213442;
-}
-
-#slideshow {
-   width: 600px;
-   height: 200px;
-}
-
-.quotes h2 {
-   font: italic 20px verdana, tahoma, arial, sans-serif;
-   padding-top: 0px;
-   margin-top: 0em;
-   color: #EF7D21;
-   border-top: none;
-}
-.quotes blockquote {
-   color: #EF7D21;
-   font-style: italic;
-   font-family:'Courier New', Courier, monospace;
-   padding:10px;
-}
-.quotes blockquote.odd {
-   border: 1px dotted #6B969C;
-   -moz-box-shadow: 3px 3px 4px #000;
-   -webkit-box-shadow: 3px 3px 4px #000;
-   box-shadow: 3px 3px 4px #000;
-   /* For IE 8 */
-   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
-   /* For IE 5.5 - 7 */
-   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
-}
-.quotes blockquote .citation {
-   font-style: normal;
-   font-size: smaller;
-   font-family: arial, helvetica, sans-serif;
-   padding:20px;
-}