Mercurial > public > sg101
annotate media/css/base.css @ 11:cc8eb028def1
Update jquery-ui and theme version that is hosted on google. In preparation for having jquery on every page (?), make it so that the autocomplete plug is using the 'global' jquery, and not the one that came with it. It seems to work okay with jquery 1.3.2.
author | Brian Neal <bgneal@gmail.com> |
---|---|
date | Tue, 14 Apr 2009 02:35:35 +0000 |
parents | 63696b279e35 |
children | 777451a98f9d |
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 { |
gremmie@1 | 55 padding: 24px; |
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; |
gremmie@1 | 100 } |
bgneal@5 | 101 table { |
bgneal@5 | 102 width: auto; |
bgneal@5 | 103 } |