1 | |
---|
2 | /**********************************************************************\ |
---|
3 | | SPEZIAL STYLE | |
---|
4 | +----------------------------------------------------------------------+ |
---|
5 | | Für: "Was gibt es neues?"-Seite, komisches Listen- | |
---|
6 | | Aussehen. | |
---|
7 | | /de/news.shtm | |
---|
8 | | /en/news.shtm | |
---|
9 | | In Benutzung seit: Juli 2009 | |
---|
10 | | Besonderheiten: Nicht sonderlich originell, nur eben etwas | |
---|
11 | | spezifisch. | |
---|
12 | | | |
---|
13 | \**********************************************************************/ |
---|
14 | |
---|
15 | ul.news-feed li { |
---|
16 | margin-bottom: 1.2em; |
---|
17 | } |
---|
18 | |
---|
19 | #content ul.news-feed h3 { /* Id zur Bedeutungssteigerung */ |
---|
20 | margin: 0; padding: 0; border: none; |
---|
21 | font-family: inherit; |
---|
22 | font-weight: normal; |
---|
23 | font-size: 100%; |
---|
24 | font-style: italic; |
---|
25 | } |
---|
26 | |
---|
27 | /* Seit Juni 2014 neu: */ |
---|
28 | /** |
---|
29 | * "Standarisiertere" Darstellung der t29-News. |
---|
30 | * Nach http://lists.technikum29.de/pipermail/t29-archive/2014-May/000152.html |
---|
31 | * Bild: http://lists.technikum29.de/pipermail/t29-archive/attachments/20140510/04e638bc/attachment-0002.png |
---|
32 | * |
---|
33 | * Format: |
---|
34 | |
---|
35 | <li class="news-box"><a href="/de/rechnertechnik/ibm1130.php#1130"> |
---|
36 | <h3>Januar 2014</h3> |
---|
37 | <img src="/shared/photos/rechnertechnik/ibm-1130.jpg" alt="IBM 1130" width="225" height="194" /> |
---|
38 | IBM 1130, eine neue Herausforderung. |
---|
39 | </a></li> |
---|
40 | |
---|
41 | **/ |
---|
42 | /* Bislang erst in deutscher Sprache, daher Klasse .news-ng fuer Next Generation */ |
---|
43 | |
---|
44 | ul.news-feed, ul.news-feed li { |
---|
45 | list-style: none; |
---|
46 | margin: 0; padding: 0; |
---|
47 | } |
---|
48 | |
---|
49 | ul.news-ng li { |
---|
50 | float: left; |
---|
51 | } |
---|
52 | |
---|
53 | ul.news-feed li { |
---|
54 | width: 30%; |
---|
55 | margin-right: 3%; |
---|
56 | margin-bottom: 3%; |
---|
57 | padding: 1px; |
---|
58 | } |
---|
59 | |
---|
60 | ul.news-feed li > a { |
---|
61 | display: block; |
---|
62 | |
---|
63 | min-height: 20em; |
---|
64 | |
---|
65 | font-size: 90%; |
---|
66 | text-align: left; |
---|
67 | padding: 2em; |
---|
68 | } |
---|
69 | |
---|
70 | #content ul.news-feed a:link, |
---|
71 | #content ul.news-feed a:visited { /* Id zur Bedeutungssteigerung */ |
---|
72 | text-decoration: none; |
---|
73 | color: inherit; |
---|
74 | background-color: #DFEAF0; |
---|
75 | } |
---|
76 | |
---|
77 | #content ul.news-feed a:hover, |
---|
78 | #content ul.news-feed a:focus { |
---|
79 | background-color: #EDF0F2; |
---|
80 | box-shadow: 0 1px 4px #B2B6B7; |
---|
81 | } |
---|
82 | |
---|
83 | ul.news-feed img { |
---|
84 | width: 100%; height: auto; |
---|
85 | margin: .5em 0; |
---|
86 | } |
---|
87 | |
---|
88 | #content ul.news-feed h3 { /* Id zur Bedeutungssteigerung */ |
---|
89 | margin: 0; padding: 0; border: none; |
---|
90 | font-family: inherit; |
---|
91 | font-weight: bold; |
---|
92 | font-size: 100%; |
---|
93 | font-style: italic; |
---|
94 | color: #474747; |
---|
95 | } |
---|
96 | |
---|
97 | |
---|