-
Notifications
You must be signed in to change notification settings - Fork 5
/
style.css
139 lines (117 loc) · 5.95 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
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
132
133
134
135
136
137
138
139
header { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin:0; font-size:16px; line-height:1.4; background-color:#FFF; } /* line-height: 1.231; */
body, button, input, select, textarea { font-family: 'Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif; color: #444; }
a, a:active, a:visited { color: #4cb0c6; text-decoration:none; }
a:hover{ text-decoration:underline; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
b, strong { font-weight: bold; }
hr { display:block; height:1px; border:0; margin:0 0 10px 0; padding:0; }
small { font-size: 85%; }
ul, ol { margin: 1em 0; padding: 0 0 0 20px; }
sup { font-size:0.75em; font-style:italic; }
::-moz-selection{ background:#444; color:#FFF; text-shadow:none; }
::selection { background:#444; color:#FFF; text-shadow:none; }
img { border: 0; -ms-interpolation-mode: bicubic; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
background-color:#FFF;
}
/* Normalize placeholder styles */
/* chrome, safari */
::-webkit-input-placeholder { color:#999; font-style:italic; }
/* mozilla */
input:-moz-placeholder,
textarea:-moz-placeholder { color:#999; font-style:italic; }
/* ie (faux placeholder) */
input.placeholder-text,
textarea.placeholder-text { color:#999; font-style:italic; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.float-left { float:left; }
.float-right { float:right; }
.error { padding:3px; background:#BE4027; color:#fff; border:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
/* Remove styles from jQuery UI */
.ui-widget-header { border:none; background:none; color:#000; }
.ui-widget-content { background:none; border:none; }
/* header */
.container, header, { margin:0 auto; overflow:hidden; }
.container { width:100%; }
.cont-header { border-top:#4cb0c6 3px solid; border-bottom:#eee 1px solid; background-color:#FFF; overflow:hidden; }
header { padding:10px; }
header { line-height:1.8em; vertical-align:middle; overflow:hidden; }
.header-left { float:left; margin-bottom:0px; }
.header-right { float:right; margin-bottom:0px; margin-left:20px; text-align:right; font-size:85%; color:#aaa; position:relative; top:0px; }
.header-left img { position:relative; top:2px; }
#help:hover,
#tb:hover { cursor: pointer; }
h3 { margin:0 0 10px 0; font-size:120%; font-weight:bold; }
h4 { margin:0 0 2px 0; font-size:100%; font-weight:bold; }
p { margin:0 0 15px 0; }
#auth { padding:10px; }
.signin { margin:15px 0; }
.signin-label { margin:3px 0; font-weight:bold; }
.signin-text { width:400px; height:30px; margin:0px 0; padding:3px; font-size:1em;}
.note { height:30px; line-height:30px; font-size:0.8em; }
input[type="submit"] { width:100px; height:30px; display:block; margin-bottom:0px; margin-right:6px; padding:6px 3px; border:none; color:#FFF; font-weight:bold; font-size:14px; background-color:#690; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } input[type="submit"]:hover { background-color: #1c778a; }
input[type="submit"]:focus { background-color:#1c778a; }
input[type="submit"]:active { position:relative; top:1px; }
#container { width:100%; padding:10px; display:table; }
#row { display:table-row; }
.column { display:table-cell; padding:0; border:none;}
.fl-l { float:left; }
.m-t-10 { margin-top:10px; }
.m-r-50 { margin-right:50px; }
.p-l-50 { padding-left:50px; }
.brdr-l-1eee { border-left:1px solid #EEE; }
#distributions { width:306px; }
#distlist .ui-selecting { background:#eee; }
#distlist .ui-selected { background:#eee; }
#distlist { list-style-type: none; margin: 0; padding: 0; }
.distbox { width:300px; margin-top:5px; padding:3px; }
.distbox:hover { cursor:pointer;}
.distbox .id { color:#1C778A; font-weight:bold; text-decoration:underline; } /* f7a8od */
.distbox .cnames { margin-left:0px; }
#newinval { width:400px; padding:0 10px; }
#newpurge { margin-bottom:20px; }
#invalidations { width:226px; }
#invallist { list-style-type:none; margin:0; padding:0; }
.invalbox { margin:0px 0; padding:0; }
.invalbox:hover { cursor:pointer;}
#invallist .ui-selected { background:#eee; /*color:#f7a80d;*/ }
.invalbox .id { width: 190px; float:left; margin:5px 0; color:#1C778A; text-decoration:underline; }
.invalbox .status { width: 190px; float:left; margin:5px 0; }
/*.invalbox .details { width: 80px; float:left; color:#1C778A; text-decoration:underline; }*/
#invalspinner, #invalerror { margin-top:10px; }
#invaldetails { width: 214px; word-wrap: break-word; }
@media only screen and (min-width:1060px) {
#invaldetails { width: 314px; }
}
@media only screen and (min-width:1160px) {
#invaldetails { width: 414px; }
}
@media only screen and (min-width:1260px) {
#invaldetails { width: 514px; }
}
.Completed { color:#690; }
.InProgress { color:#c00; }