##// END OF EJS Templates
added an icon on news comments...
Jean-Philippe Lang -
r139:2dc385079844
parent child
Show More
1 NO CONTENT: new file 100644, binary diff hidden
@@ -1,34 +1,34
1 1 <div class="contextual">
2 2 <%= link_to_if_authorized l(:button_edit), {:controller => 'news', :action => 'edit', :id => @news}, :class => 'pic picEdit' %>
3 3 <%= link_to_if_authorized l(:button_delete), {:controller => 'news', :action => 'destroy', :id => @news}, :confirm => l(:text_are_you_sure), :post => true, :class => 'pic picDelete' %>
4 4 </div>
5 5
6 6 <h2><%=h @news.title %></h2>
7 7
8 <p><em><%=h @news.summary %><br />
8 <p><em><% unless @news.summary.empty? %><%=h @news.summary %><br /><% end %>
9 9 <%= @news.author.display_name %>, <%= format_time(@news.created_on) %></em></p>
10 10 <br />
11 11 <%= textilizable auto_link @news.description %>
12 12 <br />
13 13
14 14 <div id="comments" style="margin-bottom:16px;">
15 <h3><%= l(:label_comment_plural) %></h3>
15 <h3 class="icon comment"><%= l(:label_comment_plural) %></h3>
16 16 <% @news.comments.each do |comment| %>
17 17 <% next if comment.new_record? %>
18 18 <h4><%= format_time(comment.created_on) %> - <%= comment.author.name %></h4>
19 19 <div class="contextual">
20 20 <%= link_to_if_authorized l(:button_delete), {:controller => 'news', :action => 'destroy_comment', :id => @news, :comment_id => comment}, :confirm => l(:text_are_you_sure), :post => true, :class => 'pic picDelete' %>
21 21 </div>
22 22 <%= simple_format(auto_link(h comment.comment))%>
23 23 <% end if @news.comments_count > 0 %>
24 24 </div>
25 25
26 26 <% if authorize_for 'news', 'add_comment' %>
27 27 <h3><%= l(:label_comment_add) %></h3>
28 28 <%= start_form_tag :action => 'add_comment', :id => @news %>
29 29 <%= error_messages_for 'comment' %>
30 30 <p><label for="comment_comment"><%= l(:field_comment) %></label><br />
31 31 <%= text_area 'comment', 'comment', :cols => 60, :rows => 6 %></p>
32 32 <%= submit_tag l(:button_add) %>
33 33 <%= end_form_tag %>
34 34 <% end %> No newline at end of file
@@ -1,536 +1,537
1 1 /* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */
2 2 /* Edited by Jean-Philippe Lang *>
3 3 /**************** Body and tag styles ****************/
4 4
5 5
6 6 #header * {margin:0; padding:0;}
7 7 p, ul, ol, li {margin:0; padding:0;}
8 8
9 9
10 10 body{
11 11 font:76% Verdana,Tahoma,Arial,sans-serif;
12 12 line-height:1.4em;
13 13 text-align:center;
14 14 color:#303030;
15 15 background:#e8eaec;
16 16 margin:0;
17 17 }
18 18
19 19
20 20 a{
21 21 color:#467aa7;
22 22 font-weight:bold;
23 23 text-decoration:none;
24 24 background-color:inherit;
25 25 }
26 26
27 27 a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
28 28 a img{border:none;}
29 29
30 30 p{padding:0 0 1em 0;}
31 31 p form{margin-top:0; margin-bottom:20px;}
32 32
33 33 img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
34 34 img.left{float:left; margin:0 12px 5px 0;}
35 35 img.center{display:block; margin:0 auto 5px auto;}
36 36 img.right{float:right; margin:0 0 5px 12px;}
37 37
38 38 /**************** Header and navigation styles ****************/
39 39
40 40 #container{
41 41 width:100%;
42 42 min-width: 800px;
43 43 margin:0;
44 44 padding:0;
45 45 text-align:left;
46 46 background:#ffffff;
47 47 color:#303030;
48 48 }
49 49
50 50 #header{
51 51 height:4.5em;
52 52 margin:0;
53 53 background:#467aa7;
54 54 color:#ffffff;
55 55 margin-bottom:1px;
56 56 }
57 57
58 58 #header h1{
59 59 padding:10px 0 0 20px;
60 60 font-size:2em;
61 61 background-color:inherit;
62 62 color:#fff;
63 63 letter-spacing:-1px;
64 64 font-weight:bold;
65 65 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
66 66 }
67 67
68 68 #header h2{
69 69 margin:3px 0 0 40px;
70 70 font-size:1.5em;
71 71 background-color:inherit;
72 72 color:#f0f2f4;
73 73 letter-spacing:-1px;
74 74 font-weight:normal;
75 75 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
76 76 }
77 77
78 78 #navigation{
79 79 height:2.2em;
80 80 line-height:2.2em;
81 81 margin:0;
82 82 background:#578bb8;
83 83 color:#ffffff;
84 84 }
85 85
86 86 #navigation li{
87 87 float:left;
88 88 list-style-type:none;
89 89 border-right:1px solid #ffffff;
90 90 white-space:nowrap;
91 91 }
92 92
93 93 #navigation li.right {
94 94 float:right;
95 95 list-style-type:none;
96 96 border-right:0;
97 97 border-left:1px solid #ffffff;
98 98 white-space:nowrap;
99 99 }
100 100
101 101 #navigation li a{
102 102 display:block;
103 103 padding:0px 10px 0px 22px;
104 104 font-size:0.8em;
105 105 font-weight:normal;
106 106 text-decoration:none;
107 107 background-color:inherit;
108 108 color: #ffffff;
109 109 }
110 110
111 111 #navigation li.submenu {
112 112 background:url(../images/arrow_down.png) 96% 80% no-repeat;
113 113 }
114 114
115 115 #navigation li.submenu a {
116 116 padding:0px 16px 0px 22px;
117 117 }
118 118
119 119 * html #navigation a {width:1%;}
120 120
121 121 #navigation .selected,#navigation a:hover{
122 122 color:#ffffff;
123 123 text-decoration:none;
124 124 background-color: #80b0da;
125 125 }
126 126
127 127 /**************** Icons links *******************/
128 128 .picHome { background: url(../images/home.png) no-repeat 4px 50%; }
129 129 .picUser { background: url(../images/user.png) no-repeat 4px 50%; }
130 130 .picUserPage { background: url(../images/user_page.png) no-repeat 4px 50%; }
131 131 .picAdmin { background: url(../images/admin.png) no-repeat 4px 50%; }
132 132 .picProject { background: url(../images/projects.png) no-repeat 4px 50%; }
133 133 .picLogout { background: url(../images/logout.png) no-repeat 4px 50%; }
134 134 .picHelp { background: url(../images/help.png) no-repeat 4px 50%; }
135 135
136 136 .picEdit { background: url(../images/edit.png) no-repeat 4px 50%; }
137 137 .picDelete { background: url(../images/delete.png) no-repeat 4px 50%; }
138 138 .picAdd { background: url(../images/add.png) no-repeat 4px 50%; }
139 139 .picMove { background: url(../images/move.png) no-repeat 4px 50%; }
140 140 .picCheck { background: url(../images/check.png) no-repeat 4px 70%; }
141 141 .picPdf { background: url(../images/pdf.png) no-repeat 4px 50%;}
142 142
143 143 .pic { padding-left: 18px; margin-left: 3px; }
144 144
145 145 .icon {
146 146 background-position: 0% 40%;
147 147 background-repeat: no-repeat;
148 148 padding-left: 20px;
149 149 }
150 150
151 151 .folder { background-image: url(../images/folder.png); }
152 152 .file { background-image: url(../images/file.png); }
153 153 .attachment { background-image: url(../images/attachment.png); }
154 .comment { background-image: url(../images/comment.png); }
154 155
155 156 /**************** Content styles ****************/
156 157
157 158 html>body #content {
158 159 height: auto;
159 160 min-height: 500px;
160 161 }
161 162
162 163 #content{
163 164 width: auto;
164 165 height:500px;
165 166 font-size:0.9em;
166 167 padding:20px 10px 10px 20px;
167 168 margin-left: 120px;
168 169 border-left: 1px dashed #c0c0c0;
169 170
170 171 }
171 172
172 173 #content h2{
173 174 display:block;
174 175 margin:0 0 16px 0;
175 176 font-size:1.7em;
176 177 font-weight:normal;
177 178 letter-spacing:-1px;
178 179 color:#606060;
179 180 background-color:inherit;
180 181 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
181 182 }
182 183
183 184 #content h2 a{font-weight:normal;}
184 185 #content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}
185 186 #content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;}
186 187 #content a:hover,#subcontent a:hover{text-decoration:underline;}
187 188 #content ul,#content ol{margin:0 5px 16px 35px;}
188 189 #content dl{margin:0 5px 10px 25px;}
189 190 #content dt{font-weight:bold; margin-bottom:5px;}
190 191 #content dd{margin:0 0 10px 15px;}
191 192
192 193
193 194 /***********************************************/
194 195
195 196 form {
196 197 display: inline;
197 198 }
198 199
199 200 blockquote {
200 201 padding-left: 6px;
201 202 border-left: 2px solid #ccc;
202 203 }
203 204
204 205 input, select {
205 206 vertical-align: middle;
206 207 margin-bottom: 4px;
207 208 }
208 209
209 210 input.button-small
210 211 {
211 212 font-size: 0.8em;
212 213 }
213 214
214 215 .select-small
215 216 {
216 217 font-size: 0.8em;
217 218 }
218 219
219 220 label {
220 221 font-weight: bold;
221 222 font-size: 1em;
222 223 }
223 224
224 225 fieldset {
225 226 border:1px solid #c0c0c0;
226 227 padding: 6px;
227 228 }
228 229
229 230 legend {
230 231 color: #505050;
231 232
232 233 }
233 234
234 235 .required {
235 236 color: #bb0000;
236 237 }
237 238
238 239 .odd {
239 240 background-color:#f6f7f8;
240 241 }
241 242 .even {
242 243 background-color: #fff;
243 244 }
244 245
245 246 hr { border:none; border-bottom: dotted 1px #c0c0c0; }
246 247
247 248 div.square {
248 249 border: 1px solid #999;
249 250 float: left;
250 251 margin: .4em .5em 0 0;
251 252 overflow: hidden;
252 253 width: .6em; height: .6em;
253 254 }
254 255
255 256 table p {
256 257 margin:0;
257 258 padding:0;
258 259 }
259 260
260 261 ul.documents {
261 262 list-style-type: none;
262 263 padding: 0;
263 264 margin: 0;
264 265 }
265 266
266 267 ul.documents li {
267 268 background-image: url(../images/file.png);
268 269 background-repeat: no-repeat;
269 270 background-position: 0 .4em;
270 271 padding-left: 20px;
271 272 margin-bottom: 10px;
272 273 margin-left: -37px;
273 274 }
274 275
275 276 /********** Table used to display lists of things ***********/
276 277
277 278 table.list {
278 279 width:100%;
279 280 border-collapse: collapse;
280 281 border: 1px dotted #d0d0d0;
281 282 margin-bottom: 6px;
282 283 }
283 284
284 285 table.with-cells td {
285 286 border: 1px solid #d7d7d7;
286 287 }
287 288
288 289 table.list thead th {
289 290 text-align: center;
290 291 background: #eee;
291 292 border: 1px solid #d7d7d7;
292 293 color: #777;
293 294 }
294 295
295 296 table.list tbody th {
296 297 font-weight: normal;
297 298 background: #eed;
298 299 border: 1px solid #d7d7d7;
299 300 }
300 301
301 302 /********** Validation error messages *************/
302 303 #errorExplanation {
303 304 width: 400px;
304 305 border: 0;
305 306 padding: 7px;
306 307 padding-bottom: 3px;
307 308 margin-bottom: 0px;
308 309 }
309 310
310 311 #errorExplanation h2 {
311 312 text-align: left;
312 313 font-weight: bold;
313 314 padding: 5px 5px 10px 26px;
314 315 font-size: 1em;
315 316 margin: -7px;
316 317 background: url(../images/alert.png) no-repeat 6px 6px;
317 318 }
318 319
319 320 #errorExplanation p {
320 321 color: #333;
321 322 margin-bottom: 0;
322 323 padding: 5px;
323 324 }
324 325
325 326 #errorExplanation ul li {
326 327 font-size: 1em;
327 328 list-style: none;
328 329 margin-left: -16px;
329 330 }
330 331
331 332 /*========== Drop down menu ==============*/
332 333 div.menu {
333 334 background-color: #FFFFFF;
334 335 border-style: solid;
335 336 border-width: 1px;
336 337 border-color: #7F9DB9;
337 338 position: absolute;
338 339 top: 0px;
339 340 left: 0px;
340 341 padding: 0;
341 342 visibility: hidden;
342 343 z-index: 101;
343 344 }
344 345
345 346 div.menu a.menuItem {
346 347 font-size: 10px;
347 348 font-weight: normal;
348 349 line-height: 2em;
349 350 color: #000000;
350 351 background-color: #FFFFFF;
351 352 cursor: default;
352 353 display: block;
353 354 padding: 0 1em;
354 355 margin: 0;
355 356 border: 0;
356 357 text-decoration: none;
357 358 white-space: nowrap;
358 359 }
359 360
360 361 div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
361 362 background-color: #80b0da;
362 363 color: #ffffff;
363 364 }
364 365
365 366 div.menu a.menuItem span.menuItemText {}
366 367
367 368 div.menu a.menuItem span.menuItemArrow {
368 369 margin-right: -.75em;
369 370 }
370 371
371 372 /**************** Sidebar styles ****************/
372 373
373 374 #subcontent{
374 375 position: absolute;
375 376 left: 0px;
376 377 width:110px;
377 378 padding:20px 20px 10px 5px;
378 379 }
379 380
380 381 #subcontent h2{
381 382 display:block;
382 383 margin:0 0 5px 0;
383 384 font-size:1.0em;
384 385 font-weight:bold;
385 386 text-align:left;
386 387 color:#606060;
387 388 background-color:inherit;
388 389 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
389 390 }
390 391
391 392 #subcontent p{margin:0 0 16px 0; font-size:0.9em;}
392 393
393 394 /**************** Menublock styles ****************/
394 395
395 396 .menublock{margin:0 0 20px 8px; font-size:0.8em;}
396 397 .menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}
397 398 .menublock li a{font-weight:bold; text-decoration:none;}
398 399 .menublock li a:hover{text-decoration:none;}
399 400 .menublock li ul{margin:0; font-size:1em; font-weight:normal;}
400 401 .menublock li ul li{margin-bottom:0;}
401 402 .menublock li ul a{font-weight:normal;}
402 403
403 404 /**************** Footer styles ****************/
404 405
405 406 #footer{
406 407 clear:both;
407 408 padding:5px 0;
408 409 margin:0;
409 410 font-size:0.9em;
410 411 color:#f0f0f0;
411 412 background:#467aa7;
412 413 }
413 414
414 415 #footer p{padding:0; margin:0; text-align:center;}
415 416 #footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
416 417 #footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
417 418
418 419 /**************** Misc classes and styles ****************/
419 420
420 421 .splitcontentleft{float:left; width:49%;}
421 422 .splitcontentright{float:right; width:49%;}
422 423 .clear{clear:both;}
423 424 .small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}
424 425 .hide{display:none;}
425 426 .textcenter{text-align:center;}
426 427 .textright{text-align:right;}
427 428 .important{color:#f02025; background-color:inherit; font-weight:bold;}
428 429
429 430 .box{
430 431 margin:0 0 20px 0;
431 432 padding:10px;
432 433 border:1px solid #c0c0c0;
433 434 background-color:#fafbfc;
434 435 color:#505050;
435 436 line-height:1.5em;
436 437 }
437 438
438 439 a.close-icon {
439 440 display:block;
440 441 margin-top:3px;
441 442 overflow:hidden;
442 443 width:12px;
443 444 height:12px;
444 445 background-repeat: no-repeat;
445 446 cursor:pointer;
446 447 background-image:url('../images/close.png');
447 448 }
448 449
449 450 a.close-icon:hover {
450 451 background-image:url('../images/close_hl.png');
451 452 }
452 453
453 454 .rightbox{
454 455 background: #fafbfc;
455 456 border: 1px solid #c0c0c0;
456 457 float: right;
457 458 padding: 8px;
458 459 position: relative;
459 460 margin: 0 5px 5px;
460 461 }
461 462
462 463 .layout-active {
463 464 background: #ECF3E1;
464 465 }
465 466
466 467 .block-receiver {
467 468 border:1px dashed #c0c0c0;
468 469 margin-bottom: 20px;
469 470 padding: 15px 0 15px 0;
470 471 }
471 472
472 473 .mypage-box {
473 474 margin:0 0 20px 0;
474 475 color:#505050;
475 476 line-height:1.5em;
476 477 }
477 478
478 479 .handle {
479 480 cursor: move;
480 481 }
481 482
482 483 .login {
483 484 width: 50%;
484 485 text-align: left;
485 486 }
486 487
487 488 img.calendar-trigger {
488 489 cursor: pointer;
489 490 vertical-align: middle;
490 491 margin-left: 4px;
491 492 }
492 493
493 494 #history p {
494 495 margin-left: 34px;
495 496 }
496 497
497 498 /***** Contextual links div *****/
498 499 .contextual {
499 500 float: right;
500 501 font-size: 0.8em;
501 502 }
502 503
503 504 .contextual select, .contextual input {
504 505 font-size: 1em;
505 506 }
506 507
507 508
508 509 /***** CSS FORM ******/
509 510 .tabular p{
510 511 margin: 0;
511 512 padding: 5px 0 8px 0;
512 513 padding-left: 180px; /*width of left column containing the label elements*/
513 514 height: 1%;
514 515 }
515 516
516 517 .tabular label{
517 518 font-weight: bold;
518 519 float: left;
519 520 margin-left: -180px; /*width of left column*/
520 521 width: 175px; /*width of labels. Should be smaller than left column to create some right
521 522 margin*/
522 523 }
523 524
524 525 .error {
525 526 color: #cc0000;
526 527 }
527 528
528 529
529 530 /*.threepxfix class below:
530 531 Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
531 532 to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
532 533 */
533 534
534 535 * html .threepxfix{
535 536 margin-left: 3px;
536 537 } No newline at end of file
1 NO CONTENT: file was removed, binary diff hidden
General Comments 0
You need to be logged in to leave comments. Login now