Mercurial > public > sg101
annotate media/css/news.css @ 296:0eed8161ca39
Fixing #138. Shoutbox scroller breaks down if there aren't at least 2 things to scroll. Added some dummy shouts on the client side if the shout database is empty.
| author | Brian Neal <bgneal@gmail.com> |
|---|---|
| date | Sun, 09 Jan 2011 20:53:00 +0000 |
| parents | 5232d5808057 |
| children |
| rev | line source |
|---|---|
| gremmie@1 | 1 div.news-story-container { |
| gremmie@1 | 2 border-top: 1px solid black; |
| gremmie@1 | 3 margin: 1em 0.5em; |
| gremmie@1 | 4 padding-top: 0; |
| gremmie@1 | 5 padding-bottom: 1em; |
| gremmie@1 | 6 clear: right; |
| gremmie@1 | 7 } |
| gremmie@1 | 8 div.news-story-container h4 { |
| gremmie@1 | 9 margin: .5em 0; |
| gremmie@1 | 10 padding: 0; |
| gremmie@1 | 11 } |
| gremmie@1 | 12 div.news-details { |
| gremmie@1 | 13 font-style: italic; |
| gremmie@1 | 14 font-size: small; |
| gremmie@1 | 15 margin: 0; |
| gremmie@1 | 16 padding: 0; |
| gremmie@1 | 17 } |
| gremmie@1 | 18 |
| gremmie@1 | 19 img.news-icon { |
| gremmie@1 | 20 float: right; |
| gremmie@1 | 21 margin-right: .5em; |
| gremmie@1 | 22 padding-bottom: 1em; |
| gremmie@1 | 23 padding-left: .5em; |
| gremmie@1 | 24 border: 0; |
| gremmie@1 | 25 } |
| gremmie@1 | 26 div.news-content { |
| gremmie@1 | 27 margin: 0.5em 0.5em; |
| gremmie@1 | 28 } |
| gremmie@1 | 29 |
| gremmie@1 | 30 div.news-tags { |
| gremmie@1 | 31 font-size: small; |
| gremmie@1 | 32 margin: 1em 0; |
| gremmie@1 | 33 } |
| gremmie@1 | 34 |
| gremmie@1 | 35 div.news-tags ul { |
| gremmie@1 | 36 margin: 0; |
| gremmie@1 | 37 padding-left: .5em; |
| gremmie@1 | 38 list-style-type: none; |
| gremmie@1 | 39 display: inline; |
| gremmie@1 | 40 } |
| gremmie@1 | 41 |
| gremmie@1 | 42 div.news-tags ul li { |
| gremmie@1 | 43 margin-left: 0; |
| gremmie@1 | 44 display: inline; |
| gremmie@1 | 45 } |
| gremmie@1 | 46 |
| gremmie@1 | 47 div.news-tag-cloud { |
| gremmie@1 | 48 padding: 0; |
| gremmie@1 | 49 width: 80%; |
| gremmie@1 | 50 text-align: center; |
| gremmie@1 | 51 margin: auto; |
| gremmie@1 | 52 } |
| gremmie@1 | 53 |
| gremmie@1 | 54 div.news-tag-cloud ul { |
| gremmie@1 | 55 margin: 0; |
| gremmie@1 | 56 list-style-type: none; |
| gremmie@1 | 57 } |
| gremmie@1 | 58 |
| gremmie@1 | 59 div.news-tag-cloud li { |
| gremmie@1 | 60 display: inline; |
| gremmie@1 | 61 } |
| gremmie@1 | 62 |
| gremmie@1 | 63 div.news-tag-cloud a { |
| gremmie@1 | 64 text-decoration: none; |
| gremmie@1 | 65 vertical-align: middle; |
| gremmie@1 | 66 background-color: white; |
| gremmie@1 | 67 color: black; |
| gremmie@1 | 68 } |
| gremmie@1 | 69 |
| gremmie@1 | 70 div.news-tag-cloud a:hover { |
| gremmie@1 | 71 background-color: #bdd6d6; |
| gremmie@1 | 72 color: black; |
| gremmie@1 | 73 } |