Mercurial > hg > chronicle
annotate themes/default/style.css @ 307:fe474f3ed3e5 default tip
Making archive pages have the same layout as the index
| author | Dominic Cleal <dominic@computerkb.co.uk> |
|---|---|
| date | Mon, 22 Dec 2008 12:08:20 +0000 |
| parents | d9be5fecd7e5 |
| children |
| rev | line source |
|---|---|
| 6 | 1 |
| 2 body { | |
| 3 padding: 0 10px; | |
| 4 padding-top: 1px; | |
| 5 padding-bottom: 1em; | |
| 6 background-color: white; | |
| 7 color: black; | |
| 8 margin: 0; | |
|
127
d9be5fecd7e5
BUGFIX: Make the sidebar border work correctly.
Steve Kemp <steve@steve.org.uk>
parents:
126
diff
changeset
|
9 margin-right: 185px; |
|
d9be5fecd7e5
BUGFIX: Make the sidebar border work correctly.
Steve Kemp <steve@steve.org.uk>
parents:
126
diff
changeset
|
10 border-right: 1px solid rgb(128, 128, 128); |
|
d9be5fecd7e5
BUGFIX: Make the sidebar border work correctly.
Steve Kemp <steve@steve.org.uk>
parents:
126
diff
changeset
|
11 |
| 6 | 12 } |
| 13 | |
| 21 | 14 div.title { |
| 15 } | |
| 16 | |
| 17 div.title h1 { | |
| 18 margin: 0px -10px; | |
| 19 padding: 5px 10px 0px 10px; | |
| 20 text-align: center; | |
| 21 } | |
| 22 | |
| 23 div.title a { | |
| 24 color: black !important; | |
| 25 text-decoration: none !important; | |
| 26 } | |
| 27 div.title a:hover { | |
| 28 color: black !important; | |
| 29 text-decoration: none !important; | |
| 30 } | |
| 31 | |
| 32 div.title h2 { | |
| 33 margin: 0 0 1ex 0; | |
| 34 padding: 0; | |
| 35 text-align: right; | |
| 36 } | |
| 6 | 37 |
| 38 /* | |
| 39 * Special markup for weblog entries. | |
| 40 */ | |
| 41 div.entry { | |
| 42 border-left: 1px solid rgb(128, 128, 128); | |
| 43 border-right: 1px solid rgb(128, 128, 128); | |
| 44 border-top: 1px solid rgb(128, 128, 128); | |
| 45 border-bottom: 1px solid rgb(128, 128, 128); | |
| 46 margin: 10px 0px; | |
| 47 } | |
| 48 | |
| 49 div.padding { | |
| 50 padding-top: 15px; | |
| 51 padding-bottom: 15px; | |
| 52 } | |
| 53 div.entry div.body { | |
| 54 padding: 10px 10px; | |
| 55 } | |
| 56 | |
| 57 div.entry .title { | |
| 58 background-color: #eee; | |
| 59 border-bottom: 1px solid rgb(128, 128, 128); | |
| 60 font-weight: bold; | |
| 61 font-size: 120%; | |
| 62 padding: 0.26ex 10px; | |
| 63 | |
| 64 } | |
| 65 div.entry div.date { | |
| 66 text-align: right; | |
| 67 } | |
| 68 div.entry div.title a { | |
| 69 color: black !important; | |
| 70 text-decoration: none !important; | |
| 71 } | |
| 72 div.entry div.title a:hover { | |
| 73 color: black !important; | |
| 74 text-decoration: none !important; | |
| 75 } | |
| 76 | |
| 77 div.entry div.tags { | |
| 78 border-top: 1px solid rgb(128, 128, 128); | |
| 79 font-style: italic; | |
| 80 font-family: Verdana, Georgia, Arial, sans-serif; | |
| 81 font-size: 90%; | |
| 82 text-align: right; | |
| 83 } | |
| 101 | 84 div.entry div.tags span.comments { |
| 85 padding-left: 5px; | |
| 86 float: left; | |
| 87 } | |
| 6 | 88 |
| 89 | |
| 90 div#sidebar { | |
| 91 position: absolute; | |
| 92 top: 0px; | |
| 93 right: 0px; | |
| 94 width: 165px; | |
| 95 | |
| 96 font-family: sans-serif; | |
| 97 font-size: 80%; | |
| 98 | |
| 99 text-align: justify; | |
| 100 | |
| 101 padding: 0 10px; | |
| 102 | |
| 103 background-color: white; | |
| 79 | 104 border-left: 1px solid rgb(128, 128, 128); |
| 6 | 105 margin: 0; |
| 106 | 106 } |
| 107 | |
| 108 pre { | |
| 109 overflow: auto; | |
| 110 background: rgb(230,230,230); | |
| 111 border: solid; | |
| 112 border-width: thin; | |
| 113 padding: 5px 10px; | |
| 114 } |