Mercurial > public > sg101
annotate media/css/base.css @ 55:146ded23d05c
#6; Fix elsewhere list display problems. Also fix incorrect XHTML.
| author | Brian Neal <bgneal@gmail.com> |
|---|---|
| date | Tue, 23 Jun 2009 00:24:09 +0000 |
| parents | 48b221d304c6 |
| children | e356ea79a7a2 |
| 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 } |
| bgneal@42 | 57 #footer a { |
| bgneal@42 | 58 color: #0ff; |
| bgneal@42 | 59 } |
| gremmie@1 | 60 ul.app-menu { |
| gremmie@1 | 61 text-align: center; |
| gremmie@1 | 62 list-style: none; |
| gremmie@1 | 63 } |
| gremmie@1 | 64 ul.app-menu li { |
| gremmie@1 | 65 display: inline; |
| gremmie@1 | 66 border: 1px solid black; |
| gremmie@1 | 67 padding: 3px 1em; |
| gremmie@1 | 68 background-color: teal; |
| gremmie@1 | 69 } |
| gremmie@1 | 70 ul.app-menu li a { |
| gremmie@1 | 71 text-decoration: none; |
| gremmie@1 | 72 background-color: teal; |
| gremmie@1 | 73 color: #111; |
| gremmie@1 | 74 } |
| gremmie@1 | 75 ul.app-menu li a:hover { |
| gremmie@1 | 76 color: #fff; |
| gremmie@1 | 77 } |
| gremmie@1 | 78 div.side-block { |
| gremmie@1 | 79 margin: 0 0 0.5em 0; |
| gremmie@1 | 80 padding: 2px 2px; |
| gremmie@1 | 81 width: 100%; |
| gremmie@1 | 82 } |
| gremmie@1 | 83 div.side-block-title { |
| gremmie@1 | 84 margin: 0; |
| gremmie@1 | 85 background-color: teal; |
| gremmie@1 | 86 color: white; |
| gremmie@1 | 87 font-weight: bold; |
| gremmie@1 | 88 text-align: center; |
| gremmie@1 | 89 } |
| gremmie@1 | 90 div.side-block-content { |
| gremmie@1 | 91 margin: 0; |
| gremmie@1 | 92 border: 1px solid teal; |
| gremmie@1 | 93 padding: 2px 2px; |
| gremmie@1 | 94 } |
| gremmie@1 | 95 iframe { |
| gremmie@1 | 96 margin-bottom: 1em; |
| gremmie@1 | 97 } |
| gremmie@1 | 98 img { |
| gremmie@1 | 99 border-style: none; |
| gremmie@1 | 100 } |
| gremmie@1 | 101 .breadcrumbs { |
| gremmie@1 | 102 font-size: x-small; |
| bgneal@13 | 103 padding-bottom: 0.5em; |
| gremmie@1 | 104 } |
| bgneal@5 | 105 table { |
| bgneal@5 | 106 width: auto; |
| bgneal@5 | 107 } |
| bgneal@16 | 108 .errorlist { |
| bgneal@16 | 109 background: #FBE3E4; |
| bgneal@16 | 110 color: #8a1f11; |
| bgneal@16 | 111 border-color: #FBC2C4; |
| bgneal@16 | 112 border: 2px solid #ddd; |
| bgneal@16 | 113 } |
| bgneal@26 | 114 .app-logo { |
| bgneal@26 | 115 text-align: center; |
| bgneal@26 | 116 padding: 0.5em; |
| bgneal@26 | 117 } |
| bgneal@28 | 118 .bulletin { |
| bgneal@28 | 119 text-align: center; |
| bgneal@28 | 120 margin: 1em 1em; |
| bgneal@28 | 121 padding: 1em 1em 0; |
| bgneal@28 | 122 border: 1px solid black; |
| bgneal@28 | 123 } |
| bgneal@28 | 124 .bulletin h3 { |
| bgneal@28 | 125 background-image: url(../icons/asterisk_orange.png); |
| bgneal@28 | 126 background-position: center left; |
| bgneal@28 | 127 background-repeat: no-repeat; |
| bgneal@28 | 128 } |
| bgneal@28 | 129 .bulletin .bulletin-meta { |
| bgneal@28 | 130 font-size: x-small; |
| bgneal@28 | 131 color: gray; |
| bgneal@28 | 132 text-align: right; |
| bgneal@28 | 133 } |
| bgneal@29 | 134 ul.icon-list li { |
| bgneal@29 | 135 list-style-type: none; |
| bgneal@29 | 136 } |
| bgneal@33 | 137 #slideshow { |
| bgneal@33 | 138 position:relative; |
| bgneal@33 | 139 left:15px; |
| bgneal@33 | 140 height:240px; |
| bgneal@33 | 141 } |
| bgneal@33 | 142 #slideshow img { |
| bgneal@33 | 143 position:absolute; |
| bgneal@33 | 144 top:0; |
| bgneal@33 | 145 left:0; |
| bgneal@33 | 146 z-index:8; |
| bgneal@33 | 147 opacity:0.0; |
| bgneal@33 | 148 } |
| bgneal@33 | 149 #slideshow img.active { |
| bgneal@33 | 150 z-index:10; |
| bgneal@33 | 151 opacity:1.0; |
| bgneal@33 | 152 } |
| bgneal@33 | 153 #slideshow img.last-active { |
| bgneal@33 | 154 z-index:9; |
| bgneal@33 | 155 } |