web/wp-content/themes/selecta/ocmx/ocmx_styles.css
changeset 1 0d28b7c10758
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/wp-content/themes/selecta/ocmx/ocmx_styles.css	Fri Mar 12 13:29:04 2010 +0000
@@ -0,0 +1,218 @@
+/*-----------------------------------------------------------------------------------------*/
+/*- RESET ---------------------------------------------------------------------------------*/
+/*-----------------------------------------------------------------------------------------*/
+html, body, div, span, object, iframe, 
+h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
+a, abbr, acronym, address, big, cite, code, del, dfn, em, 
+img, ins, kbd, q, samp, small, strike, strong, sub, sup, 
+tt, var, dl, dt, dd, ol, ul, li, 
+fieldset, form, label, legend, 
+table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
+table { border-spacing: 0; border-collapse: collapse; }
+caption, th, td { text-align: left; font-weight: normal; }
+blockquote, q { quotes: none; }
+:focus { outline: 0; }
+
+
+/*-----------------------------------------------------------------------------------------*/
+/*- Std Styles ----------------------------------------------------------------------------*/
+/*-----------------------------------------------------------------------------------------*/
+body{font-family: "Lucida Grande", Verdana, Arial, sans-serif;}
+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;}
+h3{color: #3c536a; font-size: 14px; margin: 0px 0px 10px; padding: 0px;}
+p{margin: 0px 0px 10px; padding: 0px; line-height: 18px;}
+input, select, textarea{border: 1px solid #7b9ebd; font-size: 13px; font-family: "Lucida Grande", Verdana, Arial, sans-serif;}
+.no_display{display: none;}
+p.error{clear:both; border: 1px solid #a60000; background: #FFCECE; color: #a60000; padding: 5px; text-align:center; width: 708px; margin: 0px 0px 0px 0px;}
+.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;}
+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;}
+
+
+/*-----------------------------------------------------------------------------------------*/
+/*- LAYOUT --------------------------------------------------------------------------------*/
+/*-----------------------------------------------------------------------------------------*/
+.content_box{width: 720px; margin: 20px 10px; position: relative;}
+
+/*------------------------------------*/
+/*- Parent Containers ----------------*/
+.ocmx-tabs{position: relative; z-index: 2; top: 1px;}
+.ocmx-content{position: relative; z-index: 1;}
+	.ocmx-content p.section_notice{color: #4f6f8e; font-size: 13px; font-style: italic;}
+
+/*--------------------------------------------------------------------------------------------------------*/
+/*- Tabs -------------------------------------------------------------------------------------------------*/
+/*--------------------------------------------------------------------------------------------------------*/
+ul.tabs{list-style: none; margin: 0px; padding: 0px;}
+	ul.tabs li{background: url(images/tabs.jpg) top right no-repeat; height: 27px; padding-right: 9px; width: 120px; float: left; margin-right: 4px;}
+	ul.tabs li.selected{background-position: bottom right;  margin-right: 8px;}
+		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;}
+		ul.tabs li.selected a{background-position: bottom left; color: #464646;}
+	ul.tabs li a:hover{color: #464646;}
+
+/*--------------------------------------------------------------------------------------------------------*/
+/*- Curved Corner Divs -----------------------------------------------------------------------------------*/
+/*--------------------------------------------------------------------------------------------------------*/
+.header{height: 10px; overflow: hidden; background: #f9f9f9 url(images/top_right.gif) top right no-repeat;}
+	.header div{width: 10px; height: 10px; overflow: hidden; border-left: 1px solid #809DB9;}
+	
+.content{background-color: #e3e9ee; padding: 1px 10px; clear: both; border-left: 1px solid #809db9; border-right: 1px solid #809DB9;}
+
+.footer{height: 10px; overflow: hidden; background: #f9f9f9 url(images/bottom_right.gif) bottom right no-repeat; clear: both;}
+	.footer div{width: 10px; height: 10px; overflow: hidden; background: #fff url(images/bottom_left.gif) left bottom no-repeat;}
+
+
+/*--------------------------------------------------------------------------------------------------------*/
+/*- Rounded Forms ----------------------------------------------------------------------------------------*/
+/*--------------------------------------------------------------------------------------------------------*/
+.form_item{clear: both; height: auto; padding: 0px 0px 10px; margin: 0px 0px 20px; border-bottom: 1px dotted #809DB9;}
+	.form_label{clear: both; margin-bottom: 10px; height: 26px;}
+		.input_label{color: #5c5c5c; font-size: 13px; font-weight: bold; width: 180px; float: left; clear: left; padding-top: 5px;}
+		.input_form, .thumbnail{float: left; margin-bottom: 10px;}
+
+		/*--------------------------------------------*/
+		/*- Input Forms ------------------------------*/
+		.input_form input{width: 240px; padding: 3px;}
+
+		/*--------------------------------------------*/
+		/*- Select Forms -----------------------------*/
+		.input_form select{width: 240px; padding: 3px;}
+
+		/*--------------------------------------------*/
+		/*- Textarea Forms ---------------------------*/
+		.input_form textarea{width: 440px; height: 100px;}
+		
+		/*--------------------------------------------*/
+		/*- Advert Image Thumbnail -------------------*/
+		.thumbnail{background-color: #fff;}
+		.thumbnail a{
+			display:block;
+			height: 150px;
+			width: 318px;
+			padding: 10px;
+			background: #fff center no-repeat;
+			border: 1px solid #7f9db9;
+			text-decoration: none;
+		}
+		
+		/*--------------------------------------------*/
+		/*- Form Thumbnail ---------------------------*/
+		.form-thumbnail{background-color: #fff;}
+		.form-thumbnail a{
+			display:block;
+			height: 150px;
+			width: 500px;
+			padding: 10px;
+			background: #fff center no-repeat;
+			border: 1px solid #7f9db9;
+			text-decoration: none;
+		}
+		
+
+
+/*-------------------------------------------------------------------------------------------*/
+/*- Menu Structure Styles  ------------------------------------------------------------------*/
+/*-------------------------------------------------------------------------------------------*/
+
+.catagories {margin-top: 5px; padding: 10px; background-color: #fff; border: 1px solid #7f9db9;	height: 140px; width: 300px; overflow: auto;}
+	
+	ul.cat_option{list-style: none; margin: 0px; padding: 0px;}
+	ul.cat_option li{float: left; width: 120px;}
+	
+.new_category_div, .new_author_div{padding: 5px; border: 1px solid #ced9e1; background-color: #e3e9ee;}
+.new_category_text .text, .new_author_text{float: left; height: 15px; font-size: 8px;}
+	
+.selection_sections{height: auto; width: 580px; margin: 5px 0px 10px; padding: 10px; background-color: #fff; border: 1px solid #7f9db9;}
+	ul.section_option{float: left; width: 275px; margin-right: 5px; padding: 0px; list-style: none;}
+		ul.section_option li{margin: 0px 0px 5px;}
+			ul.section_option ul{width: 205px; padding-left: 20px; list-style: none;}
+				ul.section_option ul li{margin: 0px 0px 4px;}
+				ul.no_margin{margin-right: 0px;}
+
+
+/*-------------------------------------------------------------------------------------------*/
+/*- Advert Styles ---------------------------------------------------------------------------*/
+/*-------------------------------------------------------------------------------------------*/
+.selected_image{clear: both; margin-bottom: 20px;}
+	.selected_image .thumbnail{border: 1px solid #7f9db9; background:#fff; padding: 10px;}
+	.selected_image .thumbnail{float:left;}
+
+	.selected_image .change_picture_block{background:#fff; border: 1px solid #7f9db9; float:left; margin-left: 10px; padding: 10px 10px 12px 10px; width: 106px;}
+		.selected_image .change_picture_block div{clear:both; display:block; margin-top:10px;}
+	
+	.selected_image .change_picture_bar{background:#fff; border: 1px solid #7f9db9; float: left; margin-top: 10px; padding: 10px; width: 385px;}
+		.selected_image .change_picture_bar a{float:left; width: 190px; text-align: center; vertical-align: middle;}
+		.selected_image .change_picture_bar div{float:left; width: 190px; text-align: center; padding-top: 2px;}
+
+.gallery_image{clear: both; height: 220px; margin-bottom: 20px;}
+	.gallery_image .image_detail_block{float:left; margin-right: 10px; padding: 10px; width: 300px; border: 1px solid #7f9db9; background:#fff; margin-bottom: 10px;}
+		.label_tag{clear:both; font-weight: bold; margin-bottom:5px;}
+		.label_note{color: #555; font-weight: lighter; font-size: 8pt; font-style: italic; margin-bottom: 10px;	}
+	.gallery_image .image_detail_block .gallery_image_tag{clear:both; display:block; height: 52px; margin-bottom:10px; font-size: 10pt; width: 285px;}
+
+.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;*/
+	.resize input{width: 30px;}
+	.resize ul{list-style: none; margin: 0px; padding: 0px; font-size: 13pt;}
+		.resize ul li{float: left; margin-right: 20px;}
+		.resize ul li.or{margin-top: 5px;}
+
+/*-------------------------------------------------------------------------------------------*/
+/*- Clearfix --------------------------------------------------------------------------------*/
+/*-------------------------------------------------------------------------------------------*/
+/* http://sonspring.com/journal/clearing-floats */
+html body * span.clear,
+html body * div.clear,
+html body * li.clear,
+html body * dd.clear
+{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;}
+
+/* http://www.positioniseverything.net/easyclearing.html */
+.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
+.clearfix{display: inline-block;}
+* html .clearfix{height: 1%;}
+.clearfix{display: block;}
+.clearboth{clear: both;}
+
+/*-------------------------------------------------------------------------------------------*/
+/*- Gallery Styles --------------------------------------------------------------------------*/
+/*-------------------------------------------------------------------------------------------*/
+
+tr.gallery_row td{padding: 10px 0px 20px 0px; border-bottom: 1px dotted #809DB9;}
+tr.gallery_row td a {font-weight: bold;}
+.gallery_form_image{clear: both; margin-bottom: 10px;}
+.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;}
+.gallery_form_image .grid_thumbnail a {height: 120px; width: 140px; overflow: hidden; display: block;}
+.gallery_form_image .grid_edit_details {clear: both; display: block; height: 20px; width: 140px;}
+.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;}
+.gallery_form_image .new_gallery_thumbnail a {height: 120px; width: 140px; overflow: hidden; display: block;}
+
+.gallery_form_image .change_picture_block{background:#fff; border: 1px solid #7f9db9; float:left; margin-left: 10px; padding: 10px 10px 12px 10px; width: 106px;}
+.gallery_form_image .change_picture_block div{clear:both; display:block; margin-top:10px;}
+.gallery_form_image .change_picture_bar{background:#fff; border: 1px solid #7f9db9; float: left; margin-top: 10px; padding: 10px; width: 385px;}
+.gallery_form_image .change_picture_bar a{float:left; width: 190px; text-align: center; vertical-align: middle;}
+.gallery_form_image .change_picture_bar div{float:left; width: 190px; text-align: center; padding-top: 2px;}
+
+.gallery_form_image{clear: both; margin-bottom: 20px;}
+.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;}
+.gallery_form_image .thumbnail a
+	{
+		height: 226px; width: 300px; display: block; text-decoration: none;  background-repeat: no-repeat
+	}
+.gallery_image .image_detail_block{background:#fff; border: 1px solid #7f9db9; float:left; margin-right: 10px; padding: 10px 10px 12px 10px; width: 300px;}
+.gallery_image .image_detail_block div.label_tag{clear:both; font-weight: bold; margin-bottom:5px;}
+.gallery_image .image_detail_block .gallery_image_tag{clear:both; display:block; margin-bottom:10px; font-size: 10pt; width: 285px;}
+
+.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;*/
+.resize input{width: 30px;}
+.resize ul{list-style: none; margin: 0px; padding: 0px; font-size: 13pt;}
+.resize ul li.or{margin-top: 2px;}
+.resize ul li{float: left; margin-right: 10px;}
+
+.add_image{border: 1px solid #7f9db9; background:#fff; margin-bottom: 2px; padding: 10px; padding-top: 12px; text-transform: lowercase; width: 385px;}
+.add_image a{color: black; font-size: 8pt; margin-left: 12px; font-style: bold; font-weight: normal; text-decoration: none; text-transform: none;}
+
+
+/*-------------------------------------------------------------------------------------------*/
+/*- Table Styles --------------------------------------------------------------------------*/
+/*-------------------------------------------------------------------------------------------*/
+table.widefat tr td.t_center{text-align: center;}
+