Mercurial > public > sg101
annotate media/css/base.css @ 33:c018872385ea
Slideshow for home page; Initial checkin for the donations application.
| author | Brian Neal <bgneal@gmail.com> |
|---|---|
| date | Wed, 03 Jun 2009 00:59:17 +0000 |
| parents | 74f04122295e |
| children | 48b221d304c6 |
| rev | line source |
|---|---|
| gremmie@1 | 1 body { |
| gremmie@1 | 2 background-color: #eee; |
| gremmie@1 | 3 } |
| gremmie@1 | 4 #page { |
| gremmie@1 | 5 } |
| gremmie@1 | 6 #header { |
| gremmie@1 | 7 background-color: teal; |
| gremmie@1 | 8 } |
| gremmie@1 | 9 #header h1 { |
| gremmie@1 | 10 border-bottom: 1px solid #ccc; |
| gremmie@1 | 11 font: normal italic 1.5em/18px Georgia, serif; |
| gremmie@1 | 12 margin-bottom: 11px; |
| gremmie@1 | 13 color: #57FEFF; |
| gremmie@1 | 14 margin-left: -108px; |
| gremmie@1 | 15 padding: 15px 0 21px 108px; |
| gremmie@1 | 16 } |
| gremmie@1 | 17 #header p { |
| gremmie@1 | 18 float: left; |
| gremmie@1 | 19 padding: 60px 24px 24px 24px; |
| gremmie@1 | 20 font-size: 1.5em; |
| gremmie@1 | 21 line-height: 1em; |
| gremmie@1 | 22 } |
| gremmie@1 | 23 #header ul { |
| gremmie@1 | 24 padding-top: 62px; |
| gremmie@1 | 25 padding-right: 12px; |
| gremmie@1 | 26 text-align: right; |
| gremmie@1 | 27 list-style: none; |
| gremmie@1 | 28 } |
| gremmie@1 | 29 #header li { |
| gremmie@1 | 30 display: inline; |
| gremmie@1 | 31 margin: 0 12px; |
| gremmie@1 | 32 } |
| gremmie@1 | 33 #header li a { |
| gremmie@1 | 34 font-size: 1.25em; |
| gremmie@1 | 35 line-height: 1em; |
| gremmie@1 | 36 text-decoration: none; |
| gremmie@1 | 37 color: #57FEFF; |
| gremmie@1 | 38 } |
| gremmie@1 | 39 #header li a:hover { |
| gremmie@1 | 40 color: #300; |
| gremmie@1 | 41 } |
| gremmie@1 | 42 #content-primary { |
| gremmie@1 | 43 } |
| gremmie@1 | 44 #content-secondary { |
| gremmie@1 | 45 } |
| gremmie@1 | 46 #footer { |
| gremmie@1 | 47 height: 192px; |
| gremmie@1 | 48 background: #333; |
| gremmie@1 | 49 font-size: 10px; |
| gremmie@1 | 50 line-height: 1em; |
| gremmie@1 | 51 text-shadow: 1px 1px 1px #333; |
| gremmie@1 | 52 color: #fff; |
| gremmie@1 | 53 } |
| gremmie@1 | 54 #footer p { |
| bgneal@19 | 55 margin: 1em; |
| gremmie@1 | 56 } |
| gremmie@1 | 57 ul.app-menu { |
| gremmie@1 | 58 text-align: center; |
| gremmie@1 | 59 list-style: none; |
| gremmie@1 | 60 } |
| gremmie@1 | 61 ul.app-menu li { |
| gremmie@1 | 62 display: inline; |
| gremmie@1 | 63 border: 1px solid black; |
| gremmie@1 | 64 padding: 3px 1em; |
| gremmie@1 | 65 background-color: teal; |
| gremmie@1 | 66 } |
| gremmie@1 | 67 ul.app-menu li a { |
| gremmie@1 | 68 text-decoration: none; |
| gremmie@1 | 69 background-color: teal; |
| gremmie@1 | 70 color: #111; |
| gremmie@1 | 71 } |
| gremmie@1 | 72 ul.app-menu li a:hover { |
| gremmie@1 | 73 color: #fff; |
| gremmie@1 | 74 } |
| gremmie@1 | 75 div.side-block { |
| gremmie@1 | 76 margin: 0 0 0.5em 0; |
| gremmie@1 | 77 padding: 2px 2px; |
| gremmie@1 | 78 width: 100%; |
| gremmie@1 | 79 } |
| gremmie@1 | 80 div.side-block-title { |
| gremmie@1 | 81 margin: 0; |
| gremmie@1 | 82 background-color: teal; |
| gremmie@1 | 83 color: white; |
| gremmie@1 | 84 font-weight: bold; |
| gremmie@1 | 85 text-align: center; |
| gremmie@1 | 86 } |
| gremmie@1 | 87 div.side-block-content { |
| gremmie@1 | 88 margin: 0; |
| gremmie@1 | 89 border: 1px solid teal; |
| gremmie@1 | 90 padding: 2px 2px; |
| gremmie@1 | 91 } |
| gremmie@1 | 92 iframe { |
| gremmie@1 | 93 margin-bottom: 1em; |
| gremmie@1 | 94 } |
| gremmie@1 | 95 img { |
| gremmie@1 | 96 border-style: none; |
| gremmie@1 | 97 } |
| gremmie@1 | 98 .breadcrumbs { |
| gremmie@1 | 99 font-size: x-small; |
| bgneal@13 | 100 padding-bottom: 0.5em; |
| gremmie@1 | 101 } |
| bgneal@5 | 102 table { |
| bgneal@5 | 103 width: auto; |
| bgneal@5 | 104 } |
| bgneal@16 | 105 .errorlist { |
| bgneal@16 | 106 background: #FBE3E4; |
| bgneal@16 | 107 color: #8a1f11; |
| bgneal@16 | 108 border-color: #FBC2C4; |
| bgneal@16 | 109 border: 2px solid #ddd; |
| bgneal@16 | 110 } |
| bgneal@26 | 111 .app-logo { |
| bgneal@26 | 112 text-align: center; |
| bgneal@26 | 113 padding: 0.5em; |
| bgneal@26 | 114 } |
| bgneal@28 | 115 .bulletin { |
| bgneal@28 | 116 text-align: center; |
| bgneal@28 | 117 margin: 1em 1em; |
| bgneal@28 | 118 padding: 1em 1em 0; |
| bgneal@28 | 119 border: 1px solid black; |
| bgneal@28 | 120 } |
| bgneal@28 | 121 .bulletin h3 { |
| bgneal@28 | 122 background-image: url(../icons/asterisk_orange.png); |
| bgneal@28 | 123 background-position: center left; |
| bgneal@28 | 124 background-repeat: no-repeat; |
| bgneal@28 | 125 } |
| bgneal@28 | 126 .bulletin .bulletin-meta { |
| bgneal@28 | 127 font-size: x-small; |
| bgneal@28 | 128 color: gray; |
| bgneal@28 | 129 text-align: right; |
| bgneal@28 | 130 } |
| bgneal@29 | 131 ul.icon-list li { |
| bgneal@29 | 132 list-style-type: none; |
| bgneal@29 | 133 } |
| bgneal@33 | 134 #slideshow { |
| bgneal@33 | 135 position:relative; |
| bgneal@33 | 136 left:15px; |
| bgneal@33 | 137 height:240px; |
| bgneal@33 | 138 } |
| bgneal@33 | 139 #slideshow img { |
| bgneal@33 | 140 position:absolute; |
| bgneal@33 | 141 top:0; |
| bgneal@33 | 142 left:0; |
| bgneal@33 | 143 z-index:8; |
| bgneal@33 | 144 opacity:0.0; |
| bgneal@33 | 145 } |
| bgneal@33 | 146 #slideshow img.active { |
| bgneal@33 | 147 z-index:10; |
| bgneal@33 | 148 opacity:1.0; |
| bgneal@33 | 149 } |
| bgneal@33 | 150 #slideshow img.last-active { |
| bgneal@33 | 151 z-index:9; |
| bgneal@33 | 152 } |