1
1
body { font: 12px Verdana,sans-serif; color: #484848; padding: 8px 35px; }
2
#logo { width: 204px; height: 37px; margin-bottom: 20px; background: url(../img/rabbitmqlogo.png); }
3
#login { float: right; color: #444; }
4
#login p { padding: 0; margin: 0; }
5
#login b { color: black; font-weight: normal; }
3
#login table { margin: auto; }
4
#login p { text-align: center; }
6
#logo { margin-bottom: 20px; }
7
#logo img { border: none; }
8
#login-version { float: right; color: #444; }
9
#login-version form { float: left; display: block; margin-left: 10px; }
10
#login-version form input { padding: 5px; border: 1px solid #ddd !important; color: #666 !important; background: none; }
11
#login-details { float: left; }
12
#login-details p { padding: 0 0 0.2em 0; margin: 0; text-align: right; }
13
#login-details b { color: black; font-weight: normal; }
6
14
#menu ul { float: left; padding: 0; margin: 0; }
7
15
#menu li { float: left; list-style-type: none; padding: 0 2em 0 0; }
8
16
#menu li a { display: block; padding: 0.5em; }
9
17
#menu { border-bottom: 1px solid #FF8C00; overflow: auto; width: 100%; }
10
#main { clear: both; }
11
18
#menu a { color: #444; font-weight: bold; text-decoration: none; }
12
19
#main a { color: black; font-weight: bold; text-decoration: none; }
13
20
#main a:hover { color: #222; }
16
23
#menu a.selected:hover { color: white; }
17
24
#vhost-form { float: right; padding: 0; margin: 0; }
26
#main.with-rhs { margin-right: 210px; }
27
#rhs { float: right; width: 200px; padding-top: 10px; }
28
#rhs ul { padding: 0; margin: 0; }
29
#rhs li { list-style-type: none; padding: 0; }
30
#rhs a { display: block; padding: 0.5em; color: #444; font-weight: bold; text-decoration: none; }
31
#rhs a.selected { background-color: #F60; color:white; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; }
19
33
h1 { font-size: 2em; font-weight: normal; padding: 0; }
20
34
b, dt { color: black; font-weight: normal; }
21
35
dd { margin-bottom: 5px; }
22
36
div.box, div.section, div.section-hidden { overflow: auto; width: 100%; }
38
.left { float: left; }
39
.right { float: right; }
40
.clear { clear: both; }
24
42
.help { color: #888; cursor: pointer; }
25
43
.help:hover { color: #444; }
33
51
table.list th, table.list td { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
34
52
table.list th { text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
35
53
table.list td a { display: block; width: 100%; }
36
table.list td.status a { display: inline; }
37
54
table.list th a.sort { display: block; width: 100%; cursor: pointer; }
38
55
table.list th a.sort .arrow { color: #888; }
39
56
table.list td p { margin: 0; padding: 1px 0 0 0; }
46
63
div.section table.list, div.section-hidden table.list { margin-bottom: 0; }
65
div.memory-bar { margin: 10px 0 5px 0; border-radius: 5px; border: 1px solid #ddd; float: left; }
66
div.memory-section { float: left; height: 30px; }
67
div.memory-key { float: left; width: 10px; height: 10px; margin: 3px 5px 0 0;}
68
div.memory-info { float: left; padding: 10px 10px 0 0; }
69
button.memory-button { margin-top: 10px; }
71
div.memory_connection_procs { background: #955300; }
72
div.memory_queue_procs { background: #da7900; }
73
div.memory_plugins { background: #ffc884; }
74
div.memory_other_proc { background: #fff4e7; }
75
div.memory_mnesia { background: #005395; }
76
div.memory_msg_index { background: #0079da; }
77
div.memory_mgmt_db { background: #84c8ff; }
78
div.memory_other_ets { background: #e7f4ff; }
79
div.memory_binary { background: #666; }
80
div.memory_code { background: #999; }
81
div.memory_atom { background: #bbb; }
82
div.memory_other_system { background: #ddd; }
48
84
sub { display: block; font-size: 0.8em; color: #888; }
49
85
small { font-size: 0.8em; color: #888; }
50
86
#main sub a { color: #888; }
64
100
tr.alt1>td { background: #eee; }
65
101
tr.alt2>td { background: #fff; }
67
td.status { text-align: center; }
68
td.status div { padding: 5px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; }
69
td.status div.red { background: #F62817; color:white; }
70
td.status div.red * { color:white; }
71
td.status div.yellow { background: yellow; }
72
td.status div.green { background: lightgreen; }
74
td.l { text-align: left !important; }
75
td.c { text-align: center !important; }
76
td.r { text-align: right !important; }
103
div.status-bar, div.status-red, div.status-yellow, div.status-green { text-align: center; }
104
div.status-bar-main, div.status-red, div.status-yellow, div.status-green { border-radius: 5px; -moz-border-radius: 5px; padding: 5px; }
105
div.status-bar sub { white-space: nowrap; }
107
div.status-bar .red, div.status-red { background: #ff7a7a; color: white; }
108
div.status-bar .yellow, div.status-yellow { background: #ffff7b; }
109
div.status-bar .green, div.status-green { background: #98f898; }
110
div.status-bar .red-dark { background: #e24545; color: white; }
111
/* yellow-dark and green-dark can never happen */
112
div.status-bar .red *, div.status-bar .red-dark *, div.status-red * { color: white; }
114
.l { text-align: left !important; }
115
.c { text-align: center !important; }
116
.r { text-align: right !important; }
117
.t { vertical-align: top !important; }
78
119
p.status-ok { color: #888; text-align: right; }
79
120
p.status-error { background: #f44; border: 1px solid #800; color: white; margin-top: 50px !important; }
121
p.status-error th { background: white; }
80
122
p.warning, div.form-popup-warn { background: #ff8; border: 1px solid #bb8; }
81
123
div.form-popup-info { background: #8f8; border: 1px solid #4b4; }
82
124
div.form-popup-help { text-align: left !important; background: #f8f8f8; border: 1px solid #ccc; }
85
127
p.status-error, p.warning { margin: 20px; padding: 15px; border-radius: 10px; -moz-border-radius: 10px; text-align: center; font-weight: bold; }
87
.highlight, .highlight-right { min-width: 120px; font-size: 120%; text-align:center; padding:10px; background-color: #ddd; margin: 0 20px 0 0; color: #888; border-radius: 10px; -moz-border-radius: 10px; }
88
.highlight strong, .highlight-right strong { font-size: 2em; display: block; color: #444; font-weight: normal; }
89
.highlight { float: left; }
90
.highlight-right { float: right; }
129
.highlight { min-width: 120px; font-size: 120%; text-align:center; padding:10px; background-color: #ddd; margin: 0 20px 0 0; color: #888; border-radius: 10px; -moz-border-radius: 10px; }
130
.highlight strong { font-size: 2em; display: block; color: #444; font-weight: normal; }
131
.highlight, .micro-highlight { float: left; }
92
133
.mini-highlight { font-size: 150%; padding:10px; background-color: #ddd; color: #888; border-radius: 10px; -moz-border-radius: 10px; line-height: 300%; }
135
.micro-highlight { min-width: 120px; font-size: 100%; text-align:center; padding:10px; background-color: #ddd; margin: 0 20px 0 0; color: #888; border-radius: 10px; -moz-border-radius: 10px; }
136
.micro-highlight strong { font-size: 120%; color: #444; font-weight: normal; }
94
138
div.section, div.section-hidden { margin: 0 0 1em 0; }
95
139
div.section-invisible div.hider { display: none; }
96
140
div.section div.hider, div.section-hidden div.hider { padding: 0.5em 0; }
115
159
table.form select.narrow { width: 110px; }
116
160
table.form .multifield { margin: 0; padding: 0; }
117
161
table.form .multifield p { margin: 0; padding: 0; }
162
table.form .multifield p select { width: 70px; }
118
163
table.form label { margin-top: 5px; display: block; }
120
165
table.two-col-layout { width: 100%; }
121
166
table.two-col-layout > tbody > tr > td { width: 50%; vertical-align: top; }
123
168
input[type=submit], button { padding: 8px; border-radius: 5px; -moz-border-radius: 5px; color: black !important; text-decoration: none; cursor: pointer; font-weight: normal; }
169
table.list input[type=submit], table.list button { padding: 4px; }
125
171
input[type=submit], button {
126
172
background: #ddf;
147
193
acronym.warning { background: #daa; }
149
.status acronym, small acronym { background: none; color: inherit; padding: 0; border-bottom: 1px dotted; cursor: default; }
151
table.bindings { margin-bottom: 1em; }
152
td.binding-endpoint span.object { border: 1px solid #bbb; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; }
153
td.binding-endpoint span.arrow { font-size: 200%; }
195
.status-red acronym, .status-yellow acronym, .status-green acronym, small acronym { background: none; color: inherit; padding: 0; border-bottom: 1px dotted; cursor: default; }
197
acronym.type { background: none; color: inherit; padding: 0; border-bottom: 1px dotted #ddd; cursor: default; }
199
div.bindings-wrapper { display: inline-block; }
200
div.bindings-wrapper table { margin: auto; }
201
div.bindings-wrapper p { margin: 10px; text-align: center; }
202
div.bindings-wrapper span.exchange { border: 1px solid #bbb; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; }
203
div.bindings-wrapper span.queue { border: 1px solid #666; padding: 10px; }
204
div.bindings-wrapper td span.exchange, div.bindings-wrapper td span.queue { background: white; display: block; }
205
div.bindings-wrapper span.exchange a, div.bindings-wrapper span.queue a { font-weight: normal !important; }
206
div.bindings-wrapper p.arrow { font-size: 200%; }
155
208
#footer { overflow: auto; width: 100%; }
156
209
#footer-nav { padding-top: 5px; }
175
228
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8),color-stop(1, #ffffff));
178
.highlight, .mini-highlight {
231
.highlight, .mini-highlight, .micro-highlight {
179
232
background: -moz-linear-gradient(center top, #f0f0f0 0%,#e0e0e0 100%);
180
233
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0f0f0),color-stop(1, #e0e0e0));
181
234
border: 1px solid #e0e0e0;