forked from SSLMate/caa_helper
-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
95 lines (91 loc) · 5.94 KB
/
style.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
/*
* Copyright (C) 2016-2017 Opsmate, Inc.
*
* This Source Code Form is subject to the terms of the Mozilla
* Public License, v. 2.0. If a copy of the MPL was not distributed
* with this file, You can obtain one at http://mozilla.org/MPL/2.0/.
*
* This software is distributed WITHOUT A WARRANTY OF ANY KIND.
* See the Mozilla Public License for details.
*/
html, body { color: black; background: white; font-family: sans-serif; margin: 0; padding: 0; }
a:link, .link { color: #00A; }
a:visited { color: #639; }
a[href]:hover, a[href]:focus, .link:hover, .link:focus { color: #06F; }
a:active, .link:active { color: #669; }
a, a:link, a:hover, a:visited, a:active, .link { text-decoration: underline; }
button.link { display: inline; padding: 0; margin: 0; border: none; background: none; outline: none; }
#masthead { text-align: center; margin: 0 0 1.5em 0; border-bottom: solid black 1px; position: relative; z-index: 10; }
#masthead p.by { margin: 0.5em 0; }
#masthead h1 { font-size: 150%; margin: 0; }
#masthead ul.nav { margin: 0.5em 0; padding: 0; display: block; }
#masthead ul.nav li { margin: 0 0.5em; padding: 0; display: inline; line-height: 1.5em; }
#masthead ul.nav a { white-space: nowrap; }
#footer { margin-top: 3em; text-align: center; color: #777; font-size: 85%; }
#footer p { margin: 0; }
#root { max-width: 50em; margin: 0 auto; font-size: 13pt; padding: 1.5em 2em 0.5em 2em; }
#github_ribbon { display: block; position: absolute; top: 0; right: 0; width: 149px; height: 149px; background: url(github_ribbon.png) left; z-index: 9; }
#github_ribbon:hover { background-position: right; }
@media (max-width: 500px) {
#github_ribbon { display: none; }
}
.generator .instructions, .generator .overview p { line-height: 150%; text-align: justify; }
.generator .overview { margin-bottom: 1.5em; }
.generator .section { margin-bottom: 2em; }
.generator table.policy_selection td { padding: 0.25em 0; font-size: 90%; vertical-align: middle; }
.generator table.policy_selection button { white-space: nowrap; width: 15em; margin-right: 0.5em; }
@media (max-width: 500px) {
.generator table.policy_selection { display: block; }
.generator table.policy_selection td { display: block; }
.generator table.policy_selection tr { display: block; margin-top: 0.5em; }
.generator table.policy_selection tr:first-child { margin-top: 0; }
}
.generator input[type=text] { color: #444; border-radius: 3px; padding: 0.3em 0.4em; background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border linear .2s, box-shadow linear .2s; }
.generator input[type=text]:focus { border-color: rgba(82, 108, 236, 0.8); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82, 108, 236, 0.6); }
.generator .ca_selector { background: #eee; padding: 0.4em; border: solid #999 1px; border-radius: 3px; margin: 0 0 2em 0; overflow: auto; }
.generator .ca_selector p { margin: 0; }
.generator .ca_selector table { margin: 1em 0; border-collapse: collapse; }
.generator .ca_selector tr.hidden { display: none; }
.generator .ca_selector td, .generator .ca_selector th { padding: 0.3em 0.5em; }
.generator .ca_selector th { font-weight: bold; }
.generator .ca_selector table { table-layout: fixed; width: 35em; }
.generator .ca_selector .name_col { min-width: 15em; }
.generator .ca_selector .nonwild_col { min-width: 9em; }
.generator .ca_selector thead .wild_col { width: 9.5em; padding-right: 1.5em; }
.generator .ca_selector tbody .wild_col { width: 11em; }
.generator .ca_selector .type_col { width: 20em; }
.generator .ca_selector thead tr { display: block; position: relative; }
.generator .ca_selector tbody { display: block; overflow: auto; height: 500px; width: 100%; }
.generator .ca_selector tbody th { text-align: right; }
.generator .ca_selector thead th { text-align: center; }
.generator .ca_selector thead th { border-bottom: solid #333 1px; }
.generator .ca_selector td { text-align: center; }
.generator .ca_selector .owner { font-size: 66%; font-variant: small-caps; color: #666; }
.generator .ca_selector .owner:before { content: "("; }
.generator .ca_selector .owner:after { content: ")"; }
.generator .ca_selector .aka { font-size: 66%; display: block; color: #666; font-variant: small-caps; }
.generator h2 { margin: 0 0 0.5em 0; font-size: 150%; font-weight: bold; }
.generator .output > div { margin: 0 0 1.5em 0; }
.generator .output h3 { margin-bottom: 0.5em; font-size: 110%; font-weight: bold; }
.generator .output p.software { font-style: italic; margin: 0.4em 0 1em 0; font-size: 83%; }
.generator .output pre { background: #eee; padding: 0.4em 0.5em; overflow: auto; border: solid #999 1px; border-radius: 3px; font-size: 83%; margin: 0; }
.generator .output table { background: #eee; padding: 0.4em 0; border: solid #999 1px; border-radius: 3px; font-size: 83%; margin: 0; }
.generator .output table th { padding: 0 0.5em 0.4em 0.5em; font-weight: bold; text-align: left; }
.generator .output table td { padding: 0 0.5em 0 0.5em; vertical-align: top; }
.generator .output table span { white-space: pre; font-family: monospace; }
div.support p { line-height: 150%; text-align: justify; }
div.support div.overview { margin-bottom: 1.5em; }
div.support div.section { margin-bottom: 2em; }
div.support table.support { width: 100%; border-collapse: collapse; margin: 0; padding: 0; }
div.support table.support td, div.support table.support th { padding: 0.4em; border: solid black 1px; }
div.support table.support td.support { text-align: center; }
div.support table.support thead tr { background: #d6d6d6; }
/*
div.support table.support tbody tr:nth-child(even) { background: #f3f3f3; }
*/
div.support table.support tr.broken td.support { background: #f99; }
div.support table.support tr.supported td.support { background: #9f9; }
div.support table.support tr.unsupported td.support { background: #ff9; }
div.about p { line-height: 150%; text-align: justify; }
div.about li { line-height: 150%; text-align: justify; margin-right: 2em; margin-bottom: 0.5em; }
div.about h3 { margin-top: 1.5em; }