Changeset 803 in t29-www for shared


Ignore:
Timestamp:
Jun 28, 2015, 1:09:51 AM (9 years ago)
Author:
sven
Message:

Vorschlag zur Gliederung der Robotik-Seite: Ein attraktives Titelbanner-Bild, mehrspaltiger Text, der von Bildern durchbrochen wird. Gliederung des Textes durch Überschriften, vor allem aber Umordnung nach interessanten oder aufeinander aufbauenden Inhalten: So interessiert der eigentliche Inhalt des Kurses mehr als die Vorraussetzungen und Preise.

Die Seitenleiste verbleibt für das Pressseecho, Anfahrt, den Hinweis auf die Schulen sowie weitere Bilder. Die Bilder auf der Seite könnte man auch noch auf volle Leistenbreite machen.

Die Änderungen wurden in der robotik/gegliederte-robotik.php (vs. robotik/index.php) gemacht, wobei die Änderungen in der robotik-ferienkurs.css die index.php unwesentlich beeinflussen.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • shared/css-v6/pagestyles/robotik-ferienkurs.css

    r640 r803  
    66        background-image: url("/shared/img-v6/banner.png");
    77}
     8
     9/* Neues Design ab Juni 2015, Experiment-Styles */
     10
     11section.sidebar a.termine {
     12        /* zugehoerig zur normalen Homepage */
     13        display: none;
     14}
     15
     16/* teaser, von devzone kopiert */
     17header.teaser {
     18        margin: -60px -40px 40px;
     19        position: relative;
     20        overflow: hidden;
     21}
     22
     23header.teaser h2, #content header.teaser h2 {
     24        border: none !important;
     25        position: absolute;
     26        bottom: 0; left: 0;
     27        width: 100%;
     28        padding: 0.3em 40px;
     29        margin: 0;
     30        background-color: rgba(255,255,255,.3);
     31        color: white;
     32        text-shadow: 1px 1px 5px #1C1C1C;
     33       
     34        font-size: 250%;
     35        text-align: center;
     36}
     37
     38header.teaser h2 span.subtext {
     39        display: block;
     40        font-size: 60%;
     41        line-height: 100%;
     42        text-shadow: 1px 1px 2px #282828;
     43}
     44
     45
     46header.teaser img {
     47        width: 100%;
     48}
     49
     50
     51header.teaser::before {
     52        /* css3 hack to get img inset box-shadow */
     53        display:block;
     54        content:'';
     55        position:absolute;
     56        width:100%;
     57        height:100%;
     58        box-shadow: 0 -20px 59px -4px rgba(0, 0, 0, 0.35) inset;
     59}
     60
     61/* sidebar */
     62section.sidebar div.text-block,
     63section.sidebar div.bild-block {
     64        margin-top: 2em;
     65        margin-bottom: 2em;
     66}
     67
     68section.sidebar div.text-block a,
     69section.sidebar div.bild-block a {
     70        display: inline !important;
     71}
     72
     73section.sidebar div.text-block {
     74        margin: -15px -25px 15px;
     75        padding: 35px 25px;
     76}
     77
     78section.sidebar div.bild-block img {
     79        width: 100%;
     80}
     81
     82section.sidebar div.bild-block .bildtext {
     83        margin-top: .5em;
     84}
     85
     86section.sidebar div.alertbox {
     87        background-color: #edf0f2;
     88        margin: -35px -25px 15px;
     89}
     90
     91section.sidebar div.text-block li {
     92        display: block;
     93        margin: .4em 0;
     94}
     95
     96
     97
     98/* Wie auf Startseite */
     99#content h3 {
     100    border: medium none;
     101    color: #1a5160;
     102    font-family: inherit;
     103    font-size: 113%;
     104    font-weight: bold;
     105}
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