mirror of https://github.com/1099438829/macUI.git
1 line
17 KiB
CSS
1 line
17 KiB
CSS
@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-open-iframe{background-color:transparent;border:#f0f6f6 solid 1px;-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!important;-webkit-border-radius:6px!important;-moz-border-radius:6px!important}.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_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}} |