Changeset 2729f21c976d4e83612d93efbfa14b2be2fd8299
- Timestamp:
- 08/04/08 20:25:27 (4 months ago)
- Author:
- Christoph Haas <email@…>
- Parents:
- d968726425b46dfd1c34e992b0e10ab8bf2693d6
- Children:
- cc250c24141c3d107ab283c81f40afdcd5a2b97b
- git-committer:
- Christoph Haas <email@christoph-haas.de> / 2008-08-04T20:25:27Z+0200
- Message:
-
Web design
Switched from CSS column layout to classical table layout for compatibility and to avoid dirty browser hacks.
Added Yahoo's CSS "reset" and defined sane values for most CSS definitions.
Changed H4 to H3.CG: -----------------------------------------------------------------------
- Location:
- debexpo
- Files:
-
Legend:
- Unmodified
- Added
- Removed
-
|
rd96872
|
r2729f2
|
|
| 1 | 1 | /* Stylesheet for debexpo */ |
| 2 | | /* Derived from the mentors.debian.net stylesheet. */ |
| | 2 | /* Remotely derived from the mentors.debian.net stylesheet. */ |
| 3 | 3 | /* Copyright © 2008 Christoph Haas <email@christoph-haas.de> */ |
| 4 | 4 | /* and published under the same license as debexpo itself */ |
| 5 | 5 | |
| | 6 | /* Yahoo's CSS reset */ |
| | 7 | body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { |
| | 8 | margin:0; |
| | 9 | padding:0; |
| | 10 | } |
| | 11 | table { |
| | 12 | border-collapse:collapse; |
| | 13 | border-spacing:0; |
| | 14 | } |
| | 15 | fieldset,img { |
| | 16 | border:0; |
| | 17 | } |
| | 18 | address,caption,cite,code,dfn,em,strong,th,var { |
| | 19 | font-style:normal; |
| | 20 | font-weight:normal; |
| | 21 | } |
| | 22 | ol,ul { |
| | 23 | list-style:none; |
| | 24 | } |
| | 25 | caption,th { |
| | 26 | text-align:left; |
| | 27 | } |
| | 28 | h1,h2,h3,h4,h5,h6 { |
| | 29 | font-size:100%; |
| | 30 | font-weight:normal; |
| | 31 | } |
| | 32 | q:before,q:after { |
| | 33 | content:''; |
| | 34 | } |
| | 35 | abbr,acronym { border:0; |
| | 36 | } |
| | 37 | /*-----------------------------------------*/ |
| | 38 | |
| 6 | 39 | body |
| 7 | 40 | { |
| 8 | | font-family: Helvetica,Arial,sans-serif; |
| | 41 | font-family: sans-serif; |
| 9 | 42 | font-size: 10pt; |
| 10 | 43 | background-color: #ffffff; |
| … |
… |
|
| 13 | 46 | } |
| 14 | 47 | |
| | 48 | fieldset { |
| | 49 | border: 1px solid #a0a0a0; |
| | 50 | padding: 0.5em 1em 0.5em 1em; |
| | 51 | -moz-border-radius: .5em; |
| | 52 | -webkit-border-radius: .5em; |
| | 53 | border-radius: .5em; |
| | 54 | background-color: #f0f0f0; |
| | 55 | } |
| | 56 | |
| | 57 | legend { |
| | 58 | border-left: 1px solid #a0a0a0; |
| | 59 | border-right: 1px solid #a0a0a0; |
| | 60 | } |
| | 61 | |
| | 62 | textarea { |
| | 63 | border: 1px solid #a0a0a0; |
| | 64 | } |
| | 65 | |
| 15 | 66 | img |
| 16 | 67 | { |
| … |
… |
|
| 18 | 69 | } |
| 19 | 70 | |
| 20 | | h1,h2 |
| 21 | | { |
| 22 | | margin: 0.5em 0 0.2em 0; |
| 23 | | padding: 0 0 0 0; |
| 24 | | } |
| 25 | | |
| 26 | 71 | h1 |
| 27 | 72 | { |
| 28 | 73 | font-size: 150%; |
| | 74 | margin: 1em 0 0.5em 0; |
| 29 | 75 | color: #E98F1D; |
| 30 | 76 | } |
| … |
… |
|
| 33 | 79 | { |
| 34 | 80 | font-size: 130%; |
| | 81 | margin: 1em 0 0.2em 0; |
| | 82 | color: #E98F1D; |
| | 83 | } |
| | 84 | |
| | 85 | h3 |
| | 86 | { |
| | 87 | font-size: 120%; |
| | 88 | margin: 1em 0 0.2em 0; |
| | 89 | /*color: #E98F1D;*/ |
| 35 | 90 | } |
| 36 | 91 | |
| 37 | 92 | /* Navigation menu on the left site */ |
| 38 | | #floatmenu |
| 39 | | { |
| 40 | | float: left; |
| 41 | | width: 19em; |
| 42 | | /*margin-right: 2em;*/ |
| | 93 | #menu |
| | 94 | { |
| 43 | 95 | /* 7 pixel wide shadow on the right border of the menu */ |
| | 96 | /*background: right repeat-y url(/shadow-right.png);*/ |
| | 97 | /*padding-right: 7px;*/ |
| | 98 | } |
| | 99 | |
| | 100 | td.navigation-td { |
| 44 | 101 | background: right repeat-y url(/shadow-right.png); |
| | 102 | background-color: #f8c078; |
| 45 | 103 | padding-right: 7px; |
| 46 | | margin-right: 20px; |
| 47 | 104 | } |
| 48 | 105 | |
| 49 | 106 | /* Colored subsections of the left menu */ |
| 50 | | #floatmenu .start { |
| | 107 | #menu .start { |
| 51 | 108 | background-color: #f8c078; |
| 52 | 109 | padding: 1em; |
| 53 | 110 | } |
| 54 | 111 | |
| 55 | | #floatmenu h2 { |
| | 112 | #menu h2 { |
| 56 | 113 | font-size: 150%; |
| 57 | | font-weight: normal; |
| | 114 | /*font-weight: normal;*/ |
| 58 | 115 | margin: 0 0 .3em 0; |
| 59 | | padding: 0; |
| 60 | | } |
| 61 | | |
| 62 | | #floatmenu ul { |
| | 116 | color: #000000; |
| | 117 | } |
| | 118 | |
| | 119 | #menu ul { |
| 63 | 120 | padding: 0; |
| 64 | 121 | margin: 0 0 0 1em; |
| … |
… |
|
| 68 | 125 | } |
| 69 | 126 | |
| 70 | | #floatmenu li { |
| | 127 | #menu li { |
| 71 | 128 | } |
| 72 | 129 | |
| … |
… |
|
| 120 | 177 | #maincontent |
| 121 | 178 | { |
| 122 | | padding: 1em 1em 1em 2em; |
| 123 | | margin-left: 20em; |
| 124 | | /*margin: 1em 1em 1em 2em;*/ |
| 125 | | /*padding: 0 0 0 1ex;*/ |
| 126 | | /*background-color: red;*/ |
| | 179 | padding: 0 1em 1em 1em; |
| | 180 | /*margin: 20em;*/ |
| 127 | 181 | } |
| 128 | 182 | |
| … |
… |
|
| 190 | 244 | pre |
| 191 | 245 | { |
| 192 | | color: #606060; |
| 193 | | background-color: #f0f0f0; |
| 194 | | } |
| 195 | | |
| 196 | | a |
| 197 | | { |
| 198 | | color: #606060; |
| 199 | | text-decoration: underline; |
| | 246 | /*color: #606060;*/ |
| | 247 | background-color: #f0f0f0; |
| | 248 | } |
| | 249 | |
| | 250 | a, a:visited |
| | 251 | { |
| | 252 | /*color: #606060;*/ |
| | 253 | color: #000000; |
| | 254 | border-bottom: 1px dashed #808080; |
| | 255 | text-decoration: none; |
| 200 | 256 | } |
| 201 | 257 | |
| 202 | 258 | a:hover |
| 203 | 259 | { |
| 204 | | background-color: #f0f0f0; |
| | 260 | background-color: #f0f0f0; |
| 205 | 261 | } |
| 206 | 262 | |
| … |
… |
|
| 210 | 266 | } |
| 211 | 267 | |
| 212 | | table |
| 213 | | { |
| 214 | | border-collapse: collapse; |
| 215 | | margin: 0.5em 0 0.5em 0; |
| 216 | | } |
| 217 | | |
| 218 | 268 | td |
| 219 | 269 | { |
| 220 | 270 | vertical-align: top; |
| 221 | | color: #606060; |
| 222 | | padding: 0.1em 1em 0.1em 0.1em; |
| 223 | | margin: 0; |
| 224 | 271 | } |
| 225 | 272 | |
-
|
rd96872
|
r2729f2
|
|
| 22 | 22 | </div> |
| 23 | 23 | |
| 24 | | <div id="floatmenu"> |
| | 24 | <table><tr><td class="navigation-td"> |
| | 25 | <!--Left column containing navigation--> |
| | 26 | <div id="menu"> |
| 25 | 27 | <div class="start"> |
| 26 | 28 | <h2>Welcome</h2> |
| 27 | 29 | <ul> |
| 28 | | <li>News</li> |
| | 30 | <li>${ h.tags.link_to( |
| | 31 | _('Start page'), |
| | 32 | h.url_for('index')) } |
| | 33 | </li> |
| | 34 | <li>${ h.tags.link_to( |
| | 35 | _('News'), |
| | 36 | h.url_for('news')) } |
| | 37 | </li> |
| 29 | 38 | </ul> |
| 30 | 39 | </div> |
| … |
… |
|
| 53 | 62 | """%> |
| 54 | 63 | |
| | 64 | </td><td> |
| | 65 | |
| | 66 | <!--Right column containing main content--> |
| 55 | 67 | <div id="maincontent"> |
| 56 | 68 | ${next.body()} |
| 57 | 69 | </div> |
| | 70 | |
| | 71 | </td></tr></table> |
| 58 | 72 | |
| 59 | 73 | <div id="footer"> |
-
|
rd96872
|
r2729f2
|
|
| 2 | 2 | <%inherit file="../base.mako"/> |
| 3 | 3 | |
| 4 | | <h1>${ _('Details about package %s') % c.package.name }</h1> |
| | 4 | <h1>${ _('Details about package "%s"') % c.package.name }</h1> |
| 5 | 5 | |
| 6 | 6 | <table> |
| … |
… |
|
| 34 | 34 | % for package_version in c.package.package_versions: |
| 35 | 35 | |
| 36 | | <!--<fieldset>--> |
| | 36 | <fieldset> |
| 37 | 37 | <legend>${ package_version.version }</legend> |
| 38 | 38 | |
| … |
… |
|
| 102 | 102 | </table> |
| 103 | 103 | |
| 104 | | <h4>Comments</h4> |
| | 104 | <h3>Comments</h3> |
| 105 | 105 | |
| 106 | 106 | % if len(package_version.package_comments) > 0: |
| … |
… |
|
| 145 | 145 | % endif |
| 146 | 146 | |
| 147 | | <h4>New comment</h4> |
| | 147 | <h3>New comment</h3> |
| 148 | 148 | |
| 149 | 149 | % if 'user_id' in c.session: |