#lnwTool-area .lnwscrollBody { margin-right: 0px !important; } #lnwToolFocus { z-index: 2000000000 !important; position:absolute; pointer-events:none; /*border: 5px solid red;*/ outline: 5px solid #2792e0; box-shadow: 0px 0px 15px 0px #aaa; -o-box-shadow: 0px 0px 15px 0px #aaa; -moz-box-shadow: 0px 0px 15px 0px #aaa; -webkit-box-shadow: 0px 0px 15px 0px #aaa; border-radius: 1px; } #lnwToolFocus.addshadow { -webkit-animation: addshadow 0.5s; animation: addshadow 0.5s; border: 0px solid red; outline: 0px solid red; box-shadow: 0 0 10px 1920px rgba(60,60,60,0.7); -moz-box-shadow: 0 0 10px 1920px rgba(60,60,60,0.7); -webkit-box-shadow: 0 0 10px 1920px rgba(60,60,60,0.7); } @-webkit-keyframes addshadow { 0% { border-width: 0px; box-shadow: 0 0 10px 1920px rgba(60,60,60,0); -moz-box-shadow: 0 0 10px 1920px rgba(60,60,60,0); -webkit-box-shadow: 0 0 10px 1920px rgba(60,60,60,0); } 100% { border-width: 0px; box-shadow: 0 0 10px 1920px rgba(60,60,60,0.7); -moz-box-shadow: 0 0 10px 1920px rgba(60,60,60,0.7); -webkit-box-shadow: 0 0 10px 1920px rgba(60,60,60,0.7); } } @keyframes addshadow { 0% { border-width: 0px; box-shadow: 0 0 10px 1920px rgba(60,60,60,0); -moz-box-shadow: 0 0 10px 1920px rgba(60,60,60,0); -webkit-box-shadow: 0 0 10px 1920px rgba(60,60,60,0); } 100% { border-width: 0px; box-shadow: 0 0 10px 1920px rgba(60,60,60,0.7); -moz-box-shadow: 0 0 10px 1920px rgba(60,60,60,0.7); -webkit-box-shadow: 0 0 10px 1920px rgba(60,60,60,0.7); } } @-webkit-keyframes shadow_pulse { from { box-shadow: 0px 0px 20px 0px rgba(30,30,30,0.3); -webkit-box-shadow: 0px 0px 20px 0px rgba(30,30,30,0.3); } 50% { box-shadow: 0px 0px 20px 5px rgba(30,30,30,0.2); -webkit-box-shadow: 0px 0px 20px 5px rgba(30,30,30,0.2); } to { box-shadow: 0px 0px 20px 0px rgba(30,30,30,0.3); -webkit-box-shadow: 0px 0px 20px 0px rgba(30,30,30,0.3); } } @keyframes shadow_pulse { from { box-shadow: 0px 0px 20px 0px rgba(30,30,30,0.3); -webkit-box-shadow: 0px 0px 20px 0px rgba(30,30,30,0.3); } 50% { box-shadow: 0px 0px 20px 5px rgba(30,30,30,0.2); -webkit-box-shadow: 0px 0px 20px 5px rgba(30,30,30,0.2); } to { box-shadow: 0px 0px 20px 0px rgba(30,30,30,0.3); -webkit-box-shadow: 0px 0px 20px 0px rgba(30,30,30,0.3); } } @keyframes shadow_pulse { from { box-shadow: 0px 0px 15px 0px rgba(30,30,30,0.0); -webkit-box-shadow: 0px 0px 15px 0px rgba(30,30,30,0.0); } to { box-shadow: 0px 0px 15px 0px rgba(30,30,30,0.3); -webkit-box-shadow: 0px 0px 15px 0px rgba(30,30,30,0.3); } } #lnwToolHover { z-index: 2000000001 !important; position:absolute; /* -webkit-animation: shadow_pulse 1s; -o-animation: shadow_pulse 1s; animation: shadow_pulse 1s; */ /*border: 5px solid #2792e0;*/ pointer-events:none; /* box-shadow: 0px 0px 15px 0px rgba(30,30,30,0.3); -webkit-box-shadow: 0px 0px 15px 0px rgba(30,30,30,0.3); */ outline: 5px solid orange; box-shadow: 0px 0px 15px 0px #aaa; -o-box-shadow: 0px 0px 15px 0px #aaa; -moz-box-shadow: 0px 0px 15px 0px #aaa; -webkit-box-shadow: 0px 0px 15px 0px #aaa; border-radius: 1px; } @media only screen and (min-width : 1366px){ #lnwToolHover.zoom-display,#lnwToolFocus.zoom-display { zoom: 1.25; } } body.lnwTool-active{ overflow: hidden; } body.lnwTool-active #lb, body.lnwTool-active #lnwpayBar, body.lnwTool-active #lbUserPanel, body.lnwTool-active .adminBar, body.lnwTool-active .lcDockWrapper { display: none; } body #lnwToolWeb{ height: 100%; } body.lnwTool-active #lnwToolWeb{ overflow-y: scroll; position: relative; height: auto; z-index: 1; } body.lnwTool-active #lnwToolPage{ display: block; } body.lnwTool-active .widgetUnit .unitShirt { pointer-events: none; } body.lnwTool-active .z-header, body.lnwTool-active .z-nav, body.lnwTool-active .u-freedom, body.lnwTool-active .u-html{ min-height: 10px; } body.lnwTool-active [config_id]:hover:not(:has([config_id]:hover)) { outline: 5px solid orange; /* box-shadow: inset 0 0 0px 5px orange; */ } body.lnwTool-active [config_id].lnwToolFocus-node { outline: 5px solid blue !important; /* box-shadow: inset 0 0 0px 5px orange; */ } .layer-pageNapkin #lnwToolHover, .layer-pageNapkin #lnwToolFocus{ transform: translateX(321px); } body .widgetPage{ background-position: center 0px; min-height: 100%; } body.lnwTool-active .widgetPage { z-index: 1; } #lnwToolPage{ height: 130px; background-color: #ffffff; display: none; z-index: 222; position: relative; /*position: fixed; width:100%*/; } #lnwTool-area, #lnwTool-edge, #lnwTool-history, #lnwTool-view{ user-select: text; -ms-user-select: text; -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; } #lnwTool-view .mce-tinymce { margin-top: 10px; } .cke_dialog{ z-index: 2000000004 !important; } .cke_dialog_background_cover{ z-index: 2000000003 !important; } .clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden} .clearfix{zoom:1} #lnwToolSwitch{ position: fixed; bottom: 0px; right: 30px; padding: 5px 10px; background-color: #ffffff; color: #000000; cursor: pointer; z-index: 111; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #808080; } body.lnwTool-active #lnwToolSwitch{ bottom: 150px; } #lnwTool-edge{ background: #eee; height: 1px; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc; width: 100%; cursor: row-resize; cursor: ns-resize; clear: both; } #lnwTool-focus-icon { background-image: url(../_images/menu_icon_new_small.png); background-position: -0px 0px; background-repeat: no-repeat; display: inline-block; width: 35px; height: 35px; margin: -2px 0px 0px 0px; transform: scale(0.66); } #lnwTool-focus-icon._zone\/nav { background-position: 0px 0px; } #lnwTool-focus-icon._unit\/twitter\/share { background-position: -35px 0px; } #lnwTool-focus-icon._unit\/twitter\/widget { background-position: -35px 0px; } #lnwTool-focus-icon._unit\/track { background-position: -70px 0px; } #lnwTool-focus-icon._unit\/trackcode { background-position: -105px 0px; } #lnwTool-focus-icon._unit\/stat { background-position: -140px 0px; } #lnwTool-focus-icon._unit\/webboard\/recent { background-position: -175px 0px; } #lnwTool-focus-icon._unit\/search { background-position: -210px 0px; } #lnwTool-focus-icon._unit\/showroom\/sale { background-position: -245px 0px; } #lnwTool-focus-icon._unit\/showroom\/recommend { background-position: -280px 0px; } #lnwTool-focus-icon._unit\/showroom\/random { background-position: -315px 0px; } #lnwTool-focus-icon._unit\/showroom\/new { background-position: -350px 0px; } #lnwTool-focus-icon._unit\/showroom\/hot { background-position: -385px 0px; } #lnwTool-focus-icon._unit\/member { background-position: -420px 0px; } #lnwTool-focus-icon._unit\/link { background-position: -455px 0px; } #lnwTool-focus-icon._unit\/facebook\/likebox, #lnwTool-focus-icon._unit\/facebook\/likebutton { background-position: -490px 0px; } #lnwTool-focus-icon._unit\/dbd\/registered { background-position: -525px 0px; } #lnwTool-focus-icon._unit\/contact { background-position: -560px 0px; } #lnwTool-focus-icon._unit\/blog\/recent { background-position: -595px 0px; } #lnwTool-focus-icon._unit\/breadcrumb { background-position: -630px 0px; } #lnwTool-focus-icon._zone\/aside { background-position: -665px 0px; } #lnwTool-focus-icon._zone\/article { background-position: -700px 0px; } #lnwTool-focus-icon._zone\/footer { background-position: -735px 0px; } #lnwTool-focus-icon._page { background-position: -770px 0px; } #lnwTool-focus-icon._unit\/cart { background-position: -805px 0px; } #lnwTool-focus-icon._unit\/category { background-position: -840px 0px; } #lnwTool-focus-icon._unit\/freedom { background-position: -875px 0px; } #lnwTool-focus-icon._unit\/section { background-position: -910px 0px; } #lnwTool-focus-icon._zone\/header { background-position: -945px 0px; width: 45px} #lnwTool-focus-icon._zone\/html { background-position: -0px 0px; width: 45px} #lnwTool-focus-icon._unit\/social\/button { background-position: -90px -35px; width: 45px} #lnwTool-focus-icon._unit\/google\/plusone\/button { background-position: -127px -35px; width: 37px} #lnwTool-focus-icon._unit\/html { background-position: -0px -35px; width: 32px} #lnwTool-focus-icon._unit\/join\/button { background-position: -35px -35px; width: 56px} #lnwTool-focus-icon._page\/welcome { background-position: -174px -35px; width: 32px} #lnwTool-focus-icon._unit\/modal\/welcomepopup { background-position: -420px -35px; width: 32px} #lnwTool-focus-icon._unit\/slide { background-position: -209px -35px; width: 40px} #lnwTool-focus-icon._unit\/lnwshopoftheday { width: 0px;} #lnwTool-focus-icon._unit\/channel\/mobile { background-position: -249px -35px; width: 32px } #lnwTool-focus-icon._unit\/channel\/lnwmall { background-position: -281px -35px; width: 36px } #lnwTool-focus-icon._unit\/channel\/lnwmarket { background-position: -317px -35px; width: 30px } #lnwTool-focus-icon._unit\/channel\/facebook { background-position: -347px -35px; width: 32px } #lnwTool-focus-icon._unit\/coupon { background-position: -490px -35px; } #lnwTool-focus-icon._unit\/dealer { background-position: -455px -35px; } #lnwTool-focus-icon._unit\/lnwpay\/profile { background-position: -384px -33px; width: 32px } #lnwTool-focus{ height: 33px; line-height: 32px; text-align: left; overflow: hidden; display: inline-block; max-width: 90px; font-size: 14px; margin-left: 5px; color: white; text-overflow: ellipsis; white-space: nowrap; } .lnwTool-focus { background: #38b9eb !important; border: 6px solid white; border-radius: 30px; box-sizing: border-box; background: -webkit-linear-gradient(51deg, #38b9eb, #2792e0)!important; background: -webkit-linear-gradient(309deg, #38b9eb, #2792e0)!important; background: linear-gradient(141deg, #38b9eb, #2792e0)!important; background-image: url(../_images/chosen_widget.png); background-position: center; background-repeat: no-repeat; text-align: left; padding-left: 10px; height: 45px; margin: 0 5px; width: 150px; float:left; position: relative; } /* .lnwTool-focus:after { display: block; content: ''; width: 0; height: 0; position: absolute; right: -8px; top: 16px; border-top: 8px solid rgba(0, 0, 0, 0); border-bottom: 8px solid rgba(0, 0, 0, 0); border-left: 8px solid #2792e0; } */ #lnwTool-inspector{ margin: 6px 0px 0px 10px; border: 1px solid transparent; height: 30px; width: 32px; float: left; cursor: pointer; display: none; } #lnwTool-inspector:hover{ border-top-color: #f6f6f4; border-left-color: #f6f6f4; border-right-color: #90908e; border-bottom-color: #90908e; } #lnwTool-inspector.start{ border-top-color: #90908e; border-left-color: #90908e; border-right-color: #f6f6f4; border-bottom-color: #f6f6f4; background-color: #dfdcd8; } #lnwTool-inspector .icon{ background-color: transparent; background-image: url(../_images/menu_icon.png); background-repeat: no-repeat; background-position: -230px -3px; height: 30px; width: 30px; float: left; } #lnwTool-inspector:hover .icon{ background-position: -230px -38px; } #lnwTool-inspector.start .icon, #lnwTool-inspector.start:hover .icon{ background-position: -229px -3px; } #lnwTool-menus .line{ /* background: transparent url(../_images/bg_lnwtool_bar_line.png) no-repeat;*/ width: 0px; height: 45px; float: left; } #lnwTool-menus .line-right{ float: right; } #lnwTool-menus .menu{ height: 45px; margin: 0px 0px 0px 30px; float: left; cursor: pointer; } #lnwTool-menus .menu:first-child { margin-left: 10px !important; } @media screen and (max-width: 1440px) { #lnwTool-menus .menu{ margin: 0px 0px 0px 15px; } #lnwTool-menus .menu-active:after { left: 55px !important; } #lnwTool-menu-pages .menu-active:after { left: 10px !important; } } @media screen and (max-width: 1280px) { #lnwTool-menus .menu{ margin: 0px 0px 0px 10px; } } @media screen and (max-width: 1024px) { #lnwTool-menus .menu{ margin: 0px 0px 0px 3px; } } #lnwTool-menuBar { -webkit-box-shadow: 0px 0px 100px 0px #ddd; box-shadow: 0px 0px 100px 0px #ddd; } #lnwTool-menuBar::after { content: ''; display: block; clear: both; } #lnwTool-menus .menu-active{ /* background: #909090 url(../_images/menu_bg_active_new.jpg) no-repeat center bottom -1px;*/ height: 45px; float: left; position: relative; border-bottom: 3px solid #2792e0; box-sizing: border-box; } #lnwTool-menus .menu-active:after { display: none; content: ''; position: absolute; border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-bottom: 10px solid #e8e8e8; bottom: -1px; width: 0; height: 0; left: 80px; } #lnwTool-menus .menu .menu-text{ font-size: 14px; font-weight: normal; line-height: 45px; color: #bbb; font-family: tahoma; } #lnwTool-menus .menu:hover { /* -moz-box-shadow: inset 0px 0px 10px #ddd; -webkit-box-shadow: inset 0px 0px 11px #ddd; box-shadow: inset 0px 0px 10px #ddd; */ } #lnwTool-menus .menu-active:hover { /* -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; */ } #lnwTool-menus .menu:hover .menu-text{ color: #38b9eb; } #lnwTool-menus .menu-active .menu-text, #lnwTool-menus .menu-active:hover .menu-text{ color: black; font-weight: normal; } #lnwTool-menus .menu .menu-icon{ background-color: transparent; background-image: url(../_images/menu_icon_new.png); background-repeat: no-repeat; height: 42px; float: left; margin: 0px 5px 0px 0px; opacity: 0.3; filter: alpha(opacity=30); } #lnwTool-menus .menu:hover .menu-icon, #lnwTool-menus .menu-active .menu-icon { opacity: 1; filter: alpha(opacity=100) } /* #lnwTool-menu-addWidget .menu-icon { background-position: 0px 0px; width: 20px;} #lnwTool-menu-addWidget:hover .menu-icon { background-position: 0px -35px;} #lnwTool-menu-template .menu-icon { background-position: -20px 0px; width: 26px;} #lnwTool-menu-template:hover .menu-icon { background-position: -20px -35px;} #lnwTool-menu-picture .menu-icon { background-position: -46px 0px; width: 26px;} #lnwTool-menu-picture:hover .menu-icon { background-position: -46px -35px;} #lnwTool-menu-banner .menu-icon { background-position: -46px 0px; width: 26px;} #lnwTool-menu-banner:hover .menu-icon { background-position: -46px -35px;} #lnwTool-menu-text .menu-icon { background-position: -72px 0px; width: 22px;} #lnwTool-menu-text:hover .menu-icon { background-position: -72px -35px;} #lnwTool-menu-thumbnail .menu-icon { background-position: -94px 0px; width: 22px;} #lnwTool-menu-thumbnail:hover .menu-icon { background-position: -94px -35px;} #lnwTool-menu-background .menu-icon { background-position: -116px 0px; width: 26px;} #lnwTool-menu-background:hover .menu-icon { background-position: -116px -35px;} #lnwTool-menu-setting .menu-icon { background-position: -142px 0px; width: 22px;} #lnwTool-menu-setting:hover .menu-icon { background-position: -142px -35px;} #lnwTool-menu-header .menu-icon { background-position: -164px 0px; width: 20px;} #lnwTool-menu-header:hover .menu-icon { background-position: -164px -35px;} #lnwTool-menu-pages .menu-icon { background-position: -184px 0px; width: 24px;} #lnwTool-menu-pages:hover .menu-icon { background-position: -184px -35px;} #lnwTool-menu-remove .menu-icon { background-position: -208px 0px; width: 22px;} #lnwTool-menu-remove:hover .menu-icon { background-position: -208px -35px;} */ #lnwTool-menu-addWidget .menu-icon { background-position: 0px 0px; width: 42px;} #lnwTool-menu-addContent .menu-icon { background-position: -42px 0px; width: 42px;} #lnwTool-menu-background .menu-icon { background-position: -84px 0px; width: 42px;} #lnwTool-menu-template .menu-icon { background-position: -126px 0px; width: 42px;} #lnwTool-menu-format .menu-icon { background-position: -598px 0px; width: 42px;} #lnwTool-menu-setting .menu-icon { background-position: -167px 0px; width: 40px;} #lnwTool-menu-header .menu-icon { background-position: -205px 0px; width: 47px;} #lnwTool-menu-text .menu-icon { background-position: -252px 0px; width: 42px;} #lnwTool-menu-content .menu-icon { background-position: -252px 0px; width: 42px;} #lnwTool-menu-picture .menu-icon { background-position: -296px 0px; width: 42px;} #lnwTool-menu-images .menu-icon { background-position: -296px 0px; width: 42px;} #lnwTool-menu-thumbnail .menu-icon { background-position: -338px 0px; width: 42px;} #lnwTool-menu-banner .menu-icon { background-position: -380px 0px; width: 50px;} #lnwTool-menu-font .menu-icon { background-position: -430px 0px; width: 42px;} #lnwTool-menu-pages .menu-icon { background-position: -184px 0px; width: 24px;} #lnwTool-menu-pages:hover .menu-icon { background-position: -184px -35px;} #lnwTool-menu-remove .menu-icon { background-position: -208px 0px; width: 22px;} #lnwTool-menu-remove:hover .menu-icon { background-position: -208px -35px;} #lnwTool-menus #lnwTool-menu-pages { float: right; padding: 0px 12px; margin: 6px 5px 6px auto; line-height: 23px; border-radius: 14px; border: 1px solid #ddd; line-height: 31px; height: 33px; box-sizing: border-box; background: #eee; overflow: hidden; } #lnwTool-menus #lnwTool-menu-pages .menu-text { line-height: inherit; overflow: hidden; text-overflow: clip; display: inline-block; width: 100%; } #lnwTool-menus #lnwTool-menu-pages .menu-icon{ display: none; /* background-image: url(../_images/menu_icon.png); margin: 5px 5px 0px 0px; */ } @media screen and (max-width: 1200px) { #lnwTool-menus #lnwTool-menu-pages { max-width: 40px; padding: 3px; } } #lnwTool-menus #lnwTool-menu-remove{ float: right; padding: 0px 7px; margin-left: 0; } #lnwTool-menus #lnwTool-menu-remove .menu-icon{ background-image: url(../_images/menu_icon.png); margin: 5px 0px 0px 0px; } #lnwTool-menus #lnwTool-menu-hide{ float: right; padding: 0px 7px; } #lnwTool-menus #lnwTool-menu-hide .menu-icon{ margin: 10px 0px 0px 0px; opacity: 1; } #lnwTool-menus #lnwTool-menu-moveUp, #lnwTool-menus #lnwTool-menu-moveDown{ float: right; padding: 0px 10px; margin-left: 0; } #lnwTool-menus #lnwTool-menu-moveUp .menu-icon { background-image: url(../_images/menu_move.png); background-position: 0px 0px; width: 15px; margin: 5px 0px 0px 0px;} #lnwTool-menus #lnwTool-menu-moveUp:hover .menu-icon { background-position: 0px -35px;} #lnwTool-menus #lnwTool-menu-moveDown .menu-icon { background-image: url(../_images/menu_move.png); background-position: -15px 0px; width: 15px; margin: 5px 0px 0px 0px;} #lnwTool-menus #lnwTool-menu-moveDown:hover .menu-icon { background-position: -15px -35px;} #lnwTool-area{ position: relative; clear: both; height: 100%; } #lnwTool-area .loading{ padding: 20px; box-sizing: border-box; background: transparent url(../_images/loading.gif) no-repeat center center; } #lnwTool-area .loading *{ display: none; /* visibility: hidden;*/ } #lnwTool-view .coloritem{ /* padding: 5px 0px 0px 0px;*/ text-align: center; float: left; cursor: pointer; border-width: 2px; border-style: solid; border-color: transparent; } #lnwTool-view .coloritem:hover{ border-color: #000000; } #lnwTool-view .pageitem{ /*width: 120px; height: 200px; padding: 5px 0px 0px 0px; text-align: left; float: left; overflow: hidden; margin: 5px 2px 5px 3px; */ border-radius: 5px; text-align: left; margin: 5px 10px 10px 6px; width: 150px; height: auto; min-height: 290px; float: left; overflow: hidden; border: 1px solid #ECECEC; } #lnwTool-view .pageitem:hover, #lnwTool-view .pageitem.here:hover{ border-color: #ddd; box-shadow: 0px 0px 30px 0px #ccc; } #lnwTool-view .pageitem.here .itemHead{ background-color: #00ccff; color: white; } #lnwTool-view .pageitem.here { border-color: #00ccff; } #lnwTool-view .pageitem .page_title{ margin-right: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } #lnwTool-view .pageitem .inputtext{ color: #555; font-size: 12px; border: 1px #dcdcdc solid; } #lnwTool-view .pageitem input.inputtext{ width: 100%; margin: 5px 0px 10px; box-sizing: border-box; } #lnwTool-view .pageitem .itemHead{ height: 40px; line-height: 40px; background: #ececec none; padding-left: 10px; color: #449BEA; } #lnwTool-view .pageitem .itemHead .linkIcon{ width: 24px; height: 24px; float:right; cursor:pointer; background: transparent url(../_images/linkto_icon.png) no-repeat 0px 0px; margin: 9px 9px 0px 0px; } #lnwTool-view .pageitem .itemBody{ color: #666666; padding: 10px; line-height: 20px; } #lnwTool-view .pageitem .itemBody .data{ color: #000000; white-space: nowrap; } #lnwTool-view .pageitem .itemBody a { color: #666; display: block; } #lnwTool-view .pageitem .itemBody a:hover{ color: #449BEA; } /* #lnwTool-view .pageitem .b_cancel, */ #lnwTool-view .pageitem .b_save, #lnwTool-view .pageitem .b_edit, #lnwTool-view .pageitem .b_create{ background: transparent url(../_images/page_button.png); width: 60px; height: 20px; border: none; margin-top: 3px; cursor: pointer; float: left; font-size: 11px; } #lnwTool-view .pageitem .b_save:hover, #lnwTool-view .pageitem .b_edit:hover{ background-position: 0px -20px; } #lnwTool-view .pageitem .b_save:active, #lnwTool-view .pageitem .b_edit:active{ background-position: 0px -40px; } #lnwTool-view .pageitem .b_save, #lnwTool-view .pageitem .b_edit { background-image: none; background: transparent; border: 1px solid #0078ff; color: #0078ff; border-radius: 20px; height: auto; line-height: 25px; } #lnwTool-view .pageitem .b_save:hover, #lnwTool-view .pageitem .b_edit:hover{ background: #0078ff; color: white; } #lnwTool-view .pageitem .b_save:active, #lnwTool-view .pageitem .b_edit:active{ background: #449BEA; } #lnwTool-view .pageitem .b_cancel { float: left; margin-top: 5px; color: #ccc; width: 60px; text-align: center; } #lnwTool-view .pageitem .btn-setting { border: 1px solid #0078ff; background: white; border-radius: 3px; width: 100%; line-height: 25px; cursor: pointer; box-sizing: border-box; font-size: 13px; color: #0078ff; margin-top: 5px; cursor: pointer; border-radius: 20px; } #lnwTool-view .pageitem .btn-setting:hover { background: #eee; } #lnwTool-view .pageitem .minor { font-size: 11px; } #lnwTool-view .pageitem .welcome_anchor { background: transparent url(../_images/s_welcome_page.png); background-size: contain; width: 106px; height: 107px; } #lnwTool-view .pageitem .landing_anchor { background: transparent url(../_images/s_landing_page.png); background-size: contain; width: 106px; height: 107px; } #lnwTool-view .pageitem .welcome_popup_anchor { background: transparent url(../_images/s_welcome_popup.png); background-size: contain; width: 106px; height: 107px; } #lnwTool-view .pageitem .newpages_anchor { background: transparent url(../_images/s_newpage.png); width: 106px; height: 107px; } #lnwTool-view .pageitem .promotion_anchor { background: transparent url(../_images/s_promotion.png); width: 106px; height: 107px; } #lnwTool-view .pageitem .coupon_anchor { background: transparent url(../_images/s_coupon.png); width: 106px; height: 107px; } #lnwTool-view .pageitem .showText { display: none; } #lnwTool-view .here{ border-color: #ff0000; } #lnwTool-view .pageitem a.buyService{ background: #fafafa url(../_images/coin24.png) no-repeat 5px 2px; height: 24px; padding: 2px 5px 2px 30px; border: 1px solid #e1e1e1; color: #55340d; font-weight: bold; line-height: 24px; display: inline-block; border-radius: 3px; text-decoration: none; white-space: nowrap; } #lnwTool-view a.buyServiceNew { display: inline-block; vertical-align: middle; white-space: nowrap; padding: 2px 10px 2px 12px; height: 30px; border: 0px none; background: #0078ff; color: #fff !important; text-align: center; text-decoration: none; /* text-shadow: 0px -1px 0px #000; */ font-size: 13px; line-height: 30px; cursor: pointer; display: inline-block; vertical-align: middle; -webkit-transition: 0.5s, all; transition: 0.5s, all; } #lnwTool-view .mini_pic{ background-repeat: no-repeat; width: 80px; height: 53px; border: 5px solid; margin: auto; border-color: transparent; border-radius: 4px; -webkit-border-radius: 4px; background-image: url(../_images/lnwshop_page2.png); background-position: -1360px 0px ; } #lnwTool-view .pageitem .mini_pic{ background-repeat: no-repeat; width: 80px; height: 60px; border: 0px solid; margin: 0 0 0 -15px; border-color: transparent; border-radius: 0px; -webkit-border-radius: 0px; background-image: url(../_images/lnwshop_page2.png); background-position: -1360px 0px ; } #lnwTool-view .mini_pic.page_welcome_popup {background-position: -1760px 0px ;} #lnwTool-view .mini_pic.page_welcome {background-position: 0px 0px ;} #lnwTool-view .mini_pic.page_main {background-position: -80px 0px ;} #lnwTool-view .mini_pic.page_how2order {background-position: -160px 0px ;} #lnwTool-view .mini_pic.page_informpayment {background-position: -240px 0px ;} #lnwTool-view .mini_pic.page_article {background-position: -320px 0px ;} #lnwTool-view .mini_pic.page_blog {background-position: -320px 0px ;} #lnwTool-view .mini_pic.page_webboard {background-position: -400px 0px ;} #lnwTool-view .mini_pic.page_aboutus {background-position: -480px 0px ;} #lnwTool-view .mini_pic.page_contactus {background-position: -560px 0px ;} #lnwTool-view .mini_pic.page_category {background-position: -640px 0px ;} #lnwTool-view .mini_pic.page_showroom\#hot {background-position: -720px 0px ;} #lnwTool-view .mini_pic.page_showroom\#new {background-position: -800px 0px ;} #lnwTool-view .mini_pic.page_showroom\#recommend {background-position: -880px 0px ;} #lnwTool-view .mini_pic.page_showroom\#sale {background-position: -960px 0px ;} #lnwTool-view .mini_pic.page_showroom\#comingsoon {background-position: -640px 0px ;} #lnwTool-view .mini_pic.page_showroom\#soldout {background-position: -640px 0px ;} #lnwTool-view .mini_pic.page_showroom\#discontinued {background-position: -640px 0px ;} #lnwTool-view .mini_pic.page_showroom\#random {background-position: -640px 0px ;} #lnwTool-view .mini_pic.page_showroom\#promotion {background-position: -640px 0px ;} #lnwTool-view .mini_pic.page_category_ {background-position: -1040px 0px ;} #lnwTool-view .mini_pic.page_cart {background-position: -1120px 0px ;} #lnwTool-view .mini_pic.page_order {background-position: -1200px 0px ;} #lnwTool-view .mini_pic.page_payment {background-position: -1280px 0px ;} #lnwTool-view .mini_pic.page_create {background-position: -1440px 0px ;} #lnwTool-view .mini_pic.page_promotion {background-position: -1520px 0px ;} #lnwTool-view .mini_pic.page_product_ {background-position: -1600px 0px ;} #lnwTool-view .mini_pic.page_sitemap {background-position: -1680px 0px ;} #lnwTool-view .mini_pic.page_landing {background-position: -1840px 0px ;} #lnwTool-view .page_slug{ clear: both; } #lnwTool-view .pageitem a{ outline: 0px none; } #lnwTool-view .pageitem b{ font-weight: normal; } #lnwTool-view .pageitem .deleteIcon{ width: 24px; height: 24px; float:right; cursor:pointer; background: transparent url(../_images/delete_icon.png) no-repeat center; } #lnwTool-menus #lnwTool-menu-hide .menu-icon, #lnwTool-view .pageitem .showSwitch{ cursor: pointer; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background: transparent url("../_images/switches.png") no-repeat; width: 98px; height: 30px; background-position: -100px -60px; } #lnwTool-menus #lnwTool-menu-hide .menu-icon.show, #lnwTool-view .pageitem .showSwitch.switchOn{ background-position: 0px -60px; } /*#lnwTool-view .pageitem:hover .mini_pic { border-color: #cccccc; } #lnwTool-view .pageitem.here { background-color: #eee; }*/ #lnwTool-view .pageitem.here .page_slug { color: #009de6; font-weight: bold; } #lnwTool-view .list-text[readonly="readonly"]{ background: #f5f5f5; color: #ccc; } #lnwTool-area .area-left{ height: 100%; /*overflow: auto;*/ overflow: hidden; background-color: #f1f1f1; border-right: 1px solid #f1f1f1; /* background-color: #efefef;*/ /*border-right: 2px solid #f5f5f5;*/ } #lnwTool-area .area-left .view-detail-edit .inputtext[readonly]{ background: #f5f5f5; color: #ccc; } #lnwTool-area .area-right{ width: 198px; float: right; height: 100%; background-color: #f5f5f5; border-left: 1px solid #ccc; /* overflow: auto;*/ /* -moz-box-shadow: 0px 2px 7px 0px #555; -webkit-box-shadow: 0px 2px 7px 0px #555; box-shadow: 0px 2px 7px 0px #555; */ } #lnwTool-history h3{ text-align: center; width: 100%; margin: 0px; padding: 5px 10px; font-size: 13px; color: #888; font-weight: normal; background: #e5e5e5; border-bottom: 1px solid #ddd; box-sizing: border-box; /* text-shadow: 0px 1px 0px #ffffff; background: #d8d8d8 url(../_images/history_bg.png); */ } #lnwTool-view .scrollBox, #lnwTool-history-items{ overflow: auto; height: 100%; } #lnwToolPage ::-webkit-scrollbar{width:6px;background:#ddd;} #lnwToolPage ::-webkit-scrollbar-thumb{background:#999;} body.lnwTool-active::-webkit-scrollbar{width:6px;background:#ddd;} body.lnwTool-active::-webkit-scrollbar-thumb{background:#999;} #lnwTool-history-items{ } #lnwTool-history-items .item{ text-align: left; font-size: 12px; width: 100%; margin: 0px; color: #555555; text-shadow: 0px 1px 0px #ffffff; background: #f0fff0 none; border-bottom: 1px solid #d8d8d8; height: 29px; line-height: 29px; } #lnwTool-history-items .item-wait{ background: #a0ffa0 none; -webkit-animation: progress 2s infinite forwards; animation: progress 2s infinite forwards; overflow: hidden; } @-webkit-keyframes progress { from { width: 0%; } to { width: 100%; } } @keyframes progress { from { width: 0%; } to { width: 100%; } } #lnwTool-history-items .item-saved{ background: #aaaaaa none; text-shadow: none; } #lnwTool-history-items .item .widget{ font-weight: bold; } #lnwTool-history-items .item .action{ font-weight: normal; } #lnwTool-history-items .item .widget{ padding-left: 7px; } #lnwTool-menus{ /* background: #f1f1f1 url(../_images/bg_lnwtool_bar.png) repeat;*/ background: white; width: 100%; height: 45px; border-bottom: 1px solid #e8e8e8; } #lnwTool-view{ background: #f1f1f1; height: 100%; } #lnwTool-view .widget{ background-repeat: no-repeat; width: 84px; height: 84px; float: left; margin: 8px 2px 2px 14px; cursor: pointer; } #lnwTool-view .widget .jelly{ background-image: url(../_images/widget/_jelly.png); background-position: 0px 0px; background-repeat: no-repeat; width: 84px; height: 84px; display: none; } #lnwTool-view .widget:hover .jelly{ display: block; } #lnwTool-view .grey{ cursor: default; } #lnwTool-view .grey:hover .jelly{ display: none; } #lnwTool-widget-contact { background-image: url(../_images/widget/contact.png); } #lnwTool-widget-search { background-image: url(../_images/widget/search.png); } #lnwTool-widget-stat { background-image: url(../_images/widget/stat.png); } #lnwTool-widget-freedom { background-image: url(../_images/widget/freedom.png); } #lnwTool-widget-track { background-image: url(../_images/widget/trackcode.png); } #lnwTool-widget-blog_recent { background-image: url(../_images/widget/blog_recent.png); } #lnwTool-widget-webboard_recent { background-image: url(../_images/widget/webboard_recent.png); } #lnwTool-widget-link { background-image: url(../_images/widget/link.png); } #lnwTool-widget-member { background-image: url(../_images/widget/member.png); } #lnwTool-widget-dbd_registered { background-image: url(../_images/widget/dbd_registered.png); } #lnwTool-widget-facebook_likebox { background-image: url(../_images/widget/facebook_likebox.png); } #lnwTool-widget-facebook_likebutton { background-image: url(../_images/widget/facebook_likebutton.png); } #lnwTool-widget-twitter_share { background-image: url(../_images/widget/twitter_share.png); } #lnwTool-widget-twitter_widget { background-image: url(../_images/widget/twitter_widget.png); } #lnwTool-widget-google_plusone_button { background-image: url(../_images/widget/google_plusone_button.png); } #lnwTool-widget-showroom_hot { background-image: url(../_images/widget/showroom_hot.png); } #lnwTool-widget-showroom_new { background-image: url(../_images/widget/showroom_new.png); } #lnwTool-widget-showroom_recommend { background-image: url(../_images/widget/showroom_recommend.png); } #lnwTool-widget-showroom_sale { background-image: url(../_images/widget/showroom_sale.png); } #lnwTool-widget-showroom_random { background-image: url(../_images/widget/showroom_random.png); } #lnwTool-widget-trackcode { background-image: url(../_images/widget/track.png); } #lnwTool-widget-join_button { background-image: url(../_images/widget/join.png); } #lnwTool-widget-html { background-image: url(../_images/widget/html.png); } #lnwTool-widget-social_button { background-image: url(../_images/widget/share.png); } #lnwTool-widget-breadcrumb { background-image: url(../_images/widget/breadcrumb.png); } #lnwTool-widget-slide { background-image: url(../_images/widget/slideshow.png); } #lnwTool-widget-menu { background-image: url(../_images/widget/sidemenu.png); } #lnwTool-widget-channel_facebook{background-image: url(../_images/widget/ch_facebook.png); } #lnwTool-widget-channel_lnwmarket{background-image: url(../_images/widget/ch_market.png);} #lnwTool-widget-channel_lnwmall{background-image: url(../_images/widget/ch_mall.png);} #lnwTool-widget-channel_mobile{background-image: url(../_images/widget/ch_shop.png);} #lnwTool-widget-coupon{background-image: url(../_images/widget/coupon.png);} #lnwTool-widget-dealer{background-image: url(../_images/widget/dealer.png);} #lnwTool-widget-contact.grey { background-image: url(../_images/widget/grey/contact.png); } #lnwTool-widget-search.grey { background-image: url(../_images/widget/grey/search.png); } #lnwTool-widget-stat.grey { background-image: url(../_images/widget/grey/stat.png); } #lnwTool-widget-freedom.grey { background-image: url(../_images/widget/grey/freedom.png); } #lnwTool-widget-track.grey { background-image: url(../_images/widget/grey/trackcode.png); } #lnwTool-widget-blog_recent.grey { background-image: url(../_images/widget/grey/blog_recent.png); } #lnwTool-widget-webboard_recent.grey { background-image: url(../_images/widget/grey/webboard_recent.png); } #lnwTool-widget-link.grey { background-image: url(../_images/widget/grey/link.png); } #lnwTool-widget-member.grey { background-image: url(../_images/widget/grey/member.png); } #lnwTool-widget-dbd_registered.grey { background-image: url(../_images/widget/grey/dbd_registered.png); } #lnwTool-widget-facebook_likebox.grey { background-image: url(../_images/widget/grey/facebook_likebox.png); } #lnwTool-widget-facebook_likebutton.grey { background-image: url(../_images/widget/grey/facebook_likebutton.png); } #lnwTool-widget-twitter_share.grey { background-image: url(../_images/widget/grey/twitter_share.png); } #lnwTool-widget-twitter_widget.grey { background-image: url(../_images/widget/grey/twitter_widget.png); } #lnwTool-widget-google_plusone_button.grey { background-image: url(../_images/widget/grey/google_plusone_button.png); } #lnwTool-widget-showroom_hot.grey { background-image: url(../_images/widget/grey/showroom_hot.png); } #lnwTool-widget-showroom_new.grey { background-image: url(../_images/widget/grey/showroom_new.png); } #lnwTool-widget-showroom_recommend.grey { background-image: url(../_images/widget/grey/showroom_recommend.png); } #lnwTool-widget-showroom_sale.grey { background-image: url(../_images/widget/grey/showroom_sale.png); } #lnwTool-widget-showroom_random.grey { background-image: url(../_images/widget/grey/showroom_random.png); } #lnwTool-widget-trackcode.grey { background-image: url(../_images/widget/grey/track.png); } #lnwTool-widget-join_button.grey { background-image: url(../_images/widget/grey/join.png); } #lnwTool-widget-html.grey { background-image: url(../_images/widget/grey/html.png); } #lnwTool-widget-social_button.grey { background-image: url(../_images/widget/grey/share.png); } #lnwTool-widget-breadcrumb.grey { background-image: url(../_images/widget/grey/breadcrumb.png); } #lnwTool-widget-slide.grey { background-image: url(../_images/widget/grey/slideshow.png); } #lnwTool-widget-menu.grey { background-image: url(../_images/widget/grey/sidemenu.png); } #lnwTool-widget-channel_facebook.grey{background-image: url(../_images/widget/grey/ch_facebook.png); } #lnwTool-widget-channel_lnwmarket.grey{background-image: url(../_images/widget/grey/ch_market.png);} #lnwTool-widget-channel_lnwmall.grey{background-image: url(../_images/widget/grey/ch_mall.png);} #lnwTool-widget-channel_mobile.grey{background-image: url(../_images/widget/grey/ch_shop.png);} #lnwTool-widget-dealer.grey{background-image: url(../_images/widget/grey/dealer.png);} #lnwTool-history-items .item .menu-icon{ background-color: transparent; background-image: url(../_images/menu_icon.png); background-repeat: no-repeat; height: 29px; float: right; margin-right: 10px; } #lnwTool-history-items .item .menu-icon-addWidget { background-position: 0px -5px; width: 20px;} #lnwTool-history-items .item .menu-icon-template { background-position: -20px -5px; width: 26px;} #lnwTool-history-items .item .menu-icon-picture { background-position: -46px -5px; width: 26px;} #lnwTool-history-items .item .menu-icon-text { background-position: -72px -5px; width: 22px;} #lnwTool-history-items .item .menu-icon-content { background-position: -72px -5px; width: 22px;} #lnwTool-history-items .item .menu-icon-thumbnail { background-position: -94px -5px; width: 22px;} #lnwTool-history-items .item .menu-icon-background { background-position: -116px -5px; width: 26px;} #lnwTool-history-items .item .menu-icon-setting { background-position: -142px -5px; width: 22px;} #lnwTool-history-items .item .menu-icon-header { background-position: -164px -5px; width: 20px;} #lnwTool-view-menus{ width: 160px; height: 100%; float: left; box-sizing: border-box; /* background: #efefef none; color: #959595; -moz-box-shadow: 0px 0px 7px #555; -webkit-box-shadow: 0px 0px 7px #555; box-shadow: 0px 0px 7px #555; */ } #lnwTool-view-menus .menu{ padding: 0px 0px; font-size: 14px; text-align: left; cursor: pointer; color: #666; max-width: 160px; /* color: #959595; background: #EFEFEF none; text-shadow: 0px 1px 0px white; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; */ height: 45px; line-height: 45px; margin: 10px 0px 0px; } #lnwTool-view-menus .menu .menu-text.menu-text-2line { line-height: 16px; font-size: 0.9em; padding: 6px 0; display: block; } #lnwTool-view-menus .menu:hover .menu-text{ color: #38b9eb; } #lnwTool-view-menus .menu-active{ background: url('../_images/right_arrow.png') right 5px center no-repeat; /* -moz-box-shadow: inset 3px 0 3px 0px #999; -webkit-box-shadow: inset 3px 0 3px 0px #999; box-shadow: inset 3px 0 3px 0px #999; */ border-top: 1px transparent; border-bottom: 1px transparent; } #lnwTool-view-menus .menu-active .menu-text{ color: black; } #lnwTool-view-menus .menu-icon { background-color: transparent; background-image: url(../_images/menu_icon_new.png); background-repeat: no-repeat; /* width: 42px;*/ width: 0px; height: 42px; margin: 0px 5px 0px 10px; float:left; } #lnwTool-view-menus .menu[menu='text'] .menu-icon { background-position: -430px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='background'] .menu-icon { background-position: -84px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='template'] .menu-icon { background-position: -126px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='template1200'] .menu-icon { background-position: -126px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='catlist'] .menu-icon { background-position: -806px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='frame'] .menu-icon { background-position: -472px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='ribbon'] .menu-icon { background-position: -514px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='size'] .menu-icon { background-position: -556px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='display'] .menu-icon{ background-position: -245px -42px; width: 42px;} #lnwTool-view-menus .menu[menu='color'] .menu-icon { background-position: -640px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='joincolor'] .menu-icon { background-position: -640px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='mypicture'] .menu-icon { background-position: -296px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='lnwpicture'] .menu-icon { background-position: -682px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='image'] .menu-icon { background-position: -296px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='flash'] .menu-icon { background-position: -724px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='list'] .menu-icon { background-position: -766px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='like_button'] .menu-icon { background-position: -890px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='tweet_button'] .menu-icon { background-position: -848px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='gplus_button'] .menu-icon { background-position: -932px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='setting'] .menu-icon { background-position: -974px 0px; width: 42px;} #lnwTool-view-menus .menu[menu='link'] .menu-icon { background-position: -1016px 0px; width: 40px;} #lnwTool-view-menus .menu[menu='effect'] .menu-icon { background-position: 0px -42px; width: 50px;} #lnwTool-view-menus .menu[menu='arrow'] .menu-icon { background-position: -50px -42px; width: 50px;} #lnwTool-view-menus .menu[menu='pager'] .menu-icon { background-position: -110px -42px; width: 50px;} #lnwTool-view-menus .menu[menu='layout'] .menu-icon{ background-position: -162px -42px; width: 42px;} #lnwTool-view-menus .menu[menu='maxwidth'] .menu-icon{ background-position: -202px -42px; width: 42px;} /* #lnwTool-area.area-text #lnwTool-view-menus .menu .menu-icon{ width: 0px; }*/ #lnwTool-view-views{ margin: 10px 15px 10px 160px; background: white; border: 1px solid #e8e8e8; box-sizing: border-box; /* height: 100%;*/ height: calc(100% - 20px); font-size: 13px; } .view-detail-all { margin: 10px 15px 10px; padding: 10px; background: white; border: 1px solid #e8e8e8; box-sizing: border-box; } #lnwTool-view input[type='text'], #lnwTool-view input[type='number'], #lnwTool-view select { background-color: #f9f9f9; background-repeat: repeat-x; border: 1px solid #CCC; margin: 0px 10px 10px 5px; height: 30px !important; line-height : 30px !important; padding: 0px 10px; border-radius: 4px; box-sizing: border-box; max-width: 100%; } #lnwTool-view input[type='text'][disabled], #lnwTool-view input[type='number'][disabled]{ background-color: #aaaaaa; } #lnwTool-view-views:after { clear: both; content: "."; display: block; visibility: hidden; height: 0px; line-height: 0px; font-size: 0px; } #lnwTool-view-views .view{ min-height: 100%; display: none; } #lnwTool-view-full{ /* margin: 10px 20px 10px 20px;*/ margin: 0px; /* background: white;*/ /* border: 1px solid #e8e8e8;*/ box-sizing: border-boxb; /* height: 100%;*/ height: calc(100% - 20px); } #lnwTool-view .frame{ background-repeat: no-repeat; width: 60px; height: 60px; float: left; margin: 8px 2px 2px 14px; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; } #lnwTool-view .frame-noimg{ background-image: url(../_images/noimg.png); } #lnwTool-view .frame:hover{ border-color: #999999; border-style: dashed; } #lnwTool-view .frame-here{ border-color: #3b4cee; border-style: solid; } #lnwTool-view .ribbon{ background-repeat: no-repeat; width: 57px; height: 60px; float: left; margin: 8px 2px 2px 14px; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; } #lnwTool-view .ribbon-noimg{ background-image: url(../_images/noimg.png); background-position: center center !important; } #lnwTool-view .ribbon:hover{ border-color: #999999; border-style: dashed; } #lnwTool-view .ribbon-here{ border-color: #3b4cee; border-style: solid; } #lnwTool-view .ribbon-new .ribbon { background-position: 0px 0px; } #lnwTool-view .ribbon-hot .ribbon { background-position: -59px 0px; } #lnwTool-view .ribbon-recommend .ribbon { background-position: -116px 0px; } #lnwTool-view .ribbon-sale .ribbon { background-position: -173px 0px; } #lnwTool-view .size{ background-image: url(../_images/thumbnail_size_smlxl.png); background-repeat: no-repeat; background-color: transparent; border: 0px none; cursor: pointer; } #lnwTool-view .size-80 { background-position: 0px 0px; width:28px; height:28px; } #lnwTool-view .size-80:hover { background-position: -30px 0px; } #lnwTool-view .size-80:active { background-position: -60px 0px; } #lnwTool-view .size-80.size-here { background-position: -90px 0px; } #lnwTool-view .size-100 { background-position: -120px 0px; width:36px; height:36px; } #lnwTool-view .size-100:hover { background-position: -160px 0px; } #lnwTool-view .size-100:active { background-position: -200px 0px; } #lnwTool-view .size-100.size-here { background-position: -240px 0px; } #lnwTool-view .size-150 { background-position: 0px -40px; width:52px; height:52px; } #lnwTool-view .size-150:hover { background-position: -60px -40px;} #lnwTool-view .size-150:active { background-position: -120px -40px; } #lnwTool-view .size-150.size-here { background-position: -180px -40px; } #lnwTool-view .size-250 { background-position: 0px -100px; width:86px; height:86px; } #lnwTool-view .size-250:hover { background-position: -90px -100px; } #lnwTool-view .size-250:active { background-position: -180px -100px; } #lnwTool-view .size-250.size-here { background-position: -270px -100px; } #lnwTool-view .size-300 { background-position: 0px -416px; width:101px; height:101px; } #lnwTool-view .size-300:hover { background-position: -105px -416px; } #lnwTool-view .size-300:active { background-position: -210px -416px; } #lnwTool-view .size-300.size-here { background-position: -315px -416px; } #lnwTool-view .size-80r { background-position: -1px -186px; width:28px; height:37px; } #lnwTool-view .size-80r:hover { background-position: -30px -186px; } #lnwTool-view .size-80r:active { background-position: -60px -186px; } #lnwTool-view .size-80r.size-here { background-position: -90px -186px; } #lnwTool-view .size-100r { background-position: -120px -186px; width:36px; height:47px; } #lnwTool-view .size-100r:hover { background-position: -160px -186px; } #lnwTool-view .size-100r:active { background-position: -200px -186px; } #lnwTool-view .size-100r.size-here { background-position: -240px -186px; } #lnwTool-view .size-150r { background-position: 0px -233px; width:52px; height:69px; } #lnwTool-view .size-150r:hover { background-position: -60px -233px;} #lnwTool-view .size-150r:active { background-position: -120px -233px; } #lnwTool-view .size-150r.size-here { background-position: -180px -233px; } #lnwTool-view .size-250r { background-position: 0px -302px; width:86px; height:114px; } #lnwTool-view .size-250r:hover { background-position: -90px -302px; } #lnwTool-view .size-250r:active { background-position: -180px -302px; } #lnwTool-view .size-250r.size-here { background-position: -270px -302px; } #lnwTool-view .size-300r { background-position: 0px -517px; width:101px; height:136px; } #lnwTool-view .size-300r:hover { background-position: -105px -517px; } #lnwTool-view .size-300r:active { background-position: -210px -517px; } #lnwTool-view .size-300r.size-here { background-position: -315px -517px; } #lnwTool-view .block{ float: left; padding: 10px 0px 8px 20px; line-height: 30px; } #lnwTool-view .btext{ background-repeat: no-repeat; background-color: transparent; background-position: 0px 0px; width: 27px; height:24px; border: 0px none; padding: 0px; margin: 0px 5px 0px 0px; cursor: pointer } #lnwTool-view .btext-bold { background-image: url(../_images/header/bold.png); } #lnwTool-view .btext-italic { background-image: url(../_images/header/italic.png); } #lnwTool-view .btext-underline{ background-image: url(../_images/header/underline.png); } #lnwTool-view .btext-active { background-position: -27px 0px; } #lnwTool-view .position_property .arrow_box{ width: 63px; height: 63px; position: relative; margin-right: 10px; float: left; } #lnwTool-view .position_property .arrow{ position: absolute; background-image: url(../_images/header/arrow_position.png); background-repeat: no-repeat; width: 21px; height: 21px; cursor: pointer; } #lnwTool-view .position_property .arrow-up { background-position: 0px 0px; top: 0px; left: 21px; } #lnwTool-view .position_property .arrow-left { background-position: 0px -21px; top: 21px; left: 0px; } #lnwTool-view .position_property .arrow-right{ background-position: 0px -42px; top: 21px; left: 42px; } #lnwTool-view .position_property .arrow-down { background-position: 0px -63px; top: 42px; left: 21px; } #lnwTool-view .position_property .arrow-up:hover { background-position: -21px 0px; } #lnwTool-view .position_property .arrow-left:hover { background-position: -21px -21px; } #lnwTool-view .position_property .arrow-right:hover { background-position: -21px -42px; } #lnwTool-view .position_property .arrow-down:hover { background-position: -21px -63px; } #lnwTool-view .position_property .arrow-up:active { background-position: -42px 0px; } #lnwTool-view .position_property .arrow-left:active { background-position: -42px -21px; } #lnwTool-view .position_property .arrow-right:active { background-position: -42px -42px; } #lnwTool-view .position_property .arrow-down:active { background-position: -42px -63px; } #lnwTool-view .position_property .input_box{ height: 63px; position: relative; margin-left: 10px; float: left; } #lnwTool-view .position_property .input_box input{ width: 60px; } #lnwTool-view .color-box{ border: 0px none; width: 30px; cursor: pointer; background-image: none !important; } #lnwTool-view .bold{ font-weight: bold; } #lnwTool-view .ads-active{ width: 120px; height: 100%; padding: 10px 14px 10px 10px; position: absolute; top:0; right: 0; margin-top: 50px; border-left: 1px solid #dcdcdc; } #lnwTool-view .ads-active .procenter h3{ font-family: Superstore; font-size: 16px; color: #444; line-height: 1.5em; text-align: left; display: none; } #lnwTool-view .ads-active .pro_box{ color: #666; text-decoration: none; font-size: 15px; max-width: 120px; max-height: 300px; overflow: hidden; position: relative; display: block; margin: 0px auto; border: 1px solid #dcdcdc; background-color: white; } #lnwTool-view .ads-active .pro_box .pro_box_detail { width:100%; height: 100%; background: #f0f0f0; } #lnwTool-view .ads-active .pro_box .pro_logo{ width: 100%; height: 100%; } #lnwTool-view .ads-active .pro_box .box_recommend { position: absolute; top: -1px; right: -1px; background: url('http://www.lnwshop.com/system/application/modules/lnwshopweb/_images/professional_center/recommend_badge_small.png') no-repeat; width: 40px; height: 32px; z-index: 99; } #lnwTool-view .ads-active .pro_box .box_recommend img{ width: 100%; height: 100%; } #lnwTool-view .ads-active .pro_description { margin: 0px 10px; line-height: 1em; padding-bottom: 5px; } #lnwTool-view .ads-active .pro_description b{ font-weight: bold; font-size: 11px; color: #323233; } #lnwTool-view .ads-active .pro_description span { clear: both; color: #999; font-size: 11px; display: block; } /*#lnwTool-view .view-active[view=template]{ margin-right: 145px; }*/ #lnwTool-view .couponItem{ background-repeat: no-repeat; width: 100px; float: left; padding: 5px; margin: 8px 2px 2px 14px; height: 80px; cursor: pointer; text-align: center; border: 1px dashed transparent; } #lnwTool-view .couponItem:hover{ border-color: #aaaaaa; } #lnwTool-view .couponItem .message{ font-weight: bold; line-height: 14px; font-size: 12px; padding-top: 5px; } #lnwTool-view .couponItem-active{ background-color: #85dde9; border-radius: 4px; } #lnwTool-view .couponItem-active .message{ color: #ffffff; } #lnwTool-view .template-block{ color: #333; margin: 10px 5px 5px 15px; text-align: center; } #lnwTool-view .template-block .template-preview{ margin-top: 5px; display: block; } #lnwTool-view .template{ background-repeat: no-repeat; width: 200px; padding: 5px; height: auto; cursor: pointer; text-align: center; font-weight: bold; border: 1px dashed transparent; } #lnwTool-view .template:hover{ border-color: #aaaaaa; } #lnwTool-view .template-base{ background-color: #eaeaea; border-radius: 4px; } #lnwTool-view .template-base .message{ color: #8c8c8c; } #lnwTool-view .template-active{ background-color: #85dde9; border-radius: 4px; } #lnwTool-view .template-active .message{ color: #ffffff; } #lnwTool-view .template .img-container{ width: 200px; height: 200px; margin-bottom: 10px; text-align: center; } #lnwTool-view .template .img-container img{ max-width: 200px; max-height: 200px; margin: auto; } #lnwTool-view-views .view-active{ display: flex; flex-wrap: wrap; align-items: flex-start; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #lnwTool-view-views .view-active.no-flex{ display: block; } #lnwTool-view .choices-area{ display: flex; flex-wrap: wrap; } #lnwTool-view .choice-item{ background-repeat: no-repeat; width: 150px; padding: 5px 0; margin: 8px 2px 2px 14px; cursor: pointer; text-align: center; font-weight: bold; border: 1px dashed transparent; } #lnwTool-view .choice-item:hover{ border-color: #aaaaaa; } #lnwTool-view .choice-selected{ border-color: #ff0000; } #lnwTool-view .choice-item .img-container{ width: 150px; height: 150px; text-align: center; } #lnwTool-view .choice-item .img-container img{ max-width: 150px; max-height: 150px; margin: auto; } #lnwTool-view .layout{ background-repeat: no-repeat; width: 150px; float: left; margin: 8px 2px 2px 14px; cursor: pointer; text-align: center; font-weight: bold; border: 1px dashed transparent; } #lnwTool-view .layout:hover{ border-color: #aaaaaa; } #lnwTool-view .layout-active{ border-color: #ff0000; } #lnwTool-view .layout .img-container{ width: 150px; height: 150px; text-align: center; } #lnwTool-view .layout .img-container img{ max-width: 150px; max-height: 150px; margin: auto; } #lnwTool-view .img_show{ background-image: url(../_images/product_img_show.png); background-repeat: no-repeat; background-color: transparent; border: 0px none; cursor: pointer; width: 100px; height: 120px; border-width: 1px; border-style: solid; border-color: transparent; float: left; margin-left: 10px; } #lnwTool-view .img_show-active{ border-color: #ff0000; } #lnwTool-view .img_show[format="fill"] { background-position: 0px 0px; } #lnwTool-view .img_show[format="stretch"] { background-position: -100px 0px; } #lnwTool-view .img_show[format="fit"] { background-position: -200px 0px; } #lnwTool-view .picture-property{ float: right; text-align: right; padding: 0px; color: #555555; height: 20px; margin-right: 10px; } #lnwTool-view .lnwpicture-head{ height: 20px; padding: 10px 0px 0px 0px; } #lnwTool-view .menu-cancel, #lnwTool-view .menu-add, #lnwTool-view .album-add{ width: 110px; padding: 0px 0px 0px 10px; cursor: pointer; font-weight: bold; color: #449bea; text-decoration: none; float: left; } #lnwTool-view .menu-cancel:hover, #lnwTool-view .menu-add:hover, #lnwTool-view .album-add:hover{ text-decoration: underline; } #lnwTool-view .menu-cancel{ color: #999999; width: auto; } #lnwTool-view .album-area{ position: relative; } #lnwTool-view .album{ margin: 8px 2px 2px 14px; width: 64px; height: 78px; float: left; cursor: pointer; overflow: hidden; /*position: relative; display: block;*/ } #lnwTool-view .album .addAlbum{ text-align: center; } #lnwTool-view .album .album-image{ background-image: url(../_images/album_border.png); background-repeat: no-repeat; width: 64px; height: 64px; } #lnwTool-view .album .album-image img{ /*position: relative; top: 14px; left: 14px;*/ margin: 14px 0px 0px 14px; width: 47px; height: 47px; } #lnwTool-view .album .album-name{ text-align: center; white-space: nowrap; overflow: hidden; height: 14px; } #lnwTool-view .image{ margin: 8px 2px 2px 14px; width: 64px; height: 77px; float: left; cursor: pointer; } #lnwTool-view .image img{ width: 64px; height: 64px; } #lnwTool-view .image .image-name{ height:13px; overflow: hidden; text-align: center; white-space: nowrap; } #lnwTool-view .image-blank{ background-image: url(../_images/noimg.png); background-position: center center; background-color: #ffffff; height: 64px; } #lnwTool-view .image-color{ border: 1px solid #000000; background-image: none; } #lnwTool-view .view-head{ float: right; text-align: right; padding: 10px 0px 0px 0px; color: #555555; height: 20px; margin-right: 10px; } #lnwTool-view .view-head input{ height: 15px; font-size: 12px } #lnwTool-view .menuButton{ margin: 0px 6px 10px 6px; width: 175px; float: left; overflow: hidden; border: 1px solid #ececec; } #lnwTool-view .menuButton .buttonHead{ height: 32px; line-height: 32px; background: #ececec none; color: #000000; font-weight: bold; padding-left: 10px; } #lnwTool-view .menuButton .buttonHead .editIcon{ width: 24px; height: 24px; float:right; cursor:pointer; background: transparent url(../_images/edit_icon.png) no-repeat center; margin: 2px 3px 0px 0px; border: 1px solid transparent; } #lnwTool-view .menuButton .buttonHead .editIcon:hover{ background-color: #fefefe; border: 1px solid #D8D9DC; border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: 0 0 3px #B6B7BB; -webkit-box-shadow: 0 0 3px #B6B7BB; -moz-box-shadow: 0 0 3px #B6B7BB; } #lnwTool-view .menuButton .buttonHead .deleteIcon{ width: 24px; height: 24px; float:right; cursor:pointer; background: transparent url(../_images/delete_icon.png) no-repeat center; margin: 2px 8px 0px 0px; border: 1px solid transparent; } #lnwTool-view .menuButton .buttonHead .deleteIcon:hover{ background-color: #fefefe; border: 1px solid #D8D9DC; border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: 0 0 3px #B6B7BB; -webkit-box-shadow: 0 0 3px #B6B7BB; -moz-box-shadow: 0 0 3px #B6B7BB; } #lnwTool-view .menuButton .buttonBody{ color: #666666; padding: 10px; line-height: 20px; } #lnwTool-view .menuButton .buttonBody .data{ color: #000000; white-space: nowrap; } #lnwTool-view .menuButton .buttonBody a{ color: #449BEA; } #lnwTool-view .view-detail-edit a{ color: #449BEA; } #lnwTool-view .view-detail-edit .menuDesc{ font-size: 11px; line-height: normal; margin-left: 5px; margin-bottom: 20px; } #lnwTool-view .view-detail-edit .detail-body{ padding-top: 10px; line-height:25px; } #lnwTool-view .view-detail-edit .detail-body-row{ clear: both; } #lnwTool-view .view-detail-edit .detail-body-col-label{ float:left; width: 128px; text-align: right; color: #666666; font-weight: bold; } #lnwTool-view .view-detail-edit .detail-body-col-input{ margin-left: 130px; } #lnwTool-view .view-detail-edit .menu-add{ background: #449BEA; color: white; border-radius: 5px; padding: 3px 10px; display: inline-block; vertical-align: middle; width: auto; } #lnwTool-view .view-detail-edit .detail-body-left{ float: left; width: 350px; line-height: 24px; } #lnwTool-view .view-detail-edit .detail-body-left-left{ float:left; width: 128px; text-align: right; color: #666666; font-weight: bold; } #lnwTool-view .view-detail-edit .detail-body-left-right{ margin-left: 130px; } #lnwTool-view .view-detail-edit .detail-body-right{ margin-left: 350px; line-height: 24px; } #lnwTool-view .view-detail-edit .detail-body-right > div{ background-color: #d5d5d5; border-radius: 5px; padding: 15px; } #lnwTool-view .view-detail-edit .detail-body-right .params{ margin: 0px; padding: 0px; list-style: none; border-left: 1px solid #666666; border-top: 1px solid #666666; background-color: #ffffff; } #lnwTool-view .view-detail-edit .detail-body-right .params li{ margin: 0px; padding: 0px 0px 0px 10px; list-style: none; height:30px; line-height:30px; border-bottom: 1px solid #aaaaaa; font-weight: bold; } #lnwTool-view .view-detail-edit .detail-body-right .params li:hover{ background: #3ec594 none; } #lnwTool-view .view-detail-edit .detail-body-right .params li a{ color: #449BEA; font-weight: normal; } #lnwTool-view .view-detail-edit .detail-body-right .params li:hover a{ color: #ffffff } #lnwTool-view .menuButton .showSwitch{ background-color: transparent; background-repeat: no-repeat; width: 90px; height: 25px; border: 0px none; cursor: pointer; background-position: 0px -25px; background-image: url(../_images/button/switch_show.png); } #lnwTool-view .menuButton .switchOn{ background-position: 0px 0px; } #lnwTool-view .menuItems{ padding: 10px; } #lnwTool-view .menuItem{ float: left; padding: 0px 10px; width: 100px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; background: #c2c2c2 none; color: #363636; border: 1px solid #7d7d7d; border-width: 1px; border-style: solid; border-color: #7d7d7d; text-align: center; /* cursor: move;*/ } #lnwTool-view .separate{ float: left; width: 25px; height: 30px; line-height: 30px; padding:0px; margin: 30px 5px 45px; border: 1px solid transparent; background: #dddddd none; border-width: 1px; border-style: dashed; border-color: transparent; cursor: pointer; font-size: 10px; text-align: center; } #lnwTool-view .separate:hover{ background: #dddddd none; border-color: #7d7d7d; } #lnwTool-view .menuItem.dragged{ background-color: #f4f4f4; color: #f4f4f4; border-style: dashed; } #lnwTool-view .menuItem.clone{ position: fixed; background-color: #eaeaea; } #lnwTool-view .detail-head, #lnwTool-view .picture-head{ padding: 10px 0px 0px 0px; height: 21px; } #lnwTool-view .album-back{ width: 125px; padding: 0px 10px; cursor: pointer; font-weight: bold; color: #449bea; text-decoration: none; float: left; } #lnwTool-view .album-back:hover{ text-decoration: underline; } #lnwTool-view .album-title{ padding: 0px 10px 0px 0px; font-weight: bold; color: #aaaaaa; text-decoration: none; float: left; } #lnwTool-view .link{ width: 250px; height: 125px; float: left; margin: 14px 2px 2px 14px; background: #ececec none; padding: 10px; border-radius: 10px; } #lnwTool-view .link table{ width: 250px; height: 115px; } #lnwTool-view .link table thead td{ font-weight: bold; height: 25px; color: #000000; border-bottom: 1px solid #c2c2c2; } #lnwTool-view .link table tbody td{ height: 30px; vertical-align: bottom; } #lnwTool-view .link .bold{ color: #555555; font-weight: bold; width: 57px; } #lnwTool-view .link .input-image{ width: 167px; } #lnwTool-view .link .input-image-browse{ background: transparent url(../_images/icon_gallery.gif) no-repeat center center; width: 20px; height: 20px; border: 0px; cursor: pointer; } #lnwTool-view .link .input-url, #lnwTool-view .link .input-text{ width: 190px; } #lnwTool-view .link .icon{ float: right; margin: 0px 5px 0px 0px; width: 17px; height: 16px; background-color: transparent; background-image: url(../_images/link_icon.png); background-repeat: no-repeat; cursor: pointer; } #lnwTool-view .link .down { background-position: 0px 0px; } #lnwTool-view .link .up { background-position: -17px 0px; } #lnwTool-view .link .remove { background-position: -34px 0px; } #lnwTool-view .link .down:hover { background-position: 0px -16px; } #lnwTool-view .link .up:hover { background-position: -17px -16px; } #lnwTool-view .link .remove:hover { background-position: -34px -16px; } #lnwTool-Save{ border: 0px none; /* background-color: transparent; background-image: url(../_images/save_button.png); background-repeat: no-repeat; background-position: 0px -147px; */ background: -webkit-linear-gradient(140deg, #ccc, #ddd, #ddd, #ccc)!important; background: -webkit-linear-gradient(310deg, #ccc, #ddd, #ddd, #ccc)!important; background: linear-gradient(140deg, #ccc, #ddd, #ddd, #ccc)!important; border: 1px solid #ccc; color: #0a6c90; width: 100%; height: 49px; color: white; } #lnwTool-Save.edited{ /* background-position: 0px 0px;*/ background: -webkit-linear-gradient(140deg, #39a3ee, #5bdaff)!important; background: -webkit-linear-gradient(310deg, #39a3ee, #5bdaff)!important; background: linear-gradient(140deg, #39a3ee, #5bdaff)!important; border: 1px solid #32aeef; color: #0a6c90; cursor: pointer; } #lnwTool-Save .lnwTool-Save-Text { width: 100%; height: 100%; background: url('../_images/lnwtool-save-text.png') top -2px center no-repeat; } #lnwTool-Save.edited:hover{ /* background-position: 0px -49px;*/ background: -webkit-linear-gradient(50deg, #39a3ee, #5bdaff)!important; background: -webkit-linear-gradient(40deg, #39a3ee, #5bdaff)!important; background: linear-gradient(50deg, #39a3ee, #5bdaff)!important; } #lnwTool-Save.edited:active{ /* background-position: 0px -98px;*/ background: #39a3ee !important; } #lnwTool-Save.saving{ background: #aaaaaa none; color: #ffffff; cursor: wait; } #lnwTool-area .clear{ clear: both; } #lnwTool-area.area-pages .area-left{ width: 100% !important; } #lnwTool-area.area-pages .area-right{ display: none; } #lnwTool-view .caution{ color: #ff0000; font-weight: bold; margin: 0px 0px 0px 30px; padding: 10px 0px; flex-basis: 100%; } #lnwTool-view .view-wrapper{ padding: 10px 5px 5px 10px; } #lnwTool-view-views .flash_container{ margin: 0px 0px 0px 30px; padding: 10px 0px; } #lnwToolWaiting{ z-index: 2000000010; background: #000000 url(../_images/loading.gif) center center no-repeat; opacity: 0.5; filter: alpha(opacity=50); width: 100%; position: absolute; top: 0px; left: 0px; } #lnwTool-view .addon{ padding: 10px 5px 5px 20px; line-height: 20px; } #lnwTool-view .addon .right_click_icon{ background: url(../_images/mouse_select_right.png) no-repeat; display: inline-block; position: relative; top: 10px; margin-left: 5px; width: 32px; height: 32px; } #lnwTool-view .addon .select_icon{ background: url(../_images/text_select.png) no-repeat; display: inline-block; position: relative; top: 10px; margin-left: 5px; width: 32px; height: 32px; } #lnwTool-view .addon .addon-header{ font-weight: bold; line-height: 30px; } #lnwTool-view .addon .tips { font-size: 11px; color: #999; } .lnwTool-dragReal{ } .lnwTool-dragReal .unitShirt{ visibility: hidden; } #lnwTool-view .setting-default{ padding: 10px 20px; line-height: 2.4em; color: #333333; background: white; margin: 15px; border: 1px solid #e8e8e8; } #lnwTool-view .setting-default:after{ content: ''; display: block; clear: both; } #lnwTool-view .choose-cart-display { display: inline-block; text-align: center; border: 1px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-right: 20px; padding: 5px; cursor: pointer; } #lnwTool-view .choose-cart-display:hover { border-color: dodgerblue; } #lnwTool-view .choose-cart-display.selected { border-color: dodgerblue; } #lnwTool-view .choose-cart-style { width: 50px; height: 50px; margin: 5px 10px 10px 0px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; display: inline-block; padding: 3px; border: 1px solid #eee; cursor: pointer; background-clip: content-box; } #lnwTool-view .choose-cart-style:hover { border-color: dodgerblue } #lnwTool-view .choose-cart-style.selected { border-color: dodgerblue } #lnwTool-view .choose-cart-style.style-gray { background-color: gray; } #lnwTool-view .choose-cart-style.style-blue { background-color: deepskyblue; } #lnwTool-view .choose-cart-style.style-pink { background-color: pink; } #lnwTool-view .choose-cart-style.style-dark-pink { background-color: hotpink; } #lnwTool-view .choose-cart-style.style-brown { background-color: saddlebrown; } #lnwTool-view .choose-cart-style.style-black { background-color: black; } #lnwTool-view .choose-cart-style.style-mint { background-color: mediumaquamarine; } #lnwTool-view .choose-cart-bg-style { width: 50px; height: 50px; margin: 5px 10px 10px 0px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; display: inline-block; padding: 3px; border: 1px solid #eee; cursor: pointer; background-clip: content-box; } #lnwTool-view .choose-cart-bg-style:hover { border-color: dodgerblue } #lnwTool-view .choose-cart-bg-style.selected { border-color: dodgerblue } #lnwTool-view .choose-cart-bg-style.style-whiteBar { background-color: ghostwhite; } #lnwTool-view .choose-cart-bg-style.style-grayBar { background-color: gray; } #lnwTool-view .choose-cart-bg-style.style-darkBar { background-color: black; } /*---------------------------------------------mlColorPicker--------------------------------------------------*/ #mlColorPicker{ border:1px solid black; background-color:#DDDDDD; padding-bottom:5px; z-index: 200; width: 271px; height: 191px; } #mlSelectedColorDiv{ float:left; width:43px; height:20px; border:solid 1px black; background-color:white; margin:5px; } #mlSelectedColorText{ float:left; width:60px; border:solid 1px black; font-size:small; margin:5px; } #mlColors{ float:left; margin:0 5px 0 5px; border-bottom:1px solid black; border-right:1px solid black; clear:both; width:260px; height:156px; } .mlColor{ border-left:1px solid black; border-top:1px solid black; float:left; width:12px; height:12px; } #mlTrans{ float:right; width:12px; height:12px; background-image: url(../_images/mltrans.png); background-repeat: no-repeat; border: 1px solid; border-color: transparent; margin: 10px; } #mlTrans:hover{ border-color: #000000; } #lnwTool-view .honeycomb{ width: 234px; height: 220px; float: left; margin: 0px 0 8px 30px; } #lnwTool-view .selectedColor{ background: transparent url(../_images/selectedcolor.gif) no-repeat; position: relative; width: 21px; height: 21px; } #lnwTool-view .colorText{ width: 75px; } #lnwTool-view .colorPreview{ width: 50px; height: 20px; border: 1px solid #999999; } #lnwTool-view .colorPreview-container{ background: transparent url(../_images/honeycomb_trans.gif) no-repeat center center; width: 52px; height: 22px; margin: 20px 10px 10px 5px; } #lnwTool-view .honeycomb map area{ cursor: pointer; } .clearlooks2{ z-index: 2000000005 !important; } #lnwTool-view-views .view-switch{ width: 100%; } #lnwTool-view-views .view-switch .view-switch-head{ padding: 10px; border-bottom: 1px solid #d2d2d2; } #lnwTool-view-views .view-switch h3{ padding: 10px 0px 0px 20px; } #lnwTool-view-views .view-switch .switch_view{ /* background: transparent url(../_images/switch_view.png) no-repeat;*/ width: auto; height: 25px; margin: 0px; padding: 0px; } #lnwTool-view-views .vsw-blue .switch_view { background-position: 0px 0px; } #lnwTool-view-views .vsw-yellow .switch_view { background-position: 0px -25px; } #lnwTool-view-views .vsw-blue .switch_view .blue a, #lnwTool-view-views .vsw-yellow .switch_view .yellow a { color: #38b9eb; border: 1px solid #38b9eb; } #lnwTool-view-views .view-switch .switch_view li{ display: inline; float: left; list-style-type: none; width: 75px; height: 25px; line-height: 25px; margin: 0px; padding: 0px; text-align: center; border-radius: 5px; box-sizing: border-box; margin-right: 15px; line-height: 23px; } #lnwTool-view-views .view-switch .switch_view li a{ color: #bbbbbb; font-weight: bold; display: block; width: 75px; border-radius: 15px; } #lnwTool-view-views .view-switch .view-switch-panel{ width: 50%; vertical-align: top; float:left; position: relative; min-height: 200px; } #lnwTool-view-views .view-switch .lnwTool-lock-view{ width: 100%; height: 100%; position: absolute; background: #ccc url(../_images/lock.png) no-repeat center center; background-size: 50px; opacity: 0.5; filter: alpha(opacity=50); z-index: 2; } #lnwTool-view-views .vsw-blue .view-switch-panel.blue .lnwTool-lock-view, #lnwTool-view-views .vsw-yellow .view-switch-panel.yellow .lnwTool-lock-view{ display: none; } #lnwTool-view-views .vsw-blue .view-switch-panel.yellow .lnwTool-lock-view, #lnwTool-view-views .vsw-yellow .view-switch-panel.blue .lnwTool-lock-view{ display: block; } #lnwTool-view-views .gallery-refresh{ float: left; background: transparent url(../_images/refresh_20px.png); width: 20px; height: 20px; cursor: pointer; } .elementCover{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; /*width: 100%;*/ /*height: 100%;*/ z-index: 99; } /* .layout-aside_hide .z-nav .elementCover{ left: 50px; width: calc(100% - 50px); max-width: 1150px; } */ /* .unitShoe:after { clear: both; content: "."; display: block; visibility: hidden; height: 0px; line-height: 0px; font-size: 0px; } */ #lnwTool-Box{ width: 420px; min-height: 375px; overflow-y: scroll; } #lnwTool-Box.loading{ width: 420px; min-height: 375px; background: transparent url(../_images/loading.gif) no-repeat center center; } #lnwTool-Box .album-add{ width: 110px; padding: 0px 0px 0px 10px; cursor: pointer; font-weight: bold; color: #449bea; text-decoration: none; float: left; } #lnwTool-Box .album-add:hover{ text-decoration: underline; } #lnwTool-Box .album-area{ position: relative; clear: both; } #lnwTool-Box .album{ margin: 8px 2px 2px 14px; width: 64px; height: 78px; float: left; cursor: pointer; overflow: hidden; /*position: relative; display: block;*/ } #lnwTool-Box .album .addAlbum{ text-align: center; } #lnwTool-Box .album .album-image{ background-image: url(../_images/album_border.png); background-repeat: no-repeat; width: 64px; height: 64px; } #lnwTool-Box .album .album-image img{ /*position: relative; top: 14px; left: 14px;*/ margin: 14px 0px 0px 14px; width: 47px; height: 47px; } #lnwTool-Box .album .album-name{ text-align: center; white-space: nowrap; overflow: hidden; height: 14px; } #lnwTool-Box .image{ margin: 8px 2px 2px 14px; width: 64px; height: 77px; float: left; cursor: pointer; } #lnwTool-Box .image img{ width: 64px; height: 64px; } #lnwTool-Box .image .image-name{ height:13px; overflow: hidden; text-align: center; white-space: nowrap; } #lnwTool-Box .album-back{ width: 125px; padding: 0px 10px; cursor: pointer; font-weight: bold; color: #449bea; text-decoration: none; float: left; } #lnwTool-Box .album-back:hover{ text-decoration: underline; } #lnwTool-Box .album-title{ padding: 0px 10px 0px 0px; font-weight: bold; color: #aaaaaa; text-decoration: none; float: left; } #lnwbox { z-index: 2100000020 !important; } #twitter-widget-config .view{ padding: 10px 5px 5px 20px; line-height: 1.7em; color: #333333; } #twitter-widget-config input.text { width: 275px; padding: 7px; font-size: 13px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #bbb; color: #666; } #twitter-widget-config input.text:focus { -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5); border-color: rgba(82, 168, 236, 0.75) !important; } #twitter-widget-config input#rpp-input, #twitter-widget-config input#sw-widget-interval { width: 30px; } #twitter-widget-config input[disabled] { background: #fff; color: #000; } #twitter-widget-config button.rpp-btn { padding: 2px 4px !important; font-size: 6px; display: block; line-height: 10px !important; } #twitter-widget-config label{ margin: 0 0 5px 0; cursor: pointer; display: block; } #twitter-widget-config .view[view=settings] small { font-size: 10px; color: #999; display: block; } #twitter-widget-config .input-group input.text { width: 116px; } #twitter-widget-config .view[view=dimensions] input.text { width: 100px; margin-bottom: .5em; } #twitter-widget-config input.widget-colors { width: 80px; background: #fff; cursor: pointer; border-radius: 5px; border: 1px solid #ccc; margin: 0; } #twitter-widget-config .t-unit{ float: left; margin-right: 10px; } .t-unit-clear{ clear: both; } #twitter-widget-config .t-section { overflow: hidden; width: 100%; } #twitter-widget-config .color-box{ border: 1px solid #999999; border-radius: 3px 3px 3px 3px; cursor: pointer; height: 16px; width: 16px; margin-left: 10px; } #twitter-widget-config .disabled-group{ display: none; } #lnwTool-view .htmleditor-container{ font-size:12px; padding: 10px; } #lnwTool-view .htmleditor-container .CodeMirror { border: 1px solid #000; } #lnwTool-view .htmleditor-container #htmleditor{ height:300px; } #lnwTool-view .pagecreate{ border-color: #53b516; } #lnwTool-view .pagecreate .itemHead{ background-color: #53b516; color: #ffffff; } .u-freedom .unitEditor .CodeMirror, .u-html .unitEditor .CodeMirror, .u-section .unitEditor .CodeMirror{ border: 1px solid #000; height: 200px; } .u-freedom .unitEditor .CodeMirror .CodeMirror-scroll, .u-html .unitEditor .CodeMirror .CodeMirror-scroll, .u-section .unitEditor .CodeMirror .CodeMirror-scroll{ height: 200px; } .lnwAddZone html,.lnwAddZone body,.lnwAddZone div,.lnwAddZone span,.lnwAddZone applet,.lnwAddZone object,.lnwAddZone iframe,.lnwAddZone h1,.lnwAddZone h2,.lnwAddZone h3,.lnwAddZone h4,.lnwAddZone h5,.lnwAddZone h6,.lnwAddZone p,.lnwAddZone blockquote,.lnwAddZone pre,.lnwAddZone a,.lnwAddZone abbr,.lnwAddZone acronym,.lnwAddZone address,.lnwAddZone big,.lnwAddZone cite,.lnwAddZone code,.lnwAddZone del,.lnwAddZone dfn,.lnwAddZone em,.lnwAddZone img,.lnwAddZone ins,.lnwAddZone kbd,.lnwAddZone q,.lnwAddZone s,.lnwAddZone samp,.lnwAddZone small,.lnwAddZone strike,.lnwAddZone strong,.lnwAddZone sub,.lnwAddZone sup,.lnwAddZone tt,.lnwAddZone var,.lnwAddZone b,.lnwAddZone u,.lnwAddZone i,.lnwAddZone .notification-box .arrow-bubble u,.lnwAddZone center,.lnwAddZone dl,.lnwAddZone dt,.lnwAddZone dd,.lnwAddZone ol,.lnwAddZone ul,.lnwAddZone li,.lnwAddZone fieldset,.lnwAddZone form,.lnwAddZone label,.lnwAddZone legend,.lnwAddZone table,.lnwAddZone caption,.lnwAddZone tbody,.lnwAddZone tfoot,.lnwAddZone thead,.lnwAddZone tr,.lnwAddZone,.lnwAddZone th,.lnwAddZone td,.lnwAddZone article,.lnwAddZone aside,.lnwAddZone canvas,.lnwAddZone details,.lnwAddZone embed,.lnwAddZone figure,.lnwAddZone figcaption,.lnwAddZone footer,.lnwAddZone header,.lnwAddZone hgroup,.lnwAddZone menu,.lnwAddZone nav,.lnwAddZone output,.lnwAddZone ruby,.lnwAddZone section,.lnwAddZone summary,.lnwAddZone time,.lnwAddZone mark,.lnwAddZone audio,.lnwAddZone video { border: 0 none; font: inherit; margin: 0; padding: 0; vertical-align: baseline; } .lnwAddZone ol,.lnwAddZone ul { list-style: none outside none; } .lnwAddZone h1{ font-size:16px; } .lnwAddZone .uploadButton { padding: 2px 5px 2px 30px; cursor: pointer; white-space: nowrap; line-height: 24px; border: 1px solid gainsboro; background-color: #fafafa; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); border-radius: 2px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebebeb), to(white)); background: -webkit-linear-gradient(top, white, #ebebeb); background: -o-linear-gradient(top, white, #ebebeb); font-size: 13px; color: #707070; font-weight: bold; display: inline-block; vertical-align: middle; *vertical-align: auto; *display: inline; text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; height: 24px; position: relative; width: 100px; } .lnwAddZone .uploadButton:hover { background-color: white; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(white)); background: -webkit-linear-gradient(top, white, #fafafa); background: -o-linear-gradient(top, white, #fafafa); } .lnwAddZone .uploadButton:active { background: #fafafa; text-shadow: none; } .lnwAddZone .uploadButton .ico { background: url("../_images/lnwaddzone/icons.png") no-repeat scroll 0 -840px transparent; bottom: 0; display: block; height: 24px; left: 7px; margin: auto; position: absolute; top: 0; width: 24px; } .lnwAddZone .uploadButton:hover .ico{ background-position: -48px -840px; } .lnwAddZone .uploadButton:active .ico{ background-position: -24px -840px; } .lnwAddZone .uploadButton:hover .txt{ color: #00AEEF; } .lnwAddZone .uploadButton:active .txt{ color: #444; } .lnwAddZone .uploadButton .txt, .lnwAddZone .uploadButton .uploadify-button-text { color: #666666; font-size: 13px; } .lnwAddZone .hilightButton { background: -moz-linear-gradient(center top , #8EE2FF, #38BDEB) repeat scroll 0 0 transparent; border: 1px solid #61D3FA; border-radius: 2px 2px 2px 2px; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset; color: #005B7F !important; cursor: pointer; display: inline-block; font-size: 13px !important; font-weight: bold !important; line-height: 24px; padding: 2px 10px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); vertical-align: middle; } .lnwAddProductZone .product_zone, .lnwAddFileZone .image_zone { padding: 20px 20px 0; text-align: left; } .lnwAddProductZone .product_zone .product_area, .lnwAddFileZone .image_zone .image_area { -moz-user-select: none; display: inline-block; padding: 3px 1px; position: relative; vertical-align: middle; } .lnwAddProductZone .product_zone .product_area .product_frame, .lnwAddFileZone .image_zone .image_area .image_frame { border: 1px solid gainsboro; display: inline-block; padding: 5px; position: relative; } .lnwAddProductZone .product_zone .select_frame, .lnwAddFileZone .image_zone .select_frame { background: url("../_images/lnwaddzone/check.png") no-repeat scroll 115px 115px transparent; border: 5px solid #00AEEF; display: none; height: 150px; left: 0; position: absolute; top: 0; width: 150px; z-index: 19; } .lnwAddProductZone .product_zone .product_area .product_thumb, .lnwAddFileZone .image_zone .image_area .image_thumb { height: 150px; overflow: hidden; position: relative; width: 150px; } .lnwAddProductZone .product_zone .product_area .product_name,.lnwAddProductZone .product_zone .product_area .product_price, .lnwAddFileZone .image_zone .image_area .image_name { color: #464646; display: block; font-size: 11px; font-weight: bold; height: 18px; line-height: 18px; overflow: hidden; text-align: center; width: 150px; } .lnwAddFileZone .image_zone .image_area .progress_bar{ width: 150px; height: 150px; display: table-cell; overflow: hidden; vertical-align: middle; text-align: center; line-height: 0; background-color: #ebebeb; border: 1px solid #dcdcdc; padding: 4px; } .lnwAddFileZone .image_zone .image_area .progress_bar .error{ line-height: 20px; } .lnwAddFileZone .image_zone .image_area .progress_bar .bar{ width: 150px; height: 8px; background-color: #fff; } .lnwAddFileZone .image_zone .image_area .progress_bar .bar .progess{ height: 8px; background-color: #00ff00; width: 0%; max-width: 100%; } .lnwAddFileZone .image_zone .image_area .progress_bar img { max-width: 150px; } .lnwAddFileZone .image_zone .image_area .progress_bar .text { line-height: 24px; } #lnwTool-view .lnwAddFileZone .image_zone .image_area .progress_bar{ width: 100px; height: 100px; } #lnwTool-view .lnwAddFileZone .image_zone .image_area .progress_bar .bar{ width: 100px; } #lnwTool-view .lnwAddFileZone .image_zone .image_area .progress_bar img { max-width: 100px; } .lnwAddZone .browse_area { text-align: left; overflow: hidden; width: 100%; margin-top: 0; } .lnwAddZone .browse_area .browse_left { width: 260px; border-top: 1px solid gainsboro; float: left; } .lnwAddZone .categories .listing, .lnwAddZone .folders_browser .listing { z-index: 55; } .lnwAddProductZone .categories .listing li, .lnwAddFileZone .folders_browser .listing li { clear: both; position: relative; } .lnwAddProductZone .categories .listing li[type="all"] ,.lnwAddFileZone .folders_browser .listing li[type="all"] { background-color: #EBEBEB; } .lnwAddProductZone .categories .parent li[type="main"], .lnwAddFileZone .folders_browser .parent li[type="main"] { background-color: white; } .lnwAddProductZone .categories .parent li.gray, .lnwAddFileZone .folders_browser .parent li.gray { background-color: #EBEBEB; } .lnwAddProductZone .categories .list-box.selected, .lnwAddFileZone .folders_browser .list-box.selected { background-color: #CEF1FF; } .lnwAddProductZone .categories .list-box, .lnwAddFileZone .folders_browser .list-box { height: 30px; padding: 5px 0; } .lnwAddProductZone .categories li .left, .lnwAddFileZone .folders_browser li .left { display: block; height: 30px; } .lnwAddProductZone .categories li .left .name, .lnwAddFileZone .folders_browser li .left .name { text-align: left; } .lnwAddProductZone .categories li .left .name, .lnwAddFileZone .folders_browser li .left .name { color: #464646; cursor: pointer; font-size: 13px; font-weight: bold; margin-left: 24px; } .lnwAddProductZone .categories li .left .name,.lnwAddProductZone .categories li .left .text_wrapper, .lnwAddFileZone .folders_browser li .left .name,.lnwAddFileZone .folders_browser li .left .text_wrapper { display: block; height: 30px; line-height: 30px; } .lnwAddProductZone .categories li .right, .lnwAddFileZone .folders_browser li .right { position: absolute; right: 15px; text-align: right; top: 5px; } .lnwAddProductZone .categories li .right .amount, .lnwAddFileZone .folders_browser li .right .amount { color: #707070; display: inline-block; font-size: 11px; font-weight: normal; line-height: 30px; overflow: hidden; vertical-align: middle; } .lnwAddZone .text_wrapper { display: block; margin: 0; position: relative; width: 100%; } .lnwAddZone .text_wrapper .text_wrapper { display: block; left: 0; margin: 0; overflow: hidden; position: absolute; text-overflow: ellipsis; top: 0; white-space: nowrap; width: 100%; } .lnwAddZone .browse_area .browse_right { margin-left: 260px; border-left: 2px solid gainsboro; border-top: 1px solid gainsboro; display: block; } .lnwAddZone .browse_area .toolbar { padding: 5px 0; display: block; } .lnwAddProductZone .product_zone .selected .select_frame, .lnwAddFileZone .image_zone .selected .select_frame { display: inline-block; } #lnwbox2.lnwAddZone{ } #lnwbox2.lnwAddZone #lnwbox2Skin{ padding: 10px 30px; } #lnwbox2.lnwAddZone #lnwbox2Body{ min-width: 900px; color: #303942; padding: 0px; } #laf{ position: relative; } #laf-selected{ min-height: 80px; line-height: 80px; border-top: 3px solid #ccc; position: relative; } #laf-selected .b-add{ float: right; margin-right: 10px; } #laf-selected .selected_text{ color: #333333; float: left; font-size: 12px; font-weight: bold; line-height: 24px; margin-left: 10px; padding-top: 20px; width: 50px; } #laf-selected .image_zone{ padding: 0px 3px; margin-left: 70px; margin-right: 70px; } #laf-selected .image_zone .image_area{ } #laf-selected .image_zone .image_area .image_frame{ padding: 2px; display: block; } #laf-selected .image_zone .image_area .image_thumb{ width: 64px; height: 64px; } #laf-selected .image_zone .image_area .image_thumb .image_img{ width: 64px; height: 64px; } #laf #laf-tabs{ text-align: left; height: 50px; line-height: 50px; background-color: #f5f5f7; } #laf .laf-tab{ line-height: 50px; padding: 0px 20px; color: #aaa; text-decoration: none; font-size: 15px; float: left; margin: 0px 0px 0px 10px; cursor: pointer; -webkit-transition: -webkit-box-shadow 0.5s ease; transition: -webkit-box-shadow 0.5s ease; transition: box-shadow 0.5s ease; transition: box-shadow 0.5s ease, -webkit-box-shadow 0.5s ease; } #laf .laf-tab:hover{ color: #999999; text-decoration: underline; } #laf #laf-areas{ } #laf #laf-areas .laf-area{ display: none; } #laf.laf-show-upload #laf-tab-upload, #laf.laf-show-media #laf-tab-media{ background-color: transparent; border-radius: 0px; -webkit-box-shadow: inset 0 -3px #00aeef; box-shadow: inset 0 -3px #00aeef; opacity: 1; color: #353e44; cursor: default; text-decoration: none; } #laf.laf-show-upload #laf-area-upload,#laf.laf-show-media #laf-area-media{ display: block; } #laf .topbar{ height: 50px; line-height: 50px; font-size: 14px; color: #bbc6cd; border-bottom: 1px solid #eee; padding: 15px 20px; -webkit-box-sizing: content-box; box-sizing: content-box; } #lnwTool-view .image_choice_detail[choice="new"] .selectZone, #laf-area-upload .selectZone{ float: left; } #lnwTool-view .image_choice_detail[choice="new"] .buttonZone, #laf-area-upload .buttonZone{ float: left; margin-left: 10px; } #lnwTool-view .image_choice_detail[choice="new"] .first_upload .buttonZone, #laf-area-upload.first_upload .buttonZone{ visibility: hidden; width: 0; } #laf-area-upload .start_upload{ display: none; position: absolute; height: 230px; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; font-size: 12px; } #laf .button{ position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; border-radius: 2px; user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; background-color: #f0f0f0; border: 1px solid #d7d7d7; color: #707070; padding: 6px 24px 5px; font-size: 13px; font-weight: bold; cursor: pointer; white-space: nowrap; padding: 6px 24px 5px; line-height: 22px; } #laf .button:hover{ background-color: #ebebeb; color: #474747; } #laf .button:active { background-color: #cccccc; color: #707070; } #laf .button:disabled, #laf .button.disabled, #laf .button.selected { background-color: #f0f0f0; color: #b3b3b3; cursor: default; } #laf .button.primary{ background-color: #71d8fd; border: 1px solid #3fcafc; color: #0a6c90; } #laf .button.primary:hover,{ background-color: #49cdfc; color: #053344; } #laf .button.primary:active{ background-color: #0cbcfc; color: #0a6c90; } #laf .button.primary:disabled, #laf .button.primary.disabled, #laf .button.primary.selected{ background-color: #f0f0f0; border-color: #d7d7d7; color: #b3b3b3; } #laf .button.primary{ background-color: #00aeef; background: -webkit-linear-gradient(51deg, #71d8fd, #3fcafc); background: -o-linear-gradient(321deg, #71d8fd, #3fcafc); background: -moz-linear-gradient(321deg, #71d8fd, #3fcafc); background: linear-gradient(51deg, #71d8fd, #3fcafc); } #laf .button.primary:hover{ box-shadow: 0px 0px 2px #00aeef; -webkit-transition: .2s box-shadow; transition: .2s box-shadow; } #lnwTool-view .image_choice_detail[choice="new"] .start_upload{ display: none; height: 230px; margin: auto; font-size: 12px; text-align: center; clear: both; } #lnwTool-view .image_choice_detail[choice="new"] .image_zone{ clear: both; } #lnwTool-view .image_choice_detail[choice="new"] .first_upload .start_upload, #laf-area-upload.first_upload .start_upload{ display: block; } #lnwTool-view .image_choice_detail[choice="new"] .start_upload .cloud_upload, #laf-area-upload .start_upload .cloud_upload { margin: 0 auto; text-align: center; display: inline-block; padding: 0 10px 10px; } #lnwTool-view .image_choice_detail[choice="new"] .start_upload .cloud_upload .cloud, #laf-area-upload .start_upload .cloud_upload .cloud { margin: 0 auto; background: transparent url("../_images/lnwaddzone/upload.png") no-repeat; width: 170px; height: 110px; background-position: 0 0; } #lnwTool-view .image_choice_detail[choice="new"] .start_upload .cloud_upload:hover .cloud, #laf-area-upload .start_upload .cloud_upload:hover .cloud { background-position: -170px 0; } #lnwTool-view .image_choice_detail[choice="new"] .start_upload .upload_text, #laf-area-upload .start_upload .upload_text{ margin: 0 auto; text-align: center; font-size: 24px; color: #707070; font-weight: bold; line-height: 30px; } #lnwTool-view .image_choice_detail[choice="new"] #laf-area-upload .start_upload .other_text{ margin: 0 auto; text-align: center; font-size: 24px; font-weight: bold; line-height: 30px; font-size: 16px; color: #464646; font-weight: normal; line-height: 24px; margin-bottom: 5px; } #lnwTool-view .image_choice_detail[choice="new"] .start_upload .cloud_upload:hover .upload_text, #lnwTool-view .image_choice_detail[choice="new"] .start_upload .cloud_upload:hover .other_text, #laf-area-upload .start_upload .cloud_upload:hover .upload_text, #laf-area-upload .start_upload .cloud_upload:hover .other_text { color: #00aeef; } #laf-area-media .topbar{ height: 36px; line-height: 36px; border-bottom: 1px solid #ddd; } #laf-area-media .pagination_zone{ margin: 0; padding: 0px; width: auto; } #lnwTool-view .image_choice_detail[choice="media"] .browse_right.loading, #laf-area-media .browse_right.loading, .lnwAddProductZone .browse_right.loading{ background: transparent url(../_images/loading.gif) center center no-repeat; height: 100%; } #lnwTool-view .image_choice_detail[choice="media"] .browse_right.loading .image_area, #laf-area-media .browse_right.loading .image_area{ visibility: hidden; } .lnwAddFileZone .laf-area{ } .lnwAddFileZone .browse_area{ text-align: left; } .lnwAddFileZone .browse_area .browse_left, .lnwAddFileZone .browse_area .browse_right{ border-top: 0px none; } .lnwAddFileZone .browse_area .gotoUpload{ cursor: pointer; padding-left: 30px; position: relative; width: 100px; } .lnwAddFileZone .browse_area .gotoUpload .ico{ background: url("../_images/icons/icons.png") no-repeat scroll 0 -840px transparent; bottom: 0; display: block; height: 24px; left: 7px; margin: auto; position: absolute; top: 0; width: 24px; } .lnwAddProductZone .product_zone, .lnwAddFileZone .image_zone { padding: 20px 20px 0px 20px; text-align: left; } .lnwAddProductZone .tsk-pageview{ padding: 20px 0px 0px 0px; } .lnwAddProductZone.loading .product_container{ background: transparent url(../_images/loading.gif) center center no-repeat; } .lnwAddProductZone.loading .product_zone, .lnwAddProductZone.loading .product_page { visibility: hidden; } .lnwAddProductZone .product_zone .select_frame, .lnwAddFileZone .image_zone .select_frame { position: absolute; top: 0px; left: 0px; width: 150px; height: 150px; border: 5px solid #00aeef; background: transparent url("../_images/lnwaddzone/check.png") no-repeat 115px 115px; display: none; z-index: 19; } .lnwAddProductZone .product_zone .selected .select_frame, .lnwAddFileZone .image_zone .selected .select_frame{ display: inline-block; } .lnwAddProductZone .categories li .right , .lnwAddFileZone .folders_browser li .right { right:15px; } .lnwAddFileZone .fileupload{ display:none; } .lnwAddFileZone .newUpload .uploadify, #addImage .newUpload .uploadify{ position: absolute; top: 0px; left: 0px; } #lnwTool-view .product_zone .product_area, #lnwTool-view .image_zone .image_area { padding: 3px 1px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; position: relative; margin-right: 5px; cursor: pointer; } #lnwTool-view .product_zone .product_area .product_thumb, #lnwTool-view .image_zone .image_area .image_thumb { width: 100px; height: 100px; position: relative; overflow: hidden; } #lnwTool-view .product_zone .select_frame, #lnwTool-view .image_zone .select_frame{ width: 100px; height: 100px; background-position: 65px 65px; } #lnwTool-view .image_zone .image_area .image_thumb .image_img { width: 100px; } #lnwTool-view .product_zone .product_area .product_frame, #lnwTool-view .image_zone .image_area .image_frame { padding: 5px; border: 1px solid gainsboro; display: inline-block; position: relative; } #lnwTool-view .product_zone .product_area .product_thumb .control, #lnwTool-view .image_zone .image_area .image_thumb .control{ width: 100%; position: absolute; top: 0px; left: 0px; display: none; z-index: 29; } #lnwTool-view .product_zone .product_area .product_thumb .control.bottom, #lnwTool-view .image_zone .image_area .image_thumb .control.bottom{ top: auto; bottom: 0px; } #lnwTool-view .product_zone .product_area .product_thumb:hover .control, #lnwTool-view .image_zone .image_area .image_thumb:hover .control{ display: block; } #lnwTool-view .product_zone .product_area .control .delete, #lnwTool-view .image_zone .image_area .control .delete { display: block; background-color: rgba(0, 0, 0, 0.5); line-height: 24px; font-size: 12px; color: white; font-weight: normal; position: relative; text-align: center; cursor: pointer; } #lnwTool-view .product_zone .product_area .control .delete:hover, #lnwTool-view .image_zone .image_area .control .delete:hover { color: #00baff; background-color: rgba(0, 0, 0, 0.8); } #lnwTool-view .product_zone .product_area .product_name, #lnwTool-view .product_zone .product_area .product_price, #lnwTool-view .image_zone .image_area .image_name { width: 112px; overflow: hidden; height: 18px; line-height: 18px; font-size: 11px; display: block; text-align: center; color: #464646; font-weight: bold; } #lnwTool-view .product_zone .product_area:hover .product_frame, #lnwTool-view .image_zone .image_area:hover .image_frame { background-color: #ffedd9; border-color: silver; } #lnwTool-view .product_zone .product_area:hover .product_price, #lnwTool-view .product_zone .product_area:hover .product_name, #lnwTool-view .image_zone .image_area:hover .image_name { color: #252525; background-color: white; } #lnwTool-view .image_zone .image_area .image_link i{ width: 24px; height: 24px; float:left; background: transparent url(../_images/linkto_icon.png) no-repeat 0px 0px; margin: 7px 3px 0px 3px; } #lnwTool-view .image_zone .image_area .image_link input{ width: 80px; margin: 5px 0px 0px 0px; } #lnwTool-view .image_zone .image_area .image_link_target{ padding: 1px 0 0; } #lnwTool-view .image_zone .image_area .image_link_target input{ margin: 0 4px 0 10px; } #lnwTool-view .drag_item{ cursor: move; } #lnwTool-view input[type="text"].short{ width: 50px; } body .widgetUnit.gadget-hide{ display: none; } body.nolnwTool-active .widgetUnit.gadget-hide, body.lnwTool-active .widgetUnit.gadget-hide{ display: block; } #lnwTool-view .bg_img{ padding: 5px 0px 0px 0px; } #lnwTool-view .bg_img .image_zone{ float: left; width: 120px; /* border-right: 1px solid #999;*/ text-align: center; } #lnwTool-view .bg_img .image_property{ margin-left: 130px; line-height: 24px; } .z-article .unitEditor{ max-width: 700px; } .z-aside .unitEditor{ max-width: 220px; } #lnwToolWeb .u-dbd\/registered .invalid_id{ visibility: visible; } #lnwTool-view .state_hover .panel{ position:relative; } #lnwTool-view .state_hover.locked .panel .scene{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; background-color: rgba(100,100,100,0.5); display: block; } #lnwTool-view .view[view="effect"] .choices{ margin: 0px; padding: 0px; list-style: none; } #lnwTool-view .view[view="effect"] .choice{ list-style: none; float: left; margin: 20px 0px 0px 20px; padding: 5px; cursor: pointer; border-style: dashed; border-width: 1px; border-color: transparent; } #lnwTool-view .view[view="effect"] .choice.selected{ border-color: #000; } #lnwTool-view .view[view="effect"] .choice .icon{ background-color:transparent; background-image: url(../_images/slide_sprite_2.png); background-repeat: no-repeat; width: 60px; height: 40px; } #lnwTool-view .view[view="effect"] .choice[choice="horizontal"] .icon{ background-position: 5px 0px; } #lnwTool-view .view[view="effect"] .choice[choice="vertical"] .icon{ background-position: 0px -40px; } #lnwTool-view .view[view="effect"] .choice[choice="fade"] .icon{ background-position: 0px -80px; } #lnwTool-view .view[view="effect"] .choice .text{ color: #555; text-align: center; } #lnwTool-view .view[view="effect"] .choice:hover{ border-color: #555; } #lnwTool-view .view[view="effect"] .choice:hover .text{ color: #000; } #lnwTool-view .view[view="arrow"] .choices{ margin: 0px; padding: 0px; list-style: none; } #lnwTool-view .view[view="arrow"] .choice{ list-style: none; float: left; margin: 20px 0px 0px 20px; padding: 0px; width: 70px; height: 60px; line-height: 60px; text-align: center; cursor: pointer; border-style: dashed; border-width: 1px; border-color: transparent; } #lnwTool-view .view[view="arrow"] .choice.selected{ border-color: #000; } #lnwTool-view .view[view="arrow"] .choice .icon{ background-color:transparent; background-image: url(../_images/slide_sprite_2.png); background-repeat: no-repeat; margin: 0px 0px; width: 56px; height: 40px; vertical-align: middle; display: inline-block; } #lnwTool-view .view[view="arrow"] .choice[choice="0"] .icon{ background-image: url(../_images/noimg.png); background-position: center center; width: 60px; height: 60px; margin: 0px; } #lnwTool-view .view[view="arrow"] .choice[choice="1"] .icon{ background-position: 0px -120px; } #lnwTool-view .view[view="arrow"] .choice[choice="2"] .icon{ background-position: 0px -160px; } #lnwTool-view .view[view="arrow"] .choice[choice="3"] .icon{ background-position: 0px -200px; width: 70px; } #lnwTool-view .view[view="arrow"] .choice[choice="4"] .icon{ background-position: -100px -5px; width: 70px; height: 30px; }#lnwTool-view .view[view="arrow"] .choice[choice="5"] .icon{ background-position: -100px -37px; width: 70px; height: 30px; }#lnwTool-view .view[view="arrow"] .choice[choice="6"] .icon{ background-position: -100px -69px; width: 70px; height: 34px; }#lnwTool-view .view[view="arrow"] .choice[choice="7"] .icon{ background-position: -100px -104px; width: 70px; height: 30px; } #lnwTool-view .view[view="arrow"] .choice[choice="8"] .icon{ background-position: -100px -134px; width: 70px; height: 24px; } #lnwTool-view .view[view="arrow"] .choice:hover{ border-color: #555; } #lnwTool-view .view[view="pager"] .choices{ margin: 0px; padding: 0px; list-style: none; } #lnwTool-view .view[view="pager"] .choice{ list-style: none; float: left; margin: 20px 0px 0px 20px; width: 60px; height: 60px; line-height: 60px; text-align: center; cursor: pointer; border-style: dashed; border-width: 1px; border-color: transparent; } #lnwTool-view .view[view="pager"] .choice.selected{ border-color: #000; } #lnwTool-view .view[view="pager"] .choice .icon{ background-color:transparent; background-image: url(../_images/slide_sprite_2.png); background-repeat: no-repeat; width: 42px; height: 14px; vertical-align: middle; display: inline-block; margin: 0px; } #lnwTool-view .view[view="pager"] .choice[choice="0"] .icon{ background-image: url(../_images/noimg.png); background-position: center center; width: 60px; height: 60px; } #lnwTool-view .view[view="pager"] .choice[choice="1"] .icon{ background-position: 0px -240px; } #lnwTool-view .view[view="pager"] .choice[choice="2"] .icon{ background-position: 0px -254px; } #lnwTool-view .view[view="pager"] .choice[choice="3"] .icon{ background-position: 0px -268px; } #lnwTool-view .view[view="pager"] .choice[choice="4"] .icon{ background-position: 0px -282px; } #lnwTool-view .view[view="pager"] .choice[choice="5"] .icon{ background-position: 0px -299px; } #lnwTool-view .view[view="pager"] .choice[choice="6"] .icon{ background-position: 0px -313px; } #lnwTool-view .view[view="pager"] .choice[choice="7"] .icon{ background-position: 0px -327px; } #lnwTool-view .view[view="pager"] .choice[choice="8"] .icon{ background-position: 0px -343px; } #lnwTool-view .view[view="pager"] .choice[choice="9"] .icon{ background-position: 0px -359px; } #lnwTool-view .view[view="pager"] .choice[choice="10"] .icon{ background-position: 0px -373px; } #lnwTool-view .view[view="pager"] .choice[choice="11"] .icon{ background-position: 0px -386px; } #lnwTool-view .view[view="pager"] .choice[choice="12"] .icon{ background-position: 0px -404px; } #lnwTool-view .view[view="pager"] .choice[choice="13"] .icon{ background-position: 0px -418px; } #lnwTool-view .view[view="pager"] .choice[choice="14"] .icon{ background-position: -100px -410px; } #lnwTool-view .view[view="pager"] .choice[choice="15"] .icon{ background-position: -100px -481px; } #lnwTool-view .view[view="pager"] .choice[choice="16"] .icon{ background-position: -60px -240px; } #lnwTool-view .view[view="pager"] .choice[choice="17"] .icon{ background-position: -60px -268px; } #lnwTool-view .view[view="pager"] .choice[choice="18"] .icon{ background-position: -60px -254px; } #lnwTool-view .view[view="pager"] .choice:hover{ border-color: #555; } #lnwTool-view .yesSwitch .switch { cursor: pointer; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background: transparent url("../_images/switches_flip.png") no-repeat; width: 98px; height: 30px; background-position: -100px -120px; border-radius: unset; } #lnwTool-view .yesSwitch .switch.switchOn { background-position: 0 -120px; } #lnwTool-view .yesSwitch .switch::after{ display: none; } #lnwTool-view .gointer_cover{ display: block; padding: 10px; text-align: center; position: absolute; z-index: 999; opacity: 0; left: 0px; right: 0px; margin: 0px auto; animation: fadeOut 5s linear; -webkit-animation: fadeOut 5s linear ; pointer-events: none; } #lnwTool-view .gointer_cover .box{ margin: 0px auto; box-shadow: 0px 0px 20px #666; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 50%{ opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 50%{ opacity: 1; } 100% { opacity: 0; } } #lnwTool-view .gointer_cover .box{ display: inline-block; padding: 5px 10px 5px 35px; border: 1px solid #f2e2bc; background-color: #fffcde; line-height: 24px; position: relative; } #lnwTool-view .gointer_cover .box .icon{ background-image: url(../_images/flag_20150915.png); background-repeat: no-repeat; position: absolute; display: block; width: 24px; height: 16px; top: 9px; left: 5px; bottom: 5px; } #lnwTool-view .gointer_cover .box.lang-en .icon{ background-position: -60px -390px; } #lnwTool-view .gointer_cover .box.lang-ja .icon{ background-position: -120px -390px; } #lnwTool-view .gointer_cover .box.lang-th .icon{ background-position: -210px -390px; } #lnwTool-view .gointer_cover .box.lang-cn .icon{ background-position: -30px -420px; } #lnwTool-view .gointer_cover .box.lang-ko .icon{ background-position: -60px -420px; } #lnwTool-view .gointer_cover .box .text{ line-height: 24px; color: #c5ae8a; } #lnwTool-view .manageButton { white-space: nowrap; border: 1px solid gainsboro; background-color: #ebebeb; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); border-radius: 2px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(gainsboro), to(#fafafa)); background: -webkit-linear-gradient(top, #fafafa, gainsboro); background: -o-linear-gradient(top, #fafafa, gainsboro); cursor: pointer; display: inline-block; line-height: 18px; padding: 1px 10px 1px 5px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); vertical-align: middle; } #lnwTool-view .manageButton .icon { background: url("../_images/lnwaddzone/icons.png") no-repeat scroll 0 -408px transparent; cursor: pointer; display: inline-block; height: 24px; vertical-align: middle; width: 24px; } #lnwTool-view .manageButton .b-text { color: #707070; display: inline-block; font-size: 12px; font-weight: bold; vertical-align: middle; } #lnwTool-view .manageButton:hover { background: -moz-linear-gradient(center top , #FAFAFA, #EBEBEB) repeat scroll 0 0 transparent; border-color: gainsboro; } #lnwTool-view .manageButton:hover .icon { background-position: -48px -408px; cursor: pointer; } #lnwTool-view .manageButton:hover .b-text { color: #F26522; } .lnwAddZone .manageButton:active { background: none repeat scroll 0 0 #EBEBEB; border-color: gainsboro; text-shadow: none; } .lnwAddZone .manageButton:active .icon { background-position: -24px -408px; cursor: pointer; } .lnwAddZone .manageButton:active .b-text { color: #464646; } #lnwTool-view .manageButton.b-noneimage .icon { background-position: 0px -72px; } #lnwTool-view .manageButton.b-noneimage:hover .icon { background-position: -24px -72px; } #lnwTool-view .manageButton.b-noneimage:hover .b-text { color: #464646; } #lnwTool-view .image_choice_area{ padding: 10px; } #lnwTool-view .image_choice_area .image_choice_buttons{ margin-bottom: 10px; height: 35px; } #lnwTool-view .image_choice_area .image_choice_button{ float: left; height: 25px; position: relative; padding: 5px 15px; cursor: pointer; margin: 0px 10px; border: 1px solid transparent; } #lnwTool-view .image_choice_area .image_choice_button:hover{ color: #38b9eb; } #lnwTool-view .image_choice_area .image_choice_button i{ background-color: transparent; background-image: url(../_images/usepicture_icon.png); background-repeat: no-repeat; position: absolute; top: 0px; left: 10px; bottom: 0px; margin: auto; } #lnwTool-view .image_choice_area .image_choice_button[choice="none"] i { background-position: 0px 0px; width:25px; height:25px;} #lnwTool-view .image_choice_area .image_choice_button[choice="new"] i { background-position: 0px -24px; width:25px; height:25px;} #lnwTool-view .image_choice_area .image_choice_button[choice="media"] i { background-position: 0px -49px; width:33px; height:25px;} #lnwTool-view .image_choice_area .image_choice_button[choice="pattern"] i{ background-image: url(../_images/menu_icon_new.png); background-position: -686px -4px; width:32px; height:32px;} #lnwTool-view .image_choice_area .image_choice_button span{ line-height: 25px; font-size: 14px; } #lnwTool-view .image_choice_area .image_choice_button[choice="none"] span { padding-left: 30px;} #lnwTool-view .image_choice_area .image_choice_button[choice="new"] span { padding-left: 30px;} #lnwTool-view .image_choice_area .image_choice_button[choice="media"] span { padding-left: 38px;} #lnwTool-view .image_choice_area .image_choice_button[choice="pattern"] span { padding-left: 38px;} #lnwTool-view .image_choice_area .image_choice_details{ clear: both; background-color: #ffffff; border: 1px solid #e0e0e0; } #lnwTool-view .image_choice_area .image_choice_detail{ display: none; } #lnwTool-view .image_choice_area.choice-none{ } #lnwTool-view .image_choice_area.choice-text .image_choice_button[choice="text"], #lnwTool-view .image_choice_area.choice-facebook_likebox .image_choice_button[choice="facebook_likebox"], #lnwTool-view .image_choice_area.choice-join_button .image_choice_button[choice="join_button"], #lnwTool-view .image_choice_area.choice-coupon .image_choice_button[choice="coupon"], #lnwTool-view .image_choice_area.choice-now .image_choice_button[choice="now"], #lnwTool-view .image_choice_area.choice-new .image_choice_button[choice="new"], #lnwTool-view .image_choice_area.choice-media .image_choice_button[choice="media"], #lnwTool-view .image_choice_area.choice-pattern .image_choice_button[choice="pattern"]{ border: 1px solid #38b9eb; color: #38b9eb; border-radius: 20px; } #lnwTool-view .image_choice_area.choice-text .image_choice_detail[choice="text"], #lnwTool-view .image_choice_area.choice-facebook_likebox .image_choice_detail[choice="facebook_likebox"], #lnwTool-view .image_choice_area.choice-join_button .image_choice_detail[choice="join_button"], #lnwTool-view .image_choice_area.choice-coupon .image_choice_detail[choice="coupon"], #lnwTool-view .image_choice_area.choice-now .image_choice_detail[choice="now"], #lnwTool-view .image_choice_area.choice-new .image_choice_detail[choice="new"], #lnwTool-view .image_choice_area.choice-media .image_choice_detail[choice="media"], #lnwTool-view .image_choice_area.choice-pattern .image_choice_detail[choice="pattern"]{ display: block; } #lnwTool-view .lnwAddFileZone .folders_browser .list-box{ padding: 0px; } #lnwTool-view .lnwAddFileZone .folders_browser li .right{ top: 0px; } #lnwTool-view .lnwAddZone .browse_area .browse_left{ width: 200px; } #lnwTool-view .lnwAddZone .browse_area .browse_right{ margin-left: 200px; border-left: 1px solid #e0e0e0; } #lnwTool-view .lnwAddFileZone .folders_browser li .left .name{ margin-left: 10px; } #lnwTool-view .image_zone{ padding: 5px; } #lnwTool-view .image_zone.image_show{ padding: 0; } #lnwTool-view .image_zone.image_show .image_area{ padding: 0; margin: 0; cursor: default; } #lnwTool-view .image_zone.image_show .image_area .image_thumb{ text-align: center; } #lnwTool-view .image_zone.image_show .image_area .image_img{ max-width: 100%; max-height: 100%; width: auto; } #lnwTool-view .image_zone.image_show .image_frame{ padding: 0px; } #lnwTool-view .image_zone.image_show .image_none{ width: 100px; height: 100px; background-image: url(../_images/noimg.png); background-position: center center; background-repeat: no-repeat; background-color: #ffffff; } #lnwTool-view .image_zone.image_show .image_area:hover .image_frame { background-color: transparent; border-color: gainsboro; } #lnwTool-view .input_text_size { width: 60px; padding: 0 5px; } #lnwTool-view .image_pattern .image_area .image_img{ background-color: transparent; background-position: 0px 0px; background-repeat: repeat; } #lnwTool-view .image_choice_detail[choice="new"] .lnwAddFileZone{ padding: 10px; } #lnwTool-view .image_choice_detail[choice="now"] .twomode{ padding: 10px; } #lnwTool-view .image_choice_detail[choice="now"] .twomode .lnwAddFileZone{ } #lnwTool-view .image_choice_detail[choice="now"] .twomode .lnwAddFileZone .image_zone{ padding: 0px; } #lnwTool-view .image_choice_detail[choice="now"] .twomode .lnwAddFileZone .control_zone{ line-height: 30px; padding-top: 20px; text-align: center; } #lnwTool-view .image_choice_detail[choice="now"] .twomode .lnwAddFileZone .control_zone .text{ font-weight: bold; color: #4a4a4a; } #lnwTool-view .image_choice_detail[choice="now"] .twomode .lnwAddFileZone .control_zone .manageButton .icon{ background-image: url("../_images/usepicture_icon.png"); background-position: 0px -89px; height: 20px; width: 20px; margin: 2px; } #lnwTool-view .image_choice_detail[choice="now"] .twomode .lnwAddFileZone .control_zone .manageButton:hover .b-text{ color: #333333; } #lnwTool-view .image_choice_detail[choice="now"] .twomode .none_image{ margin: auto; text-align: center; } #lnwTool-view .image_choice_detail[choice="now"] .twomode .none_image .logo{ background: transparent url(../_images/usepicture_iconbig.png) no-repeat 0px 0px; height: 147px; width: 149px; margin: auto; } #lnwTool-view .image_choice_detail[choice="now"] .twomode .none_image .text{ color: #4a4a4a; line-height: 30px; } #lnwTool-view .image_choice_detail[choice="now"] .twomode .lnwAddFileZone{ display: none;} #lnwTool-view .image_choice_detail[choice="now"] .twomode .none_image{ display: block;} #lnwTool-view .image_choice_detail[choice="now"] .twomode.unnone_mode .lnwAddFileZone{ display: block;} #lnwTool-view .image_choice_detail[choice="now"] .twomode.unnone_mode .none_image{ display: none;} #lnwTool-view .image_choice_detail[choice="now"] .twomode .lnwAddFileZone .image_thumb{ text-align: center; line-height: 100px; } #lnwTool-view .image_choice_detail[choice="now"] .twomode .lnwAddFileZone .image_img{ width:auto; max-width: 100px; vertical-align: middle; } #lnwTool-view .picture_property input[type="text"]{ width: 50px; } #lnwTool-view .easytable .title{ font-weight: bold; text-align: right; } #lnwTool-view .fbblocks{ width: 100%; } #lnwTool-view .fbblocks .fbblock{ box-sizing: border-box; display: inline-block; width: 300px; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; } #lnwTool-view .fbblock .head{ width: 100%; font: 14px/20px 'helvetica neue',helvetica,arial,'lucida grande',sans-serif; margin-bottom: 4px; } #lnwTool-view .fbblock .inputtext{ background: #fff repeat-x; border:1px solid #d3d6db; color:#141823; font-family:Helvetica, Arial, sans-serif; font-size:12px; padding:0 8px; vertical-align:middle; height: 30px !important; line-height: normal; box-sizing: border-box; width: 100%; margin: 0px; } #lnwTool-view .fbblock .labeltext{ font: 14px/20px 'helvetica neue',helvetica,arial,'lucida grande',sans-serif; } #lnwTool-view .fbblock select{ width: 100%; box-sizing: border-box; margin: 0px; padding: 4px 0px; background: #ffffff; height: 30px !important; line-height: 30px; } #lnwTool-view .fbblock select option{ height: 25px; } #lnwTool-view .page_zone{ position: relative; width: 100%; padding: 5px 0px 0px 0px; } #lnwTool-view .page_zone .pagination{ margin: 0px auto; width: auto; display: table; } #lnwTool-view .page_zone .pagination td{ text-align: center; vertical-align: middle; padding: 0px; margin: 0px; width: 15px; } #lnwTool-view .page_zone .pagination input.now{ width: 20px; height: 20px !important; font-size: 12px; border: 1px solid #000000; text-align: center; } #lnwTool-view .page_zone .pagination .diff_0 span { font-size: 10px; cursor: default; } #lnwTool-view .page_zone .pagination .first a,#lnwTool-view .page_zone .pagination .prev a,#lnwTool-view .page_zone .pagination .next a,#lnwTool-view .page_zone .pagination .last a, #lnwTool-view .page_zone .pagination .non_first span,#lnwTool-view .page_zone .pagination .non_prev span,#lnwTool-view .page_zone .pagination .non_next span,#lnwTool-view .page_zone .pagination .non_last span{ background: transparent url(../_images/pagination.png) no-repeat; width: 15px; height: 15px; display: block; } #lnwTool-view .page_zone .pagination .first a { background-position: 0px 0px; } #lnwTool-view .page_zone .pagination .prev a { background-position: -15px 0px; } #lnwTool-view .page_zone .pagination .next a { background-position: -30px 0px; } #lnwTool-view .page_zone .pagination .last a { background-position: -45px 0px; } #lnwTool-view .page_zone .pagination .non_first span { background-position: 0px -15px; } #lnwTool-view .page_zone .pagination .non_prev span { background-position: -15px -15px; } #lnwTool-view .page_zone .pagination .non_next span { background-position: -30px -15px; } #lnwTool-view .page_zone .pagination .non_last span { background-position: -45px -15px; } #lnwTool-view .page_zone .per_page{ position: absolute; right: 0px; padding: 5px 0px 0px 0px; } #lnwTool-view .page_zone .show_page{ position: absolute; left: 0px; padding: 5px 0px 0px 5px; } #lnwTool-view .gointer_area{ position: relative; } #lnwTool-view .gointer_area .elementCover{ display: none; } #lnwTool-view .gointer_area.disabled .elementCover{ display: block; background: rgba(0,0,0,0.5); } .lnwTool-active #lnwToolPage{ /*position: relative;*/ } .lnwTool-active #lnwbox2.welcomePopup{ z-index: 1100000002; } .lnwTool-active #lnwbox2Skin{ vertical-align: top; padding-top: 20px; } .ggpageFixed{ background-attachment: scroll !important; } body.scrollFixed .ggpageFixed{ background-attachment: fixed !important; } body.lnwTool-active .ggpageFixed{ background-attachment: fixed !important; } #lnwTool-view .block .text_align label { margin-right: 10px; } #lnwTool-Fullscreen-button { background: #232b6b url('../_images/maximize-32-white.png') center center no-repeat; background-size: 32px; margin-bottom: -1px; border-right: 0px; color: #0a6c90; width: 45px; height: 45px; color: white; float: right; cursor: pointer; position: absolute; right: 0px; z-index: 2; } #lnwTool-Fullscreen-button:hover { background-color: #3f478c; } .lnwTool-fullscreen #lnwTool-Fullscreen-button { background-image: url('../_images/minimize-32.png'); } #lnwTool-Hide-button { background: #fee557 url('../_images/lnwtool-hide.png') no-repeat; background-position: left 30px center; margin-bottom: -1px; margin-left: 5px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; color: #0a6c90; width: 178px; height: 45px; color: white; float: right; cursor: pointer; position: relative; } #lnwTool-Hide-button:hover { background-color: #fff070; } .changeHideLnwTool { width: 440px; height: 80px; padding: 20px 20px 10px 100px; line-height: 24px; box-sizing: border-box; position: absolute; top: -100px; right: 15px; text-align: left; z-index: 20000000099; box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.51); border-radius: 5px; font-size: 16px; color: #666; cursor: default; /*pointer-events: none;*/ cursor: pointer; background: white url('../_images/basketboy_start.png') 10px 0px no-repeat; background-size: 80px auto; } .changeHideLnwTool span { font-size: 13px; color: #999; display: inline-block; } .pulse { animation: pulse 1.5s ease 5; -webkit-animation: pulse 1.5s ease 5; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.02); transform: scale(1.02); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.02); transform: scale(1.02); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .welcome-popup-config { padding: 20px; line-height: 30px; box-sizing: border-box; } .welcome-popup-config b { display: inline-block; width: auto; min-width: 70px } .welcome-popup-config label { border: 0px; padding-left: 10px; white-space: nowrap; height: auto; cursor: pointer; border: 1px solid #DCDCDC !important; background-color: #f5f5f5; padding: 3px 10px; box-sizing: border-box; margin: 0px 10px 15px 5px; display: inline-block; } .welcome-popup-config label:hover { background-color: #fefefe; } .welcome-popup-config .welcome-config-user { display: inline-block; vertical-align: top; } .welcome-popup-config .view[view='settings'] label input { margin-right: 5px; } .welcome-popup-config .welcome-config-user label { width: 100%; max-width: 400px; margin-bottom: 5px; } .welcome-popup-config .welcome-config-user .user_groups_area label{ padding-left: 25px; } input[type="range"]::-moz-range-track { padding: 0 10px; background: repeating-linear-gradient(to right, #ccc, #ccc 10%, #000 10%, #000 11%, #ccc 11%, #ccc 20%); } #lnwTool-view .choice-facebook_likebox .fbblocks, #lnwTool-view .choice-join_button .join_button_colors, #lnwTool-view .choice-coupon .couponsArea{ padding: 20px; box-sizing: border-box } #lnwTool-view .welcome-popup-config [name='foot_link_url'] { min-width: 250px; } .new_round_noti { width: 10px; height: 10px; border-radius: 10px; background: red; display: inline-block; } .premium_template_badge { background: -webkit-linear-gradient(left, #80bca5 0%,#d6cf98 50%, #d59d81 100%); -webkit-background-clip: text; -webkit-text-fill-color: #0000; } #lnwTool-view .device-area{ display: flex; padding: 10px 30px 10px 5px; width: 100%; box-sizing: border-box; justify-content: space-between; } #lnwTool-view .device-area .block{ padding: 10px 0px 8px 10px; } #lnwTool-view .device-area input[name="mobile_diff_flag"]{ /* margin-left: 15px;*/ } #lnwTool-view .area-header{ padding: 5px 5px 10px 5px; font-size: 16px; } #lnwTool-view .device-area-desktop, #lnwTool-view .device-area-mobile{ flex: 1; padding: 0px 0px 0px 2%; box-sizing: border-box; } #lnwTool-view .device-area-mobile .area-choice { float: right; } #lnwTool-view .device-area-mobile .area-choice label{ border: 1px solid #ccc; background: #f5f5f5; padding: 7px 15px 10px; border-radius: 2px; display: inline-block; font-size: 14px; } #lnwTool-view .device-area-desktop .area-header::before, #lnwTool-view .device-area-mobile .area-header::before { content: ''; display: inline-block; width: 40px; height: 40px; background: url('../_images/desktop_icon.png') no-repeat center; vertical-align: middle; } #lnwTool-view .device-area-mobile .area-header::before { background: url('../_images/mobile_icon.png') no-repeat center; } #lnwTool-view .device-area-desktop{ border-right: 1px solid #ddd; } #lnwTool-view .twocols { display: flex; justify-content: space-between; }