body { color: #141414; font-size: 1rem; } select { color:#001000; } .cart-icon { position: absolute; bottom: -16px; right: 4%; max-width: 18%; } .cart-icon p span.cart-txt { display:inline-block; background:#fff; color:#001000; margin:5% 20%; } .layer-cover{ position: absolute; top: 0px; left: 0; width: 100%; height: 100vh; border: 0px; margin-left: 0px; display: block; background-color: #dedede; z-index: 10000; } .nav-menu li:nth-child(1){ padding-right:24px; } body::-webkit-scrollbar { width: 10px; background: transparent; } #cookie-notice { top:0; } #cookie-notice .cn-button { font-size: 0; background: url(../degitalarts.github.io/img/Cookie.png) no-repeat; background-size: contain; height: 24vh; width: 13%; margin: 0 auto; } .cookie-notice-container{ padding: 12vh; } #cookie-notice p{ font-size: 1.02em; } .sidebar{ display:none; } .sidebar-toggle { display:none; } .site-header{ position:fixed; right:0; width: 50%; height:100%; border-left:1px solid #141414; border-bottom:none; } .site-branding{ position:relative; height:100%; background: url('srv/htdocs/wp-content/uploads/2019/03/degitalmain-h.jpg'); background-size:cover; } .site-branding-inner { float: none; } .info-section { float:right; font-size:0.95rem; text-align:right; max-width:324px; margin-left:298px; } .li-bg-color { display:inline-block; background-color:#fff; text-align:right; } span.box-line { border:1px solid #001000; } .site-logo-link{ display:block; margin:0px auto; text-align:center; } .entry-title { font-size:1.5rem; } .main-navigation { position:fixed; top:0; left:0; padding:1%; width:50%; height:48px; background-color: #dedede; z-index:100; } .nav-menu { display:flex; width:100%; } .nav-menu li { flex:1; list-style:none; } .woocommerce-Tabs-panel h2 { display:none; } .content-area { max-width: 50%; } footer { display:none; } div.product{ margin:5%; } .woocommerce .columns-4{ position: fixed; top: 3%; right: 38%; width: 120px; height: 96%; overflow: scroll; overflow-x: hidden; } .woocommerce .columns-4::-webkit-scrollbar { width: 10px; background: transparent; } .woocommerce-page ul.products li.product { width:100%; } div.jp-relatedposts {display:none !important;} .ced h2 { padding:0; display:none; font-size: 1em; background-color:#fff; } .woocommerce-error, .woocommerce-info, .woocommerce-message { margin: 1em; } .woocommerce-ordering { display:none; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ float:none; margin: 0 0 0.5em 0; } .navigation,.related { display:none; } .woocommerce button.button.alt { background-color:#000; } .woocommerce div.product p.price { color:#052b3e; } .woocommerce ul.products li.product .price { color:#000; margin:0; background-color:#fff; } .product_meta { display:none; } .woocommerce div.product .woocommerce-tabs ul.tabs { display:none; } .woocommerce-Tabs-panel h2:before { content:'작품소개 및 '; } .woocommerce ul.products li.product a img { margin:0; } .woocommerce table.shop_table { border:1px solid currentColor; border-collapse:separate; border-radius:0; } .woocommerce a.remove { height:1.1em; } .woocommerce .col2-set .col-2 { display:none; } .entry-title { font-family:Lato, sans-serif; } .woocommerce-notices-wrapper { z-index: 100000; } .woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 0 0; margin:.2em 0; background-color:#fff; } .woocommerce-page .col2-set .col-1 { float:none; width:100%; } .woocommerce-result-count { display:none; } .woocommerce div.product form.cart .variations select{ border: 1px solid #dedede; font-size: 0.95em; padding: 1% } input[type="tel"]{ background-color: #f7f7f7; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #fff; border-radius: 0; color: #757575; padding: 3px 6px; width: 100%; } .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover { background-color: #04263a; } @media (max-width: 1024px){ #cookie-notice .cn-button { font-size: 0; background: url(../degitalarts.github.io/img/Cookie.png) no-repeat; background-size: contain; height: 24vh; width: 56%; margin: 0 auto; } .cookie-notice-container{ padding: 12vh; } #cookie-notice p{ font-size: 1.02em; } .cart-icon { position: fixed; top: 10vh; right: 2%; max-width: 20%; } .cart-icon p span.cart-txt { width:80%; font-size:0.7em; text-align:center; margin:0 auto; } .sidebar-toggle, .toggled-on, button:hover{ background-color: #04263a; border-color: #fff; color:#fff; } .layer-cover a.close img { width: 36%; } nav { display:none; } .content-area { max-width: 100%; } .info-section{ overflow:hidden; height:18px; margin-top: -1vh; width:90vw; } .info-section p { margin-right:0; font-size:0.8em; } .sidebar{ display:block; } .sidebar-toggle { z-index: 10; display:block; } header.site-header { width:100%; height:49px; z-index:1000; border-left:none; } .content-area { padding-top: 16px; padding-bottom: 8vh; } .site-branding { height:49px; } .site-branding ul.info-ul { display:none; } .site-content { padding-top:50px; } .entry-content .woocommerce { padding-bottom: 4vh; } .woocommerce .columns-4{ overflow: hidden; position: fixed; top: 86%; left: 0%; width: 100%; height: 20vh; border-top:1px solid #000; background-color: #dedede; } .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{ clear: none; width:25%; padding:2%; } .woocommerce ul.products li.product a img{ display:none; } .woocommerce ul.products li.product .price{ font-size: .7em; } .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size: .7em; } h1.entry-title{ padding-left:5%; } .woocommerce ul.products li.product .button { font-size:0.6em; padding:7%; margin-top:2%; } .woocommerce a.remove { height: 1.1em; } }