-
Notifications
You must be signed in to change notification settings - Fork 0
/
dw.css
109 lines (91 loc) · 1.93 KB
/
dw.css
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
@import 'https://fonts.googleapis.com/css?family=Roboto+Mono';
code, kbd, pre, samp {
font-family: 'Roboto Mono', monospace;
}
code {
white-space: nowrap;
}
pre code {
border: none;
white-space: pre;
}
main {
margin-top: 68px;
margin-bottom: 68px;
}
.menu-content {
padding-top: 0;
}
.menu-content .nav a.menu-logo {
font-weight: 300;
min-height: 56px;
}
.fbtn-container.not-visible .fbtn {
-webkit-transform: scale(0,0);
transform: scale(0,0);
}
.fbtn-container.not-visible .fbtn .icon {
opacity: 0;
-webkit-transform: rotate(220deg);
transform: rotate(220deg);
}
section[id]::before {
content: " ";
display: block;
height: 68px; /* 56 + 12 = 68 */
margin-top: -68px; /* 56 + 24 = 80 */
visibility: none;
}
section[id] > .card {
margin-top: 0;
}
.card-sub-heading {
display: block;
font-size: 18px;
line-height: 28px;
margin-top: 22px;
margin-bottom: 22px;
box-shadow: 0 1px 0 rgba(0,0,0,.12);
}
.page-brand .content-sub-heading.card-sub-heading {
color: rgba(63,81,181,.8);
box-shadow: 0 1px 0 rgba(63,81,181,.24);
}
@media only screen and (min-width: 992px) {
header.header {
padding-left: 256px;
}
}
[tooltip] {
position: relative;
}
[tooltip]::before {
content: attr(alt);
display: inline;
position: absolute;
font-size: 12px;
color: white;
background-color: black;
background-color: rgba(0,0,0,.8);
border-radius: .5em;
padding: .5em;
white-space: nowrap;
top: 10px;
opacity: 0;
visibility: hidden;
transition-duration: .2s;
transition-delay: 0;
pointer-events: none;
}
[tooltip]:hover::before {
opacity: 1;
visibility: visible;
z-index: 9999;
transition-delay: .3s;
}
[tooltip][top]::before { top: 0; bottom: 45px; }
[tooltip][right]::before { left: 10px; }
[tooltip][far-right]::before { left: 65px; }
[tooltip][bottom]::before { top: 45px; }
[tooltip][left]::before { right: 10px; }
[tooltip][far-left]::before { right: 65px; }