-
Notifications
You must be signed in to change notification settings - Fork 514
/
style-api.css
97 lines (91 loc) · 1.93 KB
/
style-api.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
/*
* API specific CSS rules
*/
@media screen and (min-width:801px) {
/* On wide screens, slide API entry section headings to the side
* to make the entries more compact.
*
* Specificity must override normal section heading rules.
*
* The challenge here is to keep the section heading vertically
* aligned with the content on the right. To do this, we need
* to avoid top margins in the elements on the right (paragraphs,
* stacks, <pre>-blocks) which is a bit hackish. The api-part
* div margins are then used to provide spacing between the API
* documentation parts.
*/
.api-call h2.api-proto,
.api-call h2.api-stack,
.api-call h2.api-summary,
.api-call h2.api-example,
.api-call h2.api-seealso {
position: absolute;
left: 10px;
margin: 0;
padding: 0 0 0 0;
width: 200px;
text-align: right;
height: 0;
overflow: visible;
color: #ccccdd;
font-size: 100%;
}
.api-part {
margin: 3ex 0 3ex 0;
}
.content .api-call .stack-wrapper {
margin-top: 0;
margin-bottom: 2ex;
}
.content .api-call .stack {
margin-top: 0;
}
.content .api-call p {
margin-top: 0;
}
.content .api-call pre {
margin-top: 0;
}
}
/* Selector specificity issues here, workaround is to add more selectors. */
h1.apih1 a.apitag {
float: right;
margin: 3px;
border: 2px solid #cccccc;
border-radius: 4px;
padding: 3px;
font-size: 8pt;
background: #eeeeee;
color: #888888;
}
h1.apih1 a.apitag:hover {
background: #ffffff;
color: #888888;
}
h1.apih1 a.apitag visited {
color: #888888;
}
h1.apih1 a.apitagwarn {
background: #dd0000;
border-color: #880000;
color: #ffffff;
}
h1.apih1 a.apitagwarn:hover {
background: #ff8800;
color: #ffffff;
}
h1.apih1 a.apitagwarn:visited {
color: #ffffff;
}
h1.apih1 a.apitagprotected {
background: #00aa00;
border-color: #004400;
color: #ffffff;
}
h1.apih1 a.apitagprotected:hover {
background: #55cc55;
color: #ffffff;
}
h1.apih1 a.apitagprotected:visited {
color: #ffffff;
}