source: t29-www/shared/css-v6/modules/27-kursseiten.css @ 1077

Last change on this file since 1077 was 1077, checked in by heribert, 7 years ago

Seiten angeglichen, Schatten entfernt, Schrift im Bild vergrößert, Transparenz verändert, Header-Bild neu generiert

File size: 2.8 KB
Line 
1/**
2 * Layout in diesem Modul wird auf den Seiten
3 *  - robotik-ferienkurs
4 *  - physical-computing
5 * verwendet. Das war bis Dez 2016 als pagestyle umgesetzt,
6 * da es aber jetzt mehrere Seiten sind, als Modul.
7 *
8 **/
9
10/*section.sidebar a.button.termine {
11        display: none !important;
12}*/
13
14/* Ein Logo ohne */
15body.kursseite h1 a {
16        background-image: url("/shared/img-v6/banner.png");
17}
18
19
20/* Neues Design ab Juni 2015, Experiment-Styles */
21
22body.kursseite section.sidebar a.termine {
23        /* zugehoerig zur normalen Homepage */
24        display: none;
25}
26
27/* teaser, von devzone kopiert */
28body.kursseite header.teaser {
29        margin: -60px -40px 40px;
30        position: relative;
31        overflow: hidden;
32}
33
34body.kursseite header.teaser h2,    /*Robotik*/
35body.kursseite #content header.teaser h2 {
36        border: none !important;
37        position: absolute;
38        bottom: 0; left: 0;
39        width: 80%;     
40        padding: 0.3em 10%;
41        margin: 0;
42        background-color: rgba(255,255,255,.6); 
43        color: #0006ff;     
44       
45       
46        font-size: 280%;    /* vorher 250%;*/
47        text-align: center;
48}
49
50body.kursseite header.teaser h2 span.subtext {
51        display: block;
52        font-size: 60%;
53        line-height: 100%;
54       
55}
56
57/* Physical-Computing */
58body.kursseite #content header.teaser.physical-computing h2 {
59       
60        color: #0006ff;
61
62        background-color: rgba(224, 242, 254, .7);/*vorher .8*/
63       
64}
65
66body.kursseite header.teaser img {
67
68}
69
70
71body.kursseite header.teaser::before {
72        /* css3 hack to get img inset box-shadow */
73        display:block;
74        content:'';
75        position:absolute;
76        width:100%;
77        height:100%;
78        box-shadow: 0 -20px 59px -4px rgba(0, 0, 0, 0.35) inset;
79}
80
81/* sidebar */
82body.kursseite section.sidebar div.text-block,
83body.kursseite section.sidebar div.bild-block {
84        margin-top: 2em;
85        margin-bottom: 2em;
86}
87
88body.kursseite section.sidebar div.text-block a,
89body.kursseite section.sidebar div.bild-block a {
90        display: inline !important;
91}
92
93body.kursseite section.sidebar div.text-block {
94        margin: -15px -25px 15px;
95        padding: 35px 25px;
96}
97
98body.kursseite section.sidebar div.bild-block img {
99        width: 100%;
100        max-width: 300px; /* tablet */
101}
102
103body.kursseite section.sidebar div.bild-block .bildtext {
104        margin-top: .5em;
105}
106
107body.kursseite section.sidebar div.alertbox {
108        background-color: #edf0f2;
109        margin: -35px -25px 15px;
110}
111
112body.kursseite section.sidebar div.text-block li {
113        display: block;
114        margin: .4em 0;
115}
116
117/* Mobile Sidebar, nur auf senkrechtem Tablet... */
118@media all and (max-width: 940px) and (min-width: 600px) {
119        body.kursseite section.sidebar div.text-block,
120        body.kursseite section.sidebar div.bild-block {
121                margin: .5em;
122                padding: .5em;
123                width: 300px;
124                /*outline: 1px solid red;*/
125
126                display: inline-block;
127                vertical-align: top;
128        }
129}
130
131/* Wie auf Startseite */
132body.kursseite #content h3 {
133    border: medium none;
134    color: #1a5160;
135    font-family: inherit;
136    font-size: 113%;
137    font-weight: bold;
138}
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