1 | .adsum-clock-wrapper {
|
2 | display: flex;
|
3 | align-items: center;
|
4 | justify-content: center;
|
5 | }
|
6 | .adsum-clock-wrapper .adsum-clock {
|
7 | color: lightgray;
|
8 | text-align: center;
|
9 | }
|
10 | .adsum-clock-wrapper .adsum-clock .day-date {
|
11 | margin: 0;
|
12 | letter-spacing: -2px;
|
13 | color: #ababab;
|
14 | }
|
15 | .adsum-clock-wrapper .adsum-clock .time {
|
16 | font-weight: bold;
|
17 | color: #404040;
|
18 | }
|
19 | .adsum-clock-wrapper .adsum-clock .divider {
|
20 | width: 40px;
|
21 | margin: 0 auto;
|
22 | border-width: 3px;
|
23 | }
|
24 | @media (orientation: landscape) {
|
25 | .adsum-clock-wrapper {
|
26 | height: 100%;
|
27 | }
|
28 | .adsum-clock-wrapper .adsum-clock {
|
29 | font-size: 2.3em;
|
30 | }
|
31 | .adsum-clock-wrapper .adsum-clock .day-date {
|
32 | font-size: 1.0em;
|
33 | }
|
34 | }
|
35 | @media (orientation: portrait) {
|
36 | .adsum-clock-wrapper .adsum-clock {
|
37 | font-size: 1.8em;
|
38 | text-align: right;
|
39 | }
|
40 | .adsum-clock-wrapper .adsum-clock .day-date {
|
41 | font-size: 0.7em;
|
42 | }
|
43 | }
|