|
1
|
1 |
/*-----------------------------------------------------------------------------------------*/ |
|
|
2 |
/*- RESET ---------------------------------------------------------------------------------*/ |
|
|
3 |
/*-----------------------------------------------------------------------------------------*/ |
|
|
4 |
html, body, div, span, object, iframe, |
|
|
5 |
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
|
6 |
a, abbr, acronym, address, big, cite, code, del, dfn, em, |
|
|
7 |
img, ins, kbd, q, samp, small, strike, strong, sub, sup, |
|
|
8 |
tt, var, dl, dt, dd, ol, ul, li, |
|
|
9 |
fieldset, form, label, legend, |
|
|
10 |
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } |
|
|
11 |
table { border-spacing: 0; border-collapse: collapse; } |
|
|
12 |
caption, th, td { text-align: left; font-weight: normal; } |
|
|
13 |
blockquote, q { quotes: none; } |
|
|
14 |
:focus { outline: 0; } |
|
|
15 |
|
|
|
16 |
|
|
|
17 |
/*-----------------------------------------------------------------------------------------*/ |
|
|
18 |
/*- Std Styles ----------------------------------------------------------------------------*/ |
|
|
19 |
/*-----------------------------------------------------------------------------------------*/ |
|
|
20 |
body{font-family: "Lucida Grande", Verdana, Arial, sans-serif;} |
|
|
21 |
h2{color: #424542; margin: 15px 10px; background:url(images/ocmx_logo.gif) left top no-repeat; text-indent: 66px; font-size: 24px; font-weight: lighter; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;} |
|
|
22 |
h3{color: #3c536a; font-size: 14px; margin: 0px 0px 10px; padding: 0px;} |
|
|
23 |
p{margin: 0px 0px 10px; padding: 0px; line-height: 18px;} |
|
|
24 |
input, select, textarea{border: 1px solid #7b9ebd; font-size: 13px; font-family: "Lucida Grande", Verdana, Arial, sans-serif;} |
|
|
25 |
.no_display{display: none;} |
|
|
26 |
p.error{clear:both; border: 1px solid #a60000; background: #FFCECE; color: #a60000; padding: 5px; text-align:center; width: 708px; margin: 0px 0px 0px 0px;} |
|
|
27 |
.success{border-width: 1px; border-style: solid; padding: 0 0.6em; margin: 5px 15px 2px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} |
|
|
28 |
p.success{clear:both; border: 1px solid #006600; background-color: #d6f5c2; color: #006600; padding: 5px; text-align:center; width: 708px; margin: 0px 0px 0px 0px;} |
|
|
29 |
|
|
|
30 |
|
|
|
31 |
/*-----------------------------------------------------------------------------------------*/ |
|
|
32 |
/*- LAYOUT --------------------------------------------------------------------------------*/ |
|
|
33 |
/*-----------------------------------------------------------------------------------------*/ |
|
|
34 |
.content_box{width: 720px; margin: 20px 10px; position: relative;} |
|
|
35 |
|
|
|
36 |
/*------------------------------------*/ |
|
|
37 |
/*- Parent Containers ----------------*/ |
|
|
38 |
.ocmx-tabs{position: relative; z-index: 2; top: 1px;} |
|
|
39 |
.ocmx-content{position: relative; z-index: 1;} |
|
|
40 |
.ocmx-content p.section_notice{color: #4f6f8e; font-size: 13px; font-style: italic;} |
|
|
41 |
|
|
|
42 |
/*--------------------------------------------------------------------------------------------------------*/ |
|
|
43 |
/*- Tabs -------------------------------------------------------------------------------------------------*/ |
|
|
44 |
/*--------------------------------------------------------------------------------------------------------*/ |
|
|
45 |
ul.tabs{list-style: none; margin: 0px; padding: 0px;} |
|
|
46 |
ul.tabs li{background: url(images/tabs.jpg) top right no-repeat; height: 27px; padding-right: 9px; width: 120px; float: left; margin-right: 4px;} |
|
|
47 |
ul.tabs li.selected{background-position: bottom right; margin-right: 8px;} |
|
|
48 |
ul.tabs li a{height: 21px; width: 110px; padding: 6px 0px 0px 9px; color: #577a9d; font-size: 12px; font-weight: bold; text-decoration: none; background: url(images/tabs.jpg) top left no-repeat; display: block;} |
|
|
49 |
ul.tabs li.selected a{background-position: bottom left; color: #464646;} |
|
|
50 |
ul.tabs li a:hover{color: #464646;} |
|
|
51 |
|
|
|
52 |
/*--------------------------------------------------------------------------------------------------------*/ |
|
|
53 |
/*- Curved Corner Divs -----------------------------------------------------------------------------------*/ |
|
|
54 |
/*--------------------------------------------------------------------------------------------------------*/ |
|
|
55 |
.header{height: 10px; overflow: hidden; background: #f9f9f9 url(images/top_right.gif) top right no-repeat;} |
|
|
56 |
.header div{width: 10px; height: 10px; overflow: hidden; border-left: 1px solid #809DB9;} |
|
|
57 |
|
|
|
58 |
.content{background-color: #e3e9ee; padding: 1px 10px; clear: both; border-left: 1px solid #809db9; border-right: 1px solid #809DB9;} |
|
|
59 |
|
|
|
60 |
.footer{height: 10px; overflow: hidden; background: #f9f9f9 url(images/bottom_right.gif) bottom right no-repeat; clear: both;} |
|
|
61 |
.footer div{width: 10px; height: 10px; overflow: hidden; background: #fff url(images/bottom_left.gif) left bottom no-repeat;} |
|
|
62 |
|
|
|
63 |
|
|
|
64 |
/*--------------------------------------------------------------------------------------------------------*/ |
|
|
65 |
/*- Rounded Forms ----------------------------------------------------------------------------------------*/ |
|
|
66 |
/*--------------------------------------------------------------------------------------------------------*/ |
|
|
67 |
.form_item{clear: both; height: auto; padding: 0px 0px 10px; margin: 0px 0px 20px; border-bottom: 1px dotted #809DB9;} |
|
|
68 |
.form_label{clear: both; margin-bottom: 10px; height: 26px;} |
|
|
69 |
.input_label{color: #5c5c5c; font-size: 13px; font-weight: bold; width: 180px; float: left; clear: left; padding-top: 5px;} |
|
|
70 |
.input_form, .thumbnail{float: left; margin-bottom: 10px;} |
|
|
71 |
|
|
|
72 |
/*--------------------------------------------*/ |
|
|
73 |
/*- Input Forms ------------------------------*/ |
|
|
74 |
.input_form input{width: 240px; padding: 3px;} |
|
|
75 |
|
|
|
76 |
/*--------------------------------------------*/ |
|
|
77 |
/*- Select Forms -----------------------------*/ |
|
|
78 |
.input_form select{width: 240px; padding: 3px;} |
|
|
79 |
|
|
|
80 |
/*--------------------------------------------*/ |
|
|
81 |
/*- Textarea Forms ---------------------------*/ |
|
|
82 |
.input_form textarea{width: 440px; height: 100px;} |
|
|
83 |
|
|
|
84 |
/*--------------------------------------------*/ |
|
|
85 |
/*- Advert Image Thumbnail -------------------*/ |
|
|
86 |
.thumbnail{background-color: #fff;} |
|
|
87 |
.thumbnail a{ |
|
|
88 |
display:block; |
|
|
89 |
height: 150px; |
|
|
90 |
width: 318px; |
|
|
91 |
padding: 10px; |
|
|
92 |
background: #fff center no-repeat; |
|
|
93 |
border: 1px solid #7f9db9; |
|
|
94 |
text-decoration: none; |
|
|
95 |
} |
|
|
96 |
|
|
|
97 |
/*--------------------------------------------*/ |
|
|
98 |
/*- Form Thumbnail ---------------------------*/ |
|
|
99 |
.form-thumbnail{background-color: #fff;} |
|
|
100 |
.form-thumbnail a{ |
|
|
101 |
display:block; |
|
|
102 |
height: 150px; |
|
|
103 |
width: 500px; |
|
|
104 |
padding: 10px; |
|
|
105 |
background: #fff center no-repeat; |
|
|
106 |
border: 1px solid #7f9db9; |
|
|
107 |
text-decoration: none; |
|
|
108 |
} |
|
|
109 |
|
|
|
110 |
|
|
|
111 |
|
|
|
112 |
/*-------------------------------------------------------------------------------------------*/ |
|
|
113 |
/*- Menu Structure Styles ------------------------------------------------------------------*/ |
|
|
114 |
/*-------------------------------------------------------------------------------------------*/ |
|
|
115 |
|
|
|
116 |
.catagories {margin-top: 5px; padding: 10px; background-color: #fff; border: 1px solid #7f9db9; height: 140px; width: 300px; overflow: auto;} |
|
|
117 |
|
|
|
118 |
ul.cat_option{list-style: none; margin: 0px; padding: 0px;} |
|
|
119 |
ul.cat_option li{float: left; width: 120px;} |
|
|
120 |
|
|
|
121 |
.new_category_div, .new_author_div{padding: 5px; border: 1px solid #ced9e1; background-color: #e3e9ee;} |
|
|
122 |
.new_category_text .text, .new_author_text{float: left; height: 15px; font-size: 8px;} |
|
|
123 |
|
|
|
124 |
.selection_sections{height: auto; width: 580px; margin: 5px 0px 10px; padding: 10px; background-color: #fff; border: 1px solid #7f9db9;} |
|
|
125 |
ul.section_option{float: left; width: 275px; margin-right: 5px; padding: 0px; list-style: none;} |
|
|
126 |
ul.section_option li{margin: 0px 0px 5px;} |
|
|
127 |
ul.section_option ul{width: 205px; padding-left: 20px; list-style: none;} |
|
|
128 |
ul.section_option ul li{margin: 0px 0px 4px;} |
|
|
129 |
ul.no_margin{margin-right: 0px;} |
|
|
130 |
|
|
|
131 |
|
|
|
132 |
/*-------------------------------------------------------------------------------------------*/ |
|
|
133 |
/*- Advert Styles ---------------------------------------------------------------------------*/ |
|
|
134 |
/*-------------------------------------------------------------------------------------------*/ |
|
|
135 |
.selected_image{clear: both; margin-bottom: 20px;} |
|
|
136 |
.selected_image .thumbnail{border: 1px solid #7f9db9; background:#fff; padding: 10px;} |
|
|
137 |
.selected_image .thumbnail{float:left;} |
|
|
138 |
|
|
|
139 |
.selected_image .change_picture_block{background:#fff; border: 1px solid #7f9db9; float:left; margin-left: 10px; padding: 10px 10px 12px 10px; width: 106px;} |
|
|
140 |
.selected_image .change_picture_block div{clear:both; display:block; margin-top:10px;} |
|
|
141 |
|
|
|
142 |
.selected_image .change_picture_bar{background:#fff; border: 1px solid #7f9db9; float: left; margin-top: 10px; padding: 10px; width: 385px;} |
|
|
143 |
.selected_image .change_picture_bar a{float:left; width: 190px; text-align: center; vertical-align: middle;} |
|
|
144 |
.selected_image .change_picture_bar div{float:left; width: 190px; text-align: center; padding-top: 2px;} |
|
|
145 |
|
|
|
146 |
.gallery_image{clear: both; height: 220px; margin-bottom: 20px;} |
|
|
147 |
.gallery_image .image_detail_block{float:left; margin-right: 10px; padding: 10px; width: 300px; border: 1px solid #7f9db9; background:#fff; margin-bottom: 10px;} |
|
|
148 |
.label_tag{clear:both; font-weight: bold; margin-bottom:5px;} |
|
|
149 |
.label_note{color: #555; font-weight: lighter; font-size: 8pt; font-style: italic; margin-bottom: 10px; } |
|
|
150 |
.gallery_image .image_detail_block .gallery_image_tag{clear:both; display:block; height: 52px; margin-bottom:10px; font-size: 10pt; width: 285px;} |
|
|
151 |
|
|
|
152 |
.resize{clear: both; margin-bottom: 20px; margin-top: 10px; border: 1px solid #7f9db9; background:#fff; color: #000; padding: 10px; width: 385px;}/*border: 1px solid #e2c822; background:#fff9d7;*/ |
|
|
153 |
.resize input{width: 30px;} |
|
|
154 |
.resize ul{list-style: none; margin: 0px; padding: 0px; font-size: 13pt;} |
|
|
155 |
.resize ul li{float: left; margin-right: 20px;} |
|
|
156 |
.resize ul li.or{margin-top: 5px;} |
|
|
157 |
|
|
|
158 |
/*-------------------------------------------------------------------------------------------*/ |
|
|
159 |
/*- Clearfix --------------------------------------------------------------------------------*/ |
|
|
160 |
/*-------------------------------------------------------------------------------------------*/ |
|
|
161 |
/* http://sonspring.com/journal/clearing-floats */ |
|
|
162 |
html body * span.clear, |
|
|
163 |
html body * div.clear, |
|
|
164 |
html body * li.clear, |
|
|
165 |
html body * dd.clear |
|
|
166 |
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;} |
|
|
167 |
|
|
|
168 |
/* http://www.positioniseverything.net/easyclearing.html */ |
|
|
169 |
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;} |
|
|
170 |
.clearfix{display: inline-block;} |
|
|
171 |
* html .clearfix{height: 1%;} |
|
|
172 |
.clearfix{display: block;} |
|
|
173 |
.clearboth{clear: both;} |
|
|
174 |
|
|
|
175 |
/*-------------------------------------------------------------------------------------------*/ |
|
|
176 |
/*- Gallery Styles --------------------------------------------------------------------------*/ |
|
|
177 |
/*-------------------------------------------------------------------------------------------*/ |
|
|
178 |
|
|
|
179 |
tr.gallery_row td{padding: 10px 0px 20px 0px; border-bottom: 1px dotted #809DB9;} |
|
|
180 |
tr.gallery_row td a {font-weight: bold;} |
|
|
181 |
.gallery_form_image{clear: both; margin-bottom: 10px;} |
|
|
182 |
.gallery_form_image .grid_thumbnail{border: 1px solid #7f9db9; background:#fff; display:block; margin: 5px 10px 5px 0px; padding: 5px; height: 120px; width: 140px; overflow: hidden;} |
|
|
183 |
.gallery_form_image .grid_thumbnail a {height: 120px; width: 140px; overflow: hidden; display: block;} |
|
|
184 |
.gallery_form_image .grid_edit_details {clear: both; display: block; height: 20px; width: 140px;} |
|
|
185 |
.gallery_form_image .new_gallery_thumbnail{border: 1px dotted #7f9db9; background: #fff; display:block; margin: 5px 10px 5px 0px; padding: 5px; height: 120px; width: 140px; overflow: hidden;} |
|
|
186 |
.gallery_form_image .new_gallery_thumbnail a {height: 120px; width: 140px; overflow: hidden; display: block;} |
|
|
187 |
|
|
|
188 |
.gallery_form_image .change_picture_block{background:#fff; border: 1px solid #7f9db9; float:left; margin-left: 10px; padding: 10px 10px 12px 10px; width: 106px;} |
|
|
189 |
.gallery_form_image .change_picture_block div{clear:both; display:block; margin-top:10px;} |
|
|
190 |
.gallery_form_image .change_picture_bar{background:#fff; border: 1px solid #7f9db9; float: left; margin-top: 10px; padding: 10px; width: 385px;} |
|
|
191 |
.gallery_form_image .change_picture_bar a{float:left; width: 190px; text-align: center; vertical-align: middle;} |
|
|
192 |
.gallery_form_image .change_picture_bar div{float:left; width: 190px; text-align: center; padding-top: 2px;} |
|
|
193 |
|
|
|
194 |
.gallery_form_image{clear: both; margin-bottom: 20px;} |
|
|
195 |
.gallery_form_image .thumbnail{background:#fff; background-image: url('images/loading.gif'); background-repeat: no-repeat; background-position: center;border: 1px solid #7f9db9;display:block;float:left;height: 250px;padding: 10px;width: 320px;} |
|
|
196 |
.gallery_form_image .thumbnail a |
|
|
197 |
{ |
|
|
198 |
height: 226px; width: 300px; display: block; text-decoration: none; background-repeat: no-repeat |
|
|
199 |
} |
|
|
200 |
.gallery_image .image_detail_block{background:#fff; border: 1px solid #7f9db9; float:left; margin-right: 10px; padding: 10px 10px 12px 10px; width: 300px;} |
|
|
201 |
.gallery_image .image_detail_block div.label_tag{clear:both; font-weight: bold; margin-bottom:5px;} |
|
|
202 |
.gallery_image .image_detail_block .gallery_image_tag{clear:both; display:block; margin-bottom:10px; font-size: 10pt; width: 285px;} |
|
|
203 |
|
|
|
204 |
.resize{clear: both; margin-bottom: 20px; margin-top: 10px; border: 1px solid #7f9db9; background:#fff; color: #000; padding: 10px; width: 385px;}/*border: 1px solid #e2c822; background:#fff9d7;*/ |
|
|
205 |
.resize input{width: 30px;} |
|
|
206 |
.resize ul{list-style: none; margin: 0px; padding: 0px; font-size: 13pt;} |
|
|
207 |
.resize ul li.or{margin-top: 2px;} |
|
|
208 |
.resize ul li{float: left; margin-right: 10px;} |
|
|
209 |
|
|
|
210 |
.add_image{border: 1px solid #7f9db9; background:#fff; margin-bottom: 2px; padding: 10px; padding-top: 12px; text-transform: lowercase; width: 385px;} |
|
|
211 |
.add_image a{color: black; font-size: 8pt; margin-left: 12px; font-style: bold; font-weight: normal; text-decoration: none; text-transform: none;} |
|
|
212 |
|
|
|
213 |
|
|
|
214 |
/*-------------------------------------------------------------------------------------------*/ |
|
|
215 |
/*- Table Styles --------------------------------------------------------------------------*/ |
|
|
216 |
/*-------------------------------------------------------------------------------------------*/ |
|
|
217 |
table.widefat tr td.t_center{text-align: center;} |
|
|
218 |
|