source: t29-www/shared/css-v6/modules/18-content.css @ 1097

Last change on this file since 1097 was 1097, checked in by sven, 7 years ago

Passwortschutz im Sinne einer Passwortbarriere exemplarisch für Physical-Computing eingebaut.

Doppelte Seitenindizes bei der Physical-Computing-Seite entfernt.

  • Property svn:keywords set to Id
File size: 4.3 KB
Line 
1/**
2 * t29v6 Design content.css
3 * $Id: 18-content.css 1097 2017-01-17 13:39:32Z sven $
4 * In dieser Datei:
5 *
6 *   #content = Inhaltsbereich
7 *              h2, h3, h4 Ueberschriften
8 *              Blockdesign, etc.
9 *
10 *   .messages = Logging, zentralisiert (siehe logging.php, template.php und log.js)
11 **/
12
13#content {
14        font-family: "Tahoma", "Trebuchet MS", Verdana, "DejaVu Sans", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
15        font-size: 16px;
16        line-height: 130%;
17        text-align: justify;
18}
19
20h2 {
21    font-weight: bold;
22    font-size: 160%;
23    line-height: 125%; /* wird sonst relativ zu falscher schriftgroesse vererbt */
24    margin: 0 0 0.7em 0;
25    padding: 0;
26}
27
28#content h2, #content h3, #content h4 {
29    /* Seit 04.01.2010: Neues Ueberschriftenlayout. Soll aber nur
30       auf Homepage genutzt werden, nicht etwa auf dev. oder so...! */
31    font-weight: normal;
32    font-family: "Tahoma", "Trebuchet MS", , Verdana, "DejaVu Sans", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
33    font-size: 180%;
34    border-bottom: 3px double #aaa;
35    text-align: left; /* irgendwie meinen browser sonst `justify` */
36}
37
38/* Seit 18.02.2014: "Quirks", Heribert will Linien haben, die aussehen
39   wie Ueberschriften, um eine Art Rahmung zu erhalten. */
40#content hr.h3-like {
41        border: none;
42        border-bottom: 3px double #aaa;
43}
44
45#content h3 {
46    /* Und das gleiche auch fuer Unter-Ueberschriften */
47    font-size: 140%;
48        margin: 1em 0 0.3em;
49        padding-top: 1em; /* Padding damit Direktlink zu h3 nach oben Luft hat */
50}
51
52#content h4 {
53        font-weight: bold;
54        font-size: 100%;
55        border-bottom: 1px solid #aaa;
56        margin: 2.3em 0 1em;
57}
58
59#content h5 {
60        font-weight: bold;
61        font-size: 100%;
62        border: none;
63        margin: 0;
64}
65
66#content a:link, #content a:visited {
67        color: #205b6b;
68        text-decoration: underline;
69}
70
71#content a:hover, #content a:focus {
72        color: #882224;
73}
74
75/**
76 *  Logging
77 **/
78
79.messages.panel.empty {
80        /* Hide empty message boxes */
81        display: none;
82}
83
84.messages.panel {
85        margin-bottom: 20px;
86        /* Sometimes there is stuff with margin-top: -...; at the top.
87           Make sure we overlay. (Example: Robotik, english translation) */
88        position: relative;
89        z-index: 100;
90}
91
92.messages.panel > li {
93        margin-bottom: 5px;
94        background-color: #FCF8E3;
95        border: 1px solid #FBEED5;
96        border-radius: 4px 4px 4px 4px;
97        margin-bottom: 20px;
98        padding: 8px 35px 8px 14px;
99        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
100}
101
102.messages.panel p { margin: 2px 0; }
103.messages.panel button.close {
104        float: right;
105}
106
107.messages.panel .panel-hide { display: none; }
108
109.messages.panel h2, #content .messages.panel h2 {
110        font-size: 120%;
111        font-weight: bold;
112        font-family: inherit;
113        border: none;
114        border-bottom: 1px solid #aaa;
115        margin: 0;
116        margin-bottom: 5px;
117}
118
119.messages.footer {
120        /* sollte eigentlich gar nicht dargestellt werden, sondern von log.js
121           in den .messages.panel-Bereich verschoben werden. */
122        opacity: .8;
123}
124
125/**
126 * CSS-basierte Icons und Pikotgramme, die auf der Website Verwendung finden
127 **/
128
129/**
130 * Date Icon, Mai 2013 vor allem fuer Startseite, Termine
131 *
132 * Usage:
133 *   <p class="date"><em>2013</em> 15. Mai</p>
134 *
135 * Nutze <p class="date rot"> fuer rotes Emblem.
136 *
137 **/
138
139p.date {
140        margin: 0; padding: 0;
141        background: url(/shared/img-v6/date.sprite.png);
142        background-repeat: no-repeat;
143        height: 45px;
144        text-align: center !important; /* Yes this is bad praxise, but it must be centered under all conditions. */
145        width: 32px;
146        padding-left: 5px; padding-right: 5px;
147        font: 11px/11px "Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif;
148        color: #333333;
149        text-transform: uppercase;
150        font-weight: bold;
151}
152
153p.date.rot {
154        background-position: 0 -49px;
155}
156
157p.date em {
158        /* Jahr/Text im gruenen bzw. roten Bereich oben */
159        color: white;
160        font-style: normal;
161        display: block;
162        line-height: 15px;
163        margin-bottom: 3px;
164}
165
166p.date.left {
167        float: left;
168        margin-right: 10px;
169}
170
171/*
172   Allgemeine Hinweisboxen, zB. fuer das /lib/simplepassword.php-Sytem
173   genutzt. Den pagestyles/termine.css abgeschaut.
174   -- Sven, 2017-01-17
175 */
176
177
178#content div.alert {
179        background-color: #edf0f2;
180        padding: 2em;
181        margin: 2em 0;
182}
183
184#content div.alert h4 {
185    font-weight: bold;
186    font-size: 113%;
187    font-family: inherit;
188    border: none;
189    color: #1A5160;   
190    margin-top: 0;
191}
192
193#content div.alert-success,
194#content div.alert-success h4 {
195        color: #3c763d;
196        background-color: #dff0d8;
197/*      border: #d6e9c6;*/
198}
199
200
201form.inline {
202    display: inline;
203}
204
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