Mercurial > public > sg101
annotate news/static/css/news.css @ 1160:b84ce2d7e93d
New template for displaying django messages.
New common template for rendering django messages in the new V3 Foundation
style.
| author | Brian Neal <bgneal@gmail.com> |
|---|---|
| date | Tue, 24 Jan 2017 19:22:29 -0600 |
| parents | ee87ea74d46b |
| children |
| rev | line source |
|---|---|
| bgneal@312 | 1 div.news-story-container { |
| bgneal@312 | 2 border-top: 1px solid black; |
| bgneal@312 | 3 margin: 1em 0.5em; |
| bgneal@312 | 4 padding-top: 0; |
| bgneal@312 | 5 padding-bottom: 1em; |
| bgneal@312 | 6 clear: right; |
| bgneal@312 | 7 } |
| bgneal@312 | 8 div.news-story-container h4 { |
| bgneal@312 | 9 margin: .5em 0; |
| bgneal@312 | 10 padding: 0; |
| bgneal@312 | 11 } |
| bgneal@312 | 12 div.news-details { |
| bgneal@312 | 13 font-style: italic; |
| bgneal@312 | 14 font-size: small; |
| bgneal@312 | 15 margin: 0; |
| bgneal@312 | 16 padding: 0; |
| bgneal@312 | 17 } |
| bgneal@312 | 18 |
| bgneal@312 | 19 img.news-icon { |
| bgneal@312 | 20 float: right; |
| bgneal@312 | 21 margin-right: .5em; |
| bgneal@312 | 22 padding-bottom: 1em; |
| bgneal@312 | 23 padding-left: .5em; |
| bgneal@312 | 24 border: 0; |
| bgneal@312 | 25 } |
| bgneal@312 | 26 div.news-content { |
| bgneal@312 | 27 margin: 0.5em 0.5em; |
| bgneal@312 | 28 } |
| bgneal@312 | 29 |
| bgneal@312 | 30 div.news-tags { |
| bgneal@312 | 31 font-size: small; |
| bgneal@312 | 32 margin: 1em 0; |
| bgneal@312 | 33 } |
| bgneal@312 | 34 |
| bgneal@312 | 35 div.news-tags ul { |
| bgneal@312 | 36 margin: 0; |
| bgneal@312 | 37 padding-left: .5em; |
| bgneal@312 | 38 list-style-type: none; |
| bgneal@312 | 39 display: inline; |
| bgneal@312 | 40 } |
| bgneal@312 | 41 |
| bgneal@312 | 42 div.news-tags ul li { |
| bgneal@312 | 43 margin-left: 0; |
| bgneal@312 | 44 display: inline; |
| bgneal@312 | 45 } |
| bgneal@312 | 46 |
| bgneal@312 | 47 div.news-tag-cloud { |
| bgneal@312 | 48 padding: 0; |
| bgneal@312 | 49 width: 80%; |
| bgneal@312 | 50 text-align: center; |
| bgneal@312 | 51 margin: auto; |
| bgneal@312 | 52 } |
| bgneal@312 | 53 |
| bgneal@312 | 54 div.news-tag-cloud ul { |
| bgneal@312 | 55 margin: 0; |
| bgneal@312 | 56 list-style-type: none; |
| bgneal@312 | 57 } |
| bgneal@312 | 58 |
| bgneal@312 | 59 div.news-tag-cloud li { |
| bgneal@312 | 60 display: inline; |
| bgneal@312 | 61 } |
| bgneal@312 | 62 |
| bgneal@312 | 63 div.news-tag-cloud a { |
| bgneal@312 | 64 text-decoration: none; |
| bgneal@312 | 65 vertical-align: middle; |
| bgneal@312 | 66 background-color: white; |
| bgneal@312 | 67 color: black; |
| bgneal@312 | 68 } |
| bgneal@312 | 69 |
| bgneal@312 | 70 div.news-tag-cloud a:hover { |
| bgneal@312 | 71 background-color: #bdd6d6; |
| bgneal@312 | 72 color: black; |
| bgneal@312 | 73 } |