Project

General

Profile

« Previous | Next » 

Revision 1529

Added by Dietmar over 12 years ago

add new backend theme handling (Tks to Stefek)

View differences:

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