Revision 1529
Added by Dietmar over 12 years ago
theme.css | ||
---|---|---|
1 |
|
|
2 |
html {overflow:-moz-scrollbars-vertical; /* Force firefox to always show room for a vertical scrollbar */} |
|
3 |
|
|
4 |
body,td,th,input,textarea {font-family:verdana,arial,helvetica,sans-serif;font-size:11px;color:#333;} |
|
5 |
body {background:#f9f9f9 url(images/background.jpg) 0 0 repeat-x;margin:0;text-align:center;} |
|
6 |
img {border:0px;} |
|
7 |
|
|
8 |
#admin_header {text-align:center;width:900px;height:105px;margin:0 auto;padding:10px 0 0 0;} |
|
9 |
#admin_header a#website_title {display:block;text-align:left;font-size:14px;font-weight:bold;color:#fff;text-transform:uppercase;text-decoration:none;} |
|
10 |
#topmenu {float:right;text-align:right;color:#fff;} |
|
11 |
#topmenu a {font-size:11px;color:#fff;text-decoration:underline;margin:0 5px;} |
|
12 |
#topmenu .version {font-size:11px;color:#7cacda;padding:0 10px 0 0;} |
|
13 |
#header_top {height:78px;} |
|
14 |
|
|
15 |
h1 {text-align:left;font-size:15px;color:#fff;text-transform:uppercase;} |
|
16 |
h2 {text-align:left;font-size:18px;color:#000;margin:5px 0;font-family:arial,sans-serif;letter-spacing:-1px;font-weight:normal;} |
|
17 |
h3 {text-align:left;font-size:14px;color:#000;margin:5px 0;} |
|
18 |
|
|
19 |
a:link, a:visited, a:active {color:#28609b;text-decoration:none;} |
|
20 |
a:hover {text-decoration:underline;color:#28609b;} |
|
21 |
|
|
22 |
.menu {margin:0 auto;padding:0;text-align:center;width:900px;} |
|
23 |
.menu ul {list-style-type:none;margin:0;padding:0;} |
|
24 |
.menu li {display:inline;margin:0 2px 0 0;padding:0;font-weight:bold;border-bottom:3px solid #c9c9c9;} |
|
25 |
.menu a {float:left;color:#fff !important;background:#28609b url(images/tabl.jpg) no-repeat left top;margin:0 5px 0 0;padding:0 0 0 3px;text-decoration:none;border-bottom:3px solid #cacaca;} |
|
26 |
.menu a span {display:block;background:#28609b url(images/tabr.jpg) no-repeat right top;padding:6px 9px 6px 6px;} |
|
27 |
.menu a:hover, .menu a:hover span {background-color:#28609b;text-decoration:none;} |
|
28 |
.menu .current a, .menu a:hover {border-bottom:3px solid #d25e59;} |
|
29 |
|
|
30 |
#content_container {text-align:center;width:900px;clear:both;margin:0 auto;} |
|
31 |
.content {margin:0;padding:20px 0;width:900px;text-align:left;vertical-align:top;} |
|
32 |
hr {margin:15px 0;color:#003366;height:1px;} |
|
33 |
|
|
34 |
.hide {display:none;} |
|
35 |
.note {color:#666;font-size:11px;} |
|
1 |
html { overflow :-moz-scrollbars-vertical; /* Force firefox to always show room for a vertical scrollbar */ } |
|
2 |
body,td,th,input,textarea { font-family :verdana,arial,helvetica,sans-serif; font-size :11px; color :#333333; } |
|
3 |
body { background :url(images/background.jpg) #f9f9f9 0 0 repeat-x; margin :0; text-align :center; } |
|
4 |
img { border :0px; } |
|
5 |
#admin_header { text-align :center; width :900px; height :105px; margin :0 auto; padding :10px 0 0 0; } |
|
6 |
#admin_header a#website_title { display :block; text-align :left; font-size :14px; font-weight :bold; color :#ffffff; text-transform :uppercase; text-decoration :none; } |
|
7 |
#topmenu { float :right; text-align :right; color :#ffffff; } |
|
8 |
#topmenu a { font-size :11px; color :#ffffff; text-decoration :underline; margin :0 5px; } |
|
9 |
#topmenu .version { font-size :11px; color :#7cacda; padding :0 10px 0 0; } |
|
10 |
#header_top { height :78px; } |
|
11 |
h1 { text-align :left; font-size :15px; color :#ffffff; text-transform :uppercase; } |
|
12 |
h2 { text-align :left; font-size :18px; color :#000000; margin :5px 0; font-family :arial,sans-serif; letter-spacing :-1px; font-weight :normal; } |
|
13 |
h3 { text-align :left; font-size :14px; color :#000000; margin :5px 0; } |
|
14 |
a:link, a:visited, a:active { color :#28609b; text-decoration :none; } |
|
15 |
a:hover { text-decoration :underline; color :#28609b; } |
|
16 |
.menu { margin :0 auto; padding :0; text-align :center; width :900px; } |
|
17 |
.menu ul { list-style-type :none; margin :0; padding :0; } |
|
18 |
.menu li { display :inline; margin :0 2px 0 0; padding :0; font-weight :bold; border-bottom :3px solid #c9c9c9; } |
|
19 |
.menu a { float :left; color :#ffffff !important; background :url(images/tabl.jpg) #28609b no-repeat left top; margin :0 5px 0 0; padding :0 0 0 3px; text-decoration :none; border-bottom :3px solid #cacaca; } |
|
20 |
.menu a span { display :block; background :url(images/tabr.jpg) #28609b no-repeat right top; padding :6px 9px 6px 6px; } |
|
21 |
.menu a:hover, .menu a:hover span { background-color :#28609b; text-decoration :none; } |
|
22 |
.menu .current a, .menu a:hover { border-bottom :3px solid #d25e59; } |
|
23 |
#content_container { text-align :center; width :900px; clear :both; margin :0 auto; } |
|
24 |
.content { margin :0; padding :20px 0; width :900px; text-align :left; vertical-align :top; } |
|
25 |
hr { margin :15px 0; color :#003366; height :1px; } |
|
26 |
.hide { display :none; } |
|
27 |
.note { color :#666666; font-size :11px; } |
|
36 | 28 |
.center { text-align :center; } |
37 |
|
|
38 |
form {margin:0;} |
|
39 |
label {cursor:pointer;} |
|
40 |
input:focus, select:focus, textarea:focus {background:#f1f8fd;} |
|
41 |
|
|
29 |
form { margin :0; } |
|
30 |
label { cursor :pointer; } |
|
31 |
input:focus, select:focus, textarea:focus { background :#f1f8fd; } |
|
42 | 32 |
/* WB2.8 STYLES */ |
43 |
.img_noborder img {border:0;} |
|
44 |
iframe {border:1px solid #35373a;} |
|
45 |
div.box {font-size:11px;width:100%;text-align:right;margin:-10px 0 0 0;} |
|
46 |
.section {margin-top:10px;padding:0;border:1px solid #999;height:75px;width:100%;background-color:#fdfdfd;} |
|
47 |
.graphic {width:50px;height:50px;border:4px solid #fdfdfd;padding-left:3px;} |
|
48 |
.graphic img {vertical-align:middle;background-color:#fff;padding:4px;border:1px solid #d0d0d0;} |
|
49 |
.title {text-align:left;font-weight:bold;font-size:14px;margin-bottom:5px;} |
|
50 |
span.title { display :block;} |
|
51 |
.description {text-align:left;padding:4px 4px 0 4px;} |
|
52 |
.note {color:#666;font-size:11px;} |
|
53 |
.bold {font-weight:bold;} |
|
54 |
|
|
55 |
.submit, .cancel {width:100px;margin-top:5px;} |
|
56 |
.form_submit {width:100%;} |
|
57 |
.form_submit .left {text-align:left;} |
|
58 |
.form_submit .right {text-align:right;} |
|
59 |
.input_small {width:20px;} |
|
60 |
.input_narrow {width:100px;} |
|
61 |
.input_normal {width:120px;} |
|
62 |
.input_medium {width:150px;} |
|
63 |
.input_wide {width:200px;} |
|
64 |
.input_large {width:300px;} |
|
65 |
.input_full {width:100%;} |
|
66 |
select option.disabled {color:#aaa;} |
|
67 |
|
|
68 |
.jsadmin_drag img {margin-top:2px;vertical-align:top;cursor:pointer;} |
|
69 |
.jsadmin_drag img:hover {/* background-color:lightgrey;*/} |
|
70 |
.modify_link {padding:4px 0 0 7px;} |
|
71 |
|
|
72 |
.settings_table td {vertical-align:top;text-align:left;padding:5px;} |
|
73 |
.setting_name {width:10%;min-width:180px;} |
|
74 |
.setting_value {width:90%} |
|
75 |
.setting_value input, .setting_value select, .setting_value textarea {width:100%;} |
|
76 |
.setting_value textarea {height:50px;} |
|
77 |
|
|
78 |
#admintools ul {padding:0;margin:0;} |
|
79 |
#admintools li {list-style-type:none;display:inline;float:left;width:48%;margin:0 10px 0 0;} |
|
80 |
|
|
81 |
.value_input input, .value_input text, .value_input select {width:100%;} |
|
82 |
#file_mode input, #dir_mode input {width:12px;height:12px;} |
|
83 |
#hide2 {display:none;} |
|
84 |
|
|
85 |
.pages_list {font-weight:bold; margin :10px auto;} |
|
86 |
.pages_list .icon_col td img {display:block;border-style:none;float:left;padding-right:7px;} |
|
87 |
.pages_list table {width:900px;} |
|
88 |
.pages_list ul {margin:0;font-weight:normal;padding:0;} |
|
89 |
.pages_list ul li {list-style-type:none;margin:2px 0;} |
|
90 |
|
|
91 |
table.pages_view {width:900px;} |
|
92 |
table.pages_view tr, tr.sectionrow {background:#f0f0f0;line-height:2.2em;} |
|
93 |
table.pages_view tr:hover, tr.sectionrow:hover {background:#eaeff6;} |
|
94 |
tr.sectionrow {padding:0 10px;} |
|
95 |
tr.sectionrow td {border-top:3px solid #f9f9f9;} |
|
96 |
|
|
97 |
.page_list {display:none;} |
|
98 |
.page_list_show li {display:block;} |
|
99 |
img.page_list_rights {border:none;float:left;margin:0;vertical-align:middle;padding :2px;} |
|
100 |
|
|
101 |
.sections_list {font-weight:bold;padding-left:10px;} |
|
102 |
.sections_list table {width:900px;} |
|
103 |
|
|
104 |
.header_list_type {text-align:left;} |
|
105 |
.header_list_block {text-align:left;width:180px;} |
|
106 |
.header_list_pubdate_start {text-align:left;width:200px;} |
|
107 |
.header_list_pubdate_end {text-align:left;width:200px;} |
|
108 |
.header_list_sections_actions {text-align:left;width:30px;} |
|
109 |
.header_list_section_id {width:30px;text-align:right;} |
|
110 |
|
|
111 |
.list_section_id {width:30px;text-align:right;} |
|
112 |
.list_pubdate_start {text-align:left;width:200px;} |
|
113 |
.list_pubdate_end {text-align:left;width:200px;} |
|
114 |
|
|
115 |
.header_list_menu_title {text-align:left;padding-left:30px;} |
|
116 |
.header_list_page_title {width:334px;text-align:left;} |
|
117 |
.header_list_page_id {width:30px;text-align:left;} |
|
118 |
.header_list_actions {width:178px;text-align:left;} |
|
119 |
|
|
120 |
.list_menu_title {text-align:left;} |
|
121 |
.list_page_title {width:300px;text-align:left;} |
|
122 |
|
|
123 |
.list_page_id {width:50px;text-align:right;padding-right:15px;} |
|
124 |
.list_actions {width:25px;text-align:left;} |
|
125 |
|
|
126 |
.value_page_code {color:#006400;font-weight:bold;width:240px;} |
|
127 |
.list_page_code {width:240px;} |
|
128 |
.list_page_language {width:240px;} |
|
129 |
#multi_lingual {font-weight:bold;} |
|
130 |
.right{text-align:right;} |
|
131 |
.left{text-align:left;} |
|
132 |
|
|
33 |
.img_noborder img { border :0; } |
|
34 |
iframe { border :1px solid #35373a; } |
|
35 |
div.box { font-size :11px; width :100%; text-align :right; margin :-10px 0 0 0; } |
|
36 |
.section { margin-top :10px; padding :0; border :1px solid #999999; height :75px; width :100%; background-color :#fdfdfd; } |
|
37 |
.graphic { width :50px; height :50px; border :4px solid #fdfdfd; padding-left :3px; } |
|
38 |
.graphic img { vertical-align :middle; background-color :#ffffff; padding :4px; border :1px solid #d0d0d0; } |
|
39 |
.title { text-align :left; padding :4px 5px 0px 3px; font-weight :bold; font-size :14px; margin-bottom :5px; } |
|
40 |
span.title { display :block; } |
|
41 |
.description { text-align :left; padding :4px 0px 0 0px; } |
|
42 |
.note { color :#666666; font-size :11px; } |
|
43 |
.bold { font-weight :bold; } |
|
44 |
.submit, .cancel { width :100px; margin-top :5px; } |
|
45 |
.form_submit { width :100%; } |
|
46 |
.form_submit .left { text-align :left; } |
|
47 |
.form_submit .right { text-align :right; } |
|
48 |
.input_small { width :20px; } |
|
49 |
.input_narrow { width :100px; } |
|
50 |
.input_normal { width :120px; } |
|
51 |
.input_medium { width :150px; } |
|
52 |
.input_wide { width :200px; } |
|
53 |
.input_large { width :300px; } |
|
54 |
.input_full { width :100%; } |
|
55 |
select option.disabled { color :#aaaaaa; } |
|
56 |
.jsadmin_drag img { margin-top :2px; vertical-align :top; cursor :pointer; } |
|
57 |
.jsadmin_drag img:hover { } |
|
58 |
.modify_link { padding :4px 0 0 7px; } |
|
59 |
.settings_table td { vertical-align :top; text-align :left; padding :5px; } |
|
60 |
.setting_name { width :10%; min-width :180px; } |
|
61 |
.setting_value { width :90%; } |
|
62 |
.setting_value input, .setting_value select, .setting_value textarea { width :100%; } |
|
63 |
.setting_value textarea { height :50px; } |
|
64 |
#admintools ul { padding :0; margin :0; } |
|
65 |
#admintools li { list-style-type :none; display :inline; float :left; width :48%; margin :0 10px 0 0; } |
|
66 |
.value_input input, .value_input text, .value_input select { width :100%; } |
|
67 |
#file_mode input, #dir_mode input { width :12px; height :12px; } |
|
68 |
#hide2 { display :none; } |
|
69 |
.pages_list { font-weight :bold; margin :10px auto; } |
|
70 |
.pages_list .icon_col td img { display :block; border-style :none; float :left; padding-right :7px; } |
|
71 |
.pages_list table { width :900px; } |
|
72 |
.pages_list ul { margin :0; font-weight :normal; padding :0; } |
|
73 |
.pages_list ul li { list-style-type :none; margin :2px 0; } |
|
74 |
table.pages_view { width :900px; } |
|
75 |
table.pages_view tr, tr.sectionrow { background :#f0f0f0; line-height :2.2em; } |
|
76 |
table.pages_view tr:hover, tr.sectionrow:hover { background :#eaeff6; } |
|
77 |
tr.sectionrow { padding :0 10px; } |
|
78 |
tr.sectionrow td { border-top :3px solid #f9f9f9; } |
|
79 |
.page_list { display :none; } |
|
80 |
.page_list_show li { display :block; } |
|
81 |
img.page_list_rights { border :none; float :left; margin :0; vertical-align :middle; padding :2px; } |
|
82 |
.sections_list { font-weight :bold; padding-left :10px; } |
|
83 |
.sections_list table { width :900px; } |
|
84 |
.header_list_type { text-align :left; } |
|
85 |
.header_list_block { text-align :left; width :180px; } |
|
86 |
.header_list_pubdate_start { text-align :left; width :200px; } |
|
87 |
.header_list_pubdate_end { text-align :left; width :200px; } |
|
88 |
.header_list_sections_actions { text-align :left; width :30px; } |
|
89 |
.header_list_section_id { width :30px; text-align :right; } |
|
90 |
.list_section_id { width :30px; text-align :right; } |
|
91 |
.list_pubdate_start { text-align :left; width :200px; } |
|
92 |
.list_pubdate_end { text-align :left; width :200px; } |
|
93 |
.header_list_menu_title { text-align :left; padding-left :30px; } |
|
94 |
.header_list_page_title { width :334px; text-align :left; } |
|
95 |
.header_list_page_id { width :30px; text-align :left; } |
|
96 |
.header_list_actions { width :178px; text-align :left; } |
|
97 |
.list_menu_title { text-align :left; } |
|
98 |
.list_page_title { width :300px; text-align :left; } |
|
99 |
.list_page_id { width :50px; text-align :right; padding-right :15px; } |
|
100 |
.list_actions { width :25px; text-align :left; } |
|
101 |
.value_page_code { color :#006400; font-weight :bold; width :240px; } |
|
102 |
.list_page_code { width :240px; } |
|
103 |
.list_page_language { width :240px; } |
|
104 |
#multi_lingual { font-weight :bold; } |
|
105 |
.right{ text-align :right; } |
|
106 |
.left{ text-align :left; } |
|
133 | 107 |
/* set div layers in dead tables */ |
134 |
.subcolumns {width:100%;overflow:hidden;margin:10px 0;} |
|
135 |
.subcolumns_oldgecko {width:100%;float:left;margin:10px 0;} |
|
136 |
|
|
137 |
.c10l, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {float:left;} |
|
138 |
.c10r, .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {float:right;margin-left:-5px;} |
|
139 |
|
|
140 |
.c10l, .c10r {width:10%;} |
|
141 |
.c20l, .c20r {width:20%;line-height:2em;} |
|
142 |
.c40l, .c40r {width:40%;} |
|
143 |
.c60l, .c60r {width:60%;height:2em;} |
|
144 |
.c25l, .c25r {width:28%;} |
|
145 |
.c33l, .c33r {width:33.333%;} |
|
146 |
.c50l, .c50r {width:50%;} |
|
147 |
.c66l, .c66r {width:66.666%;} |
|
148 |
.c38l, .c38r {width:38.2%;} |
|
149 |
.c62l, .c62r {width:61.8%;} |
|
150 |
.subc {padding:0 0.5em;} |
|
151 |
.subcl {padding:0 1em 0 0;} |
|
152 |
.subcr {padding:0 0 0 1em;} |
|
153 |
|
|
154 |
.c80l, .c80r, .c90l, .c90r {width:80%;} |
|
155 |
.c75l, .c75r, .c80l, .c80r {width:75%;} |
|
156 |
|
|
157 |
.info {padding:10px;margin-bottom:0.5em;background:#f8f8f8;color:#666;font-size:11px;} |
|
158 |
.note {border:2px #484 solid;padding:10px;margin:10px auto;background:#efe;color:#040;} |
|
159 |
.important {border:2px #884 solid;padding:10px; margin-bottom:1em;background:#ffe;color:#440;} |
|
160 |
.warning {border:2px #844 solid;padding:10px;margin:1em auto;background:#fee;color:#400;} |
|
161 |
|
|
162 |
.row_0 {background-color:transparent;} |
|
163 |
.row_1 {background-color:#ccddee;} |
|
164 |
|
|
108 |
.subcolumns { width :100%; overflow :hidden; margin :10px 0; } |
|
109 |
.subcolumns_oldgecko { width :100%; float :left; margin :10px 0; } |
|
110 |
.c10l, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float :left; } |
|
111 |
.c10r, .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float :right; margin-left :-5px; } |
|
112 |
.c10l, .c10r { width :10%; } |
|
113 |
.c20l, .c20r { width :20%; line-height :2em; } |
|
114 |
.c40l, .c40r { width :40%; } |
|
115 |
.c60l, .c60r { width :60%; height :2em; } |
|
116 |
.c25l, .c25r { width :28%; } |
|
117 |
.c33l, .c33r { width :33.333%; } |
|
118 |
.c50l, .c50r { width :50%; } |
|
119 |
.c66l, .c66r { width :66.666%; } |
|
120 |
.c38l, .c38r { width :38.2%; } |
|
121 |
.c62l, .c62r { width :61.8%; } |
|
122 |
.subc { padding :0 0.5em; } |
|
123 |
.subcl { padding :0 1em 0 0; } |
|
124 |
.subcr { padding :0 0 0 1em; } |
|
125 |
.c80l, .c80r, .c90l, .c90r { width :80%; } |
|
126 |
.c75l, .c75r, .c80l, .c80r { width :75%; } |
|
127 |
.info { padding :10px; margin-bottom :0.5em; background :#f8f8f8; color :#666666; font-size :11px; } |
|
128 |
.note { border :2px #448844 solid; padding :10px; margin :10px auto; background :#eeffee; color :#004400; } |
|
129 |
.important { border :2px #888844 solid; padding :10px; margin-bottom :1em; background :#ffffee; color :#444400; } |
|
130 |
.warning { border :2px #884444 solid; padding :10px; margin :1em auto; background :#ffeeee; color :#440000; } |
|
131 |
.row_0 { background-color :transparent; } |
|
132 |
.row_1 { background-color :#ccddee; } |
|
165 | 133 |
div.content_box { margin :0em auto; } |
166 |
div.content_box form { width: 98%; } |
|
167 |
|
|
134 |
div.content_box form { width :98%; } |
|
168 | 135 |
#language, |
169 | 136 |
#timezone, |
170 | 137 |
#date_format, |
... | ... | |
174 | 141 |
#email, |
175 | 142 |
#new_password_1, |
176 | 143 |
#new_password_2, |
177 |
#current_password {width:118%;} |
|
178 |
|
|
144 |
#current_password { width :118%; } |
|
179 | 145 |
#submit, |
180 |
#reset {max-width:100px;} |
|
181 |
|
|
182 |
div#username {height:17px;width:118%;text-align:left;font-weight:bold;margin:0;} |
|
183 |
.save_section {margin:20px auto 5px auto;} |
|
184 |
.section-info { margin : 1.5em 0; } |
|
185 |
|
|
146 |
#reset { max-width :100px; } |
|
147 |
div#username { height :17px; width :118%; text-align :left; font-weight :bold; margin :0; } |
|
148 |
.save_section { margin :20px auto 5px auto; } |
|
149 |
.section-info { margin :1.5em 0; } |
|
186 | 150 |
.rounded { border-radius :10px; -khtml-border-radius :10px; -webkit-border-radius :10px; -moz-border-radius :10px; } |
187 | 151 |
.bigger { font-size :150%; } |
188 | 152 |
.strong { font-weight :bold; } |
189 |
|
|
190 |
.msg-box { background : #e5ffe6; border :0.2em #009900 solid; color :#336600; margin-bottom :1em; padding :0.63em; text-align :center; } |
|
191 |
.error-box { background :#fee; border :0.2em #844 solid; color :#400; margin-bottom :1em; padding :0.63em; text-align :center; } |
|
153 |
.msg-box { background :#e5ffe6; border :0.2em #009900 solid; color :#336600; margin-bottom :1em; padding :0.63em; text-align :center; } |
|
154 |
.error-box { background :#ffeeee; border :0.2em #884444 solid; color :#440000; margin-bottom :1em; padding :0.63em; text-align :center; } |
|
192 | 155 |
.msg-box p, |
193 | 156 |
.error-box p { font-size :120%; } |
194 | 157 |
select > option.user-inactive { color :#990000; } |
195 |
button.status { cursor :pointer; border-radius :5px; -khtml-border-radius :5px; -webkit-border-radius :5px; -moz-border-radius :5px; } |
|
158 |
button.status { cursor :pointer; border-radius :5px; -khtml-border-radius :5px; -webkit-border-radius :5px; -moz-border-radius :5px; } |
Also available in: Unified diff
add new backend theme handling (Tks to Stefek)