GC7B724/html5_stylesheet_mobile.css at master · sdrum01/GC7B724 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
@charset "utf-8";
/* CSS Document */

body {background-color:#ffffff;
  color:#000000;
  font-family:Verdana, Geneva, sans-serif;
  margin:0px;}

body a {color:#0066ff;}

header {background-color:#63adff;
  color: #ffffff;
  font-size: 4vw;
  font-style:italic;
  font-weight:bolder;
  padding: 5px;
  text-align:left;}

#hilfscontainer{width: 100%;}

aside {text-align:center;
  width:100%;}

nav {margin:10px;
  padding-bottom:20px;
  padding-left:5px;
  padding-right:5px;
  padding-top:10px;
  text-align:center;}

main {background-color:#ffffff;
  color: #000000;
  width:100%;}

main h1 {font-size: xx-large;
  margin-bottom: 10px;
  margin-top: 0px;}

article {
  /*border: 1px solid grey;
  border-radius:10px;*/
  margin:10px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:20px;
  padding-top:10px;}

footer {background-color:#63adff;
  color:#ffffff;
  font-size:large;
  font-style:italic;
  font-weight:bolder;
  padding-bottom:10px;
  padding-top:10px;
  text-align:center;
  width: 100%;
  position: absolute;
  bottom: 0;
  }

img { width: auto; max-width:100%;}

ul {margin:0;
    padding:0;
    width:100%;
    list-style-type:none;
  font-size:large;
}

ul li a {
    text-decoration:none;
    color:white;
    padding:10.5px 11px;
  margin-bottom:10px;
    background-color:#63adff;
    display:block;
  border-radius:10px;
}

ul li a:visited {color: white;}

ul li a:hover, ul li .current {color: black;
    background-color: yellow;}

#logo{
position:absolute;
right:10px;
width: 20%;
}

.text {
  font-size: 4vw;
}

#tbl_gr{
  width:100%;
}

#content_gr, #content_cross{
  font-size: 5vw;
  font-weight:bold;
}
#content_de{
  font-size: 3vw;
}
#content_descript{
  font-size: 3vw;
  text-align:center;
  margin:10px;
}
#content_gr_l{
  font-size: 4vw;
}
#content_de_l{
  font-size: 3vw;
}
#content_descript_l, #l_figure{
  font-size: 3vw;
  text-align:center;
  margin:10px;
}
#descript_remark{
  font-size: 2vw;
}

#result{
  font-size:5vw;
  font-family:arial;
  width:100%;
  text-align:center;
}