|
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 |