/* This file will hold styles for the mobile version of your website (mobile first). */ /* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */ /*! normalize.css v1.0.0 | MIT License | git.io/normalize */ /*article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} */ /********************************************************************* ** RESET CSS TO REMOVE BROWSER AND SYSTEM STYLING FROM SITE ** *********************************************************************/ /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ html,body,div,span,applet,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,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} em{font-style: italic;} b, .bold{font-weight: bold;} .block-system-main ul.list1, .block-system-main ol.list1, .block-system-main ul.list1 li, .block-system-main ol.list1 li, ul#soc-med-icons, ul#soc-med-icons li, #autocomplete ul, #autocomplete ul li, .block-system-main ul.items-list, .block-system-main ul.items-list li, .block-system-main .item-list ul, .block-system-main .item-list ul li, .block-system-main ul.social-feeds-list, .block-system-main ul.social-feeds-list li, .block-system-main ul.related-items-list, .block-system-main ul.related-items-list li, .block-system-main ul.groups-list, .block-system-main ul.groups-list li, .block-system-main ul.browse-list-columns, .block-system-main ul.browse-list-columns li, .block-system-main ul.vertical-tabs-list, .block-system-main ul.vertical-tabs-list li, .block-system-main ul.order-item-details, .block-system-main ul.order-item-details li, .block-system-main ul.auctions-list, .block-system-main ul.auctions-list li, .block-system-main ul.order-items, .block-system-main ul.order-items li, .block-system-main ul, .block-system-main ul li.plupload_droptext { list-style: none; } label{ display: inline; } ul ul, ol ol { padding-top: 0; } a:link, a:visited{ color: inherit; } div.tabs.primary{ position: absolute; top: 0; right: 10px; /* Use a z-index that is greater than the breadcrumb div. */ z-index:20; } /* ul.primary {margin: 0; padding: 0;float:right;} */ ul.primary {padding: 0 15px;} ul.primary li { float: left; margin: 0; padding: 0; height: 26px; display: list-item; } ul.primary li a{ padding: 5px; margin-right: 5px; font-size: 14px; float: left; background-color: transparent; border: none; color: #FFFFFF; } ul.primary li a:hover, ul.primary li.active a {background-color: transparent;border: none;} ul.secondary{margin: 0;border: none;padding: 0;} /* ul.secondary li { float: left; margin: 0; padding: 0; } */ /* Secondary tabs, nested */ .secondary-tabs { min-width:100px; float:left; position:relative; margin:3px 5px 3px 0px; font-size:11px; background-color:#E3E9EA; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; z-index: 1; } .secondary-tabs:hover { background:#E3E9EA; opacity:.9; } ul.secondary-tabs li, ul.secondary-tabs li a { background:transparent; float:none; height:auto; text-align:left; } .tabs ul.secondary-tabs li, .tabs ul.secondary-tabs li:hover {border: none;background-color:#E3E9EA;} ul.secondary-tabs li a { color:#1e1d21; display:none; padding: 3px 5px; margin-right: 0; font-size: 11px; } ul.primary ul.secondary-tabs:hover a, ul.primary ul.secondary-tabs .active a { display:block;background-color:#E3E9EA; } ul.primary ul.secondary-tabs a:hover {background-color:#d8dcdd; } ul.primary ul.secondary-tabs a:after{ border: solid; border-color: transparent; border-top-color: #1e1d21; border-width: 5px; content: " "; position: absolute; right:5px; top: 5px; } .secondary-tabs li:hover, .secondary-tabs li.active { background:transparent; } .secondary-tabs a:hover { background:#389 url(images/buttons.png) -800px 50% no-repeat; } .tabs ul.secondary-tabs li:last-child { border-radius:0px 0px 3px 3px; -moz-border-radius:0px 0px 3px 3px; -webkit-border-radius:0px 0px 3px 3px; } .tabs ul.secondary-tabs li:first-child { border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; } ul.inline li.first{padding: 0;} .node-type-blog ul.links{float:right;} .mt0{margin-top:0px;} .mt1{margin-top:10px;} .mt2{margin-top:20px;} .mt3{margin-top:30px;} .mb0{margin-bottom:0px;} .mb1{margin-bottom:10px;} .mb2{margin-bottom:20px;} .mb3{margin-bottom:30px;} .w100, .view.w100 table { width:100%; } .w50l{ width: 49%; float: left; min-width: 200px; } .w50r{ width: 49%; float: left; min-width: 200px; } .lh1 { line-height: 1.5; } thead.dark-header, table.dark-header thead, .view.dark-header thead, .dark-header thead { background-color: #000000; color:#FFFFFF; } thead.light-header th, table.light-header thead th, .view.light-header thead th, .light-header thead th { border: none; } .left { float:left !important; } .right { float:right !important; } .btn-primary, .btn-primary:link, .btn-primary:active, .btn-primary:visited, .btn-primary:hover {color: #FFFFFF;font-weight: bold;} .button.btn-medium{padding:10px 0; width: 150px;text-align:center;} .button.btn-wide{padding:10px 0; width: 250px;text-align:center;} .node-links ul li a, .comment-links ul li a { background: none repeat scroll 0 0 transparent; border: medium none; border-radius: 0 0 0 0; cursor: pointer; display: block; float: left; font: inherit; margin: 0; outline: 0 none; overflow: visible; padding: 4px 10px 5px; text-shadow: none; } .item-list ul,.form-item, .form-actions, .search-form{ margin: 0; padding: 0; border: none; } ul, li, li.leaf, ul li.leaf, ul li.expanded, ul li.collapsed, ul.menu li, .item-list ul li{ list-style: none; list-style-image:none; list-style-type:none; padding: 0; margin: 0 } html, body{ margin: 0; padding: 0; height: 100%; } /* Image resizing styles */ .col-sidebar .group-mineral-item-photos .field-name-field-itm-images img, .col-sidebar .group-locality-item-photos .field-name-field-itm-images img, .col-sidebar .group-photos .field-name-field-prov-main-photo img, .group-right.col-sidebar .field-type-image img{ width: 308px; height: 308px; } .block-homepage-slider-live img { width: 235px; height: 235px; } .kae-accordion-list-items img, .collectors-list .collector-image img, ul.menu-auctions-list li .auction-lead-image img, .featured-mixed-sales-list li .auction-lead-image img, .block-homepage-slider-auctions ul.auctions-list li .auction-lead-image img, .block-homepage-slider-fixed-price ul.auctions-list li .auction-lead-image img, .view-display-id-view_page_backoffice_auctions .auction-lead-image img, .view-display-id-view_page_backoffice_fixed_price .auction-lead-image img{ width: 68px; height: 68px; } .item-gallery-nav-wrapper li img { width: 80px; height: 80px; } #admin-toolbar ul.menu li{ float: none; } thead th, th{ background-color : transparent; border: none; color: inherit; } .confirm-parent, .password-parent { clear: left; width: 40.3em; } .password-strength { float: right; font-size: 0.8em; margin-top: 0; width: 9em; } nav.node-links{ display: none; } .node-unpublished { background-color: transparent; /* background-image: url(../images/cal-slot-blockout_122x28.png); */ } #zone-content { position: relative; } .page-layout-fluid #zone-content.container-12{ width: 100%; min-width: 1000px; } .page-layout-fluid #zone-content.container-12 .grid-12 { width: 99%; } .page-layout-fluid #zone-content.container-12 .grid-9 { width:84%; overflow-x: auto; } .page-layout-fluid #zone-content.container-12 .grid-3 { width:14%; } .page-layout-fluid #zone-content.container-12 .grid-12, .page-layout-fluid #zone-content.container-12 .grid-9, .page-layout-fluid #zone-content.container-12 .grid-3, .page-layout-fluid #zone-content #messages { margin-left:0.5%; margin-right:0.5%; } .page-layout-fluid #zone-content.container-12 .grid-3.region-sidebar-first { margin: 0 10px; top: 0; left: auto; position: relative; width: 220px; } .page-layout-fluid #zone-content.container-12 #breadcrumb.grid-12, .page-layout-fluid #zone-content.container-12 #breadcrumb.grid-12 .breadcrumb { float: none; display: block; } .page-layout-fluid #zone-content.container-12 .grid-9.region-content { margin: 0 0 0 240px; top: 0; left: auto; position: relative; float: none; display: block; width: auto; overflow-x: auto; } #zone-content.container-12 { padding-bottom: 20px; } /* * Via theme config, allow some zones to be marked as ones that will allow * stretching, this allows us to have a page with some constrained elements and * some stretched elements * */ .page-layout-stretch .zone.allow-stretch.container-12 { width: 100%; } .page-layout-stretch .zone.allow-stretch.container-12 .grid-12 { width: 99%; } .page-layout-stretch .zone.allow-stretch.container-12 .grid-12{ margin-left:0.5%; margin-right:0.5%; } .block-collection-items-block { margin-right: -3000px; padding-right: 3000px; margin-left: -3000px; padding-left: 3000px; } /* #messages .messages, .messages.error, .messages.status, .flag-message { top: 112px; padding: 20px 20px 20px 50px; position: fixed; right: 10px; width: 40%; z-index: 100; text-transform: uppercase; display: block; } .messages.error { left: 10px; } */ /* #messages .messages, .messages.error, .messages.status, .flag-message { background-color: #FEFEFE; border: 1px solid #F2F2F2; color: #313131; font-size: 0.9em; line-height: 1.15em; position: fixed; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5); border-radius: 1px 1px 3px 3px; -moz-border-radius: 1px 1px 3px 3px; -o-border-radius: 1px 1px 3px 3px; -webkit-border-radius: 1px 1px 3px 3px; } */ div#autocomplete { max-height: 250px; overflow-y: scroll; } div.autocomplete-deluxe-multiple { background: none repeat scroll 0 0 #E3E8EB; border: medium none; cursor: text; font-size: inherit; height: auto !important; line-height: 13px; margin: 0; overflow: hidden; width: 440px; } /* END OF RESET CSS */ .hidden, .hide{ display: none; } .inline{ display: inline; } a.popup-element-title{ color: #000; } /* .form-item .description { font-size: 0.85em; display: none; } */ td { padding: 5px; } th{ padding: 5px; } h1#page-title:first-letter{ text-transform: uppercase; } sup, sub { position: relative; vertical-align: 0; font-size: 0.5em;} sup { bottom: 0.4em; } sub { top: 0.4em; } .logged-in .page-title { position:relative; } body.page-kds-popup{ background-color: transparent; } .ui-dialog{ /* Make sure any dialogs appear infront of the main menu which gets a high * z-index due to Suckerfish */ z-index: 500; } .ui-widget-header { background: none repeat scroll 0 0 transparent; border: medium none; color: inherit; font-weight: inherit; } .ui-widget-overlay { height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .ui-widget-overlay { background: rgb(100, 100, 100); background: rgba(0, 0, 0, 0.5); opacity: 0.97; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none repeat scroll 0 0 transparent; border: 0 none; border-radius: 0 0 0 0; color: #555555; font-family: inherit; font-size: 12px; font-weight: normal; /* this affects all tabs around site - dont use important*/ margin: 0 3px; } .ui-dialog.ui-widget-content { background-color: #d8dcdd; } .ui-dialog .ui-dialog-content { background: none repeat scroll 0 0 transparent; border: 0 none; font-family: inherit; font-size: 12px; overflow: auto; padding: 0.5em 1em; position: relative; } .ui-dialog .ui-dialog-buttonpane button { color: #FFFFFF; cursor: pointer; margin: 0; } .ui-widget-content { background: none repeat scroll 0 0 #F4F4F4; border: 0 none; color: inherit; } .ui-dialog .ui-dialog-buttonpane { background: transparent; border-width: 1px 0 0; margin: 10px; padding: 5px; text-align: center; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { background: none repeat scroll 0 0 #FFFFFF; float: right; overflow: hidden; padding: 5px; } .no-close .ui-dialog-titlebar-close {display: none } .preview .node { background-color: transparent; } /* body.page-node .tabs{ display: none; } */ /******************************************************** * * SITEWIDE STYLING * ********************************************************/ body{ font-size: 14px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #15161a; background-color: #d8dcdd; line-height: 1.3em; } #overlay{ position: fixed; z-index: 1001; height: 100%; width: 100%; background-color: rgba(0,0,0,0.85); display: none; cursor: pointer; } #page { min-height: 100%; position: relative; overflow: hidden; } #zone-content{ /* min-height: 650px; */ /*padding-top: 30px;*/ } #zone-header-wrapper { background-color: #E3E9EA; padding: 5px; min-height: 24px; } #section-footer { bottom: 0; height: 202px; padding: 20px 0 50px; position: absolute; width: 100%; } #section-content { padding-bottom: 272px; /* margin-bottom: 20px; */ } h1,h2,h3,h4,h5, .h1,.h2,.h3,.h4,.h5, h1#page-title, h2.block-title,p{ margin-bottom: 10px; line-height: 34px; } article header .h2 { line-height: 20px; } h1, .h1, h1#page-title {font-size: 28px; font-weight: bold;} h2, .h2, h2.block-title{font-size: 16px; font-weight: bold;} h3, .h3{font-size: 16px;} h4, .h4{font-size: 15px;} h5, .h5{font-size: 12px;font-weight: bold} p{ line-height: 1.3em; margin-bottom: 20px; } .small-text{ font-size: 12px; color: #424242; } div:first-letter{ /* text-transform: uppercase; */ } strong{ font-weight: bold; } a:link{ text-decoration: none; } img{ display: block; } img.file-icon{ display: inline; } .breadcrumb{ position: relative; z-index: 10; float: left; margin: 0 0 0 10px; padding: 0; line-height: 40px; } /* .breadcrumb { font-size: 0.85em; overflow: hidden; padding: 0; } */ /* #block-delta-blocks-breadcrumb ul.breadcrumb li:after { content: " >"; font-size: 0.9em; } #block-delta-blocks-breadcrumb ul.breadcrumb li.last:after{ content: ''; } */ /* #block-delta-blocks-breadcrumb ul.breadcrumb li { float: left; margin-right: 7px; } #block-delta-blocks-breadcrumb ul.breadcrumb li a { display: block; float: left; padding-right: 7px; } */ /* .zone-branding-wrapper{ background: #7c7a76; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjN2E3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #7c7a76 0%, #666666 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c7a76), color-stop(100%,#666666)); background: -webkit-linear-gradient(top, #7c7a76 0%,#666666 100%); background: -o-linear-gradient(top, #7c7a76 0%,#666666 100%); background: -ms-linear-gradient(top, #7c7a76 0%,#666666 100%); background: linear-gradient(to bottom, #7c7a76 0%,#666666 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7a76', endColorstr='#666666',GradientType=0 ); color: #FFFFFF; padding: 16px 0; }*/ .zone-user-wrapper a{ color: #FFFFFF; } #zone-branding-wrapper{ background-color: #e3e8eb; padding: 15px 0; } button, input[type="reset"], input[type="submit"], input[type="button"], .button, .admin-list a { background: inherit; border:none; color: #FFFFFF; cursor: pointer; font: inherit; outline: 0 none; overflow: hidden; padding: 6px 10px; text-shadow: none; width: auto; border-radius: 0; font-weight: bold; display: block; } .ib-buttons button, .ib-buttons input[type="reset"], .ib-buttons input[type="submit"], .ib-buttons input[type="button"], .ib-buttons .button { display: inline-block; } .divider{ width: 100%; border-bottom: 1px solid #E4EAEA; border-top: 1px solid #C8CECE; margin: 20px 0; /*clear: both; - diable this because it prevents us from floating the content colum next to the sidebar when we want to use a fixed with sidebar and fluid content column*/ } .divider.narrow{ margin:10px 0; } .action-btn-wrapper{ overflow: hidden; } .action-button{ background-color: #FFFFFF; border-color: #D2D2D2; border-style: solid; border-width: 1px; display: block; float: left; /*font-weight: bold;*/ margin: 10px 5px 0 0;; padding: 6px 10px 4px; text-align: center; width: 100px; } .action-button.narrow{ width: 50px; } .action-button a { display: block; } .btn-placeholder-1 { width: 127px; height: 30px; display: inline-block; margin: 10px 5px 0 0; } .my-items .watch-btn.action-button { display: inline-block; float: none; } .watch-btn.action-button{ margin-right: 0; } .watch-btn.action-button:hover{cursor: pointer;} .action-button.green, .watch-btn.watching{ border-color: green; color: green } table{ clear: both; } .empty-block p{ margin: 0; } ul.ticklist, ol.numlist{ margin-bottom: 25px; } ul.ticklist{ background-color: #E2E8E9; padding: 10px; } ul.ticklist > li{ padding-left: 25px; background-image: url(../images/custom-checkbox-selected_16x17.png); background-repeat: no-repeat; background-position: left center; margin-bottom: 10px; } ol.numlist{ background-color: #E2E8E9; counter-reset: item; padding: 10px; } ol.numlist > li{ margin: 10px 0; padding: 10px 0; } ol.numlist > li:before{ background-color: #000000; border-radius: 15px 15px 15px 15px; color: #FFFFFF; content: counter(item, decimal); counter-increment: item; display: block; float: left; font-weight: bold; height: 16px; line-height: 17px; padding: 7px; text-align: center; width: 16px; margin: 0 10px 0 0; } .numlist > li > ul { padding: 10px 0 0 38px; } /******************************************************** * * MENUS STYLING * ********************************************************/ ul.menu li, .auctions-menulist li{ float: left; font-weight: bold; } ul.menu li ul{ display: none; } .block-menu-block.show-nested ul.menu li ul{ display: block; } /* .page-magazine ul.menu li.menu-mlid-4048 ul{ display: none; } */ #region-sidebar-first ul.menu li.menu-mlid-4048 ul{ border-bottom: medium none; display: block; font-size: 0.85em; width: 175px; } #region-sidebar-first ul.menu li.menu-mlid-4048 ul li{ margin-left: 10px; padding: 10px 0; } #region-sidebar-first ul.menu li.menu-mlid-4048 ul li.first{ border-top: none; } #region-sidebar-first ul.menu li.menu-mlid-4048 ul li.last{ border-bottom: none; } .block-main-menu ul.menu li a{ color: #FFFFFF; display: block; } #region-sidebar-first .block-menu h2.block-title{ display: none; } #region-sidebar-first .region-inner{ border-right: 1px solid #E4EAEA; } #region-sidebar-first .region-inner > *{ border-right: 1px solid #C8CECE; padding-right: 20px; } /* utility menu */ #block-menu-menu-utilities-menu { float: left; margin-top: 10px; } #block-menu-menu-utilities-menu ul li.first a{ border-left: none; } #block-menu-menu-utilities-menu ul li.last, #block-menu-menu-footer-menu ul li.last{ border-right: 1px solid #FFFFFF; } #block-menu-menu-utilities-menu ul li a{ padding: 2px 10px; border-left: 1px solid #FFFFFF; border-right: 1px solid #c2c2c2; } #block-menu-menu-footer-menu ul li a{ padding: 2px 10px; border-left: 1px solid #FFFFFF; } #block-menu-menu-footer-menu { margin-bottom: 20px; } /* main menu */ #zone-menu-wrapper{ border-top: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; } #block-system-main-menu ul li.expanded > ul { display: none; } #block-system-main-menu ul li { background: #C2C2C2; } #block-system-main-menu ul li.first{ border-left: 1px solid #C2C2C2; } #block-system-main-menu ul li.last{ } #block-system-main-menu ul li a{ padding: 10px 10px; margin: 0px 1px 0px 0; } /* search box */ #block-custom-search-blocks-1{ float: right; } #block-custom-search-blocks-1 input{ font-size: 12px; font-weight: bold; } .search-form input[type="text"]{ background-image: url(../images/search-bg-icon_15x15.png); background-repeat: no-repeat; background-position: 200px center; width: 210px; } #section-content .button{ color: #FFFFFF; display: block; padding: 10px; } #section-content .button.small { padding:5px; } #forum .view a.button{ float: right; } /* content area sub-menus */ #section-content ul.menu li{ float: none; } #section-content ul.menu, #region-sidebar-first section ul{ border-bottom: 1px solid #E4EAEA; margin-bottom: 0; overflow: hidden; } .block-menu-block h2.block-title, .block-menu-block ul.menu, #region-sidebar-first h2.block-title{ font-size: inherit; font-weight: bold; margin-bottom: 0; } #region-sidebar-first section, #region-sidebar-first .block-menu-block{ /* margin:0 40px 40px 0; */ margin: 0 0 35px; } .context-blogs #region-sidebar-first section{ margin-bottom: 40px; } .context-blogs .field-name-field-content-image img{ margin-bottom: 20px; } .block-menu-block ul.menu{ border-bottom: 1px solid #E4EAEA; } /* menu block border top for user profile pages */ #block-menu-block-2 .block-inner, #region-sidebar-first section h2, #region-sidebar-first section .block-inner, #region-sidebar-first .block-menu-block .block-inner{ border-top: 1px solid #C8CECE; } #block-tagclouds-3 > div > .content{ padding-top: 10px; } #section-content ul.menu li, #region-sidebar-first section h2, #region-sidebar-first section ul li, #region-sidebar-first .block-menu-block ul li { border-bottom: 1px solid #C8CECE; border-top: 1px solid #E4EAEA; display: block; padding: 9px 11px; } #region-sidebar-first section.block-itemssearch h2, #region-sidebar-first section.block-itemssearch .block-inner { border: none; } #region-sidebar-first section ul li.views-row-last{ /* border-bottom: none; */ } #block-tagclouds-3 > div > .content{ border-top: 1px solid #E4EAEA; } #block-views-blogs-block-1 ul li{ font-size: 0.9em; } #block-views-blogs-block-1 ul li a:before{ content: "- "; } #region-sidebar-first .block-menu-block a.active, #region-sidebar-first .block-menu-block a.active-trail, #block-menu-menu-utilities-menu ul.menu li a.active-trail{ color: #000000; } /******************************************************** * * AUCTIONS DROPDOWN STYLING * ********************************************************/ #block-views-auctions-auction-menu-block, #block-views-auctions-fixedprice-menu-block { background-color: rgba(0, 0, 0, 0.87); padding: 10px; position: absolute; z-index: 1001; display: none; margin-top: 40px; top: 0; width: 920px; } #block-views-auctions-auction-menu-block h2.block-title, #block-views-auctions-fixedprice-menu-block h2.block-title { color: #FFFFFF; font-size: 1.3em; letter-spacing: 0; } /* #auction-menu-link-cover { background-color: blue; height: 55px; position: absolute; width: 83px; z-index: 101; } */ ul.menu-auctions-list li { float: left; height: 78px; margin: 0 10px 10px 0; position: relative; } ul.menu-auctions-list li .auction-lead-image { left: 5px; margin: 0; position: absolute; top: 5px; z-index: 10000; } ul.menu-auctions-list li .auction-title a { color: #FFFFFF; left: 0; max-height: 40px; padding: 10px 10px 33px 90px; position: absolute; z-index: 1; } ul.menu-auctions-list li .auction-title a:hover, ul.menu-auctions-list li .auction-lead-image:hover + .auction-title a { background: rgb(0,0,0); background: rgba(0,0,0,0.95); } /******************************************************** * * BREADCRUMBS STYLING * ********************************************************/ .front #block-easy-breadcrumb-easy-breadcrumb{ display: none; } /******************************************************** * * BRANDING STYLING * ********************************************************/ .branding-data{ float: left; } .logo-img { float: none; margin-right: 20px; } .site-slogan { font-size: 0.88em; font-weight: normal; letter-spacing: 0; } #user-login-form { height: 24px; margin: 5px 0; position: relative; width: 940px; } .block-logintoboggan-logintoboggan-logged-in { float: right; padding: 5px 0; } /* user login || Newsletter signup form*/ #page .search-form label, #page #user-login-form .form-item-name label, #page #user-login-form .form-item-pass label, #page #user-login-form .description, #page input#edit-remember-me, #page .mailchimp-lists-user-subscribe-form label, #page #edit-mailchimp-lists-mailchimp-sample-e-rocks-list-from-drupal-title{ display: none; } #user-login-form .form-item-remember-me label.option{ display: block; height: 25px; line-height: 25px; width: 95px; font-weight: normal; } #user-login-form .form-item-remember-me > div{ display: block !important; float: left; height: 25px; line-height: 25px; margin-right: 10px; } #user-login-form .form-item.form-item-name, #user-login-form .form-item.form-item-pass{ padding: 10px; } #user-login-form input[type="text"], #user-login-form input[type="password"]{ background: #FFFFFF; } /* header login positioning */ #user-login-form .form-item{ margin: 0 !important; } #block-fboauth-login { position: absolute; right: 0; top: 5px; z-index: 1000; } #user-login-form #edit-name { position: absolute; right: 288px; top: -2px; font-size: 13px; } #user-login-form #edit-pass{ position: absolute; right: 156px; top: -2px; font-size: 13px; } #user-login-form .form-submit { font-size: 12px; margin: 0; padding: 1px 5px; position: absolute; right: 109px; text-align: center; top: 0; } #user-login-form #edit-register{ width: 85px; text-align: left; position: absolute; left: 0px; top: 0; border-right: 1px solid #cacaca; } #user-login-form div.form-item-remember-me{ border-left: 1px solid #F2F2F2; left: 145px; padding-left: 20px; position: absolute; top: 0; } #user-login-form .item-list ul li a{ border-left: 1px solid #FFFFFF; display: block; font-size: 12px; font-weight: normal; height: 25px; left: 152px; line-height: 25px; padding-left: 20px; position: absolute; top: 0; } #user-login-form .item-list ul li.first a{ left: 0; } .mailchimp-lists-user-subscribe-form .form-item{ padding-bottom: 10px; } #block-user-login h2.block-title{ display: none; } #user-login-form .form-item.form-item-pass{ padding-top: 0px; } #user-login-form .form-item input{ width: 125px; font-weight: bold; } .mailchimp-lists-user-subscribe-form .form-item input{ width: 225px; } #user-login-form div > .form-actions input#edit-register { background:transparent; border:none; font-size: 12px; font-weight: normal; height: 25px; margin: 0; padding: 0; width: 70px; } /* CLOCK STYLING */ .date-clock-block{ float: left; font-size: 2em; margin: 0 0 0 65px; width: 320px; } .date-clock-block .content > div{ margin: 0 15px 10px 0; } #block-fb-connect-login-erocks-login h2.block-title{ display: none; } #site-date { font-size: 14px; } /******************************************************** * * SITEWIDE BORDERS STYLING * ********************************************************/ #region-sidebar-first{ clear: both; } .front #zone-preface-wrapper{ background-color: #C7CCCF; padding: 20px 0; height: 530px; } #slider-overlay-left { height: 470px; left: -940px; margin: 0; padding: 0; position: absolute; width: 940px; z-index: 2; background-image: url(../images/slider-overlay_940x470.png); background-repeat: no-repeat; } #slider-overlay-right { height: 470px; right: -940px; margin: 0; padding: 0; position: absolute; width: 940px; z-index: 2; background-image: url(../images/slider-overlay_940x470.png); background-repeat: no-repeat; } #region-preface-first .quicktabs-tabpage{ background-color: transparent; width: 940px; height: 470px; position: relative; overflow-y: hidden; } #region-preface-first .block-quicktabs .block-inner > h2.block-title{ display: none; } #region-preface-first .quicktabs-wrapper > div.item-list ul.quicktabs-tabs { height: 38px; line-height: 38px; position: relative; text-align: center; margin-bottom: 20px; } #region-preface-first .quicktabs-wrapper > div.item-list ul.quicktabs-tabs li a{ color: #FFFFFF; margin-right: 1px; } .front #region-preface-first .quicktabs-wrapper > div.item-list ul.quicktabs-tabs li a { color: #FFFFFF; display: inline; float: none; font-size: 0.9em; font-weight: bold; padding: 10px; } #region-preface-second .quicktabs-wrapper > div.item-list ul.quicktabs-tabs{ overflow: hidden; } #region-preface-second .quicktabs-wrapper > div.item-list ul.quicktabs-tabs li a{ color: #FFFFFF; font-size: 0.9em; font-weight: bold; padding: 5px 5px; display: block; float: left; } #btn-cover { height: 45px; position: absolute; top: 0; width: 120%; margin-left: -10%; z-index: 3; display: none; } /* quicktabs carousel */ #region-preface-first .quicktabs-hide{ display: block; } #region-preface-first .quicktabs-wrapper { position: relative; height: 550px; } #region-preface-first .quicktabs-wrapper .quicktabs_main { width: 940px; position: absolute; list-style: none; margin: 0; padding: 0; } #region-preface-first .quicktabs_main > div { float: left; } .jcarousel-prev, .jcarousel-next{ position: absolute; z-index: 100; bottom: 0; height: 100pxpx; width: 100px; color: #FFFFFF; padding: 10px; } .carousel-prev{ left: 0; } .jcarousel-next{ right: 0; } .jcarousel-next.off, .jcarousel-prev.off{ pointer-events: none; } #region-preface-first .quicktabs-wrapper > div.item-list ul.quicktabs-tabs li a { } /******************************************************** * * FINAL ACCORDIAN STYLING * ********************************************************/ .block-panels-mini .panel-panel h2.pane-title{ display: none; } /******************************************************** * * POSTSCRIPT REGION STYLING * ********************************************************/ .top-page-link { border: 0 none; bottom: 0; margin: 0; padding: 0; position: fixed; right: 10px; z-index: 1000; display: none; } .top-page-link p{ margin: 0; } /******************************************************** * * FOOTER STYLING * ********************************************************/ #zone-footer { position: relative; } #zone-footer #social-share{ left: 10px; position: absolute; top: 140px; } #zone-footer #social-share #soc-med-icons li { float: left; margin-right: 30px; } #zone-footer .email-this { background: none repeat scroll 0 0 #FFFFFF; border-radius: 3px 3px 3px 3px; padding: 3px 15px; } #section-footer{ background: #7c7a76; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjN2E3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #7c7a76 0%, #666666 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c7a76), color-stop(100%,#666666)); background: -webkit-linear-gradient(top, #7c7a76 0%,#666666 100%); background: -o-linear-gradient(top, #7c7a76 0%,#666666 100%); background: -ms-linear-gradient(top, #7c7a76 0%,#666666 100%); background: linear-gradient(to bottom, #7c7a76 0%,#666666 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7a76', endColorstr='#666666',GradientType=0 ); padding: 20px 0 50px; color: #FFFFFF; } #section-footer a{ color: #FFFFFF; } .top-page-link .content a{ padding: 12px 18px 10px; white-space: nowrap; display: block; } /******************************************************** * * HOMEPAGE BOXES STYLING * ********************************************************/ ul.featured-auctions-list li.col-4{ margin-right: 0; } #zone-postscript-wrapper{ padding: 20px 0; } section.collapsible.block{ width: 235px; float: left; padding: 0; background-color: #FFFFFF; height: 454px; } section.collapsible.block h2.block-title{ color: #FFFFFF; cursor: pointer; font-size: 15px; font-weight: bold; margin: 0; padding: 10px; white-space: nowrap; } .open-close-icon{ position: absolute; width: 17px; height: 17px; background-image: url(../images/accordian-open-close_17x76_white.png); background-repeat: no-repeat; background-position:0 -10px; top: 10px; right: 10px; } .open .open-close-icon{ background-position: 0 -49px; } section.collapsible.block.open h2.block-title{ background-position: 782px -38px; } section.collapsible.block > .block-inner > .content{ padding: 10px; } section.collapsible.block .content > ul, section.collapsible.block ul.accordian-items-list, section.collapsible.block ul.homepage-fixed-list, section.collapsible.block ul.homepage-fixed-price-list{ padding: 0; margin-top: 10px; width: auto; } section.collapsible.block .content > ul li, section.collapsible.block ul.accordian-items-list > div > li, section.collapsible.block .homepage-fixed-price-list > li, section.collapsible.block .homepage-fixed-price-list > div > li, .view-id-accordion_item_lists li, .kae-item-summary-list li { border-top: 2px solid #E4EAEA; padding: 10px 0; clear: both; overflow: hidden; height: 68px; margin: 0; } section.collapsible.block.intro-block .content > ul li { font-weight: bold; height: 40px; border: none; } section.collapsible.block.intro-block .content > ul li p{ display: none; } section.collapsible.block.intro-block.open .content > ul li p{ display: block; margin: 0 0 10px 0; font-weight: normal; } section.collapsible.block.intro-block.open .button { display: block; padding: 7px 10px 5px; text-align: left; width: 152px; } section.collapsible.block.intro-block.open .content > ul > li { border: medium none; clear: none; display: block; float: left; margin-right: 3%; overflow: visible; width: 22%; height: 356px; position:relative; } section.collapsible.block.intro-block.open .content > ul > li > p.signup { position: absolute; bottom: 0; } section.collapsible.block.intro-block.open .content > ul{ margin: 0; /*overflow: hidden;*/ } section.collapsible.block.intro-block.open .content > ul li ul{ display: block; margin-left: 20px; } section.collapsible.block.intro-block.open .content > p:first-child { display: none; } section.collapsible.block.intro-block.open .content > p { margin-bottom: 0; } section.collapsible.block.intro-block.open .content > ul li ul li { height: auto; list-style: disc outside none; margin: 0; overflow: visible; padding: 0; } section.collapsible.block.intro-block.open .content > ul li ul li p{ margin: 0; } section.collapsible.block.open ul.accordian-items-list > div > li, section.collapsible.block.open ul.accordian-items-list > li, section.collapsible.block.open .homepage-fixed-price-list > li{ float: left; clear: none; margin-right: 20px; width: 244px; } section.collapsible.block .content > ul li ul{ display: none; } .item-image{ float: left; margin: 0 10px 0 0; } .item-image img, ul.accordian-items-list > li img{ display: block; } td.item-image{float:none;width:200px;height:200px;} section.collapsible.block .content ul li .item-descitption, section.collapsible.block ul.accordian-items-list > li .item-description{ display: none; -webkit-transition: all 1000ms ease-out; -moz-transition: all 1000ms ease-out; -ms-transition: all 1000ms ease-out; -o-transition: all 1000ms ease-out; transition: all 1000ms ease-out; } section.collapsible.block ul.accordian-items-list > li .item-description p{ margin: 0; padding: 0; } section.collapsible.block.open ul.accordian-items-list > li .item-description{ display: block; } .zone-preface .region{margin-bottom: 20px;} #region-postscript-first { overflow: hidden; /* margin-bottom: 12px;*/ } section.collapsible.block{ position: relative; overflow: hidden; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; } .tabbar { color: #FFFFFF; cursor: pointer; font-size: 15px; font-weight: bold; height: 20px; padding: 10px; position: absolute; right: -200px; top: 200px; width: 420px; z-index: 2; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; -moz-transform: rotate(90deg); /* FF3.5+ */ -o-transform: rotate(90deg); /* Opera 10.5 */ -webkit-transform: rotate(90deg); /* Saf3.1+, Chrome */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; /* IE8 */ -ms-transform: rotate(90deg); /* IE9 */ } .tabbar, .open .tabbar{ display: none; } .closed .tabbar{ top: 207px; /* background-image: url("../images/accordian-open-close_17x76.png"); */ background-position: 412px 1px; background-repeat: no-repeat; display: block; height: 20px; right: -207px; width: 433px; background: transparent; } .hidden.tabbar > span { padding-left: 25px; } section.collapsible.block.closed{ width: 42px; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; } section.collapsible.block.open{ width: 813px; } .front #zone-content{ display: none; } /******************************************************** * * ITEM STYLING * ********************************************************/ /* final tweaks first */ #item-follow-link { margin-top: 10px; } .field-name-item-information .infobox p { margin-bottom: 7px; } #buy-now-info .action-btn-wrapper { clear: both; float: none; margin-top: 5px; } #buy-now-info .action-button { margin: 0; } #buy-now-info .action-button.watch-btn { float: none; display: inline-block; margin: 0 0 0 5px; padding: 0; line-height: 30px; width: 120px; vertical-align: top; } #cboxLoadedContent { position: relative; } #cboxContent { padding-bottom: 55px; margin-top: 40px; } #cboxSlideshow { top: -40px; right: 0; } #cboxCurrent{ display: none !important; } #cboxContent #nav img{ width: 50px; height: 50px; } #cboxContent #nav li{ float: left; margin: 0 5px; opacity: 0.6; } #cboxContent #nav li.active{ opacity: 1;; } #cboxContent #navwrapper { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; } #cboxContent #nav{ margin: auto; overflow: hidden; padding: 0; position: relative; width: 550px; } #cboxPrevious { background: url("../images/item-popup-leftarrow.png") no-repeat scroll 0 0 transparent; bottom: 15px; height: 30px; margin-top: 0; position: absolute; left: 12px; text-indent: -9999px; top: auto; width: 17px; z-index: 10; } #cboxNext { background: url("../images/item-popup-rightarrow.png") no-repeat scroll 0 0 transparent; bottom: 15px; height: 30px; margin-top: 0; position: absolute; right: 12px; text-indent: -9999px; top: auto; width: 17px; z-index: 10; } .item-title, .item-bid-price { font-weight: bold; } #item-stats-wrapper { margin-bottom: 0px; overflow: hidden; position: absolute; right: 0; top: -27px; } #item-stats-wrapper > div{ float: right; background-position: 0 center; background-repeat: no-repeat; padding-left: 25px; margin-left: 20px; line-height: 20px; font-size: 12px; } #item-view-stats{ background-image: url(../images/item-views-icon_20x20.png); } #item-watch-stats{ background-image: url(../images/item-watches-icon_20x20.png); } #bid-history-complete {display: none;} .ui-dialog-content table.bid-history { width: 100%; } .node-type-item h1#page-title, .node-type-collection-item h1#page-title, .node-type-auction h1#page-title{ display: none; } .node-item .heading, .node-type-collection-item .heading, .data-box .label-heading .field-label { font-size:16px; font-weight: bold; display:block; margin-bottom:10px; line-height:1.2em; } .node-item .label, .node-type-collection-item .label, #item-sidebar-wrapper, .data-box table th{ font-size: 12px; } .node-item .label, .node-type-collection-item .label, .data-box table th{ font-weight: bold; } #item-header{ /* height: 24px; */ } /* #zone-content .tabs { position: absolute; right: 0; top: -25px; width: 100px; } */ #item-header #auction-detail{ float: left; } #item-header #auction-detail p{ margin: 0; } #item-header .sku { line-height: 34px; font-weight: bold; float: right; margin-right: 20px; } /* social media */ article.node-item .easy_social_box { float: right; margin-top: 0; } .ds-2col-stacked .group-header .easy_social_box { position: absolute; top: 20px; right: 0; } .view-accounts-homepages #soc-med-icons{ position: absolute; right: 0; top: 0; } article.node-item #soc-med-icons li, .view-accounts-homepages #soc-med-icons li{ float: left; margin-right: 10px; height: 20px; padding: 0; width: 70px; display: block; } article.node-item #soc-med-icons li.last, .view-accounts-homepages #soc-med-icons li.last{ margin: 0; width: 20px; } /********** ITEMS/COLELCTION ITEMS **********/ .data-box div.field { clear:both; } .data-box div.field-label, .data-box div.field-items, .data-box div.field-item { display:inline; } #item-gallery-wrapper{ padding: 10px; background-color: #F4F4F4; overflow: hidden; position: relative; } #item-gallery-wrapper img{ display: block; } /*#item-gallery-wrapper img.original-image{ display: none; }*/ #item-gallery-wrapper{ margin-bottom: 10px; } #item-gallery-wrapper .item-gallery-nav-wrapper { width: 550px; overflow: hidden; position: relative; } #item-gallery-wrapper .item-gallery-nav-wrapper .scroll-btn{ display: none; } #item-gallery-wrapper .item-gallery-nav-wrapper.scrollable:hover .scroll-btn.prev { display: block; position:absolute; top: 0; left: 0; width: 25px; height: 80px; background: url("../images/item-popup-leftarrow.png") no-repeat scroll center center black; opacity: 0.7; } #item-gallery-wrapper .item-gallery-nav-wrapper.scrollable:hover .scroll-btn.next { display: block; position:absolute; top: 0; right: 0; width: 25px; height: 80px; background: url("../images/item-popup-rightarrow.png") no-repeat scroll center center black; opacity: 0.7; } #item-gallery-wrapper #nav{ height: 80px; margin-bottom: 10px; padding: 0; list-style:none; width: 2000px; } #item-gallery-wrapper #nav li{ width: 80px; height: 80px; overflow: hidden; margin: 0 10px 0 0; float: left; cursor: pointer; } #item-popup-gallery-wrapper { background-color: #000000; left: 25%; padding: 10px; position: fixed; top: 25%; z-index: 1002; display: none; } #item-popup-gallery-wrapper #popupnav li { float: left; height: 35px; margin: 0 10px 0 0; overflow: hidden; width: 35px; } #popup-gallery { position: relative; } #popup-gallery img{ display: block; } #popup-next, #popup-prev { background-color: red; height: 35px; position: absolute; width: 35px; bottom: 0; text-indent: -9999px; cursor: pointer; } #popup-next{ right: 0; } #popup-prev{ left: 0; } #popupnav { margin: auto; overflow: hidden; padding: 0; width: 225px; } #popup-list { margin-bottom: 10px; } #image-gallery > img{ cursor: pointer; } #image-gallery > .gallerylink{ display: none; } /* #image-gallery > a.image0{ display: block; } */ #image-gallery > .gallerylink.active{ display: block; width: 550px; height: 550px; overflow: hidden; } /* #image-gallery a:first-child{ display: block; } */ #gallery-overlay{ background-color: #000000; background-image: url('../images/item-popup-overlay-magnifyingglass.png'); background-position: center center; background-repeat: no-repeat; bottom: 10px; display: none; height: 550px; opacity: 0.8; position: absolute; width: 550px; z-index: 10; cursor: pointer; } /* #item-gallery-wrapper #overlay-hover:hover > #gallery-overlay { display: block; } */ #item-gallery-wrapper #nav li#nav3{ margin-bottom: 12px } #item-gallery-wrapper #nav li#nav4{ margin-bottom: 0px } #item-gallery-wrapper #image-gallery { position: relative; } #item-gallery-wrapper .cb-content-wrapper { display: none; } .gallery-tools { position: absolute; top: 0; right: 0; width: 32px; height: 150px; z-index: 90; /* Dialogs apper at z-index 100 and we need to be under that */ } a.gallery-tool { display: none; width: 32px; height: 32px; float: right; background-position: center center; background-repeat: no-repeat; background-color: #C9C9C9; } .gallery-tools.tools-type-spin.status-stopped a.gallery-tool.spin-play, .gallery-tools.tools-type-spin.status-played a.gallery-tool.spin-pause, .gallery-tools.tools-type-spin a.gallery-tool.spin-zoom, .gallery-tools.tools-type-still a.gallery-tool.still-zoom, .gallery-tools a.gallery-tool.launch-cb { display: inline-block; } #colorbox .gallery-tools.tools-type-still a.gallery-tool.still-zoom { display: none; } #cboxLoadedContent .gallery-tools{ top: 25px; } #cboxLoadedContent .gallery-tools a.gallery-tool.launch-cb{ display: none; } a.gallery-tool.spin-play{ background-image: url('../images/open-iconic/png/grey-media-play-3x.png'); /*background: url('../images/icons/play.png') center center no-repeat;*/ } a.gallery-tool.spin-pause{ background-image: url('../images/open-iconic/png/grey-media-pause-3x.png'); } a.gallery-tool.spin-zoom, a.gallery-tool.still-zoom{ background-image: url('../images/open-iconic/png/grey-zoom-in-3x.png'); /*background: url('../images/icons/magnify.png') center center no-repeat;*/ } a.gallery-tool.launch-cb{ background-image: url('../images/open-iconic/png/grey-resize-both-3x.png'); /*background: url('../images/icons/expand.png') center center no-repeat;*/ } .gallery-marks { position: absolute; top: 0; left: 0; width: 32px; height: 32px; z-index: 90; /* Dialogs apper at z-index 100 and we need to be under that */ } span.gallery-mark { display: none; width: 32px; height: 32px; float: left; background-position: center center; background-repeat: no-repeat; background-color: #C9C9C9; } .gallery-marks.tools-type-spin span.gallery-mark.spin { display: inline-block; } .gallery-marks.tools-type-spin span.gallery-mark.cbox-only { display: none; } #cboxContent .gallery-marks.tools-type-spin span.gallery-mark.cbox-only.spin { display: inline-block; } span.gallery-mark.spin{ background-image: url('../images/open-iconic/png/grey-reload-3x.png'); } #spinner-reel, #spinner-reel .reel-panning *, #spinner-reel .reel-panning{ cursor: move; } #item-content-wrapper{ width: 570px; float: left; margin-right: 10px; } #item-description-wrapper > div { margin: 0 0 10px; overflow: hidden; } .node-item #item-sidebar-wrapper { float: left; margin-left: 10px; } .node-item #item-sidebar-wrapper > div.data-box .data-box-inner, .node-type-collection-item #item-sidebar-wrapper > div.data-box .data-box-inner, .page-taxonomy-term #item-sidebar-wrapper > div.data-box{ padding: 10px; background-color: #F4F4F4; width: 330px; margin-bottom: 10px; overflow: hidden; } .node-item #node-author-info .field-label { display: none; } .data-box p{ margin-bottom: 0; } .node-item #item-sidebar-wrapper > div.data-box#current-bid-info{ padding-bottom: 0; } /* article.node-item .content{ background-color: #F4F4F4; padding: 10px; } */ .ui-tabs{padding: 0;} .ui-tabs .ui-corner-all{-webkit-border-radius: 0px;-moz-border-radius:0px;border-radius:0px;} .ui-tabs .ui-tabs-nav li{float:left;} .ui-tabs .ui-tabs-nav li a {padding: 3px;} .ui-tabs .ui-tabs-nav { background-color: #D8DCDD; overflow: hidden; margin: 0; padding: 0; } .ui-tabs .ui-tabs-nav li.ui-state-default { background-color: #C9C9C9; border: none; border-right: 3px solid #d8dcdd; padding: 0; margin: 0; } .ui-tabs .ui-tabs-nav li.ui-state-default.ui-tabs-selected, .ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-active, .horizontal-tabs ul.horizontal-tabs-list li:hover, .horizontal-tabs ul.horizontal-tabs-list li:focus, .horizontal-tabs ul.ui-tabs-nav.horizontal-tabs-list li.selected, .horizontal-tabs ul.horizontal-tabs-list li a:hover { background-color: #F4F4F4; } .ui-tabs .ui-tabs-nav li.ui-state-default a{ display: block; text-decoration: none; padding: 0.5em 0.6em 0.3em 0.6em; font-weight: bold; color: #000000; } .ui-tabs-anchor { background: none repeat scroll 0 0 #C9C9C9; border: medium none; color: #000000; font-size: 12px; font-weight: bold; margin-right: 3px; padding: 7px 28px 8px; } .ui-tabs-active .ui-tabs-anchor{ background: none repeat scroll 0 0 #F4F4F4; } #item-tabs { font-size: 12px; min-height: 366px; } #item-description-wrapper .infobox { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E2E2E2; float: left; font-size: 0.9em; height: 60px; margin-right: -1px; margin-top: -1px; padding: 10px; width: 162px; } .node-item #item-tabs { float: left; width: 570px; } .node-item #item-tabs > .field-group-htabs > .horizontal-tabs { border: none; } .node-item #item-tabs > .field-group-htabs > .horizontal-tabs > .horizontal-tabs-panes { padding-top: 10px; } .node-item #item-tabs > .field-group-htabs > .horizontal-tabs > ul.horizontal-tabs-list{ background-color: #D8DCDD; } .node-item #item-tabs > fieldset > legend, .node-item #item-sidebar-wrapper .data-box .data-box-inner > fieldset > legend { display: none; } .node-item #item-tabs fieldset fieldset legend, .node-item #item-sidebar-wrapper .data-box .data-box-inner fieldset fieldset legend { font-weight: bold; } .node-item #item-tabs > fieldset { border: none; padding: 10px; margin: 0 0 10px 0; } .node-item #item-tabs fieldset fieldset, .node-item #item-sidebar-wrapper .data-box .data-box-inner fieldset fieldset { border: 1px solid #c2c2c2; /*margin: 10px;*/ padding: 5px; background-color: #ffffff; } .node-item #item-tabs fieldset, .node-item #item-sidebar-wrapper .data-box .data-box-inner fieldset { margin-bottom: 10px; } .node-item #item-sidebar-wrapper .data-box .data-box-inner > fieldset, .node-item #item-sidebar-wrapper .data-box .data-box-inner > fieldset fieldset:last-child { padding-bottom: 0px; margin-bottom: 0px; } .node-item #item-tabs .field-label-inline .field-label { float: left; width: 25%; } .node-item #item-tabs .field-label-inline .field-items { float: left; width: 75%; } .node-item #item-tabs .clear-field-items > .field-items { clear: both; width: 100%; } .node-item #item-tabs .field-label-hidden > .field-items { float: left; width: 100%; } .block-system-main p.price-label { display: inline-block; margin-bottom: 0; vertical-align: top; width: 90px; } .node-item .buy-now-btn { line-height: 30px; margin: 0; width: 120px; padding: 0; } .node-item .action-button.reserved-only { margin-top: 0; line-height: 30px; padding: 0; width: 120px; } /* .items-list .buy-now-btn { float: right; line-height: inherit; margin: 0; width: 70px; float: right; } */ .items-list.list-view .watch-btn { float: right; } /* .items-list.list-view .watch-btn.action-button{ margin-right: 10px; } */ .items-list.list-view .action-button { line-height: 28px; height: 28px; text-align: Center; padding: 0; margin: 0 5px 0 0; width: 90px; display: inline-block; } .buy-now-price{ font-size: 25px; font-weight: bold; line-height: 1em; display: inline-block; } .starting-price{ display: inline-block; } .bid-messages { margin-left: 93px; } .items-list .current-price, .items-list .buy-now-price{ font-size: 20px; font-weight: bold; line-height: 1em; } body.node-type-item article.node .current-price, .items-list .item-buynow-price{ font-size: 25px; font-weight: bold; line-height: 1em; display: inline-block; } #tabs-my-items .current-price {font-size:12px;font-weight:normal;} .my-items.no-highlight #tabs-my-items tr.winning td, .my-items.no-highlight #tabs-my-items tr.losing td { background-color: transparent; } .front .buy-now-price, .front .current-price{ font-size: 1em; font-weight: bold; line-height: 1em; } .data-box table { margin-bottom: 10px; width: 330px; } .data-box table, .data-box table th, .data-box table td{ background-color: #FFFFFF; border: 1px solid #c2c2c2; padding: 3px 10px; } #seller-info > .data-box-inner > div { height: 25px; } #tsandcs_view, #seller-shipping-popup, .popup-panel{ display: none; } #history-bid-info {display: none;} #history-bid-info table tbody tr:nth-child(n+6){display:none;} #showseller_shipping_popup, #showsellertcs_and_cs_popup{ cursor: pointer; } /* ITEM LISTS / BLOGS LISTS / GROUPS LISTS */ /*.related-items-list-wrapper,*/ .content-item-list-wrapper, .groups-list-wrapper, .dealer-list-wrapper{ border-top: 1px solid #C8CECE; } .dealer-list-wrapper .view-all{line-height:30px;text-align:center;} .content-item-list, .dealer-list{ border-top: 1px solid #E4EAEA; padding-top:20px; } .dealer-list{ overflow: hidden; min-height: 350px; } .related-items-list, .blogs-list, .content-item-list, .collection-list, .groups-list, .seller-list, .wanted-list { /* border-bottom: 1px solid #C8CECE; border-top: 1px solid #E4EAEA;*/ overflow: hidden; padding: 20px 0; } .page-layout-stretch .zone.allow-stretch .tilelist {min-width:960px;} ul.tilelist li.views-row-last{margin-right: 20px;} ul.tilelist.blogs-list li.views-row-last{margin: 0 5px 10px;} .community-blogs-list-wrapper .blogs-list li{ padding: 10px; } #quicktabs-container-community_homepage { min-height: 443px; padding-top: 30px; } #block-views-dealer-seller-directory-block-1{ margin-top: 40px; } .block ul.related-items-list li, .block ul.blogs-list li, .block ul.content-item-list li, .block ul.collection-list li, .block ul.dealer-list li, .block ul.seller-list li, .block ul.wanted-list li, .block .related-items-list ul li, .block .blogs-list ul li, .block .content-item-list ul li, .block .collection-list ul li, .block .dealer-list ul li, .block .seller-list ul li, .block .wanted-list ul li, .page-blog article.node-blog{ background-color: #FFFFFF; float: left; margin-right: 20px; /*padding: 10px; the padding needs to be applied on a nested .color-wrapper*/ width: 220px; margin-bottom: 20px; list-style: none; } .page-blogs .block ul.blogs-list li:nth-child(3n+0) { margin-right: 0; } .page-blogs .block ul.blogs-list li { margin-left: 0; } .block .content-item-list.w200 ul li { width: 200px; } .block .content-item-list.col3-items-list li:nth-child(3n+0) { margin-right: 0; } .block .content-item-list.height1 li { height: 280px; } .groups-list li { background-color: #FFFFFF; float: left; margin-right: 20px; padding: 10px; width: 200px; margin-bottom: 20px; } ul.groups-list li:nth-child(3n+0), ul.collection-list li:nth-child(4n+0) { margin-right: 0; } ul.collection-list li { height: 400px; margin-bottom: 20px; } /* * Make adjustments when the items lists are nested inside tabs, which add additional padding */ fieldset.horizontal-tabs-pane .related-items-list-wrapper{ border: none; } ul.related-items-list { padding: 0; } fieldset.horizontal-tabs-pane ul.related-items-list li{ margin: 0 13px 13px 0; } fieldset.horizontal-tabs-pane ul.related-items-list li:nth-child(4n+4){ margin-right: 0; } .blogs-list li{ width: 200px; } .content-item-list li { background-color: #FFFFFF; float: left; margin-right: 20px; padding: 10px; width: 200px; margin-bottom: 20px; } .related-items-list-wrapper #page_navigation {display: none;} .view-dealer-seller-directory.view-display-id-page ul.dealer-list li, .dealer-list li { min-height: 300px; overflow: hidden; width: 280px; padding: 10px; } .view-id-dealer_seller_directory.view-display-id-page ul.dealer-list li:nth-child(3n+3){ margin-right:0; } li.row-end{margin-right: 0 !important;} .blog-content-wrapper, .wanted-list-content-wrapper, .page-blog article.node-blog{ padding: 10px; } .blogs-list li, .wanted-list li, .page-blog article.node-blog{ margin: 0 5px 10px; padding: 0; } /* Account homepages are full left so we need different margins */ body.page-sellers .blogs-list li, body.page-dealers .blogs-list li, body.page-collectors .blogs-list li { margin: 0 20px 0 0; } body.page-sellers .blogs-list li.views-row-last, body.page-dealers .blogs-list li.views-row-last, body.page-collectors .blogs-list li.views-row-last { margin-right: 0; } .page-blog article.node-blog h2.node-title { font-size: 1.1em; font-weight: bold; margin: 0; } .node-type-blog #flag-blogpost { position: absolute; right: 6px; padding: 0; top: 45px; } .node-type-blog #flag-blogpost a{ color: #FFFFFF; font-weight: bold; padding: 10px; } article.node-blog > * { padding: 10px 10px 0; } .related-items-list li.views-row-last, .blogs-list li.views-row-last, .content-item-list li.views-row-last, .groups-list li.views-row-last{ margin-right: 0; } .related-items-list li .item-image, .blogs-list .list-content-image, .content-item-list .list-content-image, .collection-list .item-image, .groups-list .item-image, .dealer-banner, .dealer-location, .group-location{ margin-bottom: 10px; } .dealer-intro{ margin-bottom: 20px; } .blog-date { color: #A2A2A2; font-size: 0.85em; font-style: oblique; } .author-name { font-weight: bold; margin-bottom: 10px; } .author-name:first-letter { text-transform: uppercase; } .page-node-item .ajax-item-data-wrapper{ width: 220px; border-top: 1px solid #C2C2C2; margin-left: -10px; margin-top: 50px; } .ajax-item-data { /* position: relative; */ } /* .ajax-item-data p{ margin: 0; line-height: 1em; } .ajax-item-data > div{ margin: 0 0 2px 0; } */ .items-list .rows-wrapper > div .seller-details{ color: #6e6e6e; margin: 8px 0 0; } .items-list.gallery-view .rows-wrapper > div .seller-details { color: #6E6E6E; margin: 0; } .front .ajax-item-data .seller-details{ display: none; } #bid-form { margin: 10px 0; overflow: hidden; } #bid-form p{ font-size: 0.9em; } /* #bid-form > div { float: left; margin: 0 3px 0 0; width: 45%; } */ #bid-form input[type="text"] { width: 50px; } #bid-form .min-bid-msg{margin:5px 0;} #bid-form .min-bid-msg div.currency-value, #bid-form .min-bid-msg div.currency-amount, #bid-form .min-bid-msg div.currency-symbol { display: inline; } .bid-msg-item-reserved{border-top: 3px dotted #000000;border-bottom: 3px dotted #000000;} .front ul.accordian-items-list .action-btn-wrapper{ display: none ; } /******************************************************** * * MINERAL CATALOGUE & COLLECTIONS BLOCK STYLING * ********************************************************/ #filter-letter, .view-summary-unformatted{ padding: 20px 0; border-bottom: 1px solid #C8CECE; border-top: 1px solid #E4EAEA; } #block-views-collections-block-1 > div > div.content{ border-top: 1px solid #C8CECE; } /* #block-views-collections-block-1 ul.collection-list li, */ .view-dealer-seller-directory ul.seller-list li{ padding: 0; margin: 0 15px 10px; } .page-dealer-seller-directory ul.seller-list li{width: 200px;margin:0 46px 10px 0;} #block-views-collections-block-1 ul.collection-list li .item-image{ margin: 0; } .view-mineral-catalogue .attachment .views-summary, .view-minerals-by .attachment .views-summary{ margin-right: 10px; font-weight: bold; } .view-collections .attachment .views-summary, .view-dealer-seller-directory .attachment .views-summary{ margin-right: 20px; font-weight: bold; display: inline; } .view-dealer-seller-directory .attachment #collectornav .views-summary, .view-community-blocks .attachment #groupsnav .views-summary, .view-mineral-terms-by-location .views-summary { margin-right: 16px; font-weight: bold; } .view-dealer-seller-directory .attachment-wrapper { border: none; } .view-alpha-summary .views-summary li { margin-right: 16px; font-weight: bold; display: inline-block; } .collector-list li { float: left; padding: 10px; width: 200px; } .page-node-121 #region-content .region-inner > section{ margin-bottom: 50px; } .attachment-wrapper{ /* border-bottom: 1px solid #E4EAEA; */ /* border-top: 1px solid #C8CECE; */ } .view-mineral-catalogue .view-header, .view-minerals-by .view-header { padding-bottom: 10px; border-bottom: 1px solid #C8CECE; } .view-mineral-catalogue .view-header p, .view-minerals-by .view-header p{ margin: 0; } .view-browse-columns .item-list { clear: both; } .view-mineral-catalogue .mineral-catalogue-list li, .view-minerals-by .browse-minerals-list li, .browse-minerals-list li, .strunz_minerals-list li, .browse-list-columns li{ float: left; height: 20px; line-height: 20px; margin: 0 0 5px; width: 175px; } #block-views-cefacb8566086d556ddd907ac9c65841{ margin-top: 40px; } .mineral-catalogue-list, .browse-minerals-list, ul.browse-list-columns { overflow: hidden; border-top: 1px solid #E4EAEA; padding-top: 20px; } #filter-letter { font-size: 28px; } /******************************************************** * * ALL AUCTIONS VIEW STYLING * ********************************************************/ article.node-auction { position: relative; margin-bottom: 10px; } .page-auctions h1#page-title{ display: none; } #auction-social-wrapper ul#soc-med-icons { height: 20px; margin: 10px 0; overflow: hidden; padding: 0; } #auction-social-wrapper #social-share ul li { float: left; width: 80px; } .list-view #auction-details { width: 445px; } #auction-details { position: relative; } #auction-details .easy_social_box { position: absolute; top: 20px; left: 0; } #auction-details #auction-description { float: left; margin-top: 25px; } #auction-toggle-btn, #strunz-toggle-btn{ background-image: url('../img/search-toggle-icon_17x18.png'); border: medium none !important; cursor: pointer; height: 18px; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 17px; z-index: 1000; } #auction-toggle-btn.closed, #strunz-toggle-btn.closed{ background-position: 17px 0; } #block-itemssearch-items-by-auction-block h2.block-title{ display: none; } /* .page-auctions #region-content { float: left; min-width: 720px; padding: 0; position: absolute; width: 60%; } */ .view > .item-list{ border-bottom: 1px solid #E4EAEA; border-top: 1px solid #C8CECE; margin: 0 0 20px; overflow: hidden; } /* .view .pager { border-bottom: 1px solid #C8CECE; border-top: 1px solid #E4EAEA; margin: 0; padding: 30px 0; } */ .view-auction .auctions-list{ width: 940px; } .auctions-list{ width: 720px; } .auctions-list li, .featured-auctions-list li, .homepage-fixed-price-list > li, #slider-carousel .featured-mixed-sales-list-wrapper ul.featured-mixed-sales-list li, #slider-carousel .view-dealer-seller-directory ul.seller-list li { background-color: #FFFFFF; float: left; height: 326px; margin: 0 20px 20px 0; padding: 10px; position: relative; width: 200px; } .block-system-main ul.auctions-list li { height: 300px; padding-left: 10px; } .auctions-list li.views-row-last{ margin-right: 0; } .auctions-list li.endingsoon { background-color: #A90400; } .auctions-list li.endingsoon .auction-title a, .auctions-list li.endingsoon p{ color: #FFFFFF; } /* .auctions-list li > div, .homepage-fixed-price-list li > div{ margin-bottom: 10px; } */ .featured-auctions-list li .time-remaining { margin-top: 10px; font-size: 16px; font-weight: bold; } .auctions-list-wrapper .auctions-list li .auction-title{ height: 80px; font-weight: bold; } #slider-carousel .featured-mixed-sales-list-wrapper ul.featured-mixed-sales-list li .auction-title { height: 90px; font-weight: bold; } .view-display-id-page .auctions-list-wrapper .auctions-list li .auction-title, .view-display-id-page_fixed_price_running .auctions-list-wrapper .auctions-list li .auction-title{ height: 67px; } .featured-auctions-list-wrapper ul.featured-auctions-list li .auction-title { height: 54px; font-weight: bold; font-size: 18px; margin-top:10px; } .featured-auctions-list-wrapper ul.featured-auctions-list li .item-count { font-weight: bold; font-size: 18px; margin-top:30px; } .auctions-list li .ends-at{ padding-top: 28px; } .auctions-list.fixed-price-list li .start-time{ margin-top: 10px; } .featured-auctions-list li .ending { font-size: 20px; line-height: 20px; height: 20px; font-weight: bold; color: #b91e08; display: inline-block; width: 50px; position: absolute; bottom: 10px; left: 10px; } .featured-auctions-list li .ends-at-hour { font-size: 18px; line-height: 18px; height: 18px; font-weight: bold; display: inline-block; text-align: right; width: 146px; position: absolute; bottom: 10px; right: 10px; } .auctions-list li .auction-title, .homepage-fixed-price-list li .auction-title{ font-weight: bold; } #slider-carousel .featured-mixed-sales-list-wrapper ul.featured-mixed-sales-list li { margin-bottom: 20px; } /* HOMEPAGE SLIDER AUCTIONS PANEL */ .auctions-list-wrapper, .featured-auctions-list-wrapper, .homepage-fixed-list, .seller-list-wrapper { overflow: hidden; /* height: 470px;*/ width: 940px; } #slider-carousel .auctions-list, #slider-carousel .featured-auctions-list, #slider-carousel .homepage-fixed-price-list, #slider-carousel .view-dealer-seller-directory { width: 940px; } #slider-carousel .featured-mixed-sales-list-wrapper ul.featured-mixed-sales-list li, #slider-carousel .auctions-list li, #slider-carousel .homepage-fixed-price-list > li, #slider-carousel .view-dealer-seller-directory ul.seller-list li{ height: 124px; width: 200px; } #slider-carousel .featured-auctions-list-wrapper .auctions-list li { height: 90px; } #slider-carousel .homepage-fixed-price-list > li .item-image{ margin-bottom: 20px; } #slider-carousel .featured-mixed-sales-list li .auction-lead-image, #slider-carousel .auctions-list li .auction-lead-image, #slider-carousel .homepage-fixed-price-list li .auction-lead-image{ float: left; margin-right: 10px; } #slider-carousel .auctions-list li .auction-endtime, #slider-carousel .featured-auctions-list li .auction-endtime, #slider-carousel .homepage-fixed-price-list li .fixed-price-seller{ clear: both; } #slider-carousel li.views-row-4, #slider-carousel li.views-row-8, #slider-carousel li.views-row-12{ margin-right: 0 !important; } #slider-carousel li.views-row-9, #slider-carousel li.views-row-10, #slider-carousel li.views-row-11, #slider-carousel li.views-row-12{ margin-bottom: 0 !important; } #slider-carousel .related-items-list, #slider-carousel .blogs-list, #slider-carousel .content-item-list, #slider-carousel .collection-list, #slider-carousel .groups-list, #slider-carousel .social-feeds-list, #slider-carousel .seller-list{ padding: 0; } #slider-carousel ul.blogs-list li{ padding: 10px; margin:0 20px 0 0; height: 470px; width: 200px; } .dealer-item-count{ font-weight: bold; } #slider-carousel .featured-auctions-list li{ width: 200px; height: 450px; margin-bottom: 0; } #slider-carousel .featured-auctions-list h3{ clear: both; margin: 13px 0; } #slider-carousel .featured-auctions-list .item-time { clear: both; padding: 10px 0 0; } #slider-carousel .featured-auctions-list li .notice{ font-size: 1.4em; } /******************************************************** * * 5 COLOUMN STYLING FOR FEATURED AUCTIONS * ********************************************************/ #slider-carousel .featured-auctions-list.row-count-5 li { width: 152px; } #slider-carousel .featured-auctions-list.row-count-5 li .auction-lead-image img { width: 152px; height: 152px; } #slider-carousel .featured-auctions-list.row-count-5 li.views-row-4 { margin-right: 20px !important; } #slider-carousel .featured-auctions-list.row-count-5 li.views-row-5 { margin-right: 0; } #slider-carousel .featured-auctions-list.row-count-5 li .auction-title { font-size: 16px; } #slider-carousel .featured-auctions-list.row-count-5 li .time-remaining { font-size: 13px; /* Now some titles wrap to four lines so we need to shunt time remaining down */ margin-top: 20px; } #slider-carousel .featured-auctions-list.row-count-5 li .ending, #slider-carousel .featured-auctions-list.row-count-5 li .ends-at-hour { font-size: 15px; } #slider-carousel .featured-items-list-wrapper li{ background-color: #FFFFFF; padding: 10px; width: 200px; margin: 0 20px 20px 0; height: 80px; float: left; } #slider-carousel .featured-items-list-wrapper li.col-4, #slider-carousel .featured-items-list-wrapper li.col-8{ margin-right: 0; } /******************************************************** * * AUCTION NODE STYLING * ********************************************************/ .block-views{ position: relative; } #auction-end-wrapper h2{ margin-bottom: 0; padding: 30px 0; border-bottom: 1px solid #C8CECE; } article .field-name-field-auction-lead-image { background-color: #FFFFFF; float: right; padding: 10px; } .not-front .auction-items-list-wrapper{ padding-top: 65px; } .search-items-list{ /*padding-top: 20px; border-top: 1px solid #E4EAEA;*/ } .auction-items-list li, .search-items-list li, .item-list ul.search-items-list li{ overflow: hidden; background-color: #FFFFFF; padding: 0px; margin-bottom: 20px; position: relative; } .auction-items-list.gallery-view{ /* width: 720px; */ } /* .auction-items-list.gallery-view li, .search-items-list.gallery-view li{ width: 200px; float: left; margin-right: 20px; padding: 10px; } */ .items-list.gallery-view li { float: left; margin-right: 20px; width: 220px; } .items-list.gallery-view.col4-items-list li:nth-child(4n+0) { margin-right: 0; } .auction-items-list.gallery-view li, .search-items-list.gallery-view li { /* height: 500px; */ } .items-list.gallery-view .item-title { margin-top: 10px; } .items-list.gallery-view .item-image{ margin: 0 0 10px 0; } .gallery-view li.col-3{ margin-right: 0; } /* .auction-items-list li .field-label, .search-items-list li .field-label{ display: none; } */ /* auction items list specfic styling */ /* .gallery-view .items-listing-block .action-button{ width: 75px; } .gallery-view .items-listing-block .rows-wrapper { width: 220px; margin-right: 0; } */ .items-list.list-view .rows-wrapper { width: 694px; overflow: hidden; /*float: left;*/ position: relative; min-height: 243px; } .items-list.gallery-view .rows-wrapper > div, .items-list.gallery-view .ajax-item-data > div, /* #zone-postscript .block .gallery-view .ajax-item-data > div, #zone-postscript .block .gallery-view .rows-wrapper > div, */ .gallery-view .auction-wrapper { float: left; margin: 0; padding: 0; width: 200px; } .gallery-view .auction-wrapper .action-btn-wrapper { width: 100%; } .items-list.gallery-view .watch-btn{ float: right; } .items-list.gallery-view .rows-wrapper > div.small-text{ display: none; } .items-list .buy-now-wrapper { margin: 0 0 8px -10px; padding: 0 0 10px 10px; overflow: hidden; } .items-list.list-view .buy-now-wrapper { height: 60px; overflow: hidden; } .items-list.list-view .bid-messages { margin: 0; height: 36px; overflow: hidden; } .items-list.list-view .action-btn-wrapper { height: 40px; overflow: hidden; } .items-list.list-view .bids-wrapper { height: 18px; overflow: hidden; } .items-list.list-view .time-remaining { height: 12px; overflow: hidden; } .items-list.gallery-view .ajax-item-data, #zone-postscript .block .gallery-view .ajax-item-data{ width: 200px; } .gallery-view .ajax-item-data > div.buy-now-wrapper, #zone-postscript ul.content-item-list.gallery-view .rows-wrapper > div.buy-now-wrapper, #zone-postscript .block .gallery-view .rows-wrapper > div.buy-now-wrapper, #zone-postscript .block .gallery-view .ajax-item-data > div.buy-now-wrapper{ /* Delete here because the buy now wrapper need to be set to display none if the buy now is no longer available. It will be displayed by dynamic classes that get added if the item is-buy-now-available, sold or reserved display: block; */ width: 200px; height: 30px; margin: 0 0 10px -10px; padding: 5px 10px; border-top: 1px solid #c2c2c2; } .gallery-view .ajax-item-data div.buy-now-wrapper > div { width: 200px; } /* .related-items-list .currency-value{ font-weight: bold; line-height: 30px; float: left; } */ .items-list.gallery-view .buy-now-wrapper .action-buttons { float: right; } .items-list.gallery-view .buy-now-wrapper .action-buttons .action-button { margin: 0; padding: 0; line-height: 28px; height: 28px; } /* .related-items-list .buy-now-wrapper .action-button{ margin: 0; float: right; } .related-items-list .current-price{ clear: both; float: left; margin: 5px 0 0 0; width: 100%; } .related-items-list .current-price .action-button{ margin: 0; } .related-items-list .current-price .action-button.bid-btn{ clear: both; float: left; } .related-items-list .current-price .action-button.watch-btn{ float: right; } */ .related-items-list li .item-title, .blogs-list li .blog-title, .content-item-list .item-title, .collection-list .item-title{ margin-bottom: 5px; font-weight: bold; } .related-items-list li .action-button, .blogs-list li .action-button{ width: 75px; } .items-list .rows-wrapper .item-details-col { border-right: 1px solid #C2C2C2; margin: 0 0 0 0px; padding: 10px 10px 0 0; width: 219px; display: block; overflow: hidden; position: absolute; top: 0; bottom: 0; left: 230px; } .items-list.list-view .item-details-col { width: 238px; } .items-list.gallery-view .rows-wrapper .item-details-col { position:relative; left: 0; border: none; height:130px; overflow: hidden; } .items-list.gallery-view .rows-wrapper .item-details-col div.group_itemsearch_col_2 { display:none; } .items-list.gallery-view .item-details-col { } .items-list.gallery-view .current-price { height: 20px; } .items-list.gallery-view .bid-messages { height: 36px; overflow: hidden; margin-left: 0; } /* .items-listing-block .rows-wrapper fieldset legend, .items-listing-block .collection-data fieldset legend { font-weight: bold; } .items-listing-block .rows-wrapper fieldset legend a.fieldset-title, .items-listing-block .collection-data fieldset legend a.fieldset-title{ text-decoration: underline; } .items-listing-block .rows-wrapper fieldset .fieldset-wrapper, .items-listing-block .collection-data fieldset .fieldset-wrapper{ padding-left: 15px; } .items-listing-block .rows-wrapper > div > div.item-list{ margin: 0; } .items-listing-block .rows-wrapper > div .label{ width: auto; margin-right: 5px; } .items-listing-block .ajax-item-data > div.current-price{ margin-top: 10px; height: 23px; margin-bottom: 5px; } */ /* .items-listing-block .ajax-item-data > div { float: left; margin: 0; width: 210px; } */ .items-list .ajax-item-data > div.num-bids { margin: 8px 0 0; } .items-list.gallery-view .rows-wrapper > div, .items-list.gallery-view .ajax-item-data > div { /* float: left; margin: 10px 10px 0; */ } .gallery-view .items-user-logo{ display: none; } .gallery-view .buynow-label{ display: none; } .items-list.gallery-view .rows-wrapper > div.item-image { border-right: none; padding: 0; } .items-list .ajax-item-data-wrapper { margin: 0 0 0 470px; width: 224px; position: relative; padding: 10px 0 10px 0; } .items-list.list-view .ajax-item-data-wrapper { width: 205px; margin-left: 488px; } .items-list .collection-data { float: left; margin: 10px 0; padding: 0 0 0 10px; position: relative; width: 210px; } /*.items-list.list-view .items-user-logo { float: left; width: 210px; margin: 10px 0; padding: 0 0 0 10px; }*/ .items-list div.item-image { position:absolute; top: 0; bottom:0; left: 0; border-right: 1px solid #C2C2C2; padding: 10px; margin: 0 10px 0 0; width: 200px; /*height: 275px;*/ } .items-list.gallery-view div.item-image { position: relative; } .items-list .seller-details { font-size: 11px; } .items-list.gallery-view div.item-sku { position: absolute; bottom: 0; right: 7px; width: auto; font-size: 11px; } .items-list li.no-buy-now div.item-image, .items-list li.no-buy-now .ajax-item-data-wrapper { height: 200px; } .items-list.gallery-view .ajax-item-data-wrapper { margin: 0; height: 170px; width: auto; overflow: hidden; } .items-list.gallery-view .item-buynow-price { float: left; } /* .items-listing-block .gallery-view .buy-now-wrapper { height: 30px; } */ .item-materials { min-height: 18px; } .no-content{ display: none; } .gallery-view .no-content{ display: block; } /* .gallery-view .items-listing-block .ajax-item-data-wrapper { width: 220px; height: 190px; } .gallery-view .items-listing-block .ajax-item-data-wrapper .watch-btn{ margin-right: 0; } .gallery-view .items-listing-block .field-name-field-user-logo{ display: none; } */ .items-list.gallery-view .action-button { font-size: 14px; width: 92px; padding: 0; margin: 0; line-height: 28px; height: 28px; } .items-list.gallery-view .auction-wrapper.inactive .action-button.watch-btn{ margin: 0 auto; padding: 0; float: none; } .items-list.list-view .item-title, .items-list.list-view .item-location { width: 239px; } .items-list .label { float: left; font-weight: bold; margin-right: 5px; width: 100px; } /* .items-listing-block .field-name-field-user-logo { top: 150px; position: absolute; right: 0; } */ /******************************************************** * * COLLECTIONS / GROUPS STYLING * ********************************************************/ .collection-list li, .groups-list li { padding: 10px; margin: 0 20px 10px 0px; box-sizing: border-box; width: 220px; } #collection-wrapper, #group-wrapper { background-color: #FFFFFF; margin: 20px 0; overflow: hidden; position: relative; } #collection-wrapper > div /* #group-wrapper > div */{ padding: 10px; float: left; width: 459px; } .data-box #collection-wrapper > div{width: auto;} #group-wrapper #left-col{ float: left; width: 200px; padding: 10px; } #group-wrapper #right-col{ float: left; width: 460px; padding: 10px; } #group-wrapper #left-col #group-banner-wrapper > div{ padding: 10px 0; margin-bottom: 10px; } #group-wrapper #left-col #group-banner-wrapper > div#group-banner{ padding: 0; } #group-wrapper > div p{ /* margin: 0; */ } .collection-location, .item-description{ margin-bottom: 10px; } div#collection-banner-wrapper, div#group-banner-wrapper { /*border: medium none;*/ float: left; /* min-height: 300px; */ padding-right: 10px; position: relative; width: 200px; } div#collection-banner-wrapper { border-right: 1px solid #dedede; } #collection-standfirst, #group-standfirst{ font-weight: bold; } #collector-email{ margin: 10px 0 0 0; padding: 0; width: 200px; } #group-owner-email{ /* margin-left: 310px; */ } .item-count{ font-weight: bold; } /******************************************************** * * COLLECTIONS / GROUPS STYLING * ********************************************************/ .date-posted { color: #A2A2A2; font-size: 0.85em; font-style: oblique; margin-bottom: 10px; } /******************************************************** * * DEALER HOMEPAGE STYLING * ********************************************************/ body.page-dealers div.page-title h1.title, body.page-sellers div.page-title h1.title, body.page-collectors div.page-title h1.title { display: none; } .view-accounts-homepages .homepage-header h1 { float: left; } .view-accounts-homepages .homepage-header .flag-flag-user-for-follows { float: right; } .view-accounts-homepages .homepage-header:after{ content: " "; display: block; width: 100%; margin: 20px 0; clear: both; } #account-info-wrapper { background-color: #FFFFFF; width: 940px; overflow: hidden; margin-top: 15px; min-height:95px; } .account-homepage-items h1.block-title { float: left; } .account-homepage-items ul.tabs{ float: right; width: 500px; border-bottom: none; padding: 0; margin: 0; } .account-homepage-items .ah-panel { clear: both; } .account-homepage-items .block-header:before, .account-homepage-items .block-header:after { content: " "; display: block; width: 100%; border-bottom: 1px solid #E4EAEA; border-top: 1px solid #C8CECE; margin: 20px 0; clear: both; } #account-info-wrapper.collectors_page #account-info-left-col{ width: 175px; } #account-info-wrapper #account-info-left-col { border-right: 1px solid #CECECE; float: left; width: 310px; } #account-info-wrapper.collector #account-info-left-col { width: 195px; } #account-info-wrapper #account-info-right-col{ float: left; width: 589px; padding: 10px; position: relative; } #account-info-wrapper.collector #account-info-right-col{ width: 704px; } #account-info-wrapper.dealer #account-info-right-col{ height: 235px; } #account-info-wrapper.dealer #account-info-right-col .bio{ height: 195px; overflow-y: auto; } #account-info-wrapper.seller #account-info-right-col{ height: 75px; overflow-y: auto; } #account-info-wrapper.collector #account-info-right-col{ height: 175px; overflow-y: auto; } #account-info-wrapper.collectors_page #account-info-right-col { float: left; width: 720px; } #account-info-wrapper ul.social li{ background-repeat: no-repeat; background-position: 10px 0; height: 36px; line-height: 36px; padding: 0 0 10px 55px; display: block; float: left; width: 255px; border-bottom: 1px solid #CECECE; margin-bottom: 10px; } #account-info-wrapper ul.social li:last-child{ border-bottom: none; margin-bottom: 0; } #account-info-wrapper #account-info-left-col > div#account-banner{ height: auto; padding:0; margin: 10px; } #account-info-wrapper ul.social li.twitter{ background-image: url(../images/dealer-tw-icon.png); } #account-info-wrapper ul.social li.facebook{ background-image: url("../images/dealer-fb-icon.png"); } #account-info-wrapper ul.social li.homepage{ background-image: url(../images/dealer-website-icon.png); } #account-info-wrapper #account-info-right-col ul.account-external-links { position: absolute; bottom: 10px; left: 10px; margin: 0; padding: 0; } #account-info-wrapper #account-info-right-col ul.account-external-links li{ display: inline-block; margin-right: 10px; } .page-dealers #region-postscript-first .region-inner, .page-sellers #region-postscript-first .region-inner{ min-height: 450px; } .page-dealers #region-postscript-second .region-inner, .page-sellers #region-postscript-second .region-inner{ min-height: 580px; } .page-dealers #region-postscript-first h2.block-title, .page-dealers #region-postscript-second h2.block-title, .page-sellers #region-postscript-first h2.block-title, .page-sellers #region-postscript-second h2.block-title{ max-width: 50%; margin-bottom: 25px; } .page-dealers #region-postscript-first ul.aution-view-tabs, .page-dealers #region-postscript-second ul.aution-view-tabs, .page-sellers #region-postscript-first ul.aution-view-tabs, .page-sellers #region-postscript-second ul.aution-view-tabs { position: absolute; right: 0; z-index: 2; cursor: pointer; } .page-dealers #region-postscript-first .region-inner > section, .page-dealers #region-postscript-second .region-inner > section, .page-sellers #region-postscript-first .region-inner > section, .page-sellers #region-postscript-second .region-inner > section{ position: absolute; width: 940px; } .quicktabs_main{ clear: both; /* border-top: 1px solid #C8CECE; */ } .quicktabs_main #page_navigation{ display: none; } .not-front .quicktabs-wrapper .item-list { position: absolute; right: 0; z-index: 2; } .block-quicktabs >div > h2.block-title{ display: none; } #region-postscript-second > div > section{ min-height: 250px; } #region-postscript-second .items-view-tabs { position: absolute; right: 300px; z-index: 2; cursor: pointer; } #follow-link { position: absolute; right: 0; top: 75px; } /******************************************************** * * TAGS TAXONOMY TERM STYLING * ********************************************************/ .page-taxonomy-term.context-blogs article{ display: none; } .page-taxonomy-term #page_navigation{ display: none; } .page-taxonomy-term .taxonomy-term.vocabulary-mindat{ overflow: hidden; margin-bottom: 10px; } .page-taxonomy-term #item-list-wrap{ border-top: 1px solid #E4EAEA; } /******************************************************** * * COLLECTORS LIST STYLING * ********************************************************/ .collectors-list li{ background-color: #FFFFFF; margin-bottom: 20px; } .collectors-list li.col-1{ margin-left: 0; clear: both; } .collectors-list li.col-3{ margin-right: 0; } .collectors-list li .collector-list-content-wrapper{ padding: 10px; } .collector-name, .number_of_collections{ margin-bottom: 15px; } .collector-image{ float: right; margin: 0 0 7px 7px; } /******************************************************** * * MAGAZINE LIST STYLING * ********************************************************/ .magazine-list li.views-row{ background-color: #FFFFFF; float: left; margin: 0 10px 10px 0; padding: 10px; width: 200px; } .magazine-list li .views-field-field-content-image, .magazine-list li .views-field-field-itm-images { height:200px; background-color:#EEEEEE; margin-bottom: 10px; } .magazine-list li img{ margin: 0; } .magazine-list li .content-type{ color: #A2A2A2; font-size: 0.85em; font-style: oblique; } /* * Only display the first content type because fallback system is being used, * which might result in multiple elments being output in the HTML */ .magazine-list li div.content-type-candidate ~ div.content-type-candidate{ display: none; } .view-count{ color: #A2A2A2; font-size: 0.8em; font-style: oblique; text-align: right; } /* .page-taxonomy-term.context-mindat #region-sidebar-first{ display: none; } */ /******************************************************** * * ORDERS AND ORDERS/INVOICES LIST STYLING * ********************************************************/ article.node-order, form.node-order-form{ box-shadow: 1px 1px 2px #9A9A9A; width:800px; margin:0 auto; padding: 0; background: none repeat scroll 0 0 #FFFFFF; } article.node-order .order-header, form.node-order-form .order-header { padding: 20px 0 20px 20px; margin: 0; background-color: #000000; color: #FFFFFF; } article.node-order .order-body { padding: 20px; } article.node-order .order-seller{ float:right; margin: 0 0 10px 0; } body.page-order form#order-node-form .order-seller{ float:right; margin: 10px 10px 10px 0; } article.node-order b{ font-weight:bold; } article.node-order div.field { background: #FFFFFF; } article.node-order .col-left{width:49.5%;float:left;} article.node-order .col-right{width:49.5%;float:right;} article.node-order #billing-address, article.node-order #shipping-address { border: 1px solid #DEDEDE; } article.node-order #address-details-wrapper{display:table;border-collapse:separate;width:100%;} body.page-order #region-content #billing-address, body.page-order #region-content #shipping-address { display: table-cell; width:370px; padding:10px; } article.node-order .address-divider{width:10px;} #payment-info-wrapper{float:left;margin-top:40px;width:100%;} #payment-info-wrapper .field {float: right;width: 280px; clear:both;} #payment-info-wrapper .field-label{width:130px;} #payment-info-wrapper .field-items{width:150px;} #payment-info-wrapper .form-type-item {float: right;width: 280px; clear:both;} #payment-info-wrapper .form-type-item label{width:126px; font-weight: bold; display: inline-block;} #payment-info-wrapper .form-type-item .currency-value{width:150px; display: inline-block;} #edit-pseudo-field-goods-total .currency-value { display: inline-block; } #order-status-info-wrapper{float:left;clear:both;margin-top:10px;width:100%;} #order-status-info-wrapper .field-label-inline{margin-bottom:5px;} #order-status-info-wrapper .field{width:100%;} #order-status-info-wrapper .field-label, #order-notes .field-label, #order-tracking .field-label { margin:0 0 0 10px; } #order-notes, #order-tracking{ float:left;width:100%;margin: 10px 0; } #order-notes .field-items, #order-tracking .field-items{ width:550px; } #order-items-wrapper{float:left;width:100%;} /* #order-status-info-wrapper, #payment-info-wrapper { float: left; margin: 10px 0; width: 100%; } */ article.node-order .field-label-inline .field-label{width:200px;} article.node-order .btn-order-admin { float:right; margin-left: 2px; } article.node-order #order-footer p{margin:20px 0 0 0;float:left;width:100%;} /* .node-type-order #region-content .region-inner article div.field .field-label{ height: auto; padding: 10px 10px 0 10px; width: auto; float: none; } */ #address-details-wrapper{clear:both;} /* #address-details-wrapper > div { float: left; margin-bottom: 10px; width: 50%; } */ .showorderitems-btn { border: 1px solid #9A9A9A; cursor: pointer; height: 10px; line-height: 10px; padding: 2px; text-align: center; width: 10px; } ul#order-print-list { position: absolute; right: 0; top: 0; } ul#order-print-list li{ float: right; } ul#order-print-list + article{ clear: both; } .order-item-details li { clear: both; overflow: hidden; padding: 5px o; } article.node-order .order-item-details li div.itemstockcode{width:180px;} article.node-order .order-item-details li div.itemdescription{width:380px;} article.node-order .order-item-details li div.itemcost{width:150px;margin-right: 0;padding-right:0;} ul.order-item-details { overflow: hidden; width: 750px; padding: 0; margin:10px 0 0 10px; } .order-item-details li div { float: left; margin-right: 10px; padding-right: 10px; } .order-item-details li div.currency-value { float:none; display: inline; margin: 0; padding: 0; } .order-item-details li p{ margin: 0; } .order-item-total div.currency-value{display:inline;} form.node-order-form fieldset.group-order-address legend, form.node-order-form fieldset.group-order-total legend{ display: none; } form.node-order-form fieldset.group-order-address-billing, form.node-order-form fieldset.group-order-address-shipping, form.node-order-form fieldset.group-order-details-1, form.node-order-form fieldset.group-order-details-2 { box-sizing: border-box; float: left; width: 380px; border: 1px solid #c2c2c2; margin: 10px 10px 0 10px; padding: 10px; } form.node-order-form fieldset.group-order-address-shipping, form.node-order-form fieldset.group-order-details-2{ float: right; } form.node-order-form fieldset.group-order-details-1, form.node-order-form fieldset.group-order-details-2 { border: none; } form.node-order-form fieldset.group-order-address-billing > legend, form.node-order-form fieldset.group-order-address-shipping > legend { display: inline-block; font-weight: bold; } form.node-order-form label { display: inline-block; width: 150px; vertical-align: top; font-weight: bold; } form.node-order-form .field-type-addressfield input, form.node-order-form .field-type-addressfield select, form.node-order-form .field-name-field-order-billing-email input, form.node-order-form .field-name-field-order-shipping-email input, form.node-order-form .form-phone-number, form.node-order-form .form-phone-number input, form.node-order-form .form-phone-number select, form.node-order-form .group-order-details-1 .display-only, form.node-order-form .group-order-details-2 .display-only, form.node-order-form .group-order-details-1 input, form.node-order-form .group-order-details-2 input, form.node-order-form .group-order-details-1 select, form.node-order-form .group-order-details-2 select{ display: inline-block; width: 175px; } form.node-order-form .form-phone-number select, form.node-order-form .group-order-details-1 select, form.node-order-form .group-order-details-2 select{ width: 185px; } form.node-order-form .field-type-addressfield .form-item, form.node-order-form .group-order-details-1 .form-item, form.node-order-form .group-order-details-2 .form-item, form.node-order-form .field-name-field-order-billing-email, form.node-order-form .field-name-field-order-shipping-email { height: 30px; margin-bottom: 0px; } form.node-order-form .form-phone-number select { margin-bottom: 3px; } form.node-order-form input, form.node-order-form select { border: 1px solid #C2C2C2; padding: 5px; font-size: 11px; } form.node-order-form .group-order-details-1 .display-only .display-value, form.node-order-form .group-order-details-2 .display-only .display-value { border: 1px solid #C2C2C2; padding: 3px; font-size: 11px; width: 175px; } form.node-order-form input.form-checkbox.error { outline: 1px solid red; } form.node-order-form .field-name-field-order-notes, form.node-order-form .field-name-field-order-shipping-tracking { clear: both; margin: 10px 20px 0 20px; } form.node-order-form .order-items{ padding: 20px; } form.node-order-form .order-items .currency-value { display: inline; } form.node-order-form .order-items th.select-all { padding-left: 8px; } form.node-order-form fieldset.group-order-total { float: right; margin-right: 20px; } form.node-order-form fieldset.group-order-total .form-item { margin-bottom: 3px; } form.node-order-form fieldset.actions, form.node-order-form div.form-actions{ clear: both; margin: 10px 20px; box-sizing: border-box; border: 1px solid #c2c2c2; padding: 10px; } form.node-order-form div.form-actions { border: none; } form.node-order-form fieldset.actions .form-submit, form.node-order-form .form-actions .form-submit{ display: inline-block; } form.node-order-form .form-actions { clear: both; margin: 20px 20px 0 20px; } form.node-order-form { padding-bottom: 20px; } /******************************************************** * * CURRENCY SELECTOR STYLES * ********************************************************/ #block-onsale-onsale-currency-selector { /* position: absolute; right: 230px; width: 136px;*/ float: right; margin-right: 40px; } #block-onsale-onsale-currency-selector label { margin-right: 10px; width: auto; } #block-menu-menu-utilities-menu ul.show-sub-nav { background-color:#E3E9EA; position:absolute; } #block-menu-menu-utilities-menu ul.show-sub-nav li { float:none; } #region-sidebar-first ul.menu.open-sub-nav, #region-sidebar-first div.menu-name-menu-utilities-menu ul.menu li.expanded.active-trail ul.menu { display:block; border:none; } #region-sidebar-first ul.menu ul.menu li { padding:0px; border:none; font-weight:normal; margin-left:10px; } .view-id-orders table { width:100%; } #onsale-currency-selector-form label { display:none; } /* .throbber, .flag-waiting .flag-throbber{ background-image: url(../../images/ajax-loader.gif) !important; background-position: 0 0 !important; width: 15px; height: 15px; margin: 2px; } */ /* html.js input.form-autocomplete { background-image: url(../../images/ajax-loader.gif) !important; background-position: right center } */ #onsale-currency-selector-form .description { display: none; } #dialog-confirm p { text-align: left; } /********** Essential Tasks overides **********/ #et-overlay .form-actions input[type="submit"] { float: left; } #et-overlay .form-actions input[type="submit"]:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /********** SIMPLE FORM **********/ form.kds-form-simple fieldset {margin: 10px 0;border: 1px solid #bbb;padding: 10px;background-color: #ffffff;} form.kds-form-simple fieldset legend {width: 300px;border: 1px solid #bbb;margin: 0;padding: 0 5px;width: 300px;background-color: #f0f0f0;} form.kds-form-simple .form-item {margin-bottom: 3px;} form.kds-form-simple .form-item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } form.kds-form-simple .form-item.form-type-radio:after { clear: none; display:inline; content: ""; } form.kds-form-simple label{ display: block; width: 300px; float:left; font-weight:bold; } form.kds-form-simple .form-item .form-item label {display: inline; width: auto; float:none;} form.kds-form-simple .form-type-radio{display:inline;} form.kds-form-simple .form-type-checkbox{display: block;} form.kds-form-simple .field-type-list-boolean .form-type-checkbox{display:inline;} form.kds-form-simple input[type="text"], form.kds-form-simple input[type="password"], form.kds-form-simple .form-textarea-wrapper, form.kds-form-simple .form-managed-file, form.kds-form-simple select{ float:left; width:600px; } form.kds-form-simple .form-phone-number .form-text{margin-left:300px;} form.kds-form-simple .form-managed-file .form-submit{margin-top: 5px;} form.kds-form-simple .description {display: none;} /********** USER REGISTRATION FORM **********/ #user-register-form fieldset#edit-profile-main, #edit-profile-main-field-address-und-0 {border: none; background-color: transparent; padding: 0; margin : 0;} #user-register-form fieldset#edit-profile-main > legend, #edit-profile-main-field-address-und-0 > legend {display: none;} #user-register-form .form-item-terms label{display: none;} #user-register-form .field-name-field-user-logo .description { clear: both; display: block; margin-left: 300px; } /********* ACCOUNT UPGRADE **********/ .view-user-upgrade table{width: 100%; background-color: #E2E8E9;} .view-user-upgrade table tr.even, .view-user-upgrade table tr.odd { background-color: transparent; border-bottom: 1px solid #ccc; padding: 0.1em 0.6em; } .view-user-upgrade .item-list ul li {clear: both;} .view-user-upgrade .views-field-view-node:after, .view-user-upgrade .views-field-field-onsale-amount:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .view-user-upgrade .button a, .view-user-upgrade .button a:link, .view-user-upgrade .button a:active, .view-user-upgrade .button a:visited, .view-user-upgrade .button a:hover {color: #FFFFFF;} .view-user-upgrade table tr.even {background-color: #FFFFFF;} .view-user-upgrade table th {background-color: #000000; color: #FFFFFF;} .node-type-account-type .field-name-field-onsale-amount{float:right;} .node-type-account-type .currency-value { font-size: 25px; font-weight: bold; line-height: 40px; } .view-user-upgrade .views-field-field-onsale-amount {float: left;} .view-user-upgrade .views-field-field-onsale-amount div{ display: inline; } .field-name-field-onsale-amount .field-label, .view-user-upgrade .views-field-field-onsale-amount{ line-height: 40px; font-size: 25px; font-weight: bold; } .group-itm-view-rhs-1 .field-name-field-onsale-amount .field-label { font-size: inherit; } .node-type-account-type .current-price{line-height: 40px;} .node-type-account-type .button, .view-user-upgrade .add-to-order, .view-user-upgrade .find-out-more {float:right;} .node-type-account-type .button { clear: both; margin: 10px 0 20px 0; } .view-user-upgrade .add-to-order{margin-left: 20px;} .view-user-upgrade .views-field-nothing{clear: both;} .view-user-upgrade .divider {margin: 20px 0;} .view-user-upgrade .views-field-nothing-1{height: 40px;} /********** USER PROFILE FORMS **********/ #user-profile-form .password-strength{float:left; margin-left: 300px;} #user-profile-form .password-strength{width: auto;} #user-profile-form .password-parent, #user-profile-form .confirm-parent {width:auto;} #user-profile-form .password-parent > label, #user-profile-form .confirm-parent > label {clear:both; float: left;width:300px;} #user-profile-form div.password-confirm{display:none;} #user-profile-form div.input{float:left; margin: 0;} #user-profile-form .password-suggestions{margin-left: 300px;width: 300px;padding:2px;} #user-profile-form fieldset#edit-timezone{margin: 0;border: none;padding: 0;} #user-profile-form fieldset#edit-timezone legend{display: none;} form#user-profile-form table.saved-searches label { display: inline; width: auto; } form#user-profile-form table.saved-searches .invisible { display: none; } /********** USER PROFILE PAGE **********/ div.profile .user-profile-category .field{margin-bottom:10px;} div.profile .user-profile-category .field-label, div.profile .field-name-field-onsale-subscribe .field-collection-view .field-label{ display:inline-block; width: 300px; } div.profile .user-profile-category .field-items{display:inline-block; width: 640px;} div.profile .field-name-field-onsale-subscribe .field-collection-view { margin: 0; padding: 0; } /********** TABULAR DATA **********/ table.kds-table{width:100%;} table.kds-table.narrow{width:940px;} table.kds-table thead tr th{background-color:#000000;color:#FFFFFF;} /********** MY INVOICES **********/ .view-my-invoices table tbody .views-field-created{width:130px;} .view-my-invoices table tbody .views-field-field-order-vendor{width:130px;} .view-my-invoices table tbody .views-field-field-order-number{width:130px;} .view-my-invoices table tbody .views-field-field-order-grand-total{width:130px;} .view-my-invoices table tbody .current-price{font-size:14px; font-weight:normal;} .block-my-invoices-block-2{margin-top:10px;} /********** MY INVOICES **********/ .item-share li{float:left;margin-left:3px;} /********** ACCORDIONS **********/ ul.kae-accordion-list-items { margin-top: 10px; } ul.kae-accordion-list-items li{ position: relative; /*height: 88px;*/ border-top: 2px solid #E4EAEA; padding: 0; clear: both; overflow: hidden; } /********** WHEN THE PANEL IS OPEN **********/ .open ul.kae-accordion-list-items li{ width: 258px; clear: none; float: left; margin-right: 10px; } .open ul.kae-accordion-list-items li:nth-child(3n+3){ width: 257px; margin-right: 0; } ul.kae-accordion-list-items li .field-name-field-itm-images{ position: absolute; top: 10px; left: 0; } ul.kae-accordion-list-items li .item-title{ margin-top: 10px; } ul.kae-accordion-list-items li .item-title, ul.kae-accordion-list-items li .field-name-field-itm-starting-price, ul.kae-accordion-list-items li .field-name-field-itm-buy-now-price, ul.kae-accordion-list-items li .item-statistics{ margin-left: 78px; } .view-new-companies ul{ margin-top: 10px; } .view-new-companies ul li{ margin-bottom: 5px; } .view-new-companies ul li .views-field-created{font-size:11px; font-weight:bold;} .view-new-companies ul li:nth-child(n+6){ display:none;/* In the compact view we nly want to show the first 7 results */ } .open .view-new-companies ul li { display: block; float: left; width: 50%; } .block-klondike-search-top-searches ul li{ height: auto; line-height: 30px; } .open .block-klondike-search-top-searches ul li{ width: 381px; float: left; margin-right:10px; } .open .block-klondike-search-top-searches ul li:nth-child(even){ margin-right: 0; } .pane-quicktabs-homepage-accordian-explore ul.magazine-list{ /*width:793px;*/ height: 330px; overflow: hidden; } .pane-quicktabs-homepage-accordian-explore .view-footer{ text-align:right; } /********** 2 COL DETAILED NODE LAYOUT **********/ .ds-2col-stacked.kds-2col-sidebar{ font-size:12px; } .ds-2col-stacked .group-header{ } .ds-2col-stacked .group-header:after{ border-bottom: 1px solid #E4EAEA; border-top: 1px solid #C8CECE; content: " "; display: block; margin-top: 10px; } .ds-2col-stacked.kds-2col-sidebar .col-main { width: 570px; margin: 10px 20px 0 0; } .ds-2col-stacked.kds-2col-sidebar .col-sidebar{ width:350px; margin: 10px 0 0 0; } .ds-2col-stacked.kds-2col-sidebar .col-main .main_photos{ padding: 10px; background-color: #F4F4F4; overflow: hidden; position: relative; height: 640px; margin-bottom: 10px; } .ds-2col-stacked.kds-2col-sidebar .col-main .main_photos .field-item{display:none;} .ds-2col-stacked.kds-2col-sidebar .col-main .main_photos .field-item:first-child{display:block;} .ds-2col-stacked.kds-2col-sidebar .col-main .main_photos ul.main-photo-thumbs{padding: 0; margin: 0; height: 90px;} .ds-2col-stacked.kds-2col-sidebar .col-main .main_photos ul.main-photo-thumbs li{float:left;margin-right: 10px;} .ds-2col-stacked.kds-2col-sidebar .col-main .main_photos ul.main-photo-thumbs img{ width: 80px; height: 80px; } .ds-2col-stacked.kds-2col-sidebar .col-sidebar > .field-group-div{ background-color: #F4F4F4; padding: 10px; } .ds-2col-stacked.kds-2col-sidebar .col-sidebar > .field-group-div > fieldset.field-group-fieldset{ background-color: #FFFFFF; border: 1px solid #c2c2c2; padding: 10px; } .ds-2col-stacked.kds-2col-sidebar .col-main > .field-group-div{ background-color: #FFFFFF; border: 1px solid #c2c2c2; padding: 10px; margin-bottom: 10px; } .kds-node-detail .field-group-htabs-wrapper{ background-color: #F4F4F4; } .kds-node-detail .horizontal-tabs{border: none;} .kds-node-detail .horizontal-tabs ul.horizontal-tabs-list{ border:none; background-color: #d8dcdd; } .kds-node-detail .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button { border: none; border-right:3px solid #d8dcdd; background-color: #C9C9C9; list-style-position: none; list-style-type: none; } .kds-node-detail .horizontal-tabs ul.horizontal-tabs-list li.last{border-right: none;} .kds-node-detail .horizontal-tabs ul.horizontal-tabs-list li.selected, .kds-node-detail .horizontal-tabs ul.horizontal-tabs-list li:hover, .kds-node-detail .horizontal-tabs ul.horizontal-tabs-list li:focus {background-color: #F4F4F4;} .kds-node-detail .horizontal-tabs ul.horizontal-tabs-list li a:link, .kds-node-detail .horizontal-tabs ul.horizontal-tabs-list li a:active, .kds-node-detail .horizontal-tabs ul.horizontal-tabs-list li a:visited, .kds-node-detail .horizontal-tabs ul.horizontal-tabs-list li a:hover{ color: #000000; background-color:inherit; } .kds-node-detail fieldset.horizontal-tabs-pane{padding: 0 10px;} .kds-node-detail fieldset.horizontal-tabs-pane fieldset.horizontal-tabs-pane{padding: 0;} .kds-node-detail > div > .field-group-htabs > .horizontal-tabs > .horizontal-tabs-panes{padding: 10px 0;} .kds-node-detail .field-group-htabs .field-group-htabs ul{background-color: #F4F4F4;} .kds-node-detail .field-group-format{ padding: 10px; background-color: #F4F4F4; margin-bottom: 10px; overflow: hidden; } .kds-node-detail .field-group-format > .field-group-fieldset, .kds-node-detail fieldset.horizontal-tabs-pane > .fieldset-wrapper > .field-group-fieldset { border: 1px solid #c2c2c2; padding: 5px; background-color: #ffffff; } .kds-node-detail fieldset.horizontal-tabs-pane .field-group-format { padding: 0; } .kds-node-detail .field-group-format > .field-group-fieldset legend, .kds-node-detail fieldset.horizontal-tabs-pane > .fieldset-wrapper > .field-group-fieldset legend { font-weight: bold; } .kds-node-detail fieldset.cols-2 > .fieldset-wrapper > .field {float:left;width:50%;} .kds-node-detail .field-group-fieldset tr{background-color:inherit;} .horizontal-thumbs .field-items .field-item, .view-content .horizontal-thumbs ul li { /*float:left;*/ display: inline-block; margin: 0 5px 5px 0; /*border: 1px solid #CCCCCC;*/ } .horizontal-thumbs:after, .view-content .horizontal-thumbs ul li:after { content: " "; display: block; clear: both; } .kds-node-detail fieldset.horizontal-tabs-pane h3 { font-size: 12px; font-weight: bold; margin: 0; } .kds-node-detail .field-collection-view { padding: 0; margin: 0; } /********** GENERIC VISIBILITY TOGGLE BASED ON USER TYPE **********/ .collector-only, .dealer-only, .buyer-only, .seller-only, .owner-only, .admin-only, .available-only, .sold-only, .sold-buy-now-only, .reserved-only, .reserved-buy-now-only, .buy-now-available-only { display : none !important; } body.is-collector .collector-only, body.is-dealer .dealer-only, body.is-buyer .buyer-only, body.is-seller .seller-only, body.is-owner .owner-only, body.is-admin .admin-only, .is-available .available-only, .is-buy-now-available .buy-now-available-only, .is-sold .sold-only, .is-sold-buy-now .sold-buy-now-only, .is-reserved .reserved-only, .is-reserved .reserved-buy-now-only { display : inline-block !important; } .is-available .available-only.action-button, .is-sold .sold-only.action-button, .is-buy-now-sold .buy-now-sold-only.action-button, .is-reserved .reserved-only.action-button, .is-buy-now-available .buy-now-available-only.action-button, .is-buy-now-available .buy-now-available-only.action-btn-wrapper{ display: inline-block !important; } body.node-type-item .is-available .not-available-only, body.is-owner.node-type-item .is-available .not-available-only.owner-only{ display: none !important; } /********** NODE COMMENTS **********/ .comment-form:after{ content: " "; display: block; clear: both; } .comment-form label{display: block;width:150px;font-weight:bold;font-size:12px;float:left;} .comment-form a.username, .comment-form input.form-text, .comment-form div.form-textarea-wrapper {display:block;float:left;width:528px;} .comment-form input.form-text { line-height:20px; } .comment-form .form-item, .comment-form .form-wrapper {clear:both;float:left;margin-bottom:10px;} .comment-form input, .comment-form textarea { border: 1px solid #BBBBBB; margin: 0; padding: 0; } .comment-form .form-actions{ float: right; } .comment-form .form-actions input{ padding:5px; display: inline-block; } #comments { background-color: #F2F2F2; padding: 10px; clear:both; } .comment-wrapper article { background-color: #FFFFFF; border: 1px solid #c2c2c2; padding: 10px; margin-bottom: 10px; } .comment-wrapper article footer { font-style: italic; } /********** SUCCESSION FORM **********/ form#succession-node-form .form-item-field-succ-date-und-0-value-year label{ display:none; } .view-succession-history-log .form-submit { display: none; } .views-field-field-succ-action-1.Note span{display:none;} /********** SOCIAL LINKS **********/ .kds-social-off .easy_social_box{display: none;} .twitter-share-button { width: 56px !important; } .tilelist .easy_social_box{ margin-top:10px; height:50px; /* If we don't define the height, freetile can't determine it correctly because elements are loaded through JS/iframe*/ } .easy_social_box div.easy_social-widget{overflow:visible;height: 25px;} .easy_social_box div.easy_social-widget.easy_social-widget-mail a{ background: none repeat scroll 0px 0px #FFF; border-radius: 3px; border: 1px solid #DDDDDD; padding: 3px 5px 2px 5px; display:block; } /********** SETUP STYLES FOR BASIC/STANDARD PAGES **********/ .block-system-main ul, .block-system-main ol, .block-system-main p, .cke_editable ul, .cke_editable ol, .cke_editable p { margin-bottom: 10px; } .block-system-main ul li, .cke_editable ul li { list-style-position: inside; list-style-type: disc; } .block-system-main ol li, .cke_editable ol li { list-style-position: inside; list-style-type: decimal; } .block-system-main ol.numlist li, .cke_editable ol.numlist li { list-style-type: none; } .block-system-main table, .cke_editable table { border-collapse: collapse; border-style: solid; } .block-system-main table td, .block-system-main table th, .cke_editable table td, .cke_editable table th { border: 1px solid #c2c2c2; } .cke_editable{padding: 10px;} #paypal-wpp-form-wrapper{ width: 100%; background-color: #FFFFFF; } #paypal-wpp-form-wrapper iframe{ margin: 0 185px; } /********** DIRECTORY TREE **********/ .directory-tree > div > div > ul > li { display: inline-block; width: 20%; position: relative; margin-bottom: 10px; vertical-align: top; /* width: 50%; margin-bottom: 10px; */ } .directory-tree > div > div > ul > li > div.views-field-name { font-size: 14px; font-weight: bold; } .directory-tree > div > div > ul > li > div.item-list{ display: none; position: absolute; top: 20px; left:20px; z-index: 20; background: #f7f7f7; padding: 5px; border: 1px solid #c2c2c2; border-radius: 8px; } .directory-tree > div > div > ul > li > div.item-list > ul > li div.views-field-name { font-size: 12px; font-weight: bold; } .directory-tree > div > div > ul > li > div.item-list > ul > li > div.item-list > ul > li { display: inline-block; } .directory-tree > div > div > ul > li > div.item-list > ul > li > div.item-list > ul > li div.views-field-name { font-size: 12px; font-weight: normal; padding-right: 5px; } /********** ITEM LISTS **********/ .item-list.list-4col li, .item-list.list-3col li, .item-list.list-2col li{ display: block; vertical-align: top; float: left; } .item-list.list-4col li { width: 25%; } .item-list.list-3col li { width: 33%; } .item-list.list-2col li { width: 50%; } .item-list.list-4col:after, .item-list.list-3col:after, .item-list.list-2col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .item-list.list-3col li:nth-child(3n+1) { clear: left; } /********** BACKOFFICE DASHBOARD **********/ .node-type-backoffice-page .page-title{ display: none; } .node-type-backoffice-page .block-system-main .block{ margin-bottom: 10px; } .node-type-backoffice-page .kpi-panel-wrap.floating { float: left } .node-type-backoffice-page .kpi-panel-wrap .kpi-panel, .node-type-backoffice-page .field.field-name-body { background-color:#ffffff; padding:10px; border: 1px solid #c2c2c2; } .node-type-backoffice-page .field .block-views { background-color: #FFFFFF; border: 1px solid #c2c2c2; font-size: 12px; } .node-type-backoffice-page .field .block-views .block-title{ background-color: #15161a; color: #FFFFFF; padding: 0 5px; font-weight: normal; font-size: 12px; line-height: 20px; border-bottom: 1px solid #c2c2c2; margin-bottom: 0; } .node-type-backoffice-page .field .block-views .content{ padding: 10px; } .node-type-backoffice-page .field .block-views .content .view caption { text-align: left; font-weight: bold; } .node-type-backoffice-page .field .block-views .content .view tr.even, .node-type-backoffice-page .field .block-views .content .view tr.odd{ background-color: inherit; } .node-type-backoffice-page .field .block-views .content .view td { border: none; border-bottom: 1px solid #EEEEEE; padding: 0; } .node-type-backoffice-page .field .block-views .content .view .views-field-field-order-grand-total{ text-align: right; } .node-type-backoffice-page .field .block-views .content .view td .note { font-style: italic; font-size: 11px; } .node-type-backoffice-page .view-dashboard-my-account .views-label { display: block; font-weight: bold; } .node-type-backoffice-page .view-dashboard-my-account .views-field-name, .node-type-backoffice-page .view-dashboard-my-account .views-field-created { margin-bottom: 10px; } .node-type-backoffice-page .view-dashboard-stat-unapproved .field-content span.label{ line-height: 30px; height: 30px; } .list-with-buttons1 ul li { height: 30px; margin-bottom: 10px; } .kae-loading-hidden{display:none;} /********** BACKOFFICE ITEM LIST **********/ .block-kse-public-feed { width: 940px; overflow-x: hidden; } .block-account-homepage-hot-items { margin-bottom: 10px; } .ah-panel { display: none; } .ah-panel.active { display: block; } .ah-panel ul.items-list li:last-child{ margin-right: 0; } /* Tiny Carousel */ .related-items-slide { height: 1%; overflow: hidden; padding: 0 0 10px; } .related-items-slide .viewport { float: left; width: 100%; height: 514px; overflow: hidden; position: relative; } .related-items-slide .buttons { background: #C01313; border-radius: 35px; display: block; margin: 30px 10px 0 0; float: left; width: 35px; height: 35px; position: relative; color: #fff; font-weight: bold; text-align: center; line-height: 35px; text-decoration: none; font-size: 22px; } .related-items-slide .next { margin: 30px 0 0 10px; } .related-items-slide .buttons:hover { color: #C01313; background: #fff; } .related-items-slide .disable { visibility: hidden; } .related-items-slide ul.items-list { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; } /* .related-items-slide ul.items-list li { float: left; margin: 0 20px 0 0; padding: 1px; height: 514px; border: 1px solid #dcdcdc; width: 220px; } */ .vbo-views-form fieldset.form-wrapper { margin-bottom: 10px; } ul.atoz li { display: inline-block; } div.profile .user-profile-category .field-name-field-seller-shipping-costs .field-items { border: 1px solid #ccc; width: 221px; } .field-name-field-seller-shipping-costs .container-inline { border-bottom: 1px solid #ccc; width: 221px; } .field-name-field-seller-shipping-costs .double-field-first{ display: inline-block; width: 150px; border-right: 1px solid #ccc; padding: 5px; } .field-name-field-seller-shipping-costs .double-field-second{ display: inline-block; width: 50px; padding: 5px; } .order-items .exchange-rate { font-weight: normal; font-size: 11px; } .search-for-items { background-image: url("../../../modules/custom/klondike/modules/klondike_search/img/search-bg-icon_10x10.png"); width: 10px; height: 10px; display: inline-block; } body.context-locality .taxonomy-term-description { overflow-y: scroll; height: 245px; margin-bottom: 10px; } body.context-locality .field-name-locality-log-entry { margin-bottom: 10px; } body.context-locality .field-name-locality-log-entry .content { overflow-y: scroll; height: 212px; } .auction-phase-closing .kae-time { font-weight: bold; color: #B91E08; } .auction-phase-imminent .kae-time { color: #B91E08; } .is-available .auction-phase-closed .available-only.action-button.bid-btn, .is-available.auction-phase-closed .available-only.action-button.bid-btn{ display: none !important; } /* * Don't show the dynamic time remaining element when it is showing the actual * date because it duplicates information on the page already. */ #current-bid-info .time-remaining, #current-bid-info.auction-phase-early .time-remaining, #current-bid-info.auction-phase-closed .time-remaining { display: none; } #current-bid-info.auction-phase-mid .time-remaining, #current-bid-info.auction-phase-late .time-remaining, #current-bid-info.auction-phase-imminent .time-remaining { display: block; } form.node-wanted-form .field-name-field-wanted-fulfilment tr.draggable { display: none; } form.node-wanted-form .field-name-field-wanted-fulfilment tr.draggable:last-child, .is-admin form.node-wanted-form .field-name-field-wanted-fulfilment tr.draggable:last-child{ display: table-row; } form.node-wanted-form div.form-item .field-multiple-table { margin-left: 0; } .field-name-field-user-upgrade .form-item.form-type-checkbox { display: block; margin-left: 300px; } .field-name-field-user-upgrade .form-checkboxes .form-item.form-type-checkbox:first-child { margin-left: 0; } #klondike-pages-product-clipboard-form .form-item-export-data .form-textarea-wrapper { width: 100%; } .view-item-localities-for-mineral .view-grouping-header, .view-browse-by-locality .view-grouping-header, .grouping-header-1{ font-size: 16px; font-weight: bold; margin-bottom: 10px; line-height: 34px; border-bottom: 1px solid #C2C2C2; } a.approval-status-new:link, a.approval-status-new:active, a.approval-status-new:visited, a.approval-status-new:hover{ color: red; font-weight: bold; } a.approval-status-approved:link, a.approval-status-approved:active, a.approval-status-approved:visited, a.approval-status-approved:hover{ color: green; font-weight: bold; } form.kds-form-std div.form-item input.form-text.approval-status-new { background-color: red; font-weight: bold; color: white; } form.kds-form-std div.form-item input.form-text.approval-status-approved { background-color: green; font-weight: bold; color: white; } form.kds-form-std .field-type-double-field.field-name-field-item-dimensions div.form-item select.form-select { width: 100px; } form.kds-form-std .field-type-double-field.field-name-field-item-dimensions div.form-item input.form-text { width: 50px; } form.kds-form-std .field-type-double-field.field-name-field-item-dimensions .form-item.form-type-textfield:after { display: none; } .view.ef1 .views-exposed-widget.views-submit-button { padding: 0; } .view.ef1 .views-exposed-widget.views-submit-button input.form-submit{ margin-top: 12px; } .use-first-only > * { display: none; } .use-first-only :first-child { display: block; } #google_translate_element { margin: 20px 0; } #google_translate_element span { color: #000000; } #google_translate_element img { display: inline; } .breadcrumb div.crumb { display: inline; } form.node-order-form .form-item-shipping-method label, form.node-order-form .form-item-combine-shipping label{ width: 100%; } form.node-order-form .form-item-combine-shipping input { vertical-align: top; } form.node-order-form .form-item-combine-shipping .description { width: 375px; display: inline-block; } div.view-id-item_lists.view-display-id-related_auction_items .view-header a{ float: right; } .form-disabled .checkbox-as-button label { background: #AAAAAA; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhMjgwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNDJmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #AAAAAA 0%, #BBBBBB 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AAAAAA), color-stop(100%,#BBBBBB)); background: -webkit-linear-gradient(top, #AAAAAA 0%,#BBBBBB 100%); background: -o-linear-gradient(top, #AAAAAA 0%,#BBBBBB 100%); background: -ms-linear-gradient(top, #AAAAAA 0%,#BBBBBB 100%); background: linear-gradient(to bottom, #AAAAAA 0%,#BBBBBB 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AAAAAA', endColorstr='#BBBBBB',GradientType=0 ); border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC; border-width: 1px; border-style: solid; color: #DDDDDD; } html.js .block-superfish .contextual-links-wrapper { display: none; } .view-id-favourite_sellers table .flag-count, .view-id-favourite_sellers table .flagged-No form.followed-entity-notify-settings{ display: none; } .view-id-favourite_sellers table form.followed-entity-notify-settings { clear: both; padding: 10px 0 0 0; } .view-id-favourite_sellers table form.followed-entity-notify-settings .notify-method-wrapper { margin-right: 5px; } .view-id-favourite_sellers table form.followed-entity-notify-settings .notify-method-wrapper input { display: none; } .view-id-favourite_sellers table form.followed-entity-notify-settings .notify-method-wrapper label:hover { cursor: pointer; } .view-id-favourite_sellers table form.followed-entity-notify-settings .notify-method-wrapper label span.description { display: none; } .view-id-favourite_sellers table form.followed-entity-notify-settings .notify-method-wrapper label { background-repeat: no-repeat; background-position: center top; color: transparent; width: 20px; height: 20px; display: inline-block; } .view-id-favourite_sellers table form.followed-entity-notify-settings .notify-method-wrapper.notify label { background-image: url("../images/mail-ss.png"); } .view-id-favourite_sellers table form.followed-entity-notify-settings .notify-method-wrapper.fb_messenger label { background-image: url("../images/messenger-ss.png"); } .view-id-favourite_sellers table form.followed-entity-notify-settings .notify-method-wrapper.on label { background-position: center -20px; } .flag-minerals-user-track .flag-action { background: url("../images/heartoff.png") no-repeat center center; text-indent: -9999px; /*width: 25px; height: 25px;*/ text-align: left; display: inline-block; border: none; padding: 0px; margin: 0px; } .flag-minerals-user-track .unflag-action { background: url("../images/hearton.png") no-repeat center center; text-indent: -9999px; /*width: 25px; /*height: 25px;*/ text-align: left; display: inline-block; border: none; padding: 0px; margin: 0px; } .flag-minerals-user-track .flag-throbber { display: none; } .view-mineral-lists .flag-wrapper.flag-minerals-user-track .flag-action, .view-mineral-lists .flag-wrapper.flag-minerals-user-track .unflag-action { width: 25px; } .view-mineral-lists .flag-wrapper { display: inline-block; top: 6px; height: 20px; } .view-mineral-lists .flag-wrapper .flag-message { top: 2em; left:2em; } .node-item-mineral .node-mineral { position: relative; } .node-item-mineral .node-mineral .flag-outer { position: absolute; top: 6px; right: 25px; } .node-mineral.view-mode-full .group-left-box-1 { position: relative; } .node-mineral.view-mode-full .group-left-box-1 .flag-outer { position: absolute; top: 5px; right: 10px; } .page-minerals-list-followed #block-minerals-mineral-add-list .form-item-minerals-add-delimeted label { display: none; } .page-minerals-list-followed #block-minerals-mineral-add-list .block-title { margin-bottom: 0px; } .page-minerals-list-followed #block-minerals-mineral-add-list .description { padding: 0px 0px 5px 5px; } .page-minerals-list-followed #block-minerals-mineral-add-list { margin-bottom: 25px; } .page-minerals-list-followed #block-minerals-mineral-add-list .confirmation h3 { margin-bottom: 0px; } .page-minerals-list-followed #block-minerals-mineral-add-list .confirmation p { font-weight: bold; margin-bottom: 5px; } .page-minerals-list-followed #block-minerals-mineral-add-list .confirmation #edit-actions input{ display: inline; } .form-item-minerals-add-delimeted #edit-minerals-add-delimeted option { display: none; } .form-item-minerals-add-delimeted { margin-bottom: 5px; } input#add-to-minerals { float: left; margin-right: 10px; } #mineral-user-list-add-form .form-item-minerals-user-choice { margin-bottom: 10px; } .blogs_by_year_wise_listing ul.jquerymenu li.parent span.closed , .blogs_by_year_wise_listing ul.jquerymenu li.parent span.open{ background: none; } /* .blogs_by_year_wise_listing ul.jquerymenu li { background: #c2c2c2; border-color: #c2ccd1 #c2ccd1 #c2c2c2 #c2ccd1; border-width: 1px; border-style: solid; } */ .blogs_by_year_wise_listing ul.jquerymenu li a { display:block; } .blogs_by_year_wise_listing ul.jquerymenu li .first { border-top:none medium; } .blogs_by_year_wise_listing .simple-node-archvie ul.menu.jquerymenu.jquerymenu-processed li.parent.first ul { display: block; } #region-sidebar-first .region-sidebar-first-inner .blogs_by_year_wise_listing ul.menu.jquerymenu.jquerymenu-processed li.parent ul li { padding-left: 0px; } #region-sidebar-first .region-sidebar-first-inner .blogs_by_year_wise_listing ul.menu.jquerymenu.jquerymenu-processed li.parent ul li.first { border-top:none; } #region-sidebar-first .region-sidebar-first-inner .blogs_by_year_wise_listing ul.menu.jquerymenu.jquerymenu-processed li.parent ul li.last { border-bottom:none; } .blogs_by_year_wise_listing .month_wsie_count { color: #000; font-weight: normal; width: 50%; float: right; font-size: .9em; } .month_wsie_counter { font-size: .9em; font-weight: normal; width: 100%; } .view-magazine-pages .add-new a { padding: 5px; } .view-minerals-followed-by-user .views-exposed-form .throbber { display: none; } .view-minerals-followed-by-user .views-exposed-form .views-submit-button { padding-bottom: 0px; } .view-minerals-followed-by-user .views-exposed-form .views-submit-button .form-item-sort-bef-combine label { display: none; } .view-minerals-followed-by-user .views-exposed-form .views-submit-button .form-item-sort-bef-combine { float: left; } .view-minerals-followed-by-user .views-exposed-form .views-exposed-widgets .views-widget-filter-title { float: right; padding-right: 0px; margin-top: 1px; } .view-minerals-followed-by-user .views-exposed-form .views-exposed-widgets .views-widget-filter-title label { width: 50px; float: left; padding: 6px 5px 6px 0px; } .view-minerals-followed-by-user .views-exposed-form .views-exposed-widgets .views-widget { float: left; } #mineral-user-list-add-form .form-item-minerals-add-delimeted { float: left; } #mineral-user-list-add-form .form-item-minerals-user-choice { float: left; margin: 0px; padding: 6px; } #mineral-user-list-add-form #edit-submit { clear: both; } #mineral-user-list-add-form .form-item-minerals-user-choice input#edit-minerals-user-choice { margin-top: 0px; } #dialog-preview .minerals-unmatched, #dialog-preview .minerals-matched { display: block; overflow: hidden; width: 100%; clear: both; margin-bottom: 20px; } #dialog-preview .minerals-unmatched .title-minerals h2, #dialog-preview .minerals-matched .title-minerals h2 { margin-bottom: 0px; } #dialog-preview .minerals-unmatched .title-minerals p, #dialog-preview .minerals-matched .title-minerals p { margin-bottom: 10px; } #dialog-preview .minerals-unmatched .unmatched-form-wrapper, #dialog-preview .minerals-matched .matched-form-wrapper { position: relative; display: block; overflow: hidden; margin-bottom: 5px; } #dialog-preview .minerals-unmatched .form-item, #dialog-preview .minerals-matched .form-item { float: left; } #dialog-preview .minerals-unmatched .form-item.form-type-textfield, #dialog-preview .minerals-matched .form-item.form-type-textfield { width: 50%; } #dialog-preview .minerals-unmatched .form-item.form-type-textfield input, #dialog-preview .minerals-matched .form-item.form-type-textfield input { width: 100%; padding: 6px 5px; color: #222; } #dialog-preview .minerals-matched .form-item.form-type-checkbox { margin-top: 3px; } #dialog-preview .minerals-unmatched .rollover .form-item.form-type-checkbox input[type=checkbox], #dialog-preview .minerals-matched .form-item.form-type-checkbox input[type=checkbox] { opacity: 0; } #dialog-preview .minerals-matched .form-item.form-type-checkbox input[type=checkbox] + label { height: 12px; width: 12px; background: url('../images/heartoff.png') 0 0px no-repeat; text-indent: -9999px; display: inline-block; line-height: 0px; } #dialog-preview .minerals-matched .form-item.form-type-checkbox input[type=checkbox]:checked + label { background: url('../images/hearton.png') 0 0px no-repeat; height: 12px; width: 12px; padding: 0 0 0 0px; text-indent: -9999px; display: inline-block; line-height: 0px; } #dialog-preview .minerals-unmatched .rollover .form-item.form-type-checkbox { position: relative; } #dialog-preview .minerals-unmatched .rollover .form-item.form-type-checkbox input[type=checkbox] + label { height: 12px; width: 12px; background: url('../images/search-close-medium.png') 0 0px no-repeat; text-indent: -9999px; display: inline-block; line-height: 0px; position: absolute; right: 15px; top: 0.9em; cursor: pointer; } #dialog-preview .minerals-unmatched .add-new-unmatched { display: block; position: relative; } #dialog-preview .minerals-unmatched .add-new-unmatched .form-item.form-type-checkbox { position: relative; } #dialog-preview .minerals-unmatched .add-new-unmatched .form-item.form-type-checkbox input[type=checkbox] { float: right; position: absolute; left: 25px; top: 18px; margin: 0px; } #dialog-preview .minerals-unmatched .add-new-unmatched .form-item.form-type-checkbox input[type=checkbox] + label { display: inline-block; width: 66px; text-align: center; float: left; line-height: 8px; font-size: 9px; } #dialog-preview .form-submit { float: left; margin-right: 5px; } .view-minerals-followed-by-user .views-table > thead .views-field-ops .remove-flagged-data { color: #B91E08; } .view-minerals-followed-by-user .flag-minerals-user-track .flag-action, .view-minerals-followed-by-user .flag-minerals-user-track .unflag-action { width: 25px; }