| Dir : /home/trave494/demo2024feb.kerihosting.com/wp-content/plugins/obox-mobile/admin/ |
| Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 IP: 209.182.202.254 |
| Dir : /home/trave494/demo2024feb.kerihosting.com/wp-content/plugins/obox-mobile/admin/style.css |
.ocmx-container{width: 760px;}
.ocmx-container label{font-size: 11px; font-weight: bold; color: #222;}
.ocmx-container h2 span{float: right; font-size: 11px; font-style: italic; color: #222;}
.ocmx-container .tooltip{display: block; clear: both; font-size: 10px; color: #595959; padding-left: 2px;}
.del-link, .remove{ text-align: center; font-size: 11px !important; text-decoration: none;}
/*--------------------------*/
/*- LAYOUT OPTIONS ---------*/
#header-block{padding: 15px 20px; background: #dfdfdf url(http://localhost:8096/wordpress/wp-admin/images/gray-grad.png) repeat-x; border: 1px solid #ccc;
-webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px;
-moz-border-radius: 6px 6px 0px 0px;}
#info-content-block{padding: 15px 20px; background: #f5f5f5; border: 1px solid #ccc; border-top: none; font-size: 11px; color: #595959;}
#content-block{margin-bottom: 40px; background: #fff; border: 1px solid #ccc; border-top: none; font-size: 12px;
-webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px;
-moz-border-radius: 0px 0px 6px 6px;}
#content-block .admin-note{padding: 10px 5px 0px 20px; margin: 0px; font-style: italic; color: #666;}
.content{padding: 20px;}
.base-controls{padding: 10px 20px; background: #dfdfdf url(http://localhost:8096/wordpress/wp-admin/images/gray-grad.png) repeat-x; border-top: 1px solid #ccc;
-webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius: 6px;
-moz-border-radius: 0px 0px 6px 6px;}
.base-controls a{float: right; margin-right: 10px;}
/*------------------------------------*/
/*- FORM STYLING ---------------------*/
/*------------------------------------*/
.form-options{clear: both; margin: 0px; padding: 0px; position: relative; z-index: 1; line-height: normal; background: #fff;}
.contained-forms{background: #f9f9f9; border: 1px solid #ccc; top: -1px;
-webkit-border-radius: 6px; -webkit-border-top-left-radius: 6px;
-moz-border-radius: 6px 6px 6px 6px;}
.form-options li{padding: 15px; margin: 0px; border-bottom: 1px dotted #ccc; overflow: auto;}
.form-options li:last-child{border-bottom: 0px;}
.form-options li label.parent-label{width: 120px; float: left;}
.form-options li .form-wrap{width: 430px; float: left; margin-top: 0px;}
/*--------------------------*/
/*- PARENT FORM WIDTHS -----*/
.form-wrap input[type=text]{width: 380px; margin-bottom: 4px;}
.form-wrap select{width: 400px; margin-bottom: 4px;}
.form-wrap textarea{width: 380px; height: 140px; margin-bottom: 4px;}
/*--------------------------*/
/*- CHILD FORM WIDTHS ------*/
.form-wrap .child-form input[type=text]{width: 300px; margin-bottom: 4px;}
.form-wrap .child-form textarea{width: 300px; margin-bottom: 4px;}
.form-wrap .child-form select{width: 300px; margin-bottom: 4px;}
.form-options li .form-wrap .child-form{clear: both; margin-bottom: 10px;}
.form-options li label.child-label{float: left; width: 100px; color: #545454;}
.form-options li .form-wrap .child-form span.tooltip{margin-left: 104px; width: 275px;}
/*------------------------------------*/
/*- HEADER STYLES --------------------*/
/*------------------------------------*/
#header-block h3{padding: 3px 0px 0px; margin: 0px; font-size: 13px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);}
.button-primary{float: right;}
/*------------------------------------*/
/*- TAB STYLES -----------------------*/
/*------------------------------------*/
ul.tabs{margin: 10px 0px -16px; padding: 0px;}
ul.tabs li{float: left; margin: 0px 10px 0px 0px; padding: 4px 10px; background: #f9f9f9; border: 1px solid #e0e0e0; border-bottom: 1px solid #ccc;
-webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px;
-moz-border-radius: 6px 6px 0px 0px;}
ul.tabs li.selected{background: #fff; border-color: #ccc; border-bottom: 1px solid #fff;}
ul.tabs li a{color: #545454; text-decoration: none; font-weight: bold;}
ul.tabs li.selected a{color: #333;}
ul.tabs li a:hover{color: #21759b;}
/*---------------------------------*/
/*- GENERAL SETTINGS LAYOUT -------*/
ul.admin-block-list{background: #fff url(images/general-layout-bg.png) repeat-y;
-webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px;
-moz-border-radius: 0px 0px 6px 6px;}
ul.admin-block-list li.admin-block-item{clear: both; padding: 0px; margin: 0px; overflow: auto; border-bottom: 1px solid #ccc; border-top: 1px solid #fff;}
ul.admin-block-list li.admin-block-item:first-child{border-top: none;}
ul.admin-block-list li.admin-block-item:last-child{border-bottom: none;}
ul.admin-block-list li .admin-description{float: left; width: 140px; padding: 20px;}
ul.admin-block-list li .admin-description h4{margin: 0px 0px 8px; padding: 0px; font-size: 13px;}
ul.admin-block-list li .admin-description h4 span{clear: both; color: #666; padding: 0px; font-size: 10px; font-style: italic; font-weight: lighter;}
ul.admin-block-list li .admin-description p{margin: 0px; padding: 0px; font-size: 11px; color: #595959;}
ul.admin-block-list li .admin-content{float: left; width: 518px; padding: 20px;}
ul.admin-block-list li .admin-content h4{color: #595959; margin: 0px 0px 5px; padding: 0px;}
ul.admin-block-list li .admin-content select{min-width: 300px;}
ul.admin-block-list li .admin-content input[type=text]{min-width: 300px;}
ul.admin-block-list li .admin-content .form-wrap{width: 300px; margin: 0px;}
ul.admin-block-list li .admin-content .form-wrap select{width: 300px;}
/*--------------*/
/*- LOGO -------*/
.logo-display{width: 520px; height: 200px; margin: 20px 0px 15px; border: 1px solid #ccc; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.mobile-logo-display{width: 520px; height: 100px; margin: 20px 0px 15px; border: 1px solid #ccc; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.logo-display a{display: block; width: 520px; height: 200px;}
.previous-logos li{float: left; margin: 0px 10px 10px 0px; text-align: center;}
.previous-logos li:nth-child(4n+4){margin-right: 0px;}
.previous-logos li {display: block; width: 100px; height: 80px; overflow: hidden; padding: 10px; background: #f9f9f9; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.previous-logos li a.image{display: block; width: 100px; height: 60px; position: relative; overflow: hidden; margin-bottom: 7px;}
.previous-logos li a.remove{color: #f00;}
.previous-logos li img{margin: auto;}
.previous-logos li a:hover{background: #f0f0f0;}
/*------------------*/
/*- TRACKING -------*/
textarea.site-tracking{width: 520px; height: 105px; font-size: 11px; font-family: "Courier New", Courier, monospace;}
/*--------------------------*/
/*- HOME PAGE LAYOUT -------*/
.layout-selector{margin: 0px; padding: 0px; line-height: normal; position: relative; z-index: 2;}
.layout-selector li{float: left; width: 210px; padding: 10px 11px 10px; margin: 0px; line-height: normal;
-webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px;
-moz-border-radius: 6px 6px 0px 0px;}
.layout-selector li.selected{background: #f9f9f9; border: 1px solid #ccc; border-bottom: none;}
.layout-selector li img{float: left; margin-right: 10px;}
.layout-selector li h4{margin: 0px 0px 5px; padding: 0px; height: auto; line-height: normal;}
.layout-selector li p{margin: 0px; padding: 0px; height: auto; font-size: 11px; color: #555;}
.clear-left-corner{-webkit-border-top-left-radius: 0px; -moz-border-topleft-radius: 0px;}
.clear-right-corner{-webkit-border-top-left-radius: 0px; -moz-border-topright-radius: 0px;}
/*--------------------------*/
/*- NOTIFICATIONS ----------*/
.info-bubble{display: block; width: 460px; padding-left: 35px; font-size: 10px; color: #595959; background: url(images/info-bubble.png) no-repeat left;}
/*-----------------------------------*/
/*- ADVERT MANAGEMENT ---------------*/
.advert-block .ad-image{display: block; float: left; margin-right: 15px; background: #f5f5f5 url(images/no-advert-image.png) center no-repeat; border: 1px solid #ccc;}
.advert-block a{clear: both; display: block; text-align: left;}
.advert-125 .ad-image{width: 125px; height: 125px;}
.advert-220.ad-image{width: 220px; height: 220px;}
.advert-300 .ad-image{width: 300px; height: 250px;}
.advert-125 .ad-forms{float: left; width: 550px;}
.advert-300 .ad-forms{float: left; width: 375px;}
.advert-300 .ad-forms .form-wrap{width: 375px;}
.advert-290 .ad-forms{float: left; width: 365px;}
.advert-290 .ad-forms .form-wrap{width: 365px;}
.advert-220 .ad-forms{float: left; width: 435px;}
.advert-220 .ad-forms .form-wrap{width: 435px;}
/*------------------------------------*/
/*- GALLERY MANAGEMENT ---------------*/
h3.gallery-name{padding: 20px 0px 10px; margin: 0px 20px 0px; border-bottom: 1px dotted #ccc;}
.gallery-image-list{padding: 10px 0px;}
.gallery-image-list li{float: left; padding: 10px 17px 10px; margin: 0px;}
span.image{display: block; width: 200px; height: 133px; margin-bottom: 4px; overflow: hidden;}
.gallery-image-list li .gallery-item{display: block; float: left; width: 200px; padding: 6px; margin: 0px; background: #1f1f1f; position: relative;
-webkit-border-radius: 4px; -moz-border-radius: 4px;}
.gallery-image-list li .gallery-item a.image{display: block; width: 200px; height: 150px; margin-bottom: 4px; overflow: hidden;}
.gallery-image-list li .gallery-item a.image img{display: block;}
.gallery-image-list li .gallery-item a.delete-image{display: block; padding: 1px 3px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 10px; right: 50px;
font-size: 8.5px; text-transform: uppercase; text-decoration: none; color: #fff;
-webkit-border-radius: 3px; -moz-border-radius: 3px;}
.gallery-image-list li .gallery-item a.edit-image{display: block; padding: 1px 3px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 10px; right: 10px;
font-size: 8.5px; text-transform: uppercase; text-decoration: none; color: #fff;
-webkit-border-radius: 3px; -moz-border-radius: 3px;}
.gallery-image-list li .gallery-item a.edit-image:hover, .gallery-image-list li .gallery-item a.delete-image:hover{background: rgba(255, 255, 255, 0.9); color: #000;}
.gallery-image-list li .gallery-item span.image-name{display: block; float: left; min-height: 18px; font-size: 11px; font-weight: bold; color: #fff;}
.gallery-image-list li .gallery-item span.image-date{float: right; font-size: 7.5px; color: #ccc; text-align: right;}
/*- ADD A NEW GALLERY BUTTON -*/
.gallery-image-list li .add-new-gallery{width: 212px; padding: 0px; background: none;}
.add-new-gallery a{display: block; width: 198px; height: 172px; padding: 6px; margin: 0px; background: #f5f5f5 url(images/add-new-gallery.png) 82px 60px no-repeat; border: 1px solid #ccc; position: relative;
font-weight: bold; text-decoration: none !important; color: #333; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9); text-align: center;
-webkit-border-radius: 4px; -moz-border-radius: 4px;}
.add-new-gallery a:hover{border: 1px solid #13455B; background-color: #298CBA; background-position: 82px -694px; color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
-webkit-transition-property:text-shadow , background-color;
-webkit-transition-duration: 0.2s, 0.2s;
-webkit-transition-timing-function: linear, linear; }
.add-new-gallery a span{position: relative; top: 120px;}
/*- EDIT GALLERY FORM -*/
.gallery-image-list li .image-form{display: none; float: right; width: 428px; padding: 15px; margin-left: 20px; background: #f9f9f9; border: 1px solid #ccc; top: -1px;
-webkit-border-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius: 4px;}
.gallery-image-list li .image-form label.parent-label{width: 90px; float: left; margin-top: 0px;}
.gallery-image-list li .image-form .form-wrap {width: 320px; float: left; margin-top: 0px;}
.gallery-image-list li .image-form .form-wrap input[type=text]{width: 320px;}
.gallery-image-list li .image-form .form-wrap textarea{width: 320px; height: 61px;}
.gallery-image-list li .image-form .form-wrap label{display: block; float: left; width: 140px; font-size: 10px;}
.gallery-image-list li .image-form .form-wrap input[type=checkbox], .gallery-image-list li .image-form .form-wrap input[type=radio] {margin-right: 4px;}
/*------------------------------------*/
/*- CREATE A NEW GALLERY -------------*/
.new-gallery li.admin-block{padding: 20px; margin: 0px; border-bottom: 1px solid #ccc;}
.new-gallery li.admin-block:last-child{border-bottom: none;}
.new-gallery li.admin-block .form-wrap{width: 570px;}
.admin-block h3{padding: 0px; margin: 0px 0px 20px;}
.upload-list{margin: 20px 0px 0px; background: #f9f9f9; border: 1px solid #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
.upload-list li{padding: 0px 0px 0px 0px; margin: 0px; background: url(images/upload-icon.png) 10px 8px no-repeat; border-bottom: 1px dotted #ccc; font-weight: bold; overflow: auto;}
.upload-list li:last-child{border-bottom: none;}
.upload-list li span{float: left; display: block; padding: 7px 7px 7px 32px;}
.upload-list li a{float: right; display: block; padding: 8px 10px; margin: 0px; border-left: 1px solid #ccc; color: #c00; font-size: 10px; font-weight: lighter; text-decoration: none;}
.upload-list li a:hover{color: #111; background: #f0f0f0}
.dimension-block{float: left; width: 300px; margin: 20px 20px 10px 0px; background: #f9f9f9; border: 1px solid #ccc; overflow: auto; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
.dimension-block h3{padding: 6px 10px; margin: 0px; border-bottom: 1px solid #ccc; font-size: 12px;}
.dimension-block label{float: left; display: block; width: 46px; padding: 8px 8px; margin: 10px 0px 10px 10px; background: #ffc; border: 1px solid #ccc; color: #333;
font-size: 13px; line-height: normal; -moz-border-radius: 4px 0px 0px 4px;
-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;}
.dimension-block input[type=text]{float: left; display: block; width: 70px; height: 34px; padding: 9px 8px 8px 8px; margin: 10px 0px 0px; background: #ffc; border: 1px solid #ccc; border-left: none;
font-size: 13px;
-moz-border-radius: 0px 4px 4px 0px;
-webkit-border-radius: 4px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 0px;}
/*--------------------------*/
/*- THEME LIST LAYOUT ------*/
.theme-block-item{display: block; float: left; width: 212px; height: auto; margin: 15px 16px; background: #f0f0f0; border: 1px solid #ccc; position: relative;
-moz-border-radius: 4px; -webkit-border-radius: 4px;}
.theme-block-item a.screenshot{display: block; width: 200px; height: 250px; padding: 6px 6px 6px; overflow: hidden;}
.theme-block-item a.screenshot img{width: 200px;}
.theme-block-item h4{display: block; margin: 0px; padding: 5px 6px; min-height: 40px; border-top: 1px dotted #ccc; font-size: 11px; font-weight: bold; color: #333;}
.theme-block-item div{padding: 3px; border-top: 1px dotted #ccc; overflow: auto; font-size: 9px; color: #ccc; text-align: center;}
.theme-block-item div a{float: left; display: block; width: 97px; padding: 3px 0px; margin: 3px; background: #1f1f1f; text-decoration: none; color: #ccc;
-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.theme-block-item div a:hover{color: #fff; background: #21759B;}
.theme-block-item .wrap{display: none;}
.theme-block-item.active{background: #21759B; border-color: #13455B;}
.theme-block-item.active h4{border-color: #13455B; color: #fff;}
.theme-block-item.active h4 a{color: #fff; text-decoration: none; border-bottom: 1px dotted;}
.theme-block-item.active div {border-color: #13455B;}
.theme-block-item.active div a:hover{background: #000;}
.theme-block-item.empty a{display: block; width: 200px; height: 200px; padding: 6px; margin: 75px 0px 0px 0px; background: url(images/add-new-gallery.png) 82px 60px no-repeat;
font-weight: bold; text-decoration: none !important; color: #333; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9); text-align: center;
-webkit-border-radius: 4px; -moz-border-radius: 4px;}
.theme-block-item.empty{width: 212px; height: 349px; border: 1px dotted #ccc;}
.theme-block-item.empty.hover{border: 1px solid #13455B; background-color: #298CBA;}
.theme-block-item.empty.hover a{background-position: 82px -694px;}
.theme-block-item.empty.hover a span{ color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);;}
.theme-block-item.empty a span{position: relative; top: 120px;}
.theme-block-item .remove-link{display: block; width: 200px;}
.theme-block-item.loading{width: 212px; height: 349px; background: #fbfbfb url(images/ajax-loader.gif) center no-repeat; border: 1px dotted #ccc;}
.theme-block-item .new-bubble{display: inline-block; padding: 2px; position: absolute; top: -5px; right: -5px; background: #fff;
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8);
-moz-border-radius: 9px; -webkit-border-radius: 9px;}
.theme-block-item .new-bubble span{display: block; padding: 2px 5px; font-weight: bold; font-size: 11px; line-height: 12px; color: #fff; background: #B50407 url(images/comment-bg.png) top repeat-x;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4); -webkit-border-radius: 8px; -moz-border-radius: 8px;}
#TB_window{width: 510px!important;}
#TB_iframeContent{width: 501px!important;}
#TB_iframeContent iframe{width: 501px!important;}
/*-------------------------------------------------------------------------------------------*/
/*- 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 */
floatleft{float: left;}
.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;}
.no_display{display: none;}