/* CSS Document */ /*//book object*/ .book{ position : absolute; z-index : 1; } .mask { position : absolute; right:50%; left:auto; /*background:blue;*/ /*opacity:0.5;*/ transform-origin : 100% 50%; -webkit-transform-origin : 100% 50%; -moz-transform-origin : 100% 50%; -ms-transform-origin : 100% 50%; /*border:2px solid #ff0000;*/ overflow:hidden; backface-visibility : hidden; } .right-side{ position:absolute; background-color:white; right:0px; left:auto; overflow:hidden; background-repeat:no-repeat; background-position:center; } .left-side{ position:absolute; background-color:white; left:auto; right:auto; overflow:hidden; background-repeat:no-repeat; background-position:center; } .flip-side{ position:absolute; background-color:white; left:100%; overflow:hidden; background-repeat:no-repeat; background-position:center; } .flip-hard-left-side{ position:absolute; background-color:white; overflow:hidden; left:auto; right:auto; background-repeat:no-repeat; background-position:center; -webkit-perspective-origin : right center; -moz-perspective-origin : right center; -ms-perspective-origin : right center; perspective-origin : right center; -webkit-transform-style : preserve-3d; -moz-transform-style : preserve-3d; -ms-transform-style : preserve-3d; transform-style : preserve-3d; transform-origin : 100% 50%; -webkit-transform-origin : 100% 50%; -moz-transform-origin : 100% 50%; -ms-transform-origin : 100% 50%; } .flip-hard-right-side{ position:absolute; background-color:white; overflow:hidden; right:0px; left:auto; background-repeat:no-repeat; background-position:center; -webkit-perspective-origin : left center; -moz-perspective-origin : left center; -ms-perspective-origin : left center; perspective-origin : left center; -webkit-transform-style : preserve-3d; -moz-transform-style : preserve-3d; -ms-transform-style : preserve-3d; transform-style : preserve-3d; transform-origin : 0% 50%; -webkit-transform-origin : 0% 50%; -moz-transform-origin : 0% 50%; -ms-transform-origin : 0% 50%; } .bookShadow { position:absolute; top:0px; -webkit-box-shadow : 0 0 15px rgba(40, 40, 40, 0.7); -moz-box-shadow : 0 0 15px rgba(40, 40, 40, 0.7); -o-box-shadow : 0 0 15px rgba(40, 40, 40, 0.7); -ms-box-shadow : 0 0 15px rgba(40, 40, 40, 0.7); box-shadow : 0 0 15px rgba(40, 40, 40, 0.7); } .singleWidth { width : 50%; height : 100%; } .doubleWidth { width : 100%; height : 100%; } .zoomBook { position: absolute; } .zoomPage { position: absolute; top: 0px; left: 0px; width: 800px; height: 600px; } .zoomSide { position: absolute; top: 0px; left: 0px; width: 800px; height: 600px; } .bookStage { top: 0px; left: 0px; display: block; overflow: hidden; /**/ } .image { width: 640px; height: 920px; top: 1px; left: 1px; /*-webkit-transform-origin:0% 0%; -webkit-transform:scale3d(1,1,1); */ } /**page object*/ .paper { position: absolute; top: 0px; left: 320px; width: 320px; height: 460px; } /**side object*/ .side { position: absolute; top: 0px; left: 0px; width: 320px; height: 460px; text-align : center; /*background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(255,0,0,0.2)), to(rgba(0,255,0,0.8))); -webkit-transform-origin: 0% 0%; -webkit-transform: rotateZ(-60deg);*/ } /**content of side (image or swf)*/ .sideContent { position: absolute; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin : 0 % 0 %; -o-transform-origin : 0 % 0 %; background-color : white; } .boxShadow { -webkit-box-shadow : 0 0 10px rgba(40, 40, 40, 0.4); -moz-box-shadow : 0 0 10px rgba(40, 40, 40, 0.4); -ms-box-shadow : 0 0 10px rgba(40, 40, 40, 0.4); box-shadow : 0 0 10px rgba(40, 40, 40, 0.4); } .miniFullscreen { z-index:1000; width:150px; height:30px; line-height : 30px; background:#333333; border-radius:5px; left : 50%; margin-left : -90px; position : absolute; color : #ffffff; vertical-align : middle; text-align : center; cursor : pointer; font-size : 13px; font-family : tahoma; padding : 3px; opacity : 0.5; } .miniFullscreen:hover{ opacity:0.7; } /***/ .sideBackground { position: inherit; top: 0px; left: 0px; width: 320px; height: 460px; } .searchScrollBox { position: absolute; overflow-y: auto; top: 55px; left: 5px; width: 280px; } .searchBackground { position: absolute; width: 300px; height: 300px; display: none; background-color: #888888; -webkit-border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(40, 0, 0, 0.5); opacity: 0.95; z-index: 100; } .searchContent { position: absolute; width: 300px; height: 265px; top: 35px; left: 0px; } .kong { position: absolute; top: 0px; left: 0px; } /**shadow between sides*/ /*left shadow*/ .catalogLeftShadow { position: absolute; top: 0px; right: 0px; width: 50px; height: 460px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#cc3f3f3f', StartColorStr='#007b7b7b'); background-image: linear-gradient(right, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -o-linear-gradient(right, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -moz-linear-gradient(right, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -webkit-linear-gradient(right, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -ms-linear-gradient(right, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); /*background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(60, 60, 60, 0.3)), color-stop(0.23, rgba(250, 250, 250, 0.05)), color-stop(0.28, rgba(255, 255, 255, 0.05)), color-stop(0.34, rgba(250, 250, 250, 0.05)), color-stop(0.54, rgba(50, 50, 50, 0.1)), color-stop(1, rgba(200, 200, 200, 0)));*/ } .catalogRightShadow { position: absolute; top: 0px; left: 0px; width: 50px; height: 460px; background-image: linear-gradient(left, rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%,rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%); background-image: -webkit-linear-gradient(left, rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%,rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%); background-image: -moz-linear-gradient(left, rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%,rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%); background-image: -o-linear-gradient(left, rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%,rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%); background-image: -ms-linear-gradient(left, rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%,rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#00C8C8C8', StartColorStr='#CC5D5D5D'); } .leftShadow { position: absolute; top: 0px; right: 0px; height: 100%; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#553f3f3f', StartColorStr='#007b7b7b'); background-image: linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -o-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -moz-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -webkit-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -ms-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(60, 60, 60, 0.3)), color-stop(0.23, rgba(250, 250, 250, 0.05)), color-stop(0.28, rgba(255, 255, 255, 0.05)), color-stop(0.34, rgba(250, 250, 250, 0.05)), color-stop(0.54, rgba(50, 50, 50, 0.1)), color-stop(1, rgba(200, 200, 200, 0))); } /*right shadow*/ .rightShadow { position: absolute; top: 0px; left: 0px; height: 100%; background-image: linear-gradient(left, rgba(93, 93, 93, 0.6), rgba(200, 200, 200, 0)); background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(93, 93, 93, 0.6)), to(rgba(200, 200, 200, 0))); background-image: -moz-linear-gradient(left, rgba(93, 93, 93, 0.6), rgba(200, 200, 200, 0)); background-image: -o-linear-gradient(left, rgba(93, 93, 93, 0.6), rgba(200, 200, 200, 0)); background-image: -ms-linear-gradient(left, rgba(93, 93, 93, 0.6), rgba(200, 200, 200, 0)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#00C8C8C8', StartColorStr='#CC5D5D5D'); } .flip-shadowB { background-image : -webkit-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0)); background-image : -moz-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0)); background-image : -o-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0)); background-image : -ms-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0)); background-image : linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#223f3f3f', StartColorStr='#aa7b7b7b'); /*background-color : #00ffFF;*/ overflow : hidden; width : 100px; opacity : 1; z-index : 20; position : absolute; visibility : hidden; transform-origin : 0% 50%; -webkit-transform-origin : 0% 50%; -moz-transform-origin : 0% 50%; -ms-transform-origin : 0% 50%; } .flip-shadowA { background-image : -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); background-image : -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); background-image : -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); background-image : -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); background-image : linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); overflow : hidden; opacity : 1; position : absolute; transform-origin : 100% 50%; -webkit-transform-origin : 100% 50%; -moz-transform-origin : 100% 50%; -ms-transform-origin : 100% 50%; } .flip-topshadow { background-image : -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,1), rgba(0,0,0,0)); background-image : -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,1), rgba(0,0,0,0)); background-image : -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,1), rgba(0,0,0,0)); background-image : -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,1), rgba(0,0,0,0)); background-image : linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,1), rgba(0,0,0,0)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#993f3f3f', StartColorStr='#557b7b7b'); /*background-color : #ffff00;*/ width : 100px; overflow : hidden; visibility : hidden; z-index : 20; position : absolute; } .emboss-left { background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); pointer-events: none; } .emboss-right { background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); pointer-events: none; } .edgeShadow { background-image: linear-gradient(left, rgba(50, 50, 50, 0.5), rgba(230, 230, 230, 0)); background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(50, 50, 50, 0.5)), to(rgba(230, 230, 230, 0))); background-image: -moz-linear-gradient(left, rgba(50, 50, 50, 0.5), rgba(230, 230, 230, 0)); background-image: -o-linear-gradient(left, rgba(50, 50, 50, 0.5), rgba(230, 230, 230, 0)); background-image: -ms-linear-gradient(left, rgba(50, 50, 50, 0.5), rgba(230, 230, 230, 0)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#007b7b7b', StartColorStr='#cc3f3f3f'); width : 50%; height : 100%; z-index : 1000; position:absolute; left : -35%; top : -30%; pointer-events:none; -webkit-transform : rotate(30deg); -moz-transform : rotate(30deg); -ms-transform : rotate(30deg); -o-transform : rotate(30deg); transform : rotate(30deg); } .grayShadow { width:100%; height:100%; position:absolute; z-index:10000; overflow:hidden; display:none; pointer-events:none; } .leftPaperCoil { position: absolute; right: 0px; /*left: auto;*/ width: 20px; height: 100%; background-image: url(icon/leftCoil.png); background-repeat: repeat-y; -webkit-transform-origin: "0% 0%"; -moz-transform-origin: "0% 0%"; -ms-transform-origin: "0% 0%"; -o-transform-origin: "0% 0%"; -webkit-transform: "translate3d(0px,0px,0px) scale(1)"; -moz-transform: "translate3d(0px,0px,0px) scale(1)"; -ms-transform: "translate3d(0px,0px,0px) scale(1)"; -o-transform: "translate(0px,0px) scale(1)"; } .rightPaperCoil { position: absolute; left: 0px; /*right: auto;*/ width: 21px; height: 100%; background-image: url(icon/rightCoil.png); background-repeat: repeat-y; -webkit-transform-origin: "0% 0%"; -moz-transform-origin: "0% 0%"; -ms-transform-origin: "0% 0%"; -o-transform-origin: "0% 0%"; -webkit-transform: "translate3d(0px,0px,0px) scale(1)"; -moz-transform: "translate3d(0px,0px,0px) scale(1)"; -ms-transform: "translate3d(0px,0px,0px) scale(1)"; -o-transform: "translate(0px,0px) scale(1)"; } /**flip right to left, animate shadow*/ .shadowA { background-image: -webkit-linear-gradient(left, rgba(123, 123, 123, 0.05) 0%, rgba(63, 63, 63, 0.4) 93%, rgba(123, 123, 123, 0) 100%); background-image: -moz-linear-gradient(left, rgba(123, 123, 123, 0.05) 0%, rgba(63, 63, 63, 0.4) 93%, rgba(123, 123, 123, 0) 100%); background-image: -ms-linear-gradient(left, rgba(123, 123, 123, 0.05) 0%, rgba(63, 63, 63, 0.4) 93%, rgba(123, 123, 123, 0) 100%); background-image: -o-linear-gradient(left, rgba(123, 123, 123, 0.05) 0%, rgba(63, 63, 63, 0.4) 93%, rgba(123, 123, 123, 0) 100%); background-image: linear-gradient(left, rgba(123, 123, 123, 0.05) 0%, rgba(63, 63, 63, 0.4) 93%, rgba(123, 123, 123, 0) 100%); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#663f3f3f', StartColorStr='#007b7b7b'); position: inherit; top: 0px; left: 0px; width: 320px; height: 460px; } /**flip right to left, static shadow*/ .shadowD { background-image: -webkit-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 30%, rgba(123, 123, 123, 0) 100%); background-image: -moz-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 30%, rgba(123, 123, 123, 0) 100%); background-image: -ms-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 30%, rgba(123, 123, 123, 0) 100%); background-image: -o-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 30%, rgba(123, 123, 123, 0) 100%); background-image: linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 30%, rgba(123, 123, 123, 0) 100%); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#007b7b7b', StartColorStr='#663f3f3f'); position: inherit; top: 0px; left: 0px; width: 320px; height: 460px; } /**flip left to right, animate shadow*/ .shadowC { background-image: -webkit-linear-gradient(left, rgba(123, 123, 123, 0.1) 0%, rgba(63, 63, 63, 0.4) 7%, rgba(123, 123, 123, 0) 100%); background-image: -moz-linear-gradient(left, rgba(123, 123, 123, 0.1) 0%, rgba(63, 63, 63, 0.4) 7%, rgba(123, 123, 123, 0) 100%); background-image: -ms-linear-gradient(left, rgba(123, 123, 123, 0.1) 0%, rgba(63, 63, 63, 0.4) 7%, rgba(123, 123, 123, 0) 100%); background-image: -o-linear-gradient(left, rgba(123, 123, 123, 0.1) 0%, rgba(63, 63, 63, 0.4) 7%, rgba(123, 123, 123, 0) 100%); background-image: linear-gradient(left, rgba(123, 123, 123, 0.1) 0%, rgba(63, 63, 63, 0.4) 7%, rgba(123, 123, 123, 0) 100%); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#007b7b7b', StartColorStr='#663f3f3f'); position: inherit; top: 0px; left: 0px; width: 320px; height: 460px; } /**flip left to right, static shadow*/ .shadowB { background-image: -webkit-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 70%, rgba(123, 123, 123, 0) 100%); background-image: -moz-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 70%, rgba(123, 123, 123, 0) 100%); background-image: -ms-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 70%, rgba(123, 123, 123, 0) 100%); background-image: -o-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 70%, rgba(123, 123, 123, 0) 100%); background-image: linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 70%, rgba(123, 123, 123, 0) 100%); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#63f3f3f', StartColorStr='#007b7b7b'); position: inherit; top: 0px; left: 0px; width: 320px; height: 460px; } /** shadow of side .sideShadow{ background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1))); display:none; position:inherit; top:0px; left:0px; width:320px; height:460px; }*/ /**mask for shadow**/ .shadowMask { position: inherit; top: 0px; left: 0px; width: 320px; height: 460px; overflow: hidden; } /**the position of sidew**/ .sidePosition { position: absolute; top: 0px; left: 0px; width: 320px; height: 460px; } /**mask for shadow .shadowMask{ position:absolute; top:0px; left:0px; width:320px; height:460px; overflow: hidden; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.7))); }background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(255,122,0,0.1)), to(rgba(0,0,255,0.5)));*/ .pageMask { position: inherit; top: 0px; left: 0px; width: 320px; height: 860px; overflow: hidden; } .scrollButton { position: absolute; top: 15px; width: 40px; height: 70px; } .shareBar { position: absolute; width: 135px; height: 220px; background-color: #888888; opacity: 0.8; overflow: hidden; } .shareButton { position: absolute; width: 133px; height: 30px; } .shareImg { width: 22px; height: 22px; } .shareBarImg { width: 30px; height: 30px; } .moreImg { width: 17px; height: 17px; margin-top: 8px; /*padding-left:2px;*/ } .moreButton { position: absolute; width: 130px; height: 30px; top: 3px; } .adsBar { position: absolute; width: 200px; height: 100px; overflow: hidden; } .bubble { /* Make it an inline-block element so we can specify the size */ display: inline-block; /* Size */ width: 100px; height: 100px; /* Set the box-sizing so the border fit's within our specified size*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid #ffb000; /*background: #f00;*/ /* The transition from :hover -> normal */ -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; } .radiotext { border: 1px solid; border-radius: 5px; } .google { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } /* Hide the text */ .bubble > span { display: block; overflow: hidden; text-indent: -10000px; font-size: 1px; width: 1px; height: 1px; position: absolute; } /* The hovered state */ .bubble:hover { border-width: 2px; /* The transition from normal > :hover */ -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .type3 { -webkit-mask: url(../style/icon/centerblur.png) no-repeat center center; -ms-mask: url(../style/icon/centerblur.png) no-repeat center center; -o-mask: url(../style/icon/centerblur.png) no-repeat center center; -moz-mask: url(../style/icon/centerblur.png) no-repeat center center; /*-webkit-mask-size:500px 300px;*/ } /*.type3:hover{ -webkit-animation: loop_frames 1s ease infinite; -webkit-animation-direction:alternate; -webkit-mask-size: auto 100%; }*/ .printBar { bottom: 0px; left: 0px; right: 0px; position: absolute; background-color: #000000; opacity: 0.6; height: 120px; z-index: 98; } .printBG { position: absolute; bottom: 1px; left: 0px; right: 0px; height: 105px; overflow: hidden; opacity: 0.9; /*background-color:#ffffff;*/ border-radius: 5px; z-index: 102; } .printBack { position: absolute; bottom: 1px; left: 0px; right: 0px; height: 105px; overflow: hidden; opacity: 0.9; background-color: #999999; border-radius: 5px; z-index: 101; } .printBox { position: absolute; /*bottom: 1px;*/ /*left: 0px;*/ /*right: 0px;*/ /*height: 95px;*/ /*background-color:#333333;*/ /*z-index:103;*/ } .printBox input[type="radio"] { background-color: #bbb000; } .printBox label { display: inline-block; /*background-color:#ddd000;*/ /*padding:4px 11px;*/ font-family: Arial; font-size: 10px; } .printBox input[type="radio"]:checked + label { /*background-color:#bbb000;*/ } a:hover { text-decoration: underline; } a { text-decoration: none; } .hint { z-index: 101; position: absolute; display: none; left: 0px; top: 0px; font-family: Arial; font-size: 12px; color: #EDAA1D; border: 1px solid #505050; border-radius: 4px; padding: 5px; background-image: linear-gradient(top, rgba(80, 80, 80, 1) 0%, rgba(0, 0, 0, 1) 100%); background-image: -o-linear-gradient(top, rgba(80, 80, 80, 1) 0%, rgba(0, 0, 0, 1) 100%); background-image: -moz-linear-gradient(top, rgba(80, 80, 80, 1) 0%, rgba(0, 0, 0, 1) 100%); background-image: -webkit-linear-gradient(top, rgba(80, 80, 80, 1) 0%, rgba(0, 0, 0, 1) 100%); background-image: -ms-linear-gradient(top, rgba(80, 80, 80, 1) 0%, rgba(0, 0, 0, 1) 100%); background-image: linear-gradient(linear, top, bottom, color-stop(0, rgba(80, 80, 80, 1)), color-stop(1, rgba(0, 0, 0, 1))); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#000000', StartColorStr='#545454'); box-shadow: 2px 2px 2px #606060; -o-box-shadow: 2px 2px 2px #606060; -moz-box-shadow: 2px 2px 2px #606060; -webkit-box-shadow: 2px 2px 2px #606060; -ms-box-shadow: 2px 2px 2px #606060; } .hintBackground{ background-color: #CECECE; color : #FCFCFC; border-color : #FCFCFC; border-radius :3px 3px 3px 3px; position: absolute; max-width: 120px; max-height: 30px; text-align: center; z-index: 101; padding-left : 5px; padding-right : 5px; padding-bottom : 5px; padding-top : 5px; } /* backissues */ .overOption { background: #c8c8c8; /*#3698FB;*/ color: #fff; cursor: pointer; } .textEllipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*.Description:after { top: 50%; border: 10px solid transparent; content: " "; width: 0; height: 0; position: absolute; pointer-events: none; margin-top: -8px; } .Description:after { border-left-color: #FFFFFF; border-width: 8px; right: -8px; margin-right: -8px; opacity: 0.9; }*/ .backIssuesTitle { background: #fff; border-radius: 5px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); cursor: pointer; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .backIssuesTitle .innerTitle:after { content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 3px; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #4cbeff transparent; } .backIssuesTitle .dropdown { /* Styles */ background: #fff; border-radius: 0 0 5px 5px; border: 1px solid rgba(0, 0, 0, 0.2); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; /* Hiding */ max-height: 0; overflow: hidden; } .backIssuesTitle.active { border-radius: 5px 5px 0 0; background: #4cbeff; box-shadow: none; border-bottom: none; color: white; } .backIssuesTitle.active .innerTitle:after { border-color: #82d1ff transparent; } .backIssuesTitle.active .dropdown { border-bottom: 1px solid rgba(0, 0, 0, 0.2); max-height: 99999px; } .backIssuesTitle .dropdown li { display: block; text-decoration: none; color: #333333; padding: 10px 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-bottom: 1px solid #e6e8ea; } .backIssuesTitle .dropdown li:hover { color: #57a9d9; } .slider-button { position : absolute; z-index : 10; opacity : 0.4; background : #808080; } .slider-shadow { -webkit-box-shadow : 0px 0px 8px rgba(80, 80, 80, 0.8); -moz-box-shadow : 0px 0px 8px rgba(80, 80, 80, 0.8); -o-box-shadow : 0px 0px 8px rgba(80, 80, 80, 0.8); -ms-box-shadow : 0px 0px 8px rgba(80, 80, 80, 0.8); box-shadow : 0px 0px 8px rgba(80, 80, 80, 0.8); } .slider-action { cursor : pointer; } .view-read { position : absolute; z-index:9; /*border-radius : 3px;*/ overflow : hidden; } .view-zoom { position : absolute; z-index:9; overflow : visible; } .item-transparent { background : none; -webkit-box-shadow : none; -moz-box-shadow : none; -o-box-shadow : none; box-shadow : none } .item-enter { background : #383838; -moz-box-shadow : inset 0 0 2px rgba(0, 0, 0, 0.92); -webkit-box-shadow : inset 0 0 2px rgba(0, 0, 0, 0.92); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.92); -ms-box-shadow : inset 0 0 2px rgba(0, 0, 0, 0.92); -o-box-shadow : inset 0 0 2px rgba(0, 0, 0, 0.92); -webkit-box-shadow : 0 1px 1px rgba(255, 255, 255, 0.18); -moz-box-shadow : 0 1px 1px rgba(255, 255, 255, 0.18); -o-box-shadow : 0 1px 1px rgba(255, 255, 255, 0.18); box-shadow : 0 1px 1px rgba(255, 255, 255, 0.18) }.flipHTML5PhotoGallery-BG { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: #000000; opacity: 0.5; } .flipHTML5PhotoGallery { position: absolute; width: 320px; height: 320px; background-color: #ffffff; border: 8px solid #ffffff; cursor: pointer; } .flipHTML5PhotoGallery-prevBtn, .flipHTML5PhotoGallery-nextBtn { position: absolute; width: 32px; height: 32px; top: 50%; margin-top: -16px; cursor: pointer; background-color: #ffffff; color: #474747; font-weight: bold; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 24px; text-align: center; line-height: 30px; } .flipHTML5PhotoGallery-thumb { position: absolute; width: 100%; height: 64px; background-color: rgba(0, 0, 0, 0.5); left: 0px; bottom: 0px; top: auto; } .flipHTML5PhotoGallery-thumbView { position: absolute; overflow: hidden; height: 100%; } .flipHTML5PhotoGallery-thumbList { position: absolute; height: 56px; top: 4px; left: 0px; } .flipHTML5PhotoGallery-thumbTitle { position: absolute; background-color: #000000; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #ffffff; height: 24px; line-height: 24px; font-size: 14px; font-weight: bold; padding: 0px 10px; } .flipHTML5PhotoGallery-thumbTitle:after { content: ""; width: 0; height: 0; position: absolute; top: 100%; left: 6px; border-width: 11px 7px 0 7px; border-style: solid; border-color: #000000 transparent; } .flipHTML5PhotoThumb, .flipHTML5PhotoThumbBG { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .flipHTML5VideoGallery-BG { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: #000000; opacity: 0.5; } .flipHTML5VideoGallery { position: absolute; width: 866px; height: 422px; left: 50%; margin-left: -433px; top: 50%; margin-top: -211px; border: 4px solid rgba(252, 251, 249, 0.5); border-radius: 4px; } .flipHTML5VideoGallery-videoDiv { position: absolute; width: 504px; height: 370px; left: 17px; top: 6px; background-color: #000000; } .flipHTML5VideoGallery-videoListDiv { position: absolute; width: 320px; height: 370px; left: auto; right: 17px; top: 6px; background-color: #ffffff; box-shadow: 0px 0px 1px #494949; } .flipHTML5VideoGallery-eachVideo { background: -webkit-linear-gradient(top, #F0F0F0, #D6D6D6); /*#F8F3F3, #D3CDCD*/ background: -moz-linear-gradient(top, #F0F0F0, #D6D6D6); background: -o-linear-gradient(top, #F0F0F0, #D6D6D6); background: linear-gradient(top, #F0F0F0, #D6D6D6); background-color: #D3CDCD; box-shadow: 0px 0px 1px #000000; } .flipHTML5VideoGallery-eachVideo:hover { background: #949494; } .flipHTML5VideoGallery-eachVideoDes { position: absolute; padding: 6px 8px 0px 8px; width: 224px; height: 5em; /*56px;*/ overflow: hidden; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; color: #1a1a1a; font-weight: bold; } .flipHTML5VideoGallery-videoTitle { position: absolute; left: 17px; bottom: 0px; width: 500px; height: 30px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; color: #ffffff; vertical-align: middle; line-height: 30px; font-weight: bold; } .flipHTML5VideoGallery-closeTitle, .flipHTML5PhotoGallery-closeTitle { position: absolute; background-color: #000000; color: #ffffff; font-weight: bold; font-size: 13px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; z-index: 8; height: 15px; line-height: 15px; padding: 0px 4px; } .flipHTML5Loading { background-image: url(icon/progress.gif); background-position: center center; background-repeat: no-repeat no-repeat; background-repeat: no-repeat; }.noteCookie-note, .flipHTML5Signature, .flipHTML5BookMark { position: absolute; overflow: hidden; width: 500px; height: auto; left: 50%; top: 50px; border: 4px solid rgba(252, 251, 249, 0.5); border-radius: 4px; z-index: 9999; } .flipHTML5Signature-title, .noteCookie-noteTitle, .flipHTML5BookMark-top { position: relative; overflow: hidden; left: 0px; top: 0px; width: 100%; height: 34px; background-color: #373737; } .flipHTML5Signature-titleText, .noteCookie-noteTitle-text, .flipHTML5BookMark-topText { position: absolute; left: 0px; top: 0px; height: 100%; width: 280px; color: #ffffff; font-size: 16px; font-weight: bold; text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35); font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 34px; vertical-align: middle; text-indent: 8px; } .noteCookie-noteTitle-closeBtn, .noteCookie-noteTitle-showBtn, .flipHTML5BookMark-topShrink, .flipHTML5BookMark-topClose { position: absolute; width: 24px; height: 24px; top: 5px; cursor: pointer; color: #ffffff; z-index: 2; } .flipHTML5BookMark-bottom, .noteCookie-noteButton { position: relative; width: 100%; left: 0px; background-color: #C7C7C7; overflow: hidden; padding-bottom: 6px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .flipHTML5BookMark-saveText { position: absolute; top: 8px; left: 18px; width: 426px; /*460*/ height: 28px; font-size: 19px; text-indent: 2px; color: #1a1a1a; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .flipHTML5BookMark-addLeftMark, .flipHTML5BookMark-addRightMark, .flipHTML5BookMark-removeBookMark { position: absolute; height: 28px; line-height: 28px; vertical-align: middle; text-align: center; top: 52px; cursor: pointer; font-size: 12px; font-weight: bold; white-space: nowrap; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e5e6), color-stop(100%, #d1d0d1)); background: -webkit-linear-gradient(top, #e6e5e6, #d1d0d1); background: -moz-linear-gradient(top, #e6e5e6, #d1d0d1); background: -o-linear-gradient(top, #e6e5e6, #d1d0d1); background: linear-gradient(top, #e6e5e6, #d1d0d1); background-color: #E4E4E4; border: 1px solid #8C8D8C; color: #464343; } .flipHTML5BookMark-removeBookMark:hover, .flipHTML5Signature-nuderClose:hover, .flipHTML5Signature-typeEdit-typeDel:hover, .flipHTML5Signature-type-cancel:hover, .noteCookie-noteButton-removeAllBtn:hover, .noteCookie-noteButton-addBtn:hover { background-color: #8c8d8c; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #afb0af), color-stop(100%, #7a7b7a)); background: -webkit-linear-gradient(top, #afb0af, #7a7b7a); background: -moz-linear-gradient(top, #afb0af, #7a7b7a); background: -o-linear-gradient(top, #afb0af, #7a7b7a); background: linear-gradient(top, #afb0af, #7a7b7a); } .flipHTML5BookMark-removeBookMark:active, .flipHTML5Signature-nuderClose:active, .flipHTML5Signature-typeEdit-typeDel:active, .flipHTML5Signature-type-cancel:active, .noteCookie-noteButton-removeAllBtn:active, .noteCookie-noteButton-addBtn:active { background: #E4E4E4; color: #374f00; -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4); } .flipHTML5BookMark-table, .noteCookie-noteTable { position: relative; width: 100%; left: 0px; top: 0px; margin: 0px; border: 0px; padding: 0px; overflow: hidden; } .flipHTML5BookMark-table-lists, .noteCookie-noteTable-inner { position: relative; width: 100%; left: 0px; top: 0px; margin: 0px; border: 0px; padding: 0px; } .flipHTML5BookMark-row-th, .noteCookie-noteTable-row-th { position: relative; height: 28px; background-color: #373737; line-height: 28px; vertical-align: middle; color: #ffffff; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; font-weight: bold; } .flipHTML5BookMark-cellLeft-th, .noteCookie-noteTable-cellLeft-th { position: absolute; left: 0px; width: 54px; height: 100%; text-indent: 6px; overflow: hidden; } .flipHTML5BookMark-cellRight-th, .noteCookie-noteTable-cellRight-th { position: absolute; width: 410px; height: 100%; left: 54px; } .flipHTML5BookMark-table-row:hover, .noteCookie-noteTable-row:hover { background-color: #949494 !important; } .flipHTML5BookMark-table-cellLeft, .noteCookie-noteTable-cellLeft { position: absolute; left: 0px; width: 54px; height: 100%; text-indent: 14px; color: #1a1a1a; line-height: 28px; vertical-align: middle; overflow: hidden; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; } .flipHTML5BookMark-table-cellRight-text, .noteCookie-noteTable-cellRight-text { background-color: transparent; border: 0px; width: 320px; position: absolute; left: 0px; top: 0px; height: 100%; margin: 0px; padding: 0px; line-height: 20px; text-indent: 8px; color: #1a1a1a; cursor: pointer; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; } .flipHTML5BookMark-table-cellRight-edit, .flipHTML5BookMark-table-cellRight-cancel, .flipHTML5BookMark-table-cellRight-del, .noteCookie-noteTable-cellRight-del, .noteCookie-noteTable-cellRight-edit { position: absolute; width: 24px; height: 24px; top: 2px; } .flipHTML5BookMark-normal, .flipHTML5Signature-normal { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e5e6), color-stop(100%, #d1d0d1)); background: -webkit-linear-gradient(top, #e6e5e6, #d1d0d1); background: -moz-linear-gradient(top, #e6e5e6, #d1d0d1); background: -o-linear-gradient(top, #e6e5e6, #d1d0d1); background: linear-gradient(top, #e6e5e6, #d1d0d1); background-color: #E4E4E4; border: 1px solid #8C8D8C; color: #464343; } .flipHTML5BookMark-hover, .flipHTML5Signature-hover { background-color: #8c8d8c; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #afb0af), color-stop(100%, #7a7b7a)); background: -webkit-linear-gradient(top, #afb0af, #7a7b7a); background: -moz-linear-gradient(top, #afb0af, #7a7b7a); background: -o-linear-gradient(top, #afb0af, #7a7b7a); background: linear-gradient(top, #afb0af, #7a7b7a); }.noteCookie-noteButton-top { position: absolute; height: 134px; width: 464px; top: 14px; left: 18px; margin: 0px; padding: 0px; border: 0px; box-shadow: inset 1px 1px 0px #a6a6a6, 1px 1px 0px #f6f6f6; } .noteCookie-noteButton-inputText { height: 80px; position: absolute; width: 444px; left: 10px; top: 11px; margin: 0px; border: 0px; padding: 0px; resize: none; color: #000000; text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35); font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; z-index: 2; } .noteCookie-noteButton-removeAllBtn, .noteCookie-noteButton-addBtn { position: absolute; text-align: center; line-height: 27px; vertical-align: middle; width: 79px; height: 27px; top: 100px; cursor: pointer; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e5e6), color-stop(100%, #d1d0d1)); background: -webkit-linear-gradient(top, #e6e5e6, #d1d0d1); background: -moz-linear-gradient(top, #e6e5e6, #d1d0d1); background: -o-linear-gradient(top, #e6e5e6, #d1d0d1); background: linear-gradient(top, #e6e5e6, #d1d0d1); background-color: #E4E4E4; border: 1px solid #8C8D8C; color: #1a1a1a; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); z-index: 2; } .noteCookie-noteList { position: relative; width: 464px; left: 18px; top: 0px; margin: 0px; border: 0px; padding: 0px; z-index: 2; } .noteCookie-eachNote { position: absolute; cursor: pointer; width: 56px; height: 56px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2; } .noteCookie-eachNote-img:hover { box-shadow: 0px 0px 2px #ffffff, 0px 0px 3px #ffffff, 0px 0px 5px #7C7878; z-index: 2; } .noteCookie-eachNote-img:active { -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px #7C7878; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px #7C7878; box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px #7C7878; z-index: 2; } .noteCookie-eachNote-textList { position: absolute; width: 180px; height: 140px; border: 1px solid #9c9c9c; border-radius: 3px; left: 0px; top: 0px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.69), 0px 1px 3px #7C7878; z-index: 122; } .noteCookie-eachNote-textList-current, .flipHTML5LocalFile-current { z-index: 124 !important; } .noteCookie-eachNote-textList-topTitle { position: absolute; width: 100%; height: 15px; left: 0px; bottom: 0px; top: auto; line-height: 16px; vertical-align: middle; text-indent: 5px; color: #1a1a1a; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; z-index: 2; border-top: 1px solid #9c9c9c; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .noteCookie-eachNote-textList-topDel, .noteCookie-eachNote-textList-topClose, .noteCookie-eachNote-textList-topSave { position: absolute; width: 18px; height: 18px; right: 46px; top: 1px; cursor: pointer; z-index: 2; } .noteCookie-eachNote-textList-text { height: 104px; position: absolute; width: 100%; left: 0px; top: 0px; margin: 0px; border: 0px; padding: 0px; resize: none; text-indent: 6px; background-color: #FFF4A1; color: #000000; text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35); font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; z-index: 2; } .noteCookie-eachNote-textList-textDiv-bgNo, .noteCookie-eachNote-textList-textDiv-bgYes { position: absolute; top: 60px; width: 42px; height: 20px; text-align: center; border-radius: 4px; font-family: Helvetica; font-size: 14px; line-height: 20px; color: #1D1C1C; cursor: pointer; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); z-index: 2; } .noteCookie-eachNote-textList-textDiv-bgNo:hover, .noteCookie-eachNote-textList-textDiv-bgYes:hover { background-color: #4d5358; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #50535a), color-stop(100%, #474445)); background: -webkit-linear-gradient(top, #50535a, #474445); background: -moz-linear-gradient(top, #50535a, #474445); background: -o-linear-gradient(top, #50535a, #474445); background: linear-gradient(top, #50535a, #474445); z-index: 2; } .noteCookie-eachNote-textList-textDiv-bgNo:active, .noteCookie-eachNote-textList-textDiv-bgYes:active { background: rgb(173, 180, 153); color: #000000; -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4); z-index: 2; }.flipHtml5AnnotationSizeWrap { cursor: all-scroll; z-index: 1; left: 0; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; outline: 1px dashed rgb(61, 61, 61); position: absolute; } .flipHtml5SVGContainer { position: absolute; } .flipHtml5ArrowRightBottom { left: 100%; top: 100%; right: auto; bottom: auto; } .flipHtml5ArrowLeftBottom { left: auto; top: 100%; right: 100%; bottom: auto; } .flipHtml5ArrowLeftTop { left: auto; top: auto; right: 100%; bottom: 100%; } .flipHtml5ArrowRightTop { left: 100%; top: auto; right: auto; bottom: 100%; } .flipHtml5SizePoint { background-color: rgb(61, 61, 61); position: absolute; border: 1px solid black; box-shadow: inset 0 1px 1px white; } .flipHtml5SizePoint:hover { box-shadow: inset 0 1px 3px white; } .flipHtml5SizePoint:active { box-shadow: none; } .flipHtml5SizePoint1 { cursor: nw-resize; z-index: 2; width: 6px; height: 6px; left: -4px; top: -4px; } .flipHtml5SizePoint2 { cursor: n-resize; z-index: 3; width: 4px; height: 4px; margin-left: -3px; left: 50%; top: -3px; } .flipHtml5SizePoint3 { cursor: ne-resize; z-index: 2; width: 6px; height: 6px; right: -4px; top: -4px; } .flipHtml5SizePoint4 { cursor: e-resize; z-index: 1; width: 4px; height: 4px; right: -3px; margin-top: -3px; top: 50%; } .flipHtml5SizePoint5 { cursor: se-resize; z-index: 2; width: 6px; height: 6px; right: -4px; bottom: -4px; } .flipHtml5SizePoint6 { cursor: s-resize; z-index: 3; width: 4px; height: 4px; left: 50%; margin-left: -3px; bottom: -3px; } .flipHtml5SizePoint7 { cursor: sw-resize; z-index: 2; width: 6px; height: 6px; left: -4px; bottom: -4px; } .flipHtml5SizePoint8 { cursor: w-resize; z-index: 1; width: 4px; height: 4px; left: -3px; margin-top: -3px; top: 50%; } .fliphtml5AnnotationLineToolsContainer { position: absolute; padding: 3px; top: 50px; left: 40%; z-index: 10; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; -webkit-user-drag: none;user-drag: none; display: none; background: rgba(77, 77, 77, 0.9); border-radius: 5px; border: 1px groove rgb(150, 149, 149); } .flipHtml5AnnotationClickButton, .flipHtml5AnnotationActiveButton { position: relative; width: 18px; height: 18px; border: 1px solid black; left: 7px; top: 3px; outline: none; margin: 0 10px 0 0; display: inline-block; background: rgb(77, 77, 77); box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.61); } .flipHtml5AnnotationClickButton:hover, .flipHtml5AnnotationActiveButton:hover { background-color: rgb(125, 125, 125); } .flipHtml5AnnotationClickButton:active, .flipHtml5AnnotationActiveButton-active { position: relative; width: 18px; height: 18px; border: 1px solid black; left: 7px; top: 3px; margin: 0 10px 0 0; display: inline-block; background: rgba(77, 77, 77, 0.9); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.61); } .flipHtml5AnnotationButtonImage { position: absolute; width: 100%; height: 100%; top: 0; background: no-repeat 0 0; } .flipHtml5AnnotationColorSelectorWrap { position: absolute; z-index: 10000; width: 242px; cursor: default; height: 205px; background: rgba(41, 41, 41, 0.9); border: 1px solid rgb(88, 88, 88); padding: 6px; font-size: 14px; text-decoration: none; color: white; font-family: serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; } .flipHtml5AnnotationColorSelectorMessage { font-size: 14px; font-family: serif; text-align: left; line-height: 22px; margin-bottom: 5px; width: 57px; padding: 0 6px; border: 0; border-radius: 0; box-shadow: none; } .flipHtml5AnnotationOpacity { width: 150px; height: 1px; text-align: center; line-height: 20px; color: white; cursor: pointer; border: 1px black; background: rgb(255, 255, 255); position: relative; display: inline-block; left: 10px; } .flipHtml5AnnotationOpacitySpan { position: absolute; top: -24px; left: 45px; } .flipHtml5AnnotationOpacityCursor { left: 0; width: 5px; height: 12px; display: inline-block; position: absolute; background: rgb(175, 174, 174); top: -6PX; box-shadow: inset 0 1px 1px white; } .flipHtml5AnnotationOpacityCursor:hover { outline: 1px solid rgb(23, 211, 211); } .flipHtml5AnnotationOpacityCursor:active { background-color: white; } .flipHtml5AnnotationColorSelectorBlock { width: 18px; height: 18px; } .flipHtml5AnnotationColorBar { width: 12px; height: 3px; position: absolute; z-index: 2; background-color: black; bottom: 2px; left: 3px; } .flipHtml5AnnotationColorSelectorBlock:hover { outline: 1px solid rgb(6, 142, 185); } .flipHtml5AnnotationImage-delete { background-image: url(icon/delete.png); } .flipHtml5AnnotationImage-stroke, .flipHtml5AnnotationImage-fill { background-color: white; width: 10px; height: 10px; margin: 3px; position: absolute; z-index: 3; border: 1px solid black; } .flipHtml5AnnotationSelect { padding: 0; width: 100px; height: 21px; position: relative; top: -2px; left: 4px; margin: 0 10px 0 0; display: inline-block; text-align: center; font-size: 12px; background: rgb(77, 77, 77); color: white; border-color: black; box-shadow: inset 0 1px 6px rgb(39, 39, 39); outline: 0; line-height: 15px; }.flipHTML5Signature-toolBar-del, .flipHTML5Signature-toolBar-up, .flipHTML5Signature-toolBar-down, .flipHTML5Signature-toolBar-revert, .flipHTML5Signature-toolBar-date { position: absolute; width: 22px; height: 22px; top: 4px; border-radius: 2px; cursor: pointer; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgb(61, 61, 61)), color-stop(100%, rgb(61, 61, 61))); background: -webkit-linear-gradient(top, #141414, rgb(61, 61, 61)); background: -moz-linear-gradient(top, #141414, rgb(61, 61, 61)); background: -o-linear-gradient(top, #141414, rgb(61, 61, 61)); background: linear-gradient(top, #141414, rgb(61, 61, 61)); background-color: rgb(61, 61, 61); border: 1px solid #111010; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.34), 0px 1px 2px rgba(255, 255, 255, 0.34); } .flipHTML5Signature-toolBar-del:hover, .flipHTML5Signature-toolBar-up:hover, .flipHTML5Signature-toolBar-down:hover, .flipHTML5Signature-toolBar-revert:hover, .flipHTML5Signature-toolBar-date:hover { background-color: #242524; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, #6D706D)); background: -webkit-linear-gradient(top, #000000, #6D706D); background: -moz-linear-gradient(top, #000000, #6D706D); background: -o-linear-gradient(top, #000000, #6D706D); background: linear-gradient(top, #000000, #6D706D); } .flipHTML5Signature-toolBar-del:active, .flipHTML5Signature-toolBar-up:active, .flipHTML5Signature-toolBar-down:active, .flipHTML5Signature-toolBar-revert:active, .flipHTML5Signature-toolBar-date:active { box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.38), 0px 1px 0px rgba(14, 13, 13, 0.28); } .flipHTML5Signature-eachSignatureImg { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flipHTML5Signature-titleClose, .flipHTML5VideoGallery-close { position: absolute; cursor: pointer; border-radius: 4px; border-left: 1px solid rgba(255, 255, 255, 0.47); border-top: 1px solid rgba(255, 255, 255, 0.48); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.55), 1px 0px 0px rgba(255, 255, 255, 0.57), 0px 0px 4px #000000; } .flipHTML5Signature-titleClose:hover, .flipHTML5VideoGallery-close:hover { box-shadow: 0px 0px 0px #000000; } .flipHTML5Signature-titleClose:active, .flipHTML5VideoGallery-close:active { box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.83), 0px 1px 0px white; } .flipHTML5Signature-eachDate { position: absolute; width: 180px; height: 45px; border: 1px dashed rgb(47, 47, 47); top: -24px; left: 26px; line-height: 70px; color: #1a1a1a; font-size: 16px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; text-indent: 10px; } .flipHTML5Signature-nuderMessage { position: absolute; left: 10px; top: 10px; width: 534px; height: 36px; border: 1px solid #CCCCCC; border-radius: 4px; padding-left: 6px; word-spacing: 4px; color: #1a1a1a; font-size: 15px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-indent: 8px; box-shadow: 0px 0px 2px #000000; } .flipHTML5Signature-typeTitle { position: absolute; left: 0px; top: 0px; width: 100%; height: 24px; background-color: #373737; line-height: 24px; vertical-align: middle; text-align: center; color: #ffffff; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 15px; font-weight: bold; } .flipHTML5Signature-typeUnder { position: absolute; left: 0px; top: 24px; width: 100%; height: 110px; background-color: #E0E0E0; } .flipHTML5Signature-typeMid { position: absolute; left: 17px; top: 8px; width: 204px; height: 70px; border: 1px solid #cccccc; background-color: #FAFAFA; box-shadow: 0px 0px 1px #584F4F; cursor: pointer; text-align: center; font-family: Mistral; color: #000000; font-size: 13px; vertical-align: bottom; line-height: 70px; box-shadow: rgb(166, 166, 166) 1px 1px 0px inset, rgb(246, 246, 246) 1px 1px 0px; } .flipHTML5Signature-typeEdit-typeDel { height: 22px; top: auto; bottom: 3px; font-size: 14px; font-weight: bold; line-height: 22px; text-indent: 17px; position: absolute; cursor: pointer; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e5e6), color-stop(100%, #d1d0d1)); background: -webkit-linear-gradient(top, #e6e5e6, #d1d0d1); background: -moz-linear-gradient(top, #e6e5e6, #d1d0d1); background: -o-linear-gradient(top, #e6e5e6, #d1d0d1); background: linear-gradient(top, #e6e5e6, #d1d0d1); background-color: #E4E4E4; border: 1px solid #8C8D8C; color: #464343; } .flipHTML5Signature-type-cancel { left: 371px; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e5e6), color-stop(100%, #d1d0d1)); background: -webkit-linear-gradient(top, #e6e5e6, #d1d0d1); background: -moz-linear-gradient(top, #e6e5e6, #d1d0d1); background: -o-linear-gradient(top, #e6e5e6, #d1d0d1); background: linear-gradient(top, #e6e5e6, #d1d0d1); background-color: #E4E4E4; border: 1px solid #8C8D8C; color: #464343; } .flipHTML5Signature-typeBtn { position: absolute; width: 84px; height: 22px; border: 1px solid #8C8D8C; line-height: 22px; vertical-align: middle; text-align: center; top: auto; bottom: 10px; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: bold; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .flipHTML5Signature-nuderClose { width: 80px; height: 27px; left: 50%; margin-left: -40px; bottom: 11px; top: auto; line-height: 27px; font-size: 15px; position: absolute; text-align: center; cursor: pointer; vertical-align: middle; font-weight: bold; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e5e6), color-stop(100%, #d1d0d1)); background: -webkit-linear-gradient(top, #e6e5e6, #d1d0d1); background: -moz-linear-gradient(top, #e6e5e6, #d1d0d1); background: -o-linear-gradient(top, #e6e5e6, #d1d0d1); background: linear-gradient(top, #e6e5e6, #d1d0d1); background-color: #E4E4E4; border: 1px solid #8C8D8C; color: #464343; } .flipHTML5Signature-drawTypeMid-preview { position: absolute; width: 234px; height: 60px; background-color: #ffffff; border: 1px solid #cccccc; top: 15px; left: auto; right: 17px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; color: #A29696; font-weight: bold; text-indent: 4px; box-shadow: rgb(166, 166, 166) 1px 1px 0px inset, rgb(246, 246, 246) 1px 1px 0px; } .flipHTML5Signature-drawTypeMid-redo, .flipHTML5Signature-drawTypeMid-undo, .flipHTML5Signature-drawTypeMid-clearAll { position: absolute; width: 44px; height: 22px; border: 1px solid #cccccc; border-radius: 4px; left: 80px; top: 54px; text-align: center; line-height: 22px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; font-size: 13px; color: #5F5E5E; cursor: pointer; }.flipHtml5Remark { z-index: 2; position: absolute; width: 0; height: 0; resize: none; outline: 2px solid rgb(255, 173, 0); cursor: text; overflow: hidden; border: 0; padding: 0; margin: 0; line-height: normal; } .flipHtml5Highlight { z-index: 3; position: absolute; width: 0; height: 0; resize: none; outline: 2px solid rgb(255, 173, 0); overflow: hidden; border: 0; padding: 0; margin: 0; line-height: normal; } .flipHtml5RemarkWrap { position: absolute; padding: 0; margin: 0; border: 8px solid transparent; } .flipHtml5RemarkWrap:focus { outline: 1px solid #3181E7; } .flipHtml5SizeWrap { cursor: all-scroll; z-index: 1; left: 0; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; min-width: 40px; min-height: 20px; border: 1px dashed rgb(61, 61, 61); position: absolute; } .flipHtml5SizePoint { background-color: rgb(61, 61, 61); position: absolute; border: 1px solid black; box-shadow: inset 0 1px 1px white; } .flipHtml5SizePoint:hover { box-shadow: inset 0 1px 3px white; } .flipHtml5SizePoint:active { box-shadow: none; } .flipHtml5SizePoint1 { cursor: nw-resize; width: 6px; height: 6px; left: -4px; top: -4px; } .flipHtml5SizePoint2 { cursor: n-resize; width: 4px; height: 4px; margin-left: -3px; left: 50%; top: -3px; } .flipHtml5SizePoint3 { cursor: ne-resize; width: 6px; height: 6px; right: -4px; top: -4px; } .flipHtml5SizePoint4 { cursor: e-resize; width: 4px; height: 4px; right: -3px; margin-top: -3px; top: 50%; } .flipHtml5SizePoint5 { cursor: se-resize; width: 6px; height: 6px; right: -4px; bottom: -4px; } .flipHtml5SizePoint6 { cursor: s-resize; width: 4px; height: 4px; left: 50%; margin-left: -3px; bottom: -3px; } .flipHtml5SizePoint7 { cursor: sw-resize; width: 6px; height: 6px; left: -4px; bottom: -4px; } .flipHtml5SizePoint8 { cursor: w-resize; width: 4px; height: 4px; left: -3px; margin-top: -3px; top: 50%; } .fliphtml5RemarkToolbarContainer { position: absolute; height: 47px; width: 420px; z-index: 10; padding: 5px; display: none; background: rgba(77, 77, 77, 0.9); border-radius: 5px; border: 1px groove rgb(150, 149, 149); } .fliphtml5RemarkHighlightToolbarContainer { display: none; left: 325; top: 70px; z-index: 10; position: absolute; height: 20px; padding: 0; width: 57px; } .flipHtml5Remark pre { border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; max-width: 100%; overflow: auto; padding: 6px; display: inline-block; white-space: pre-wrap; word-wrap: break-word; } .flipHtml5Remark address { font-style: italic; margin-bottom: 12px; } /*.flipHtml5Remark a {*/ /*text-decoration: none;*/ /*font-style: italic;*/ /*color: dodgerblue;*/ /*cursor: pointer;*/ /*}*/ /*.flipHtml5Remark a:hover {*/ /*text-decoration: underline;*/ /*}*/ .flipHtml5RemarkButton { position: relative; width: 18px; height: 18px; border: 1px solid black; top: 1px; outline: none; margin: 0 0 0 2px; display: inline-block; background: rgb(77, 77, 77); box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.61); } .flipHtml5RemarkButton:hover { background-color: rgb(125, 125, 125); } .flipHtml5RemarkButton:active { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.61); } .flipHtml5RemarkButtonImage { position: absolute; width: 100%; height: 100%; top: 0; background: no-repeat 0 0; } .flipHtml5RemarkColorSelectorWrap { position: absolute; z-index: 10000; width: 242px; cursor: default; height: 205px; background: rgba(0, 0, 0, 0.8); border: 1px solid rgb(88, 88, 88); padding: 6px; font-size: 14px; text-decoration: none; color: white; font-family: serif; } .flipHtml5RemarkColorSelectorMessage { font-size: 14px; font-family: serif; text-align: left; line-height: 22px; border: 1px solid black; margin-bottom: 5px; width: 57px; padding: 0 6px; } .flipHtml5RemarkOpacity { width: 150px; height: 1px; text-align: center; line-height: 20px; color: white; cursor: pointer; border: 1px black; background: rgb(255, 255, 255); position: relative; display: inline-block; left: 10px; } .flipHtml5RemarkOpacitySpan { position: absolute; top: -24px; left: 45px; } .flipHtml5RemarkOpacityCursor { left: 0; width: 5px; height: 12px; display: inline-block; position: absolute; background: rgb(175, 174, 174); top: -6PX; box-shadow: inset 0 1px 1px white; } .flipHtml5RemarkOpacityCursor:hover { outline: 1px solid rgb(23, 211, 211); } .flipHtml5RemarkOpacityCursor:active { background-color: white; } .flipHtml5RemarkColorSelectorBlock { width: 18px; height: 18px; } .flipHtml5RemarkColorBar { width: 16px; height: 3px; position: absolute; z-index: 2; background-color: black; bottom: 1px; left: 1px; } .flipHtml5RemarkColorSelectorBlock:hover { outline: 1px solid rgb(6, 142, 185); } .flipHtml5RemarkImage-bold { background-image: url(icon/bold.png); } .flipHtml5RemarkImage-strikeThrough { background-image: url(icon/strikethrough.png); } .flipHtml5RemarkImage-undo { background-image: url(icon/undo.png); } .flipHtml5RemarkImage-delete { background-image: url(icon/delete.png); } .flipHtml5RemarkImage-forecolor { background: url(icon/fontcolor.png) 0 2px; } .flipHtml5RemarkImage-redo { background-image: url(icon/redo.png); } .flipHtml5RemarkImage-removeFormat { background-image: url(icon/clear.png); } .flipHtml5RemarkImage-italic { background-image: url(icon/italic.png); } .flipHtml5RemarkImage-underline { background-image: url(icon/underline.png); } .flipHtml5RemarkImage-justifyLeft { background-image: url(icon/justyleft.png); } .flipHtml5RemarkImage-justifyCenter { background-image: url(icon/justycenter.png); } .flipHtml5RemarkImage-justifyRight { background-image: url(icon/justyright.png); } .flipHtml5RemarkImage-insertOrderedList { background-image: url(icon/orderlist.png); } .flipHtml5RemarkImage-insertUnorderedList { background-image: url(icon/unorderlist.png); } .flipHtml5RemarkImage-blockquote { background-image: url(icon/blockquote.png); } .flipHtml5RemarkImage-outdent { background-image: url(icon/oudent.png); } .flipHtml5RemarkImage-indent { background-image: url(icon/indent.png); } .flipHtml5RemarkImage-createLink { background-image: url(icon/hyperlink.png); } .flipHtml5RemarkImage-backcolor { background-color: white; width: 10px; height: 10px; margin: 3px; position: absolute; z-index: 3; border: 1px solid black; } .flipHtml5RemarkSelect { padding: 0; width: 100px; height: 21px; position: relative; top: 2px; left: 2px; margin: 0 17px 0 0; display: inline-block; text-align: center; font-size: 12px; background: rgb(71, 71, 71); color: white; border-color: black; box-shadow: inset 0 1px 6px rgb(39, 39, 39); outline: 0; line-height: 15px; } .flipHtml5RemarkHr { margin: 0; padding: 0; position: relative; top: 0; }.flipHTML5AddFile { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 8; overflow: hidden; } .flipHTML5ZoomFrame { z-index: 6; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; /*min-width: 40px;*/ /*min-height: 20px;*/ border: 1px dashed rgb(61, 61, 61); position: absolute; } .flipHTML5ZoomFrame .flipHTML5Point { background-color: #0202FF; /*background-color: rgb(61, 61, 61);*/ position: absolute; border: 1px solid black; box-shadow: inset 0 1px 1px white; } .flipHTML5ZoomFrame .flipHTML5ZoomPoint0 { left: -4px; top: -4px; cursor: nw-resize; width: 6px; height: 6px; } .flipHTML5ZoomFrame .flipHTML5ZoomPoint1 { left: 50%; margin-left: -2px; top: -3px; cursor: n-resize; width: 4px; height: 4px; } .flipHTML5ZoomFrame .flipHTML5ZoomPoint2 { right: -4px; top: -4px; cursor: ne-resize; width: 6px; height: 6px; } .flipHTML5ZoomFrame .flipHTML5ZoomPoint3 { right: -3px; top: 50%; margin-top: -2px; cursor: e-resize; width: 4px; height: 4px; } .flipHTML5ZoomFrame .flipHTML5ZoomPoint4 { right: -4px; bottom: -4px; cursor: se-resize; width: 6px; height: 6px; } .flipHTML5ZoomFrame .flipHTML5ZoomPoint5 { left: 50%; margin-left: -2px; bottom: -3px; cursor: s-resize; width: 4px; height: 4px; } .flipHTML5ZoomFrame .flipHTML5ZoomPoint6 { left: -4px; bottom: -4px; cursor: sw-resize; width: 6px; height: 6px; } .flipHTML5ZoomFrame .flipHTML5ZoomPoint7 { left: -3px; top: 50%; margin-top: -2px; cursor: w-resize; width: 4px; height: 4px; } .flipHTML5LocalFile-toolBar-del, .flipHTML5LocalFile-toolBar-update { position: absolute; width: 22px; height: 22px; top: 4px; border-radius: 2px; cursor: pointer; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgb(61, 61, 61)), color-stop(100%, rgb(61, 61, 61))); background: -webkit-linear-gradient(top, #141414, rgb(61, 61, 61)); background: -moz-linear-gradient(top, #141414, rgb(61, 61, 61)); background: -o-linear-gradient(top, #141414, rgb(61, 61, 61)); background: linear-gradient(top, #141414, rgb(61, 61, 61)); background-color: rgb(61, 61, 61); border: 1px solid #111010; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.34), 0px 1px 2px rgba(255, 255, 255, 0.34); } .flipHTML5LocalFile-toolBar-del:hover, .flipHTML5LocalFile-toolBar-update:hover { background-color: #242524; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, #6D706D)); background: -webkit-linear-gradient(top, #000000, #6D706D); background: -moz-linear-gradient(top, #000000, #6D706D); background: -o-linear-gradient(top, #000000, #6D706D); background: linear-gradient(top, #000000, #6D706D); } .flipHTML5LocalFile-toolBar-del:active, .flipHTML5LocalFile-toolBar-update:active { box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.38), 0px 1px 0px rgba(14, 13, 13, 0.28); } .guidbutton { cursor : pointer; } .guidbutton div { margin-left: 1px; margin-top: 1px; width : 35px; height : 35px; } .menuTitle{ cursor : pointer; overflow : hidden; width : 100%; height : 50px; font-family : Arial,Tahoma; } .menuTitleIcon{ cursor : pointer; position : absolute; top : 10px; left : 20px; width : 32px; height : 32px; border-radius : 16px; } .menuTitleIcon div{ cursor : pointer; position : absolute; top : 6px; left : 6px; width : 20px; height : 20px; } .menuTitleCaption{ cursor : pointer; position : absolute; left : 60px; top : 18px; font-size : 14px; color : #FFFFFF; } .menuTitleState{ position : absolute; top : 15px; right : 20px; width : 24px; height : 24px; } .dockMenu { text-align : center; z-index : 300; display : block; overflow : visible; position : absolute; bottom : 10; white-space: nowrap; -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.85, transparent), to(rgba(255,255,255,0.3))); -moz-box-reflect: below 1px -moz-gradient(linear, left top, left bottom, from(transparent), color-stop(0.85, transparent), to(rgba(255,255,255,0.3))); } .dockMenuContent { padding : 0px; list-style : none; text-align : center; display: inline-block; white-space: nowrap; } .dockMenuItem{ display : inline-block; vertical-align : bottom; position : relative; overflow : visible; text-align : center; cursor: pointer; } .dockMenuItemContent { /*background : #ff0000;*/ position : absolute; bottom : 1px; background : #ffffff; } .dockMenuItemShadow { -webkit-box-shadow : 0 0 5px rgba(40, 40, 40, 0.5); -moz-box-shadow : 0 0 5px rgba(40, 40, 40, 0.5); -o-box-shadow : 0 0 5px rgba(40, 40, 40, 0.5); -ms-box-shadow : 0 0 5px rgba(40, 40, 40, 0.5); box-shadow : 0 0 5px rgba(40, 40, 40, 0.5); } .dockMenuItemCaption { line-height : 1.3em; text-align : center; width : auto; overflow : visible; font-weight : bold; color : #FFFFFF; font-size : 80%; padding : 4px 12px; opacity : 0.4; background-color : #000000; display : none; margin : 0px auto; top : 0px; border-radius : 10px; white-space: nowrap; } .dockMenuItemCaptionAfter{ display: none; height: 9px; line-height:9px; left:50%; opacity:0.4; color: transparent; position: absolute; text-align: center; width: 16px; margin-left: -4px; margin-top: -2px; } .phoneGotoPageContent img{ width : 25px; height : 25px; cursor : pointer; } .phoneGotoPageContent .inputButton{ display : inline-block; position : relative; overflow : visible; margin-top : 21px; margin-left : 10px; width : 35px; height : 35px; cursor : pointer; border:1px solid #645F5F; } .phoneGotoPageContent .goBtn div{ width : 20px; height : 20px; margin:5px; } .phoneGotoPageContent .btn{ display : inline-block; position : relative; overflow : visible; margin-top : 21px; margin-left : 10px; width : 35px; height : 35px; cursor : pointer; border:1px solid #645F5F; } .phoneGotoPageContent .btn div{ width : 35px; height : 35px; margin:5px; } .phoneGotoPageContent .goBtn{ width : 30px; height : 30px; top : 3px; right : 0px; cursor : pointer; z-index : 5; position:absolute; } .flipShotBackground { position : absolute; background : #727272; width : 100%; height : 100%; opacity : 0.6; } .flipShot img{ position : absolute; top : 50%; left : 50%; margin-top : -10px; margin-left : -10px; } .flipShot { cursor : pointer; } .slideShortcut{ position : absolute; z-index : 101; width : 210px; height : 40px; background-color : #D0D7DF; /*background : linear-gradient(top, #F6FAFD, #E1E8F0); background : -webkit-linear-gradient(top, #F6FAFD, #E1E8F0); background : -ms-linear-gradient(top, #F6FAFD", #E1E8F0); background : -moz-linear-gradient(top, #F6FAFD", #E1E8F0); background : -o-linear-gradient(top, #F6FAFD", #E1E8F0); filter : progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#E1E8F0', StartColorStr='#F6FAFD');*/ opacity : 0.6; -webkit-box-shadow : 0 0 5px rgba(40, 40, 40, 0.5); -moz-box-shadow : 0 0 5px rgba(40, 40, 40, 0.5); -o-box-shadow : 0 0 5px rgba(40, 40, 40, 0.5); -ms-box-shadow : 0 0 5px rgba(40, 40, 40, 0.5); box-shadow : 0 0 5px rgba(40, 40, 40, 0.5); } .shortcutItem{ position : relative; float : left; top : 0px; width : 70px; height : 40px; border-width : 0px; cursor : default; } .shortcurtItemEnter{ position : relative; float : left; top : 0px; width : 68px; border-left : 1px solid #7297C1; border-right : 1px solid #7297C1; height : 40px; background-color : #8FACCC; cursor : pointer; } .slideToolbar{ z-index:5; position:relative; margin:0px auto; height:43px; width:155px; border-radius:0px 0px 5px 5px; opacity:0.7; } .slideToolbar:hover{ opacity : 1; } .slideToolbar img{ width : 32px; margin-left : 15px; margin-top : 5px; cursor : pointer; } .slideBar{ z-index:5; position:absolute; cursor:pointer; width:50px; height:50px; top:50%; opacity:0.7; margin-top:-25px; } /*scrollbar*/ ::-webkit-scrollbar { height: 10px; width: 10px } ::-webkit-scrollbar-button { height: 10px; width: 10px } ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: block /*border-radius:5px;*/ /*background-color:rgba(255,0,0,1)*/ } ::-webkit-scrollbar-button:vertical:start:increment, ::-webkit-scrollbar-button:vertical:end:decrement { display: block } ::-webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal { border-style: solid; border-width: 1px; /*border-color:transparent*/ display: block; border-radius: 6px; background-color: rgba(231, 232, 233, 1) } ::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal { background-clip: padding-box; /*background-color:#fff;*/ /*border-radius:5px;*/ /*background-color:rgba(255,255,0,1)*/ /*background-color:#fff;*/ display: block } ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07); background-clip: padding-box; /*background-color:rgba(0,0,0,.2);*/ border-radius: 6px; background-color: rgba(0, 0, 0, 0.5); /*background-color:rgba(255,255,0,.2);*/ min-height: 28px; padding-top: 100px } ::-webkit-scrollbar-thumb:hover { border-width: 1px; -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25); /*background-color:rgba(0,0,0,.4)*/ border-radius: 6px; background-color: rgba(255, 255, 255, 1); /*background-color:rgba(255,255,128,.4)*/ } ::-webkit-scrollbar-thumb:active { border-width: 1px; -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35); /*background-color:rgba(0,0,0,.5)*/ border-radius: 6px; background-color: rgba(255, 255, 255, 1); } ::-webkit-scrollbar-track:vertical { border-width: 0; border-radius: 6px; background-color: rgba(0, 0, 0, 0.5) } ::-webkit-scrollbar-track:horizontal { border-width: 1px; border-radius: 6px; background-color: rgba(231, 232, 233, 1) } /*::-webkit-scrollbar-thumb:vertical{ border-width:0; border-radius:5px; background-color:rgba(231,0,0,1) }::-webkit-scrollbar-thumb:horizontal { border-width:0; border-radius:5px; background-color:rgba(231,232,233,1) }*/ ::-webkit-scrollbar-track:hover { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1); /*background-color:rgba(0,0,0,.05)*/ border-radius: 6px; background-color: rgba(0, 0, 0, 0.5) } ::-webkit-scrollbar-track:active { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px -1px 0 rgba(0, 0, 0, .07); /*background-color:rgba(0,0,0,.05)*/ /*background-color:rgba(0,0,0,.05)*/ border-radius: 6px; background-color: rgba(0, 0, 0, 0.5) } /*search form*/ .inputInnerShadow { -moz-box-shadow : inset 0 0 5px #555555; -webkit-box-shadow : inset 0 0 5px #555555; box-shadow : inset 0 0 5px #555555; -ms-box-shadow : inset 0 0 5px #555555; -o-box-shadow : inset 0 0 5px #555555; } .searchButton { border-radius : 5px; width : 36px; height : 36px; position : absolute; right : 8px; } .searchButton img { margin-left : 5px; margin-top : 5px; } .searchTextContent { top : 0px; left : 0px; } .searchTextField { position : absolute; size : 13px; font-family : Tahoma; -moz-border-radius : 5px; -webkit-border-radius : 5px; border-radius : 0px; border-width : 1px; background : #ffffff; top : 16px; border-right-width : 0px; border-bottom-width : 0px; border-style : 0 none; color : black; padding-left : 5px; height : 30px; } .searchResultContent { /*position : absolute;*/ color : #333333; font-family : Tahoma; font-size : 12px; vertical-align : middle; text-shadow : 1px 1px #000000; } /*form title background*/ .formBackground { top : 10px; z-index : 99; opacity :1; position : absolute; } .form_Background { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border-width : 0px; border-style : 0 none; position : absolute; } .formBoxShdow { -webkit-box-shadow : 0 0 15px rgba(40, 40, 40, 0.7); -moz-box-shadow : 0 0 15px rgba(40, 40, 40, 0.7); -o-box-shadow : 0 0 15px rgba(40, 40, 40, 0.7); -ms-box-shadow : 0 0 15px rgba(40, 40, 40, 0.7); box-shadow : 0 0 15px rgba(40, 40, 40, 0.7); } .formTitleBox { border-width : 0px; -moz-border-radius : 5px 5px 0px 0px; -webkit-border-radius : 5px 5px 0px 0px; border-radius : 5px 5px 0px 0px; vertical-align : middle; position : absolute; } .formContentBox { position : absolute; }