supremeauctiononlinesoftware.responsive.2016
/* Footer */ #saFooter { display: none; }
/* iconic blocks */ .svg-1{ fill:hsl(187, 16%, 64%); } .ib-img2 svg{ max-height: 60px; } .iconbox { padding: 20px; color: hsl(187, 16%, 64%); text-align: center; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; border: 1px solid; border-color: hsl(187, 16%, 64%); font-size: 12px; margin-left: 35px; margin-right: 35px; margin-bottom: 25px; margin-top: 25px } .ib-img { padding: 10px 0 10px 0; margin: 15px 0 15px 0; background-color: hsl(187, 16%, 10%); } .ib-img img { max-width: 100%; -webkit-filter: grayscale(100%); /* Safari 6.0 – 9.0 */ filter: grayscale(100%); } .ib-img2 { padding: 10px 0 10px 0; margin: 15px 0 15px 0; max-height: 60px; -webkit-filter: grayscale(100%); /* Safari 6.0 – 9.0 */ filter: grayscale(100%); } .ib-img2 img { max-width: 100%; max-height: 60px; }
/* Contact Block */ .supremeContactBlock .supremeContentPanelBackgroundMinor { padding: 0px 10px 10px !important; margin-top: 0px; } .widget-text { padding: 15px 10px 0px; line-height: 25px; } .socialIcon { padding: 10px 20px 10px 0; display: inline-block; color: hsl(187, 26%, 20%); } .socialIcon a { color: hsl(187, 26%, 20%); -webkit-transition: all 0.2s ease-out; } .socialIcon a:hover { color: hsl(187, 16%, 64%); } a { -webkit-transition: all 0.2s ease-out; } .extraSmallLineHeight { line-height: 14px; } .contactTable { line-height: 40px; } #supreme-theme .vcenter { display: inline-block; vertical-align: middle; float: none; } .contactLabel { text-align: left; vertical-align: middle; } .contactIcon { font-size: 1.4em; line-height: 40px !important; } .contactText{ text-align: right; } .table-borderless > tbody > tr > td, .table-borderless > tbody > tr > th, .table-borderless > tfoot > tr > td, .table-borderless > tfoot > tr > th, .table-borderless > thead > tr > td, .table-borderless > thead > tr > th { border: none !important; }
/* top-Banner and shop logo */ #supreme-theme .logoSoloContainer { width:100%; } #supreme-theme .storeLogoImg { display: block; margin-left: auto; margin-right: auto; max-width:100%; padding:20px; } #supreme-theme .banner-top-container { position: relative; display: inline-block; width:100%; } #supreme-theme .overlay-logo { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; /*images are max 350×200*/ background: url(https://storage.supremeauction.com/flash/ebay2/design/users/02/10/27/2102760/$presetObj.shopLogoUrl) no-repeat center center; } @media (max-width: 700px) { #supreme-theme .overlay-logo { background-size: auto 90%; } } @media (min-width: 701px) { #supreme-theme .overlay-logo { } } /* top-Banner and shop logo */
/* Gallery / Image elements */ #supreme-theme .thumbOuter { display: inline-block; background-color: hsl(51, 0%, 100%); background-repeat: no-repeat; background-position: center center; background-size: contain; margin-bottom: 10px; border: 1px solid hsl(187, 1%, 74%); -webkit-box-shadow: inset 0 0 0 5px hsl(51, 0%, 100%); box-shadow: inset 0 0 0 5px hsl(51, 0%, 100%); } .dummyQuadratImageThumb { width: 100%; visibility: hidden; } .supremeImageBlock { /*padding:50px;*/ text-align: center; } .supremeImageBlockImg { max-width: 100%; } .supremeIdealThumbBlock .supremeContentPanel { padding: 20 20 0 20 !important; margin: 0 0 0 0 !important; }
/* Hintergründe */ .supremeBodybackground { padding: 40px 0px; background: hsl(187, 21%, 66%) url(https://storage.supremeauction.com/flash/ebay2/design/designImageSets/149/9.jpg) top left repeat; background-color: hsl(51, 0%, 100%); } /* outer panel */ #supreme-theme .supremePanelBackground { padding-left: 15px; /* following bootstrap-row has margin: -15*/ padding-right: 15px; /* following bootstrap-row has margin: -15*/ background: url(https://storage.supremeauction.com/flash/ebay2/design/designImageSets/149/3.jpg) top left repeat-y; background-color: hsl(51, 0%, 100%); background-size: 100%; padding-bottom: 50px; } #supreme-theme .supremePanelRow { padding-left: 0px; padding-right: 0px; } #supreme-theme .supremePanelBackground { padding-left: 15px; /* following bootstrap-row has margin: -15*/ padding-right: 15px; /* following bootstrap-row has margin: -15*/ } @media (max-width: 500px) { #supreme-theme .supremePanelBackground { padding-left: 15px; padding-right: 15px; } } @media (min-width: 700px) { #supreme-theme .supremePanelBackground { padding-left: 25px; padding-right: 25px; } } #supreme-theme .descriptions-smaller { font-size: smaller !important; } @media (max-width: 991px) { #supreme-theme .supremeColumnRight { padding-bottom: 20px; } } @media (min-width: 992px) { #supreme-theme .supremeColumnRight { padding-left: 30px; } #supreme-theme .supremeColumnLeft { padding-left: 30px; padding-right: 30px; } } @media (max-width: 991px) { #supreme-theme .supremeColumnLeft { padding-left: 30px; padding-right: 30px; } } @media (min-width: 992px) { .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media (min-width: 700px) { #supreme-theme .supremeColumnLeft { min-height: 500px; } } #supreme-theme .textBlockTitleImage { margin-top: 20px; margin-bottom: 10px; } /* inner panel */ #supreme-theme .supremeContentPanel { margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 50px; /*padding-bottom: 5px;*/ } #supreme-theme .supremeContentPanel_minor { /*margin-top: 0px;*/ margin-left: 0px; margin-right: 0px; margin-bottom: 50px; /*padding-bottom: 5px;*/ } #supreme-theme .supremeContentPanelTitle { padding-bottom: 10px; padding-top: 10px; } #supreme-theme .supremeContentPanelTopImage { padding-bottom: 10px; } #supreme-theme .supremeContentPanelBackground { padding-left: 15px; /* following bootstrap-row has margin: -15 */ padding-right: 15px; /* following bootstrap-row has margin: -15 */ background: url(https://storage.supremeauction.com/flash/ebay2/design/designImageSets/149/7.png) top left repeat-y; background-size: 100%; padding-top: 20px; padding-bottom: 20px; } #supreme-theme .supremeContentPanelBackground p { margin-bottom: 0px !important; } /* +10 geht leider nicht immer, weil oft als string angelegt? – später fixen */ #supreme-theme .supremeContentPanelBackground { padding-left: 30px; /* following bootstrap-row has margin: -15 */ padding-right: 30px; /* following bootstrap-row has margin: -15 */ } @media (max-width: 500px) { #supreme-theme .supremeContentPanelBackground { padding-left: 15px; padding-right: 15px; } } @media (min-width: 700px) { #supreme-theme .supremeContentPanelBackground { padding-left: 45px; padding-right: 45px; } } #supreme-theme .supremeContentPanelBackgroundMinor { padding-left: 15px; /* following bootstrap-row has margin: -15 */ padding-right: 15px; /* following bootstrap-row has margin: -15 */ padding-top: 20px; padding-bottom: 20px; } /* top Banner */ #supreme-theme .bannerImage { width: 100%; max-width: 100%; } #supreme-theme .banner-bottom { } #supreme-theme .banner-top { } #supreme-theme .banner-top-container { } #supreme-theme .supremePanelcontainer { background: hsl(51, 0%, 100%); padding: 5; -webkit-box-shadow: rgba(0,0,0,.25) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,.25) 0 1px 5px; box-shadow: rgba(0,0,0,.25) 0 1px 5px; } #supreme-theme .round { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* title section */ #supreme-theme .supremeTitleSection { margin-top: 5px; margin-bottom: 5px; padding-left: 15px; padding-right: 15px; } #supreme-theme .supremeTitleSectionEmpty { margin-bottom: 50px; } #supreme-theme .site_title { font-size: 1.5em; color: hsl(187, 16%, 10%); margin-top: 20; margin-bottom: 20px; text-shadow: 1px 1px 4px hsla(187, 26%, 20%,0.5); -webkit-text-shadow: 1px 1px 4px hsla(187, 26%, 20%,0.5); -moz-text-shadow: 1px 1px 4px hsla(187, 26%, 20%,0.5); } #supreme-theme .site_subtitle { font-size: 1.2em; color: hsl(187, 16%, 64%); margin-bottom: 40px; } @media (max-width: 500px) { #supreme-theme .site_title { font-size: 1.4em; } #supreme-theme .site_subtitle { font-size: 1em; } } /* divider */ #supreme-theme hr.small { max-width: 400px; width: 100%; margin: 0px auto; border-width: 1px; border-color: hsl(187, 1%, 74%); } /* ————— */ /* flash text editor backwards compatibility hacks */ /* ————— */ .descriptions div > li { padding-left:15px; } .descriptions div>li:first-of-type { padding-top:10px; } .descriptions div>li:last-of-type { padding-bottom:10px; } /* ————— */ /* theme */ /* ————— */ /* fonts */ .font-magazine h1, .font-magazine h2, .font-magazine h3, .font-magazine h4, .font-magazine h5, .font-magazine h6 { font-family: sans-serif; } .font-magazine .descriptions { font-family: sans-serif; } /* colors */ .color-plume h1, .color-plume h2, .color-plume h3, .color-plume h4, .color-plume h5, .color-plume h6 { } .color-plume .site_title { color: hsl(187, 36%, 50%); } .color-plume .site_subtitle { color: hsl(187, 16%, 10%); } .color-plume #navigation, .color-plume .imageBox, .color-plume .imgCrop, .color-plume hr.small { } .color-plume .imgCrop:hover { } .overflow { overflow: hidden; }
.supreme-menu ul { list-style-type:none; margin:0; padding:0; position: absolute; font-weight: bold; } .supreme-menu li { display:inline-block; float: left; margin-right: 1px; } .supreme-menu li a { display: block; padding-left: 20px; padding-right: 20px; height: 35px; text-align: center; line-height: 35px; color: hsl(187, 36%, 50%); text-decoration: none; -webkit-transition: all 0.2s ease-out; } .supreme-menu li:hover a { background: hsl(51, 0%, 100%); -webkit-transition: all 0.2s ease-out; } .supreme-menu li:hover ul a { background: hsl(51, 0%, 100%); color: hsl(187, 36%, 50%); height: 40px; line-height: 40px; -webkit-transition: all 0.2s ease-out; } .supreme-menu li:hover ul a:hover { background: hsl(187, 21%, 66%); color: hsl(187, 36%, 50%); } .supreme-menu li ul { display: none; } .supreme-menu li ul li { display: block; float: none; } .supreme-menu li ul li a { width: auto; min-width: 100px; padding: 0 20px; } .supreme-menu ul li a:hover + .menuhidden, .menuhidden:hover { display: block; z-index: 100; } .supreme-menu .show-menu { text-decoration: none; color: hsl(51, 0%, 100%); background: hsl(187, 36%, 50%); text-align: center; padding: 10px 0; display: none; } .supreme-menu input[type=checkbox]{ display: none; } .supreme-menu input[type=checkbox]:checked ~ #menu{ display: block; } @media screen and (max-width : 700px){ .supreme-menu ul { position: static; display: none; } .supreme-menu li { margin-bottom: 1px; } .supreme-menu .shopCat { display:none; } .supreme-menu ul li, li a { width: 100%; } .supreme-menu .show-menu { display:block; } .supreme-menu li a { display:block; min-width:140px; height: 50px; text-align: center; line-height: 50px; color: hsl(51, 0%, 100%); background: hsl(187, 36%, 50%); text-decoration: none; -webkit-transition: all 0.2s ease-out; } .supreme-menu li:hover a { background: hsl(207, 76%, 64%); } } @media screen and (min-width : 701px){ .supreme-menu { height: 50px; } } .dont-break-out { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.supremeShopCat { /*margin-bottom: 20px;*/ } .NoMargin { margin: 0px !important; } .ShopCatTitle { padding-left: 1.6em; color: hsl(187, 36%, 50%); background-color: hsl(187, 10%, 90%); } .supremeShopCat a, .widget-text a { color: hsl(187, 26%, 20%); -webkit-transition: all 0.2s ease-out; } .supremeShopCat a:hover, .widget-text a:hover { color: hsla(187, 26%, 20%,0.5); text-decoration: none; } .supremeShopCat label { font-weight: normal !important; } .supremeShopCat .supremeContentPanelBackgroundMinor { padding: 0em 0 1em 0 !important; margin-top: 0px; } .supremeShopCat .supremeContentPanel { padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; color:hsl(187, 26%, 20%); } /* ————————————————————– Tree core styles */ .supremeShopCat ul { list-style-type: none; padding: 0px; margin: 0px; } .supreme_tree input { position: absolute; clip: rect(0, 0, 0, 0); } .supreme_tree input ~ ul { display: none; } .supreme_tree input:checked ~ ul { display: block; } /* ————————————————————– supreme_tree rows */ .supreme_tree li { line-height: 1.2; position: relative; padding: 0.7em 0 0.7em 2em; overflow: hidden; border-top: 1px solid hsla(187, 16%, 64%,0.4); } .supreme_tree ul li { padding: 0.7em 0 0.7em 1em; } .supreme_tree > li:last-child { padding-bottom: 0; } /* ————————————————————– supreme_tree labels */ .supreme_tree_label { position: relative; display: inline-block; } label.supreme_tree_label { cursor: pointer; } label.supreme_tree_label:hover { color: hsl(187, 1%, 74%); } /* ————————————————————– supreme_tree expanded icon */ label.supreme_tree_label:before { background: hsl(187, 16%, 64%); color: hsl(51, 0%, 100%); position: relative; z-index: 1; float: left; margin: 0 -0.5em 0 -1.5em; width: 1em; height: 1em; content: ‘+’; text-align: center; line-height: 1em; } :checked ~ label.supreme_tree_label:before { content: ‘–’; } /* ————————————————————– supreme_tree branches */ .supreme_tree li:before { position: absolute; top: 0; bottom: 0; left: -.5em; display: block; width: 0; content: “”; } .supreme_tree_label:after { position: absolute; top: 0; left: -1.5em; display: block; height: 0.5em; width: 1em; content: ”; } label.supreme_tree_label:after { border-bottom: 0; } :checked ~ label.supreme_tree_label:after { bottom: 0; top: 0.5em; height: auto; } .supreme_tree li:last-child:before { height: 1em; bottom: auto; } .supreme_tree > li:last-child:before { display: none; } .supreme_tree_custom { display: block; background: hsl(187, 21%, 66%); padding: 1em; border-radius: 0.3em; }
#supreme-theme .bg_main { background-color: hsl(187, 16%, 64%); } #supreme-theme .bg_sec { background-color: hsl(207, 76%, 64%); } #supreme-theme .bg_hov_l { background-color: hsl(187, 1%, 74%); } #supreme-theme .bg_hov { background-color: hsl(187, 21%, 66%); } #supreme-theme .bg_high { background-color: hsl(187, 36%, 50%); } #supreme-theme .bg_bg_l { background-color: hsl(187, 10%, 90%); } #supreme-theme .bg_bg_d { background-color: hsl(187, 26%, 20%); } #supreme-theme .bg_fo_l { background-color: hsl(51, 0%, 100%) !important; } #supreme-theme .bg_fo_d { background-color: hsl(187, 16%, 10%); } #supreme-theme .fc_main { color: hsl(187, 16%, 64%); } #supreme-theme .fc_sec { color: hsl(207, 76%, 64%); } #supreme-theme .fc_hov_l { color: hsl(187, 1%, 74%) !important; } #supreme-theme .fc_hov { color: hsl(187, 21%, 66%) !important; } #supreme-theme .fc_high { color: hsl(187, 36%, 50%); } #supreme-theme .fc_bg_l { color: hsl(187, 10%, 90%); } #supreme-theme .fc_bg_d { color: hsl(187, 26%, 20%); } #supreme-theme .fc_fo_l { color: hsl(51, 0%, 100%) !important; } #supreme-theme .fc_fo_d { color: hsl(187, 16%, 10%); } .dummytext { font-weight: bold; color:#F00; /*text-shadow: 1px 1px 1px hsla(200, 10%, 20%, 1);*/ }
.font-magazine {font-family: ‘Montserrat’, sans-serif !important; font-size: 16px; font-weight: 300; }.font-magazine h1, .font-magazine h2, .font-magazine h3, .font-magazine h4, .font-magazine h5, .font-magazine h6 { font-family: ‘Teko’, sans-serif; font-weight: 700; text-transform: uppercase; }.font-magazine .descriptions { font-family: ‘Montserrat’, sans-serif; font-weight: 300; font-size: 17px; line-height: 1.5; } h1 {font-size: 46px !important; } #supreme-theme .site_title { text-shadow: 1px 0 0 white !important; } .font-magazine .supreme-menu { font-size: 14px; } #supreme-theme .supremePanelcontainer { background: hsl(0, 0%, 35%); } .supremeShopCat a, .widget-text a { color: hsl(0, 0%, 100%); -webkit-transition: all 0.2s ease-out; }
supremeauctiononlinesoftware.redesigner