Changeset 1313 in t29-www for shared


Ignore:
Timestamp:
Sep 19, 2017, 10:47:01 PM (2 years ago)
Author:
sven
Message:

Physical-Computing: "Club der digitalen Denker"-Überschrift für Tablets und Laptops/Computerbildschirme so wie vorher gemacht, dafür für Mobile kein Hintergrund mehr (normale Überschrift).

File:
1 edited

Legend:

Unmodified
Added
Removed
  • shared/css-v6/modules/27-kursseiten.css

    r1311 r1313  
    6262}
    6363
    64 /* Physical-Computing */
    65 body.kursseite #content header.teaser.physical-computing h2 {
    66         color: #0006ff;
    67         background-color: rgba(224, 242, 254, .7);/*vorher .8*/
     64@media all and (min-width: 940px) {
     65        body.kursseite header.teaser-nicht-mobil {
     66                position: relative;
     67                overflow: hidden;
     68                margin: 30px -40px 30px;
     69        }
     70
     71        body.kursseite header.teaser-nicht-mobil h2,    /*Robotik*/
     72        body.kursseite #content header.teaser-nicht-mobil h2 {
     73                border: none !important;
     74                position: absolute;
     75                bottom: 0; left: 0;
     76                width: 80%;     
     77                padding: 0.3em 10%;
     78                margin: 0;
     79                background-color: rgba(255,255,255,.6);
     80                color: #0006ff;     
     81       
     82       
     83                font-size: 280%;    /* vorher 250%;*/
     84                text-align: center;
     85        }
     86
     87        /* Physical-Computing */
     88        body.kursseite #content header.teaser-nicht-mobil.physical-computing h2 {
     89                color: #0006ff;
     90                background-color: rgba(224, 242, 254, .7);/*vorher .8*/
     91        }
     92
     93        /* Zwischenueberschrift: "Club der digitalen Denker" */
     94        body.kursseite #content header.teaser-nicht-mobil.digitale-denker h2 {
     95                font-size: 180%;
     96                color: white;
     97                background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 0%,rgba(0,0,0,1) 100%);
     98        }
     99
     100        body.kursseite header.teaser-nicht-mobil.physical-computing::before {
     101                /* css3 hack to get img inset box-shadow */
     102                display:block;
     103                content:'';
     104                position:absolute;
     105                width:100%;
     106                height:100%;
     107                box-shadow: 0 -20px 59px -4px rgba(0, 0, 0, 0.35) inset;
     108        }
     109}/* media min-width: mobile */
     110@media all and (max-width: 940px) {
     111        body.kursseite header.teaser-nicht-mobil img {
     112                display: none;
     113        }
    68114}
    69115
    70 /* Zwischenueberschrift: "Club der digitalen Denker" */
    71 body.kursseite #content header.teaser-like.digitale-denker {
    72         overflow: hidden;
    73         margin: 30px -40px 30px;
    74         background-color: rgba(255,255,255,.6);
    75 }
    76 
    77 body.kursseite #content header.teaser-like.digitale-denker h2 {
    78         font-size: 180%;
    79         color: white;
    80         text-align: center;
    81         padding: 20px 30px;
    82         margin: 0;
    83         border: none !important;
    84         background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 0%,rgba(0,0,0,1) 100%);
    85 }
    86 
    87 body.kursseite header.teaser img {}
    88 
    89 
    90 body.kursseite header.teaser.physical-computing::before {
    91         /* css3 hack to get img inset box-shadow */
    92         display:block;
    93         content:'';
    94         position:absolute;
    95         width:100%;
    96         height:100%;
    97         box-shadow: 0 -20px 59px -4px rgba(0, 0, 0, 0.35) inset;
    98 }
    99116
    100117/* sidebar */
Note: See TracChangeset for help on using the changeset viewer.
© 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