blob: 9a1fae98ecc476fc62fb0495578c838587ef1ad7 [file] [log] [blame]
Felix Meschberger35ce8e32009-09-08 08:09:20 +00001/*
2 * Licensed to the Apache Software Foundation (ASF) under one or more
3 * contributor license agreements. See the NOTICE file distributed with
4 * this work for additional information regarding copyright ownership.
5 * The ASF licenses this file to You under the Apache License, Version 2.0
6 * (the "License"); you may not use this file except in compliance with
7 * the License. You may obtain a copy of the License at
8 *
9 * http://www.apache.org/licenses/LICENSE-2.0
10 *
11 * Unless required by applicable law or agreed to in writing, software
12 * distributed under the License is distributed on an "AS IS" BASIS,
13 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 * See the License for the specific language governing permissions and
15 * limitations under the License.
16 */
17
18/*
19 * The webconsole.css is the main CSS which sets up the following parts
20 *
21 * div main -> outermost div just inside body
22 * div lead -> the page lead with title and logo
23 * div technav -> the top navigation
24 * div content -> the div surrounding the content being rendered by
25 * the plugin in the renderContent (or service) method
26 *
27 * See also http://felix.apache.org/site/branding-the-web-console.html
Felix Meschberger80b3efe2010-02-19 10:55:34 +000028 */
Felix Meschberger35ce8e32009-09-08 08:09:20 +000029#main {
Felix Meschberger80b3efe2010-02-19 10:55:34 +000030 width: 90% !important;
31 margin-left: 5%;
Felix Meschberger35ce8e32009-09-08 08:09:20 +000032}
Felix Meschberger80b3efe2010-02-19 10:55:34 +000033#main img { border: none }
Felix Meschberger35ce8e32009-09-08 08:09:20 +000034
Felix Meschberger80b3efe2010-02-19 10:55:34 +000035
36/* LOGO & BRANDING */
Felix Meschberger35ce8e32009-09-08 08:09:20 +000037#lead {
Felix Meschberger80b3efe2010-02-19 10:55:34 +000038 padding-top: 10px;
39 margin: 0;
40 height: 73px; /* must be the same as logo (#lead p) height */
41}
42#lead h1 { /* This contains the page title */
43 font-size: 26px;
44 font-weight: bold;
45 float: left;
46}
47#lead p { /* This contains the logo */
48 float: right;
49 height: 73px; /* must be the same as #lead height */
Felix Meschberger35ce8e32009-09-08 08:09:20 +000050}
51
Felix Meschberger35ce8e32009-09-08 08:09:20 +000052
Felix Meschberger80b3efe2010-02-19 10:55:34 +000053/* TOP NAVIGATION */
Felix Meschberger35ce8e32009-09-08 08:09:20 +000054#technav {
Felix Meschberger80b3efe2010-02-19 10:55:34 +000055 font-size: 10px;
56 line-height: 21px;
57 padding: 0;
58 margin: 0;
Felix Meschberger35ce8e32009-09-08 08:09:20 +000059}
Felix Meschberger80b3efe2010-02-19 10:55:34 +000060#technav div {
61 display: inline;
62 padding: .2em 1em;
63 white-space: nowrap;
Felix Meschberger35ce8e32009-09-08 08:09:20 +000064}
65
Felix Meschberger35ce8e32009-09-08 08:09:20 +000066/* CENTRAL CONTENT AREA STYLING */
67#content {
Felix Meschberger80b3efe2010-02-19 10:55:34 +000068 font-size: 8pt;
Felix Meschberger35ce8e32009-09-08 08:09:20 +000069}
70
Felix Meschberger80b3efe2010-02-19 10:55:34 +000071/* used in some plugins - showing ID (long) element in tables */
72.col_Id {
73 width: 40px;
Felix Meschberger35ce8e32009-09-08 08:09:20 +000074}
75
Felix Meschberger80b3efe2010-02-19 10:55:34 +000076/* styling button groups like in the bundles & log plugins */
77.buttonGroup {
78 text-align: right;
79 padding: .5em 1em .5em 0;
80 vertical-align: middle;
81}
82.buttonGroup select {
83 display: inline;
84 float: none;
85 margin: 0;
Felix Meschberger35ce8e32009-09-08 08:09:20 +000086}
87
Felix Meschberger80b3efe2010-02-19 10:55:34 +000088/* The following styles are not complete. They usually apply only padding,
89 * margin... mostly *WHERE* the elements are visualised. Visual styling like
90 * colors and fonts are applied automatically by a JavaScript that borrows
91 * the visual element styles from the JQuery UI theme
92 */
93
94/* input box, checkbox & buttons styling */
95.inputText, input.text, input.password, input.file, textarea, select {
96 color: #184054;
97 background-color: #f0f0f0;
98}
99.inputText, input.text, input.password, textarea {
100 border: 1px solid #999999;
101 border-bottom: 1px solid #cccccc;
102 border-right: 1px solid #cccccc;
Felix Meschberger35ce8e32009-09-08 08:09:20 +0000103}
104
Felix Meschberger80b3efe2010-02-19 10:55:34 +0000105/* tables styling - must be in synch with tablesorter CSS */
106td, th { vertical-align: top }
107table.nicetable {
108 width: 100%;
109 text-align: left;
110}
111table.nicetable th, table.nicetable td {
112 border-bottom: 1px solid #cccccc;
113 text-align: left;
114 padding: .2em;
115 padding-left: .8em;
116}
117
118/* tablesorter styling */
119tr .header {
120 background-image: url(../lib/bg.gif);
121 background-repeat: no-repeat;
122 background-position: center right;
123 cursor: pointer;
124}
125tr .headerSortUp {
126 background-image: url(../lib/asc.gif);
127}
128tr .headerSortDown {
129 background-image: url(../lib/desc.gif);
130}
131
132/* status line */
133.statline {
134 margin-top: .5em !important;
135 margin-bottom: .5em !important;
136 padding: .2em;
Felix Meschberger35ce8e32009-09-08 08:09:20 +0000137}
138
Felix Meschberger2aa46b52010-02-19 20:01:28 +0000139/* zebra tables */
140.even {
141 /* default background unmodified from JQuery UI Theme */
142}
143
144.odd {
145 /* overwrite background from JQuery UI Theme */
146 background: none !important;
147}
Felix Meschberger8adee6d2010-02-20 17:40:03 +0000148
149/*
150 * Common UI style to define button icons like in bundles plugin. The HTML markup is:
151 * <ul class="icons ui-widget">
152 * <li class="dynhover" title="tooltip comes here"><span class="ui-icon ui-icon-refresh">&nbsp;</span></li>
153 * </ul>
154 */
155ul.icons {
156 margin: 0;
157 padding: 0
158}
159ul.icons span.ui-icon {
160 float: left;
161 margin: 0 1px
162}
163ul.icons li {
164 margin: 1px;
165 position: relative;
166 padding: 1px 0;
167 cursor: pointer;
168 float: left;
169 list-style: none
170}