Mercurial > public > madeira
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; -}