diff --git a/css/index.css b/css/index.css index 7bd9d91..a2111fb 100644 --- a/css/index.css +++ b/css/index.css @@ -1 +1,116 @@ -html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;left:-9999px}[type="checkbox"]:not(:checked)+span,[type="checkbox"]:checked+span{position:relative;padding-left:25px;cursor:pointer}[type="checkbox"]:not(:checked)+span:before,[type="checkbox"]:checked+span:before{content:'';position:absolute;left:0;top:0;width:17px;height:17px;border:1px solid #aaa;background:#f8f8f8;border-radius:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.3)}[type="checkbox"]:not(:checked)+span:after,[type="checkbox"]:checked+span:after{content:'\2713';position:absolute;top:-8px;left:1px;font-size:25px;color:black}[type="checkbox"]:not(:checked)+span:after{opacity:0;transform:scale(0)}[type="checkbox"]:checked+span:after{opacity:1;transform:scale(1)}[type="checkbox"]:disabled:not(:checked)+span:before,[type="checkbox"]:disabled:checked+span:before{box-shadow:none;border-color:#bbb;background-color:#ddd}[type="checkbox"]:disabled:checked+span:after{color:#999}[type="checkbox"]:disabled+span{color:#aaa}.switch-toggle a,.switch-light span span{display:none}.switch-toggle{display:block;height:30px;position:relative;padding:0!important}.switch-toggle *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.switch-toggle a{display:block;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}.switch-toggle label,.switch-toggle>span{line-height:30px;vertical-align:middle}.switch-toggle input{position:absolute;opacity:0}.switch-toggle input+label{position:relative;top:static;right:static;left:static;display:inherit;width:50%;z-index:2;float:left;height:100%;margin:0;text-align:center;cursor:pointer}.switch-toggle input+label:hover{background:#b4e2f6;box-shadow:inset 0 0 0 3px #28a2d5;-webkit-box-shadow:inset 0 0 0 3px #28a2d5}.switch-toggle a{position:absolute;top:0;right:static;left:0;display:inherit;width:50%;z-index:1;padding:0;height:100%}.switch-toggle input:last-of-type:checked ~ a{left:50%}.switch-candy{background-color:#fff;border:0;border-radius:6px;color:#fff;text-align:center;border:2px solid #808080}.switch-candy label{color:#000}.switch-candy input:checked+label{color:#000;cursor:default}.switch-candy input:checked+label:hover{background:transparent;box-shadow:inset 0 0 0 3px transparent;-webkit-box-shadow:inset 0 0 0 3px transparent}.switch-candy a{background-color:#eee;border:1px solid #808080;border-radius:3px;background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.2),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(255,255,255,0.2),rgba(0,0,0,0))}.switch-candy>span{color:#808080;text-shadow:none}.switch-candy span{color:#fff}html,body{background:white;min-width:630px}.hidden{display:none}.inactive{opacity:.2;pointer-events:none}.active{display:block}strong,.bold{font-weight:bold}a{text-decoration:none}a:hover{text-decoration:underline}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;font-size:18px;box-sizing:border-box}.glyphicon.glyphicon-refresh:before{content:"\e031";box-sizing:border-box}.glyphicon.glyphicon-plus{top:-1px}.glyphicon.glyphicon-plus:before{content:"\2b";box-sizing:border-box}.glyphicon.glyphicon-chevron-down:before{content:"\e114"}.icon{height:18px;width:18px;position:relative;overflow:hidden;display:inline-block}.icon.icon-screen{width:32px;height:25px}.icon .screen{width:28px;height:16px;border:2px solid #333;background:#eee}.icon .screen:before{position:absolute;content:'';width:10px;height:3px;background:#333;bottom:2px;left:11px}.icon .screen:after{position:absolute;content:'';width:22px;height:2px;background:#333;bottom:0;left:5px}input{font-family:Verdana,Geneva,sans-serif;font-size:14px}button{outline:0;color:black;padding:5px 10px;font-size:13px;border-radius:3px;font-family:Verdana,Geneva,sans-serif;background:-webkit-linear-gradient(top,#fff 0,#f1f1f1 50%,#f6f6f6 100%);border:1px solid #707070}button:hover{background:-webkit-linear-gradient(top,#eee 0,#ccc 100%);cursor:pointer;box-shadow:0 0 3px #707070;-webkit-box-shadow:0 0 3px #707070}button.primary{border:1px solid #707070;color:white;border:1px solid #333;background:-webkit-linear-gradient(top,#4c4c4c 0,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%)}button.primary:hover{box-shadow:0 0 3px #707070;-webkit-box-shadow:0 0 3px #707070;background:-webkit-linear-gradient(top,#4c4c4c 0,#595959 12%,#666 25%,#474747 100%,#1c1c1c 100%,#2b2b2b 100%,#111 100%,#2c2c2c 100%,#000 100%,#131313 100%)}button.disabled{opacity:.5;pointer-events:none}.modal-box{font-family:Verdana,Geneva,sans-serif;background:white;border:4px solid #7c7c7c;box-shadow:0 0 4px #7c7c7c inset;-webkit-box-shadow:0 0 4px #7c7c7c inset;border-radius:8px;position:absolute;top:50%;left:50%}.modal-box .modal-body{border-radius:4px 4px 0 0;padding:2px 10px 0 10px;width:400px;height:144px}.modal-box .modal-footer{border-radius:0 0 4px 4px;padding:0 10px;border-top:1px solid #c0c0c0;overflow:hidden;background:#e7f3fd}.modal-box .modal-footer .button{float:right;margin:6px 10px 6px 0}.display-setting-indicator{display:none;width:0;height:0;position:absolute;z-index:2;bottom:0;left:80px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid silver}.main-view.display-selected .display-setting-indicator{display:block}.main-view.display-selected .resize-footer{border-bottom-width:7px}.main-view.display-selected #display-setting-layer{display:block}.main-view.display-selected #display-setting{background:#dcf0f6}.main-view.display-selected #display-setting:hover,.main-view.display-selected #display-setting:focus{background:#b4e2f6}.main-view.display-selected .glyphicon-chevron-down:before{content:"\e113"}.main-view{padding-top:4px;overflow:hidden}.main-view .resize-container{padding:0 5px;height:156px;overflow-y:auto}.main-view .resize-container .resize-selector-container{width:127px;height:127px;margin:2px 4px 10px 2px;display:inline-block;position:relative;border:1px solid transparent;border-radius:4px;padding:0 0 15px 15px;float:right}.main-view .resize-container .resize-selector-container .close-button{width:18px;height:18px;border-radius:10px;cursor:pointer;background:url('../images/sprites/close.png');position:absolute;top:2px;right:2px;display:none}.main-view .resize-container .resize-selector-container .layout-title{position:absolute;font-weight:bold;font-size:16px;font-family:Verdana,Geneva,sans-serif}.main-view .resize-container .resize-selector-container .resize-selector{width:100px;height:100px;position:absolute;top:21px;border-radius:4px;border:5px solid #7c7c7c}.main-view .resize-container .resize-selector-container .resize-selector .tab-layer{position:relative;display:inline-block;float:left;top:0;left:0}.main-view .resize-container .resize-selector-container .resize-selector .tab-layer .fav-icon{position:absolute;background-repeat:no-repeat;background-size:27px 27px;width:27px;height:27px;background-image:url('https://www.google.com/favicon.ico')}.main-view .resize-container .resize-selector-container:hover{cursor:pointer;border:1px solid #d3e3f7;background:-webkit-gradient(linear,left top,left bottom,from(#dcf0f6),to(#f4f8fe));-webkit-transition:all 200ms ease-in}.main-view .resize-container .resize-selector-container:hover .layout-1x1{background:url('../images/sprites/layouts.png') 0 100px}.main-view .resize-container .resize-selector-container:hover .layout-1x2{background:url('../images/sprites/layouts.png') -100px 100px}.main-view .resize-container .resize-selector-container:hover .layout-1x3{background:url('../images/sprites/layouts.png') -200px 100px}.main-view .resize-container .resize-selector-container:hover .layout-2x1{background:url('../images/sprites/layouts.png') -300px 100px}.main-view .resize-container .resize-selector-container:hover .layout-2x2{background:url('../images/sprites/layouts.png') -400px 100px}.main-view .resize-container .resize-selector-container:hover .layout-3x1{background:url('../images/sprites/layouts.png') -500px 100px}.main-view .resize-container .resize-selector-container:hover .layout-default{background:url('../images/sprites/layouts.png') -600px 100px}.main-view .resize-container .resize-selector-container:hover .close-button{display:block}.main-view .resize-container .resize-selector-container:hover .close-button:hover{background:url('../images/sprites/close_hover.png')}.main-view .resize-footer{border:3px solid #c0c0c0;overflow:hidden;background:#dcf0f6;clear:right;font-family:Verdana,Geneva,sans-serif}.main-view .resize-footer .footer-wrap{display:inline-block;overflow:hidden}.main-view .resize-footer .footer-wrap.button-wrap{padding:3px 0 0 2px}.main-view .resize-footer .footer-wrap.monitor-wrap{float:left;padding:6px 12px 5px 8px;border-right:3px solid silver;cursor:pointer;background:white;position:relative}.main-view .resize-footer .footer-wrap.monitor-wrap:hover,.main-view .resize-footer .footer-wrap.monitor-wrap:focus{background:#b4e2f6}.main-view .resize-footer .footer-wrap.monitor-wrap .display-setting-title{vertical-align:top;font-size:15px;position:relative;top:5px;padding:0 13px 0 8px;border-right:1px solid silver}.main-view .resize-footer .footer-wrap.monitor-wrap .glyphicon{top:-3px;left:3px}.main-view .resize-footer .resize-undo{margin-left:12px}.main-view .resize-footer #custom-layout{padding:4px 15px 1px 15px;float:left}.main-view .resize-footer #default-configuration{padding:3px 15px 2px 15px;float:left}.main-view .resize-footer .checkbox-container{font-family:Verdana,Geneva,sans-serif;overflow:hidden;display:inline-block;border-left:3px solid silver;float:right;background:white}.main-view .resize-footer .checkbox-container label{font-size:14px;display:block;padding:11px 7px 13px 10px;cursor:pointer}.main-view .resize-footer .checkbox-container label.selected{background:#dcf0f6}.main-view .resize-footer .checkbox-container label:hover{background:#b4e2f6}.main-view .resize-footer .checkbox-container label input{border-radius:3px;-webkit-border-radius:3px;vertical-align:top;width:18px;height:18px}.main-view .resize-footer .checkbox-container label span{position:relative;top:1px;left:-2px}#display-setting-layer{display:none;position:relative;bottom:0;margin:100px 50px 25px 50px;font-family:Verdana,Geneva,sans-serif}#display-setting-layer .signature{position:absolute;bottom:-22px;font-size:13px;right:-45px;font-weight:bold}#display-setting-layer .signature a{color:#005579;padding-right:5px}#display-setting-layer .signature .rate-it{border-left:1px solid silver;padding-left:5px;padding-right:0}#display-setting-layer .switch-toggle{top:-80px;left:0;width:100%}#display-setting-layer .switch-toggle.right-align a{border-left-width:2px}#display-setting-layer .switch-toggle.left-align a{border-right-width:2px}#display-setting-layer .display-settings-divider{width:630px;height:1px;position:absolute;top:-22px;left:-50px;background:black;background:-webkit-gradient(linear,0 0,100% 0,from(#fff),to(#fff),color-stop(50%,#000))}#display-setting-layer .display-entry{position:absolute;border:1px solid grey;border-radius:3px;-webkit-border-radius:3px;box-shadow:inset 0 0 0 2px #808080;-webkit-box-shadow:inset 0 0 0 2px #808080;background:white;cursor:pointer;z-index:1}#display-setting-layer .display-entry.selected{z-index:2;background:#eee;border-color:#808080;box-shadow:inset 0 0 0 4px #808080;-webkit-box-shadow:inset 0 0 0 4px #808080;cursor:default}#display-setting-layer .display-entry.selected:hover{background:#eee;border-color:#808080;box-shadow:inset 0 0 0 4px #808080;-webkit-box-shadow:inset 0 0 0 4px #808080}#display-setting-layer .display-entry:hover{z-index:3;background:#b4e2f6;border-color:#28a2d5;box-shadow:inset 0 0 0 4px #28a2d5;-webkit-box-shadow:inset 0 0 0 4px #28a2d5}#display-setting-layer .display-entry .display-meta{position:relative;top:10px;left:10px}.custom-view .table-container{display:inline-block;position:relative;width:145px;height:145px;left:15px}.custom-view .table-container .table-label-top{position:absolute;left:48px;top:3px}.custom-view .table-container .table-label-left{position:absolute;top:69px;left:-7px;-webkit-transform:rotate(-90deg) translate3d(0,0,0)}.custom-view .table-container .table-cell-container{border:7px solid #7c7c7c;border-radius:4px;width:100px;height:100px;position:absolute;top:25px;left:25px}.custom-view .table-container .table-cell-container canvas{background:#b4e2f6}.custom-view .input-container{display:inline-block;position:relative;top:-25px;left:34px}.custom-view .input-container .label-container{margin-bottom:10px;overflow:hidden}.custom-view .input-container .label-container label{height:26px;float:left;margin-right:11px;line-height:26px}.custom-view .input-container .label-container .custom-value{float:right;text-align:center;border-radius:2px;border:1px solid #7c7c7c;width:90px;outline:0;padding:4px}.custom-view .input-container .label-container .custom-value:focus{border:1px solid #599eff;box-shadow:#599eff 0 0 2px 1px inset}.confirmation-modal .modal-body{height:75px;padding-top:35px}.confirmation-modal .modal-body .warning-sprite{width:40px;height:40px;background:url('../images/sprites/warning.png');display:inline-block;float:left;margin-left:20px;margin-right:10px}.confirmation-modal .modal-body .message{width:304px;display:inline-block;float:left}#update-modal{display:none}#update-modal .modal-body{width:450px;height:400px}#update-modal .modal-body .header-title-wrap{margin:15px auto;text-align:center}#update-modal .modal-body .header-title-wrap .icon-48{background:url('../images/icons/icon48.png');width:48px;height:48px;display:inline-block}#update-modal .modal-body .header-title-wrap .header-title{display:inline-block;vertical-align:top;font-size:20px;margin:16px 16px 16px 10px}#update-modal .modal-body .update-list-header{margin:0 0 10px 25px;font-style:italic;font-size:15px}#update-modal .modal-body ul.update-list{margin:0 28px 0 45px;font-size:15px}#update-modal .modal-body ul.update-list li.update-entry{list-style:disc;margin-bottom:10px;line-height:16px}#update-modal .modal-body .update-list-footer{margin:14px 20px 0 25px;font-size:15px;line-height:16px}#update-modal .modal-body .additional-message{font-size:15px;margin:10px 20px 5px 25px;line-height:16px}#update-modal .modal-body a:visited{color:#0181eb}#update-modal .modal-footer{padding:0 36px;border:0;background:white}#update-modal .modal-footer button{width:100%;margin:12px auto;float:none;height:40px;font-size:20px;padding-bottom:10px;background:-webkit-linear-gradient(top,#4096ee 0,#4096ee 100%)}body.update #update-modal{display:block}body.update .main-view{min-height:500px}body.align-right .tab-layer{float:right!important}body.empty-tab-not-selected .tab-layer{background:white}body.empty-tab-not-selected .tab-layer .fav-icon{visibility:hidden}body.empty-tab-not-selected .tab-layer.valid-tab{background:transparent}body.empty-tab-not-selected .tab-layer.valid-tab .fav-icon{visibility:visible}body.single-tab-selected .tab-layer{background:white!important}body.single-tab-selected .tab-layer .fav-icon{visibility:hidden!important}body.single-tab-selected .tab-layer.tab-layer-1{background:transparent!important}body.single-tab-selected .tab-layer.tab-layer-1 .fav-icon{visibility:visible!important}.layout-1x1{background:url('../images/sprites/layouts.png') 0 0}.layout-1x1 .tab-layer{width:100%;height:100%}.layout-1x1 .tab-layer .fav-icon{left:35px;top:35px}.layout-1x2{background:url('../images/sprites/layouts.png') -100px 0}.layout-1x2 .tab-layer{width:50%;height:100%}.layout-1x2 .tab-layer .fav-icon{left:11px;top:35px}.layout-1x3{background:url('../images/sprites/layouts.png') -200px 0}.layout-1x3 .tab-layer{width:33.3%;height:100%}.layout-1x3 .tab-layer .fav-icon{left:8px;top:39px;width:18px!important;height:18px!important;background-size:18px 18px!important}.layout-2x1{background:url('../images/sprites/layouts.png') -300px 0}.layout-2x1 .tab-layer{width:100%;height:50%}.layout-2x1 .tab-layer .fav-icon{left:35px;top:16px}.layout-2x2{background:url('../images/sprites/layouts.png') -400px 0}.layout-2x2 .tab-layer{width:50%;height:50%}.layout-2x2 .tab-layer .fav-icon{top:16px;left:11px}.layout-3x1{background:url('../images/sprites/layouts.png') -500px 0}.layout-3x1 .tab-layer{width:100%;height:33.3%}.layout-3x1 .tab-layer .fav-icon{top:12px;left:42px;width:18px!important;height:18px!important;background-size:18px 18px!important}.layout-default{background:url('../images/sprites/layouts.png') -600px 0}.layout-default .tab-layer{display:none!important} \ No newline at end of file +html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} +article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} +body{line-height:1;} +ol,ul{list-style:none;} +blockquote,q{quotes:none;} +blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} +table{border-collapse:collapse;border-spacing:0;} +[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;left:-9999px;} +[type="checkbox"]:not(:checked)+span,[type="checkbox"]:checked+span{position:relative;padding-left:25px;cursor:pointer;} +[type="checkbox"]:not(:checked)+span:before,[type="checkbox"]:checked+span:before{content:'';position:absolute;left:0;top:0px;width:17px;height:17px;border:1px solid #aaa;background:#f8f8f8;border-radius:3px;box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.3);} +[type="checkbox"]:not(:checked)+span:after,[type="checkbox"]:checked+span:after{content:'\2713';position:absolute;top:-8px;left:1px;font-size:25px;color:black;} +[type="checkbox"]:not(:checked)+span:after{opacity:0;transform:scale(0);} +[type="checkbox"]:checked+span:after{opacity:1;transform:scale(1);} +[type="checkbox"]:disabled:not(:checked)+span:before,[type="checkbox"]:disabled:checked+span:before{box-shadow:none;border-color:#bbb;background-color:#ddd;} +[type="checkbox"]:disabled:checked+span:after{color:#999;} +[type="checkbox"]:disabled+span{color:#aaa;} +.switch-toggle a,.switch-light span span{display:none;} +.switch-toggle{display:block;height:30px;position:relative;padding:0 !important;} +.switch-toggle *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} +.switch-toggle a{display:block;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} +.switch-toggle label,.switch-toggle>span{line-height:30px;vertical-align:middle;} +.switch-toggle input{position:absolute;opacity:0;} +.switch-toggle input+label{position:relative;top:static;right:static;left:static;display:inherit;width:50%;z-index:2;float:left;height:100%;margin:0;text-align:center;cursor:pointer;}.switch-toggle input+label:hover{background:#b4e2f6;box-shadow:inset 0px 0px 0px 3px #28a2d5;-webkit-box-shadow:inset 0px 0px 0px 3px #28a2d5;} +.switch-toggle a{position:absolute;top:0;right:static;left:0;display:inherit;width:50%;z-index:1;padding:0;height:100%;} +.switch-toggle input:last-of-type:checked~a{left:50%;} +.switch-candy{background-color:#ffffff;border:none;border-radius:6px;color:#ffffff;text-align:center;border:2px solid #808080;}.switch-candy label{color:#000000;} +.switch-candy input:checked+label{color:#000000;cursor:default;}.switch-candy input:checked+label:hover{background:transparent;box-shadow:inset 0px 0px 0px 3px transparent;-webkit-box-shadow:inset 0px 0px 0px 3px transparent;} +.switch-candy a{background-color:#eeeeee;border:1px solid #808080;border-radius:3px;background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));} +.switch-candy>span{color:#808080;text-shadow:none;} +.switch-candy span{color:#ffffff;} +html,body{background:white;min-width:630px;} +.hidden{display:none;} +.inactive{opacity:0.2;pointer-events:none;} +.active{display:block;} +strong,.bold{font-weight:bold;} +a{text-decoration:none;}a:hover{text-decoration:underline;} +@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');}.glyphicon{position:relative;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;font-size:18px;box-sizing:border-box;}.glyphicon.glyphicon-refresh:before{content:"\e031";box-sizing:border-box;} +.glyphicon.glyphicon-plus{top:-1px;}.glyphicon.glyphicon-plus:before{content:"\2b";box-sizing:border-box;} +.glyphicon.glyphicon-chevron-down:before{content:"\e114";} +.icon{height:18px;width:18px;position:relative;overflow:hidden;display:inline-block;}.icon.icon-screen{width:32px;height:25px;} +.icon .screen{width:28px;height:16px;border:2px solid #333;background:#eee;}.icon .screen:before{position:absolute;content:'';width:10px;height:3px;background:#333;bottom:2px;left:11px;} +.icon .screen:after{position:absolute;content:'';width:22px;height:2px;background:#333;bottom:0;left:5px;} +input{font-family:Verdana,Geneva,sans-serif;font-size:14px;} +button{outline:none;color:black;padding:5px 10px;font-size:13px;border-radius:3px;font-family:Verdana,Geneva,sans-serif;background:-webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #f6f6f6 100%);border:1px solid #707070;}button:hover{background:-webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);cursor:pointer;box-shadow:0px 0px 3px #707070;-webkit-box-shadow:0px 0px 3px #707070;} +button.primary{border:1px solid #707070;color:white;border:1px solid #333;background:-webkit-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);}button.primary:hover{box-shadow:0px 0px 3px #707070;-webkit-box-shadow:0px 0px 3px #707070;background:-webkit-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 100%, #1c1c1c 100%, #2b2b2b 100%, #111111 100%, #2c2c2c 100%, #000000 100%, #131313 100%);} +button.disabled{opacity:0.5;pointer-events:none;} +.modal-box{font-family:Verdana,Geneva,sans-serif;background:white;border:4px solid #7C7C7C;box-shadow:0px 0px 4px #7c7c7c inset;-webkit-box-shadow:0px 0px 4px #7c7c7c inset;border-radius:8px;position:absolute;top:50%;left:50%;}.modal-box .modal-body{border-radius:4px 4px 0 0;padding:2px 10px 0 10px;width:400px;height:144px;} +.modal-box .modal-footer{border-radius:0 0 4px 4px;padding:0 10px;border-top:1px solid #c0c0c0;overflow:hidden;background:#E7F3FD;}.modal-box .modal-footer .button{float:right;margin:6px 10px 6px 0;} +.display-setting-indicator{display:none;width:0;height:0;position:absolute;z-index:2;bottom:0px;left:80px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid silver;} +.main-view.display-selected .display-setting-indicator{display:block;} +.main-view.display-selected .resize-footer{border-bottom-width:7px;} +.main-view.display-selected #display-setting-layer{display:block;} +.main-view.display-selected #display-setting{background:#dcf0f6;}.main-view.display-selected #display-setting:hover,.main-view.display-selected #display-setting:focus{background:#b4e2f6;} +.main-view.display-selected .glyphicon-chevron-down:before{content:"\e113";} +.main-view{padding-top:4px;overflow:hidden;}.main-view .resize-container{padding:0 5px;height:156px;overflow-y:auto;}.main-view .resize-container .resize-selector-container{width:127px;height:127px;margin:2px 4px 10px 2px;display:inline-block;position:relative;border:1px solid transparent;border-radius:4px;padding:0 0 15px 15px;float:right;}.main-view .resize-container .resize-selector-container .close-button{width:18px;height:18px;border-radius:10px;cursor:pointer;background:url('../images/sprites/close.png');position:absolute;top:2px;right:2px;display:none;} +.main-view .resize-container .resize-selector-container .layout-title{position:absolute;font-weight:bold;font-size:16px;font-family:Verdana,Geneva,sans-serif;} +.main-view .resize-container .resize-selector-container .resize-selector{width:100px;height:100px;position:absolute;top:21px;border-radius:4px;border:5px solid #7C7C7C;}.main-view .resize-container .resize-selector-container .resize-selector .tab-layer{position:relative;display:inline-block;float:left;top:0px;left:0px;}.main-view .resize-container .resize-selector-container .resize-selector .tab-layer .fav-icon{position:absolute;background-repeat:no-repeat;background-size:27px 27px;width:27px;height:27px;background-image:url('../images/icons/defaultFavIcon.png');} +.main-view .resize-container .resize-selector-container:hover{cursor:pointer;border:1px solid #D3E3F7;background:-webkit-gradient(linear, left top, left bottom, from(#dcf0f6), to(#f4f8fe));-webkit-transition:all 200ms ease-in;}.main-view .resize-container .resize-selector-container:hover .layout-1x1{background:url('../images/sprites/layouts.png') 0px 100px;} +.main-view .resize-container .resize-selector-container:hover .layout-1x2{background:url('../images/sprites/layouts.png') -100px 100px;} +.main-view .resize-container .resize-selector-container:hover .layout-1x3{background:url('../images/sprites/layouts.png') -200px 100px;} +.main-view .resize-container .resize-selector-container:hover .layout-2x1{background:url('../images/sprites/layouts.png') -300px 100px;} +.main-view .resize-container .resize-selector-container:hover .layout-2x2{background:url('../images/sprites/layouts.png') -400px 100px;} +.main-view .resize-container .resize-selector-container:hover .layout-3x1{background:url('../images/sprites/layouts.png') -500px 100px;} +.main-view .resize-container .resize-selector-container:hover .layout-default{background:url('../images/sprites/layouts.png') -600px 100px;} +.main-view .resize-container .resize-selector-container:hover .close-button{display:block;}.main-view .resize-container .resize-selector-container:hover .close-button:hover{background:url('../images/sprites/close_hover.png');} +.main-view .resize-footer{border:3px solid #c0c0c0;overflow:hidden;background:#dcf0f6;clear:right;font-family:Verdana,Geneva,sans-serif;}.main-view .resize-footer .footer-wrap{display:inline-block;overflow:hidden;}.main-view .resize-footer .footer-wrap.button-wrap{padding:3px 0 0 2px;} +.main-view .resize-footer .footer-wrap.monitor-wrap{float:left;padding:6px 12px 5px 8px;border-right:3px solid silver;cursor:pointer;background:white;position:relative;}.main-view .resize-footer .footer-wrap.monitor-wrap:hover,.main-view .resize-footer .footer-wrap.monitor-wrap:focus{background:#b4e2f6;} +.main-view .resize-footer .footer-wrap.monitor-wrap .display-setting-title{vertical-align:top;font-size:15px;position:relative;top:5px;padding:0 13px 0 8px;border-right:1px solid silver;} +.main-view .resize-footer .footer-wrap.monitor-wrap .glyphicon{top:-3px;left:3px;} +.main-view .resize-footer .resize-undo{margin-left:12px;} +.main-view .resize-footer #custom-layout{padding:4px 15px 1px 15px;float:left;} +.main-view .resize-footer #default-configuration{padding:3px 15px 2px 15px;float:left;} +.main-view .resize-footer .checkbox-container{font-family:Verdana,Geneva,sans-serif;overflow:hidden;display:inline-block;border-left:3px solid silver;float:right;background:white;}.main-view .resize-footer .checkbox-container label{font-size:14px;display:block;padding:11px 7px 13px 10px;cursor:pointer;}.main-view .resize-footer .checkbox-container label.selected{background:#dcf0f6;} +.main-view .resize-footer .checkbox-container label:hover{background:#b4e2f6;} +.main-view .resize-footer .checkbox-container label input{border-radius:3px;-webkit-border-radius:3px;vertical-align:top;width:18px;height:18px;} +.main-view .resize-footer .checkbox-container label span{position:relative;top:1px;left:-2px;} +#display-setting-layer{display:none;position:relative;bottom:0px;margin:100px 50px 25px 50px;font-family:Verdana,Geneva,sans-serif;}#display-setting-layer .signature{position:absolute;bottom:-22px;font-size:13px;right:-45px;font-weight:bold;}#display-setting-layer .signature a{color:#005579;padding-right:5px;} +#display-setting-layer .signature .rate-it{border-left:1px solid silver;padding-left:5px;padding-right:0px;} +#display-setting-layer .switch-toggle{top:-80px;left:0px;width:100%;}#display-setting-layer .switch-toggle.right-align a{border-left-width:2px;} +#display-setting-layer .switch-toggle.left-align a{border-right-width:2px;} +#display-setting-layer .display-settings-divider{width:630px;height:1px;position:absolute;top:-22px;left:-50px;background:black;background:-webkit-gradient(linear, 0 0, 100% 0, from(#ffffff), to(#ffffff), color-stop(50%, #000000));} +#display-setting-layer .display-entry{position:absolute;border:1px solid grey;border-radius:3px;-webkit-border-radius:3px;box-shadow:inset 0px 0px 0px 2px #808080;-webkit-box-shadow:inset 0px 0px 0px 2px #808080;background:white;cursor:pointer;z-index:1;}#display-setting-layer .display-entry.selected{z-index:2;background:#eeeeee;border-color:#808080;box-shadow:inset 0px 0px 0px 4px #808080;-webkit-box-shadow:inset 0px 0px 0px 4px #808080;cursor:default;}#display-setting-layer .display-entry.selected:hover{background:#eeeeee;border-color:#808080;box-shadow:inset 0px 0px 0px 4px #808080;-webkit-box-shadow:inset 0px 0px 0px 4px #808080;} +#display-setting-layer .display-entry:hover{z-index:3;background:#b4e2f6;border-color:#28a2d5;box-shadow:inset 0px 0px 0px 4px #28a2d5;-webkit-box-shadow:inset 0px 0px 0px 4px #28a2d5;} +#display-setting-layer .display-entry .display-meta{position:relative;top:10px;left:10px;} +.custom-view .table-container{display:inline-block;position:relative;width:145px;height:145px;left:15px;}.custom-view .table-container .table-label-top{position:absolute;left:48px;top:3px;} +.custom-view .table-container .table-label-left{position:absolute;top:69px;left:-7px;-webkit-transform:rotate(-90deg) translate3d(0, 0, 0);} +.custom-view .table-container .table-cell-container{border:7px solid #7C7C7C;border-radius:4px;width:100px;height:100px;position:absolute;top:25px;left:25px;}.custom-view .table-container .table-cell-container canvas{background:#B4E2F6;} +.custom-view .input-container{display:inline-block;position:relative;top:-25px;left:34px;}.custom-view .input-container .label-container{margin-bottom:10px;overflow:hidden;}.custom-view .input-container .label-container label{height:26px;float:left;margin-right:11px;line-height:26px;} +.custom-view .input-container .label-container .custom-value{float:right;text-align:center;border-radius:2px;border:1px solid #7C7C7C;width:90px;outline:none;padding:4px;}.custom-view .input-container .label-container .custom-value:focus{border:1px solid #599EFF;box-shadow:#599EFF 0px 0px 2px 1px inset;} +.confirmation-modal .modal-body{height:75px;padding-top:35px;}.confirmation-modal .modal-body .warning-sprite{width:40px;height:40px;background:url('../images/sprites/warning.png');display:inline-block;float:left;margin-left:20px;margin-right:10px;} +.confirmation-modal .modal-body .message{width:304px;display:inline-block;float:left;} +.info-modal.modal-box{display:none;}.info-modal.modal-box .modal-body{width:450px;height:400px;}.info-modal.modal-box .modal-body .header-title-wrap{margin:15px auto;text-align:center;}.info-modal.modal-box .modal-body .header-title-wrap .icon-48{background:url('../images/icons/icon48.png');width:48px;height:48px;display:inline-block;} +.info-modal.modal-box .modal-body .header-title-wrap .header-title{display:inline-block;vertical-align:top;font-size:20px;margin:16px 16px 16px 10px;} +.info-modal.modal-box .modal-body .update-list-header{margin:0px 0px 10px 25px;font-style:italic;font-size:15px;} +.info-modal.modal-box .modal-body ul.update-list{margin:0 28px 0 45px;font-size:15px;}.info-modal.modal-box .modal-body ul.update-list li.update-entry{list-style:disc;margin-bottom:10px;line-height:16px;} +.info-modal.modal-box .modal-body .update-list-footer{margin:14px 20px 0px 25px;font-size:15px;line-height:16px;} +.info-modal.modal-box .modal-body .additional-message{font-size:15px;margin:10px 20px 5px 25px;line-height:16px;} +.info-modal.modal-box .modal-body a{color:#0181eb;}.info-modal.modal-box .modal-body a:visited{color:#0181eb;} +.info-modal.modal-box .modal-footer{padding:0px 36px;border:none;background:white;}.info-modal.modal-box .modal-footer button{width:100%;margin:12px auto;float:none;height:40px;font-size:20px;padding-bottom:10px;background:-webkit-linear-gradient(top, #4096ee 0%, #4096ee 100%);} +#promo-modal .modal-body .header-title-wrap .icon-48{background:url('../images/icons/promo/icon48.png');} +body.update #update-modal{display:block;} +body.update .main-view{min-height:500px;} +body.promo #promo-modal{display:block;} +body.promo .main-view{min-height:500px;} +body.align-right .tab-layer{float:right !important;} +body.empty-tab-not-selected .tab-layer{background:white;}body.empty-tab-not-selected .tab-layer .fav-icon{visibility:hidden;} +body.empty-tab-not-selected .tab-layer.valid-tab{background:transparent;}body.empty-tab-not-selected .tab-layer.valid-tab .fav-icon{visibility:visible;} +body.single-tab-selected .tab-layer{background:white !important;}body.single-tab-selected .tab-layer .fav-icon{visibility:hidden !important;} +body.single-tab-selected .tab-layer.tab-layer-1{background:transparent !important;}body.single-tab-selected .tab-layer.tab-layer-1 .fav-icon{visibility:visible !important;} +.layout-1x1{background:url('../images/sprites/layouts.png') 0px 0px;}.layout-1x1 .tab-layer{width:100%;height:100%;}.layout-1x1 .tab-layer .fav-icon{left:35px;top:35px;} +.layout-1x2{background:url('../images/sprites/layouts.png') -100px 0px;}.layout-1x2 .tab-layer{width:50%;height:100%;}.layout-1x2 .tab-layer .fav-icon{left:11px;top:35px;} +.layout-1x3{background:url('../images/sprites/layouts.png') -200px 0px;}.layout-1x3 .tab-layer{width:33.3%;height:100%;}.layout-1x3 .tab-layer .fav-icon{left:8px;top:39px;width:18px !important;height:18px !important;background-size:18px 18px !important;} +.layout-2x1{background:url('../images/sprites/layouts.png') -300px 0px;}.layout-2x1 .tab-layer{width:100%;height:50%;}.layout-2x1 .tab-layer .fav-icon{left:35px;top:16px;} +.layout-2x2{background:url('../images/sprites/layouts.png') -400px 0px;}.layout-2x2 .tab-layer{width:50%;height:50%;}.layout-2x2 .tab-layer .fav-icon{top:16px;left:11px;} +.layout-3x1{background:url('../images/sprites/layouts.png') -500px 0px;}.layout-3x1 .tab-layer{width:100%;height:33.3%;}.layout-3x1 .tab-layer .fav-icon{top:12px;left:42px;width:18px !important;height:18px !important;background-size:18px 18px !important;} +.layout-default{background:url('../images/sprites/layouts.png') -600px 0px;}.layout-default .tab-layer{display:none !important;} diff --git a/css/style.less b/css/style.less index 1757f07..82b4d36 100644 --- a/css/style.less +++ b/css/style.less @@ -294,7 +294,7 @@ button.disabled { background-size: 27px 27px; width: 27px; height: 27px; - background-image: url('https://www.google.com/favicon.ico'); + background-image: url('../images/icons/defaultFavIcon.png'); } } @@ -631,7 +631,7 @@ button.disabled { } -#update-modal { +.info-modal.modal-box { display: none; .modal-body { width: 450px; @@ -684,6 +684,7 @@ button.disabled { } a { + color: #0181eb; &:visited { color: #0181eb; } @@ -706,6 +707,12 @@ button.disabled { } } +#promo-modal { + .modal-body .header-title-wrap .icon-48 { + background: url('../images/icons/promo/icon48.png'); + } +} + body.update { #update-modal { display: block; @@ -715,6 +722,15 @@ body.update { } } +body.promo { + #promo-modal { + display: block; + } + .main-view { + min-height: 500px; + } +} + body { &.align-right { .tab-layer { diff --git a/images/icons/defaultFavIcon.png b/images/icons/defaultFavIcon.png new file mode 100644 index 0000000..3003537 Binary files /dev/null and b/images/icons/defaultFavIcon.png differ diff --git a/images/icons/promo/icon48.png b/images/icons/promo/icon48.png new file mode 100644 index 0000000..8866ead Binary files /dev/null and b/images/icons/promo/icon48.png differ diff --git a/index.html b/index.html index 707387a..a9e918b 100644 --- a/index.html +++ b/index.html @@ -84,7 +84,7 @@
- +
@@ -101,7 +101,7 @@ -