diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 0000000..0d22b58 --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,15 @@ +{ + // 使用 IntelliSense 了解相关属性。 + // 悬停以查看现有属性的描述。 + // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "pwa-chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:8080", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/LICENSE.txt b/LICENSE.txt new file mode 100644 index 0000000..b970153 --- /dev/null +++ b/LICENSE.txt @@ -0,0 +1,37 @@ +The Star And Thank Author License (SATA) + +Copyright (c) 2017 muzi_ys(1099438829@qq.com) + +Project Url: https://gitee.com/muziys/macUI + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +And wait, the most important, you shall star/+1/like the project(s) in project url +section above first, and then thank the author(s) in Copyright section. + +Here are some suggested ways: + + - Email the authors a thank-you letter, and make friends with him/her/them. + - Report bugs or issues. + - Tell friends what a wonderful project this is. + - And, sure, you can just express thanks in your mind without telling the world. + +Contributors of this project by forking have the option to add his/her name and +forked project url at copyright and project url sections, but shall not delete +or modify anything else in these two sections. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. \ No newline at end of file diff --git a/README.md b/README.md index dcbb676..c3a93f4 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,7 @@ MAC_UI基于WIN10UI打造的mac风格的后台UI,让你轻松搭建一个眼前 ## 版本 -v1.1.2.3 +v1.1.2.5 > 该版本为小更新，针对插件开发作了一些准备，添加了一些语法糖（具体改动请参考更新日志）。 > 更新方式：基本无须修改html文件，覆盖css和win10.js文件。 @@ -15,7 +15,7 @@ v1.1.2.3 ## 预览 - [1] http://mac.apecloud.cn + ![1] http://mac.apecloud.cn @@ -28,6 +28,7 @@ v1.1.2.3 * 极少的API，大部分功能可用html元素定义完成 * 响应式兼容，在手机浏览器也有不错的观感 * 目前只保证对主流现代浏览器的兼容性支持 +* 支持 class 配置高斯模糊 blur background_blur ## 前置组件 @@ -183,6 +184,8 @@ Win10.openUrl("http://win10ui.yuri2.cn",".title{ - color: #777; font-size: 14px; line-height: 28px; } @@ -641,7 +657,6 @@ body { #win10_command_center .msgs .msg>.content{ font-size: 12px; - color: #777; padding-bottom: 5px; } @@ -774,12 +789,12 @@ body { } /*右键菜单*/ -#win10 .win10-context-menu { left: 0;top: 0;position: fixed; width: 150px; height: auto; background-color: rgba(255, 255, 255,0.75); border: #CCC 1px solid; display: block; border-radius: 5px; z-index: 99999999; } +#win10 .win10-context-menu { left: 0;top: 0;position: fixed; width: 150px; height: auto; background-color: rgba(255, 255, 255,0.45); display: block; border-radius: 5px; z-index: 99999999; } #win10 .win10-context-menu ul { margin: 0px; padding: 0px; } -#win10 .win10-context-menu ul li {transition: background-color 0.5s;cursor: default;padding: 0px 1em; list-style: none; line-height: 30px; height: 30px; margin: 3px 0; font-size: 13px; } +#win10 .win10-context-menu ul li {transition: background-color 0.5s;cursor: default;padding: 0px 1em; list-style: none; line-height: 25px; height: 25px; margin: 3px 0; font-size: 13px; } #win10 .win10-context-menu ul li:hover { background-color: rgba(49,156,241,0.71);cursor: pointer; } #win10 .win10-context-menu ul li a {text-decoration: none; display: block; height: 100%; color: #333; outline: none; } -#win10 .win10-context-menu ul hr { margin: 0; height: 0px; border: 0px; border-bottom: rgba(233,233,233) 1px solid;border-top: none } +#win10 .win10-context-menu ul hr { margin: 0; height: 0px; border: 0px; border-bottom: rgba(121, 121, 121, 0.24) 1px solid;border-top: none } /*块级按钮*/ .win10-open-iframe .layui-layer-ico{background-image:none;} diff --git a/css/index.min.css b/css/index.min.css new file mode 100644 index 0000000..1c5a2cc --- /dev/null +++ b/css/index.min.css @@ -0,0 +1 @@ +@charset "utf-8";a,body,div,em,h1,h2,h3,h4,h5,h6,li,p,ul{font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif}html{height:100%}ul{list-style:none;padding:0;margin:0}body{padding:0;margin:0;height:100%;overflow:hidden}#win10 *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#win10-login{background:#000 no-repeat fixed;width:100%;height:100%;background-size:100% 100%;position:fixed;z-index:-1;top:0;left:0}#win10{width:100%;height:100%;background:#000 no-repeat fixed;background-size:100% 100%;position:relative}#win10 .blur{-webkit-filter:blur(8px);-moz-filter:blur(8px);-ms-filter:blur(8px);filter:blur(8px);transition:filter .3s;transition:-webkit-filter .3s;transition:-moz-filter .3s;transition:-ms-filter .3s}#win10 .backgroud_blur{-webkit-backdrop-filter:blur(20px);backdrop-filter:saturate(180%) blur(20px);transition:filter .3s;transition:-webkit-filter .3s;transition:-moz-filter .3s;transition:-ms-filter .3s}#win10 .desktop .background{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-999;transform:scale3d(1.1,1.1,1);background-size:100% 100%;background-position:center center}#win10 *{scrollbar-arrow-color:#5e6a5c;scrollbar-face-color:#5e6a5c;scrollbar-3dlight-color:#5e6a5c;scrollbar-highlight-color:#5e6a5c;scrollbar-shadow-color:#5e6a5c;scrollbar-darkshadow-color:#5e6a5c;scrollbar-track-color:rgba(74,84,78,.41);scrollbar-base-color:#5e6a5c}#win10 hr{height:0;border-top:1px solid #999;border-right:0;border-bottom:0;border-left:0}#win10 .desktop{width:100%;height:100%;position:fixed;top:0}#win10_task_bar{width:100%;position:fixed;top:0;height:24px;line-height:24px;background-color:rgba(255,255,255,.5);-webkit-box-shadow:0 .3125rem .07rem -.3125rem rgba(0,0,0,.42);-moz-box-shadow:0 .3125rem .07rem -.3125rem rgba(0,0,0,.42);box-shadow:0 .3125rem .07rem -.3125rem rgba(0,0,0,.42);z-index:1000}#win10 .btn_group{height:100%}#win10 .btn_group .btn{float:left;color:#333;font-weight:700;text-align:center;height:100%;line-height:24px;text-overflow:ellipsis;overflow:hidden;transition:background-color .3s}#win10 .btn_group .btn:hover{color:#fff;background-color:rgba(49,156,241,.71);cursor:pointer}#win10_btn_group_left{float:left;overflow:auto;max-width:200px;padding-left:.5%}#win10_btn_group_middle{overflow:auto;display:inline-block}#win10_btn_group_middle .btn_title{display:inline-block;padding-left:3.5px;padding-right:3.5px;text-align:center;margin:0 auto;text-overflow:clip;overflow:hidden;white-space:nowrap}#win10_btn_group_middle::-webkit-scrollbar{width:2px}#win10_btn_group_middle::-webkit-scrollbar-track{background-color:grey}#win10_btn_group_middle::-webkit-scrollbar-thumb{background-color:rgba(30,39,34,.41)}#win10_btn_group_right{float:right;max-width:200px;overflow:auto}#win10_btn_group_left .btn,#win10_btn_group_middle .btn{height:100%;width:35px;overflow:hidden;font-size:14px}#win10_btn_group_right .btn{height:100%;min-width:4px;padding:0 10px;font-size:12px}#win10_btn_show_desktop{border-left:grey 1px solid;width:4px;margin-left:3px;padding:0!important}#win10_btn_time{font-size:14px}#win10-menu{position:fixed;top:24px;left:.5rem;background-color:rgba(255,255,255,.55);box-shadow:1px 1px 5px #909090;-moz-box-shadow:1px 1px 5px #909090;-webkit-box-shadow:1px 1px 5px #909090;height:auto;width:12rem;max-width:880px;overflow:auto;z-index:1000;overflow-y:hidden;transition:bottom .5s;border-radius:0 0 3px 3px}#win10-menu.hidden{top:-70%}#win10-menu .list::-webkit-scrollbar,#win10_command_center::-webkit-scrollbar{width:0;height:0}#win10-menu .list::-webkit-scrollbar-track,#win10_command_center::-webkit-scrollbar-track{background-color:rgba(74,84,78,.41)}#win10-menu .list::-webkit-scrollbar-thumb,#win10_command_center::-webkit-scrollbar-thumb{background-color:#6a6a6a}#win10-menu .list{float:left;width:180px;height:100%;overflow:auto;-webkit-animation-duration:.5s;animation-duration:.5s}#win10-menu .list{width:100%;padding:0;padding-top:5px;font-size:12px;height:100%}#win10-menu .list .item.has-sub-down::after{font:normal normal normal 14px/1 FontAwesome;content:"\f107";line-height:inherit;float:right}#win10-menu .list .item.has-sub-up::after{font:normal normal normal 14px/1 FontAwesome;content:"\f106";line-height:inherit;float:right}#win10-menu .list .item,.sub-item{color:#333;margin:1px 0;line-height:2em;padding:0 10px;text-overflow:ellipsis;overflow:hidden;transition:background-color .3s;position:relative;width:calc(100% - 20px)}#win10-menu .list .item>.icon,#win10-menu .list .sub-item>.icon,.sub-item>.icon{line-height:2em;font-size:1.2em;float:left;margin-right:.5em;position:relative}#win10-menu .list .sub-item{padding-left:30px;width:calc(100% - 40px)}#win10-menu .list .item:hover,.sub-item:hover{background-color:rgba(49,156,241,.71);cursor:pointer}#win10-menu-switcher{position:absolute;height:100%;border-left:1px solid grey;top:0;right:0;display:none;width:30px;cursor:pointer}#win10-menu-switcher:active{background-color:rgba(92,109,92,.81)}#win10-menu .menu_group{float:left;width:300px;color:#fff;position:relative;overflow:hidden;margin-bottom:20px}#win10-menu .menu_group .title{padding:5px;padding-top:12px;font-size:13px}#win10-menu .menu_group:hover .title::after{font:normal normal normal 14px/1 FontAwesome;content:"\f0c9";line-height:inherit;float:right;margin-right:17px;color:grey}#win10 #win10-shortcuts{height:100%;width:100%;position:absolute;left:0;top:0;z-index:100}#win10 #win10-shortcuts.shortcuts-hidden .shortcut{display:none}#win10 #win10-shortcuts .shortcut{width:80px;overflow:hidden;cursor:pointer;padding:0;position:absolute;transition:all .5s}#win10 #win10-shortcuts .shortcut:hover{background-color:rgba(255,255,255,.11)}#win10 #win10-shortcuts .shortcut>.icon{width:50px;height:50px;overflow:hidden;margin:0 auto;color:#fff;box-sizing:border-box;margin-bottom:5px;margin-top:5px;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block;font-size:37px;line-height:50px}#win10-shortcuts .shortcut .title{color:#fff;font-size:12px;text-align:center;line-height:18px;margin-bottom:5px}#win10_command_center{position:fixed;right:0;top:25px;width:300px;background-color:rgba(255,255,255,.6);-moz-box-shadow:0 .3125rem .3125rem -.3125rem rgba(0,0,0,.117);box-shadow:0 .3125rem .3125rem -.3125rem rgba(0,0,0,.117);height:calc(100% - 25px);overflow-x:hidden;overflow-y:auto;color:#333;box-sizing:border-box;z-index:1000}#win10_command_center.hidden_right{right:-300px}#win10_command_center>.title{position:absolute;top:0;left:0;width:100%;padding-left:10px;transition:background-color .5s}#win10_command_center>.title:hover{background-color:rgba(255,255,255,.19)}#win10_command_center .command-header{height:50px;text-align:center;border-bottom:1px outset}#win10_command_center .command-header .item{width:45%;height:20px;margin:15px 0;display:inline-block;font-size:14px;color:#eaeaea;background-color:rgba(121,121,121,.5)}#win10_command_center .command-header div{width:45%;height:20px;margin:15px 0;display:inline-block;font-size:14px;color:#eaeaea;background-color:rgba(121,121,121,.5);border-radius:2px}#win10_command_center .command-header div:hover{cursor:pointer}#win10_command_center .command-header div.active{background-color:rgba(255,255,255,.5);color:#000}#win10_command_center .command-body{position:relative;height:calc(100% - 70px);overflow-y:auto}#win10_command_center .command-body .command-body-calendar{margin:15px 0}#win10_command_center .command-body .command-body-calendar .command-body-calendar-date{padding:0 33px;color:#585858}#win10_command_center .command-body .command-body-calendar .normal-date{font-size:30px}#win10_command_center .command-body .notice{width:100%;margin:5px 0}#win10_command_center .command-body .notice .notice-header{background-color:rgba(255,255,255,.8);height:25px;border-radius:5px 5px 0 0;line-height:25px}#win10_command_center .command-body .notice-header-icon{margin:2px 5px;vertical-align:middle}#win10_command_center .command-body .notice-header-icon>img{width:15px;height:15px}#win10_command_center .command-body .notice-header-title{font-size:10px;margin:0 5px;vertical-align:middle}#win10_command_center .command-body .notice .notice-body{background-color:rgba(255,255,255,.6);border-radius:0 0 5px 5px}#win10_command_center .command-body .notice .weather-item{height:50px}#win10_command_center .command-body .notice .weather-item div{display:inline-block;text-align:center}#win10_command_center .command-body .notice .weather-city{float:left}#win10_command_center .command-body .notice .weather-city .weather-city-time{display:block;font-size:10px;font-weight:400;text-align:left;margin:5px 0 2px 10px;color:#868585}#win10_command_center .command-body .notice .weather-city .weather-city-text{font-size:15px;font-weight:400;display:block;text-align:left;margin:0 0 5px 10px}#win10_command_center .command-body .notice .weather-type{position:absolute;right:70px}#win10_command_center .command-body .notice .weather-type img{width:30px;margin:5px}#win10_command_center .command-body .notice .weather-temperature{float:right;font-size:35px;font-weight:200;margin-right:10px}#win10_command_center .command-body .notice .notice-header,.notice .notice-body{width:95%;margin:0 auto}#win10_command_center .command-body .notice .notice-header .notice-header-icon img{width:15px;height:15px}#win10_btn_group_right #win10_btn_command{font-size:14px}#win10_btn_command .msgNof{position:fixed;right:0;bottom:20px;border:1px solid red;background-color:red;color:#fff;border-radius:3px}#win10_btn_command_center_clean_all{color:#777;text-align:right;font-size:12px;float:right;margin-top:40px;margin-right:24px;transition:color .5s}#win10_btn_command_center_clean_all:hover{cursor:pointer;color:#333}#win10_command_center .msgs{position:absolute;top:60px;left:0;width:100%;overflow:hidden;display:none}#win10_command_center .btn_close_msg{line-height:inherit;transition:color .5s}#win10_command_center .msgs .msg{width:calc(100% - 20px);min-height:40px;padding:10px;transition:background-color .5s;position:relative}#win10_command_center .msgs .msg.animated{-webkit-animation-duration:.5s;animation-duration:.5s}#win10_command_center .command-body .notice:hover .notice-body{color:#333}#win10_command_center .command-body .notice:hover>.notice-header .btn_close_msg{color:grey}#win10_command_center .msgs .msg>.title{font-size:14px;line-height:28px}#win10_command_center .command-body .notice .notice-header>.btn_close_msg{cursor:pointer;color:transparent;margin-right:8px;font-size:15px;display:block;float:right}#win10_command_center .msgs .msg>.btn_close_msg:hover{color:#fff}#win10_command_center .msgs .msg>.content{font-size:12px;padding-bottom:5px}#win10_btn_group_middle .btn.active{background:rgba(255,255,255,.6)}#win10_btn_group_middle .btn:hover{cursor:pointer}.win10-new-msg{background-color:transparent;border:#f0f6f6 solid 1px!important;-webkit-box-shadow:0 0 50px 0 rgba(0,0,0,.8);-moz-box-shadow:0 0 50px 0 rgba(0,0,0,.8);box-shadow:0 0 50px 0 rgba(0,0,0,.8);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px}.win10-open-iframe{background-color:transparent;border:#f0f6f6 solid 1px!important;-webkit-box-shadow:0 0 50px 0 rgba(0,0,0,.8);-moz-box-shadow:0 0 50px 0 rgba(0,0,0,.8);box-shadow:0 0 50px 0 rgba(0,0,0,.8);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px}.win10-open-iframe .layui-layer-content{background-color:#fff;max-height:calc(100% - 24px)}.win10-open-iframe .layui-layer-title{box-sizing:border-box;background:rgba(250,250,250,.9);padding-left:120px;border-radius:4px 4px 0 0;color:#333;text-align:center}.win10-open-iframe.hide{display:none}.win10-btn_refresh{float:right}#win10 .img-loader{display:none}.win10-open-iframe .layui-layer-min cite{display:none}.win10-open-iframe .layui-layer-max:hover{background-image:none}.layui-layer-maxmin,.win10-open-iframe .layui-layer-max{background:0 0}.win10-open-iframe .layui-layer-setwin a.layui-layer-close1:hover::before{content:"\f057";color:#ff6057;font:normal normal normal 16px/1 FontAwesome}.win10-open-iframe .layui-layer-min::before{content:"\f111";color:#28ca40;font:normal normal normal 16px/1 FontAwesome}.win10-open-iframe .layui-layer-min:hover::before{content:"\f056";color:#28ca40;font:normal normal normal 16px/1 FontAwesome}.win10-open-iframe .layui-layer-max::before{content:"\f111";color:#ffbd2e;font:normal normal normal 16px/1 FontAwesome}.win10-open-iframe .layui-layer-max:hover::before{content:"\f055";color:#ffbd2e;font:normal normal normal 16px/1 FontAwesome}.win10-open-iframe .layui-layer-maxmin.layui-layer-max::before{content:"\f111";color:#ffbd2e;font:normal normal normal 16px/1 FontAwesome}.win10-open-iframe .layui-layer-maxmin.layui-layer-max:hover::before{content:"\f055";color:#ffbd2e;font:normal normal normal 16px/1 FontAwesome}.win10-open-iframe .layui-layer-close::before{content:"\f111";color:#ff6057;font:normal normal normal 16px/1 FontAwesome}.layui-layer-close,.layui-layer-max,.win10-open-iframe .layui-layer-min{text-decoration:none}.win10-btn-change-url,.win10-btn-change-url:hover,.win10-btn-refresh,.win10-btn-refresh:hover{text-decoration:none}.win10-btn-change-url::before,.win10-open-iframe .win10-btn-refresh::before{content:"\f111";color:#029fff;font:normal normal normal 16px/1 FontAwesome}.win10-btn-change-url:hover::before,.win10-open-iframe .win10-btn-refresh:hover::before{content:"\f192";color:#029fff;font:normal normal normal 16px/1 FontAwesome}#win10 .win10-context-menu{left:0;top:0;position:fixed;width:150px;height:auto;background-color:rgba(255,255,255,.45);display:block;border-radius:5px;z-index:99999999}#win10 .win10-context-menu ul{margin:0;padding:0}#win10 .win10-context-menu ul li{transition:background-color .5s;cursor:default;padding:0 1em;list-style:none;line-height:25px;height:25px;margin:3px 0;font-size:13px}#win10 .win10-context-menu ul li:hover{background-color:rgba(49,156,241,.71);cursor:pointer}#win10 .win10-context-menu ul li a{text-decoration:none;display:block;height:100%;color:#333;outline:0}#win10 .win10-context-menu ul hr{margin:0;height:0;border:0;border-bottom:rgba(121,121,121,.24) 1px solid;border-top:none}.win10-open-iframe .layui-layer-ico{background-image:none}.win10-open-iframe .layui-layer-setwin{position:absolute;left:0;top:0;font-size:0;height:30px;line-height:30px}.win10-open-iframe .layui-layer-setwin a{position:relative;width:30px;height:30px;font-size:13px;text-align:center;overflow:hidden;margin:0}.win10-open-iframe .layui-layer-title{line-height:30px;height:30px}#win10_btn_group_middle .btn_title .icon,.win10-open-iframe .layui-layer-title .icon{font-size:15px;padding:1px;width:20px;height:20px;line-height:20px;display:inline-block;border-radius:3px;text-align:center}#win10_btn_group_middle .btn_title img.icon,.win10-open-iframe .layui-layer-title img.icon{width:20px;position:relative}.win10-open-iframe .layui-layer-title img.icon{top:5px}#win10-menu>.list>.item img.icon,#win10-menu>.list>.sub-item img.icon{width:36px;height:36px;position:relative;top:2px}#win10-desktop-scene{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0;background-color:transparent}.dock{width:100%;bottom:0;position:absolute;left:0;height:60px;text-align:center;z-index:1000}.dock-container{position:absolute;height:60px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.45);padding:0 5px}.dock a.dock-item{display:block;font:bold 12px Arial,Helvetica,sans-serif;width:60px;color:#fff;bottom:0;position:absolute;text-align:center;text-decoration:none}.dock-item span{display:none;padding:3px 0;border-radius:5px;background-color:rgba(0,0,0,.45)}.dock-item img{border:none;margin:5px;width:100%}#win10 .black-green,.win10-open-iframe .black-green{background:#009688!important}#win10 .green,.win10-open-iframe .green{background:#5fb878!important}#win10 .black,.win10-open-iframe .black{background:#393d49!important}#win10 .blue,.win10-open-iframe .blue{background:#1e9fff!important}#win10 .orange,.win10-open-iframe .orange{background:#f7b824!important}#win10 .red,.win10-open-iframe .red{background:#ff5722!important}#win10 .dark,.win10-open-iframe .dark{background:#2f4056!important}#win10 .purple,.win10-open-iframe .purple{background:#b074e6!important}@media screen and (max-width:768px){#win10-menu{width:100%;top:24px;left:0;height:calc(100% - 25px);border-radius:0 0 2px 2px}#win10-menu.hidden{top:calc(-100% + 25px)}#win10_command_center{top:24px;width:100%}#win10_command_center.hidden_right{right:-100%}.layui-layer-setwin .layui-layer-max{display:none}#win10_btn_group_left .btn{height:100%;width:40px;overflow:hidden;font-size:16px}#win10_btn_group_right .btn{height:100%;min-width:4px;padding:0 10px;font-size:16px!important}#win10_btn_show_desktop{border-left:grey 1px solid;width:15px;margin-left:3px;padding:0!important}#win10_btn_group_left{max-width:100px}#win10_btn_group_middle{width:calc(100% - 160px)}#win10_btn_group_middle .btn{padding:0 3px}#win10_btn_group_right{max-width:150px}#win10-menu .list{position:absolute;width:100%;left:0;top:0}#win10-menu .menu_group{width:90%;float:none;margin:0 auto;clear:both}#win10-menu .list .item,.sub-item{width:calc(100% - 20px)}#win10_btn_time{display:none}#win10-menu-switcher{display:none}#win10-menu>.win10-menu-hidden{display:block}#win10_btn_group_middle .btn_close{display:none}.win10-open-iframe .layui-layer-setwin a{width:32px}.dock{width:100%;height:60px;border-radius:0}.dock .dock-container{width:100%;border-radius:0}.dock a.dock-item{width:100%;margin-left:25px;float:left;position:static}} \ No newline at end of file diff --git a/css/login.min.css b/css/login.min.css new file mode 100644 index 0000000..03c9d8f --- /dev/null +++ b/css/login.min.css @@ -0,0 +1 @@ +.cm-tab-wrap-hack::after{content:""}.com-user{position:fixed;display:flex;justify-content:center;align-items:center;background:#fff none repeat scroll 0 0}.com-user,.com-user::after{top:0;left:0;bottom:0;right:0;z-index:1000}.com-user::after{position:absolute;content:"";background:rgba(0,0,0,0) url(../img/wallpapers/main.jpg) no-repeat scroll 0 0/cover;margin:-50px;filter:blur(20px);opacity:.8}.com-user .login-box{width:200px}.com-user .login-box img{width:50px;height:50px;border-radius:50%;margin-bottom:10px}.com-user .login-box .login{position:absolute;padding:0;right:-50px;top:90px;border-radius:15px;border:medium none;background:rgba(255,255,255,.3) none repeat scroll 0 0;width:30px;color:#fff;font-size:18px;outline:medium none;height:30px;cursor:pointer}.com-user .login-box .login:active{background:rgba(255,255,255,.4) none repeat scroll 0 0}.com-user .box{z-index:1001;display:flex;flex-direction:column;position:relative;justify-content:center;align-items:center}.com-user .third img{width:32px;height:32px;cursor:pointer;margin:10px}.com-user input{width:150px;background:rgba(255,255,255,.3) none repeat scroll 0 0;border:medium none rgba(0,0,0,.3);border-radius:5px;height:25px;margin:10px 0;outline:medium none;color:#fff;text-align:center}.com-user .cancel{position:absolute;z-index:1001;bottom:22%;background:rgba(0,0,0,0) none repeat scroll 0 0;border:medium none;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;outline:medium none;cursor:pointer}.com-user .cancel img{opacity:.8}.com-user .cancel span{color:#fff;font-size:12px;margin-top:10px}body,html{margin:0;padding:0;font-family:sans-serif;height:100%;width:100%;overflow:hidden}button{-moz-user-select:none;cursor:default;background-color:#fff;outline:medium none;border-width:1px;border-style:solid;border-radius:5px;border-color:#c8c8c8 #c2c2c2 #acacac;box-shadow:0 1px rgba(0,0,0,.04);padding:0 13px;line-height:19px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:13px}button:active{border-color:#247fff #125eed #003ddb;background-image:-webkit-linear-gradient(top,#4c98fe,#0564e3);color:rgba(255,255,255,.9)}*{box-sizing:border-box}#root,.layout-desktop{height:100%;width:100%}.layout-desktop{background-image:url(../img/wallpapers/main.jpg);background-size:cover;display:flex;flex-direction:column}.layout-desktop .content{position:relative;height:100%;width:100%;flex:1 1 0%}.layout-desktop .icons{padding:30px}.layout-desktop .icons>div{display:flex;width:150px;height:150px;justify-content:center;align-items:center;flex-direction:column}.layout-desktop .icons>div img{max-width:60px;max-height:60px}.layout-desktop .icons>div span{margin-top:10px;color:#fff;font-size:12px} \ No newline at end of file diff --git a/demo.html b/demo.html index ae5b49f..ec3f5cd 100644 --- a/demo.html +++ b/demo.html @@ -9,58 +9,21 @@ - - - - - - -
+
+
+
+
+
+
+
+
+
+
+
+
@@ -128,7 +91,7 @@
-