css/main.css
author Markus Broeker<broeker.markus@googlemail.com>
Sun, 14 Feb 2016 19:01:17 +0100
changeset 42 015d3f02d4e8
parent 41 08414729c5b4
permissions -rw-r--r--
Startseite mit Video
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
42
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
     1
/**
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
     2
 * @copyright     Copyright(C) 2015 4customers
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
     3
 * @author        Markus Bröker<broeker.markus@googlemail.com>
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
     4
 */
41
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
     5
html, body, p, textarea, input, select {
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
     6
    margin: 0;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
     7
    padding: 0;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
     8
}
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
     9
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    10
body {
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    11
    font-size: 1.5em;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    12
    font-family: sans-serif;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    13
}
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    14
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    15
p {
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    16
    padding: 5px;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    17
}
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    18
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    19
label, input, select, textarea {
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    20
    width: 100%;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    21
    line-height: 100%;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    22
}
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    23
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    24
input, select, textarea {
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    25
    padding: 5px;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    26
}
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    27
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    28
form textarea {
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    29
    min-height: 250px;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    30
}
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    31
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    32
.content {
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    33
    margin-bottom: 50px;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    34
}
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    35
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    36
.text-info {
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    37
    color: #080808;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    38
}
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    39
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    40
.footer-area {
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    41
    height: 30px;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    42
}
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    43
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    44
.knopf input {
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    45
    color: #fff;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    46
    background-color: #000;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    47
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    48
    padding: 10px;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    49
    font-size: 1.5em;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    50
}
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    51
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    52
.footer {
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    53
    margin: 0;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    54
    padding: 0;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    55
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    56
    width: 100%;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    57
    text-align: center;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    58
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    59
    position: fixed;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    60
    bottom: 0;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    61
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    62
    color: #080808;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    63
    background-color: #e7e7e7;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    64
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    65
    overflow: hidden;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    66
}
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    67
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    68
.ellipsis {
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    69
    text-overflow: ellipsis;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    70
}
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    71
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    72
.bold {
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    73
    font-size: 1.5em;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    74
    font-weight: bold;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    75
}
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    76
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    77
.form-inline .form-group {
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    78
    width: 100%;
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    79
}
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    80
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    81
.form-inline .form-group {
08414729c5b4 Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents: 0
diff changeset
    82
    max-width: 49%;
42
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    83
}
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    84
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    85
.promo {
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    86
    margin-top: 10px;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    87
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    88
    font-weight: bold;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    89
    font-size: 2em;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    90
}
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    91
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    92
/* Fluid Iframe starts */
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    93
.wrapper {
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    94
    position: relative;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    95
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    96
    width: 75%;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    97
    height: 100%;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    98
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
    99
    padding-bottom: 38%;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   100
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   101
    margin-left: auto;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   102
    margin-right: auto;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   103
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   104
    text-align: center;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   105
}
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   106
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   107
.iframe {
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   108
    position: absolute;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   109
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   110
    width: 100%;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   111
    height: 100%;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   112
}
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   113
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   114
.iframe iframe {
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   115
    position: relative;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   116
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   117
    width: 100%;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   118
    height: 100%;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   119
}
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   120
/* Fluid Iframe ends */
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   121
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   122
@media screen and (max-width: 480px) {
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   123
    body {
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   124
        font-size: 1.25em;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   125
    }
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   126
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   127
    .form-group button {
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   128
        width: 100%;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   129
    }
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   130
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   131
    .wrapper {
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   132
        height: 220px;
015d3f02d4e8 Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents: 41
diff changeset
   133
    }
0
4869aea77e21 Bröker-Framework BFW-1
Markus Bröker <broeker.markus@googlemail.com>
parents:
diff changeset
   134
}