Mercurial > public > sg101
annotate media/css/base.css @ 19:aa2b41c5212b
First steps at scratching out a home page. Will need to develop some template tags now to fill it out.
| author | Brian Neal <bgneal@gmail.com> |
|---|---|
| date | Sun, 19 Apr 2009 20:10:00 +0000 |
| parents | c037eee52796 |
| children | db40c2754580 |
| 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 } |