source: t29-www/shared/css-v6/pagestyles/news.css @ 601

Last change on this file since 601 was 601, checked in by sven, 10 years ago

Masonry-Bibliothek um "Masonry-Ordered" erweitert, um die
Ordnung (erst horizontal, dann vertikal) aufrechtzuerhalten.

File size: 2.7 KB
Line 
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
15ul.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
44ul.news-feed, ul.news-feed li {
45        list-style: none;
46        margin: 0; padding: 0;
47}
48
49ul.news-ng li {
50        float: left;
51}
52
53ul.news-feed li {
54        width: 30%;
55        margin-right: 3%;
56        margin-bottom: 3%;
57        padding: 1px;
58}
59
60ul.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
83ul.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
Note: See TracBrowser for help on using the repository browser.
© 2008 - 2013 technikum29 • Sven Köppel • Some rights reserved
Powered by Trac
Expect where otherwise noted, content on this site is licensed under a Creative Commons 3.0 License