mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2026-04-17 19:18:03 +08:00
转移.net core 3.1，为.NET 5做准备
This commit is contained in:
ÂëÉñ
65
OpenAuth.Mvc/wwwroot/css/formpreview.css
Normal file
65
OpenAuth.Mvc/wwwroot/css/formpreview.css
Normal file
@@ -0,0 +1,65 @@
|
||||
textarea,
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="time"],
|
||||
input[type="week"],
|
||||
input[type="number"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="color"],
|
||||
.uneditable-input {
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #cccccc;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
}
|
||||
|
||||
select,
|
||||
textarea,
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="time"],
|
||||
input[type="week"],
|
||||
input[type="number"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="color"],
|
||||
.uneditable-input {
|
||||
display: inline-block;
|
||||
padding: 4px 6px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
color: #555555;
|
||||
vertical-align: middle;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
|
||||
/* select[leipiplugins] {
|
||||
display: inherit !important
|
||||
} */
|
||||
|
||||
#frmPreview select,
|
||||
#frmPreview input {
|
||||
display: inline !important
|
||||
}
|
||||
21
OpenAuth.Mvc/wwwroot/css/images.css
Normal file
21
OpenAuth.Mvc/wwwroot/css/images.css
Normal file
@@ -0,0 +1,21 @@
|
||||
.layui-flow-more{ clear: both; margin-top: 20px; }
|
||||
#Images li{ width:19%; margin:0.5% 0.5%; float: left; overflow:hidden;}
|
||||
#Images li img{ width:100%; }
|
||||
#Images li .operate{ display: block; height: 40px; width:100%; background:#f4f5f9; }
|
||||
#Images li .operate .check{ float:left; margin-left:11px; height:18px; padding:11px 0; }
|
||||
#Images li .operate .img_del{ float:right; margin:7px 11px 0 0; font-size: 22px; cursor:pointer; }
|
||||
#Images li .operate .img_del:hover{ color:#f00; }
|
||||
|
||||
/*适配*/
|
||||
@media screen and (max-width:1050px){
|
||||
/*用户信息*/
|
||||
#Images li{ width:24%;}
|
||||
}
|
||||
@media screen and (max-width: 750px){
|
||||
/*用户信息*/
|
||||
#Images li{ width:49%;}
|
||||
}
|
||||
@media screen and (max-width:432px){
|
||||
/*用户信息*/
|
||||
#Images li{ width:99%;}
|
||||
}
|
||||
92
OpenAuth.Mvc/wwwroot/css/login.css
Normal file
92
OpenAuth.Mvc/wwwroot/css/login.css
Normal file
@@ -0,0 +1,92 @@
|
||||
/* CSS Document */
|
||||
*{font-size:9pt;border:0;margin:0;padding:0;}
|
||||
body{font-family:'<><CEA2><EFBFBD>ź<EFBFBD>'; margin:0 auto;min-width:980px;}
|
||||
ul{display:block;margin:0;padding:0;list-style:none;}
|
||||
li{display:block;margin:0;padding:0;list-style: none;}
|
||||
imgs{border:0;}
|
||||
dl,dt,dd,span{margin:0;padding:0;display:block;}
|
||||
a,a:focus{text-decoration:none;color:#000;outline:none;blr:expression(this.onFocus=this.blur());}
|
||||
a:hover{color:#00a4ac;text-decoration:none;}
|
||||
table{border-collapse:collapse;border-spacing: 0;}
|
||||
cite{font-style:normal;}
|
||||
h2{font-weight:normal;}
|
||||
|
||||
/*cloud*/
|
||||
#mainBody {width:100%;height:100%;position:absolute;z-index:-1;}
|
||||
.cloud {position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(/images/login/cloud.png) no-repeat;z-index:1;opacity:0.5;}
|
||||
#cloud2 {z-index:2;}
|
||||
|
||||
|
||||
/*login*/
|
||||
.logintop{height:47px; position:absolute; top:0; background:url(/images/login/loginbg1.png) repeat-x;z-index:100; width:100%;}
|
||||
.logintop span{color:#fff; line-height:47px; background:url(/images/login/loginsj.png) no-repeat 21px 18px; text-indent:44px; color:#afc5d2; float:left;}
|
||||
.logintop ul{float:right; padding-right:30px;}
|
||||
.logintop ul li{float:left; margin-left:20px; line-height:47px;}
|
||||
.logintop ul li a{color:#afc5d2;}
|
||||
.logintop ul li a:hover{color:#fff;}
|
||||
.loginbody{background:url(/images/login/loginbg3.png) no-repeat center center; width:100%; height:585px; overflow:hidden; position:absolute; top:47px;}
|
||||
.systemlogo{background:url(/images/login/logo.png) no-repeat center;width:100%; height:70px; margin-top:40px;}
|
||||
.loginbox{width:692px; height:336px; background:url(/images/login/logininfo.png) no-repeat; margin-top:30px;}
|
||||
.loginbox ul{margin-top:88px; margin-left:285px;}
|
||||
.loginbox ul li{margin-bottom:25px;}
|
||||
.loginbox ul li label{color:#687f92; padding-left:25px;}
|
||||
.loginbox ul li label a{color:#687f92;}
|
||||
.loginbox ul li label a:hover{color:#3d96c9;}
|
||||
.loginbox ul li label input{margin-right:5px;}
|
||||
.loginuser{width:299px; height:48px; background:url(/images/login/loginuser.png) no-repeat; border:none; line-height:48px; padding-left:44px; font-size:14px; font-weight:bold; color:#90a2bc;}
|
||||
.loginpwd{width:299px; height:48px; background:url(/images/login/loginpassword.png) no-repeat; border:none;line-height:48px; padding-left:44px; font-size:14px; color:#90a2bc;}
|
||||
.loginbtn{width:111px;height:35px; background:url(/images/login/buttonbg.png) repeat-x; font-size:14px; font-weight:bold; color:#fff;cursor:pointer;line-height:35px;}
|
||||
.loginbm{height:50px; line-height:50px; text-align:center; background:url(/images/login/loginbg2.png) repeat-x;position:fixed;_position:absolute;*position:absolute;bottom:0;width:100%; color:#0b3a58;}
|
||||
.loginbm a{font-weight:bold;color:#0b3a58;}
|
||||
.loginbm a:hover{color:#fff;}
|
||||
|
||||
.main {background-color:#1c77ac; background-image:url(/images/login/light.png); background-repeat:no-repeat; background-position:center top; overflow:hidden;}
|
||||
.logintop span{
|
||||
font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;color:#DDD;font-size: 12px;
|
||||
}
|
||||
.ipt:focus{
|
||||
border-color: #66afe9;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
|
||||
}
|
||||
.tou{
|
||||
background: url("/images/login/tou.png") no-repeat;
|
||||
width: 97px;
|
||||
height: 92px;
|
||||
position: absolute;
|
||||
top: -87px;
|
||||
left: 140px;
|
||||
}
|
||||
.left_hand{
|
||||
background: url("/images/login/left_hand.png") no-repeat;
|
||||
width: 32px;
|
||||
height: 37px;
|
||||
position: absolute;
|
||||
top: -38px;
|
||||
left: 150px;
|
||||
}
|
||||
.right_hand{
|
||||
background: url("/images/login/right_hand.png") no-repeat;
|
||||
width: 32px;
|
||||
height: 37px;
|
||||
position: absolute;
|
||||
top: -38px;
|
||||
right: -64px;
|
||||
}
|
||||
.initial_left_hand{
|
||||
background: url("/images/login/hand.png") no-repeat;
|
||||
width: 30px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
top: -12px;
|
||||
left: 100px;
|
||||
}
|
||||
.initial_right_hand{
|
||||
background: url("/images/login/hand.png") no-repeat;
|
||||
width: 30px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
top: -12px;
|
||||
right: -112px;
|
||||
}
|
||||
204
OpenAuth.Mvc/wwwroot/css/main.css
Normal file
204
OpenAuth.Mvc/wwwroot/css/main.css
Normal file
@@ -0,0 +1,204 @@
|
||||
/*公共样式*/
|
||||
.main_body{ min-width:320px; }
|
||||
.layui-elem-quote.title{ padding:10px 15px; margin-bottom:0; }
|
||||
.layui-tab-more{ position: relative; z-index: 99; background:#fff; }
|
||||
.layui-layer-tab .layui-layer-title span.layui-layer-tabnow{ height:42px !important; }
|
||||
.layui-layer-tab .layui-layer-title span{ min-width:45px !important; }
|
||||
.marg0{ margin:0; }
|
||||
/*模拟加载层图标样式*/
|
||||
.layui-layer-dialog .layui-layer-content .layui-layer-ico16{ background-size:100% 100% !important; }
|
||||
|
||||
.layui-header {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.layui-layout-admin .layui-body {
|
||||
top: 50px;
|
||||
}
|
||||
|
||||
.layui-layout-admin .layui-side {
|
||||
top: 50px;
|
||||
}
|
||||
|
||||
.layui-nav .layui-nav-item {
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
/*样式改变的过渡*/
|
||||
.showMenu .layui-body,.showMenu .layui-footer,.showMenu.layui-layout-admin .layui-side,.logo,.top_menu .layui-nav-item[pc],.component,.top_menu .layui-nav-item[mobile],.layui-nav,.layui-layout-admin .layui-main,.site-mobile .layui-side,.layui-layout-admin .layui-side,.site-mobile .site-tree-mobile,.layui-body,.layui-layout-admin .layui-footer,.layui-layout-admin .layui-side,.panel,.panel .panel_icon i{ transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; }
|
||||
|
||||
|
||||
.showMenu.layui-layout-admin .layui-side{ left:-200px; }
|
||||
.showMenu .layui-body,.showMenu .layui-footer{ left:0; }
|
||||
.layui-layout-admin .layui-main{ margin:0; }
|
||||
.logo{ color: #fff; float: left; line-height:50px; font-size:20px; padding:0 25px; text-align: center; width:150px;}
|
||||
.hideMenu{ float:left; width:20px; height:20px; margin:10px 15px 0 0; font-size:17px; text-align:center; padding:5px 5px; color:#fff; background-color:#1AA094; }
|
||||
.hideMenu:hover{ color:#fff; }
|
||||
.weather{ color:#fff; float:left; margin:10px 0 0 50px;}
|
||||
.component{ float: left; width:200px; height:30px; margin-top: 10px; position: relative;}
|
||||
.component .layui-input{ height:30px; line-height: 30px; font-size:12px; border:none; transition: all 0.3s; }
|
||||
.component .layui-input:focus{ background:#fff; color:#000; }
|
||||
.component .layui-form-select dl{ top:33px; background:#fff; }
|
||||
.component .layui-form-select .layui-edge,.top_menu .layui-nav-item[mobile]{ display:none; }
|
||||
.component .layui-icon{ position: absolute; right:8px; top:8px; color:#000; }
|
||||
|
||||
/*顶部右侧导航*/
|
||||
.layui-nav .layui-nav-item>a{ color:#fff; }
|
||||
.top_menu{ position:absolute; right:0; background:none }
|
||||
.top_menu.layui-nav .layui-this:after{ width:0px; }
|
||||
.top_menu.layui-nav .layui-this,.closeBox.layui-nav .layui-this{ background-color:transparent; }
|
||||
.top_menu.layui-nav .layui-this a,.closeBox.layui-nav .layui-this a{ color:#c2c2c2; }
|
||||
.top_menu.layui-nav dd.layui-this a,.closeBox.layui-nav dd.layui-this a{ color:#333; }
|
||||
.top_menu.layui-nav .layui-nav-child a:hover,.closeBox.layui-nav .layui-nav-child a:hover{ color:#fff; background-color:#5FB878; }
|
||||
.top_menu .iconfont{ font-size: 14px !important; }
|
||||
.top_menu .layui-nav-bar{ top:60px !important; background-color:rgba(0,0,0,0.7) }
|
||||
|
||||
/*左侧用户头像*/
|
||||
.layui-nav{ background-color:inherit !important; }
|
||||
.layui-layout-admin .layui-side{ left:0; }
|
||||
.user-photo{width: 200px; height: 120px; padding-top: 15px; padding-bottom: 5px;}
|
||||
.user-photo a.img{ display: block; width: 76px; height: 76px; margin: 0 auto; margin-bottom: 15px;}
|
||||
.user-photo a.img img{ display: block; border: none; width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 4px solid #44576b;}
|
||||
.user-photo p{ display: block; width: 100%; height: 25px; color: #ffffff; text-align: center; font-size: 12px; white-space: nowrap;line-height: 25px; overflow: hidden;}
|
||||
/*左侧导航重定义*/
|
||||
.layui-nav-item a cite{ padding:0 5px; }
|
||||
.layui-side-scroll{ height:auto; }
|
||||
.layui-nav-tree .layui-nav-child a{ padding-left: 40px; }
|
||||
.layui-nav-tree .layui-nav-child a:hover{ background-color:#4E5465; }
|
||||
.layui-nav-tree .layui-nav-child dd.layui-this a:hover{ background-color:#009688; }
|
||||
|
||||
/*右侧body*/
|
||||
#top_tabs_box{ padding-right:138px; height:40px; border-bottom:1px solid #e2e2e2; }
|
||||
#top_tabs{ position: absolute; border-bottom:none;}
|
||||
/*多窗口页面操作下拉*/
|
||||
.closeBox{ position:absolute; right:0; background-color:#fff !important; color:#000; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
|
||||
.closeBox .layui-nav-item{ line-height:40px; }
|
||||
.closeBox .layui-nav-item a,.closeBox .layui-nav-item a:hover{ color:#000; }
|
||||
.closeBox .layui-nav-more{ top:17px; }
|
||||
.closeBox .layui-nav-mored{ top:11px; }
|
||||
.closeBox .layui-nav-child{ top:42px; left:-12px; }
|
||||
.closeBox .layui-nav-bar{ display:none; }
|
||||
.closeBox .icon-caozuo{ font-size: 20px; position:absolute; top:1px; left:-2px; }
|
||||
|
||||
.layui-body{overflow:hidden; border-top:5px solid #1AA094;border-left:2px solid #1AA094;}
|
||||
.layui-tab-content{ height:100%; padding:0; }
|
||||
.layui-tab-item{ position: absolute; top: 41px; bottom:0; left: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling:touch; overflow:auto;}
|
||||
.layui-tab-title .layui-this{ background-color:#18A093;}
|
||||
.layui-tab-title .layui-this:after{ border:none; }
|
||||
.layui-tab-title li cite{ font-style: normal; padding-left:5px; }
|
||||
.layui-tab-card .layui-tab-title{background-color: #ffffff}
|
||||
.layui-tab-card .layui-tab-title .layui-this{background-color: #f2f2f2}
|
||||
.clildFrame.layui-tab-content{ padding-right: 0; }
|
||||
.clildFrame.layui-tab-content iframe{ width: 100%; height:100%; border:none; min-width: 320px; position:absolute; }
|
||||
/*main.html*/
|
||||
.row,.col,.panel_word,.panel_icon{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
|
||||
.row{ margin-left:-10px; overflow:hidden;display: flex; flex-wrap: wrap;}
|
||||
.col{ padding-left:10px;}
|
||||
.panel{float: left; text-align: center; width:16.666%; min-width:210px; margin-bottom: 10px;}
|
||||
.panel_box a{display:block; background-color:#f2f2f2; border-radius:5px; overflow:hidden; }
|
||||
.panel_icon{ width:40%; display: inline-block; padding:22px 0; background-color:#54ade8;float:left;}
|
||||
.panel_icon i{ font-size:3em; color:#fff;}
|
||||
.panel a:hover .panel_icon i{ display:inline-block; transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}
|
||||
.panel_word{ width:60%; display: inline-block; float:right; margin-top: 22px; }
|
||||
.panel_word span{ font-size:25px; display:block; height:30px; line-height:30px; }
|
||||
.allNews em{ font-style:normal; font-size:16px;display: block; }
|
||||
.panel_box a .allNews cite{ display:none; }
|
||||
.panel_box a cite{ font-size:16px; display: block; font-style:normal; }
|
||||
.sysNotice{ width:50%; float: left; }
|
||||
.sysNotice .layui-elem-quote{ line-height:26px; position: relative;}
|
||||
.sysNotice .layui-table{ margin-top:0; border-left:5px solid #e2e2e2; }
|
||||
.sysNotice .title .icon-new1{ position: absolute; top:8px; margin-left: 10px; color:#f00; font-size:25px; }
|
||||
.explain .layui-btn{ margin:5px 5px 5px 0; }
|
||||
|
||||
/*打开页面动画*/
|
||||
.layui-tab-item.layui-show{ animation:moveTop 1s; -webkit-animation:moveTop 1s; animation-fill-mode:both; -webkit-animation-fill-mode:both; }
|
||||
@keyframes moveTop{
|
||||
0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
|
||||
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
|
||||
}
|
||||
@-o-keyframes moveTop{
|
||||
0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
|
||||
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
|
||||
}
|
||||
@-moz-keyframes moveTop{
|
||||
0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
|
||||
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
|
||||
}
|
||||
@-webkit-keyframes moveTop{
|
||||
0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
|
||||
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
|
||||
}
|
||||
|
||||
/*锁屏*/
|
||||
.admin-header-lock{width: 320px; height: 170px; padding: 20px; position: relative; text-align: center;}
|
||||
.admin-header-lock-img{width: 60px; height: 60px; margin: 0 auto;}
|
||||
.admin-header-lock-img img{width: 60px; height: 60px; border-radius: 100%;}
|
||||
.admin-header-lock-name{color: #009688;margin: 8px 0 15px 0;}
|
||||
.input_btn{ overflow: hidden; margin-bottom: 10px; }
|
||||
.admin-header-lock-input{width: 170px; color: #fff;background-color: #009688; float: left; margin:0 10px 0 40px; border:none;}
|
||||
.admin-header-lock-input::-webkit-input-placeholder {color:#fff;}
|
||||
.admin-header-lock-input::-moz-placeholder {color:#fff;}
|
||||
.admin-header-lock-input::-ms-input-placeholder {color:#fff;}
|
||||
.admin-header-lock-input:-moz-placeholder {color:#fff;}
|
||||
#unlock{ float: left; }
|
||||
#lock-box p{ color:#e60000; }
|
||||
|
||||
/*换肤*/
|
||||
.skins_box{ padding:10px 34px 0; }
|
||||
.skinBtn{ text-align:right; }
|
||||
/*橙色*/
|
||||
.orange .layui-layout-admin .layui-header{ background-color:orange!important; }
|
||||
.orange .layui-bg-black{ background-color:#e47214!important; }
|
||||
/*蓝色*/
|
||||
.blue .layui-layout-admin .layui-header{ background-color:#3396d8!important; }
|
||||
.blue .layui-bg-black,.blue .hideMenu{ background-color:#146aa2!important; }
|
||||
/*藏青*/
|
||||
.cyan .layui-layout-admin .layui-header{ background-color:#2F4056!important; }
|
||||
.cyan .layui-bg-black, .cyan .hideMenu{ background-color:#2F4056!important; }
|
||||
|
||||
/*自定义*/
|
||||
.skinCustom{ visibility:hidden; }
|
||||
.skinCustom input{ width:48%; margin:5px 2% 5px 0; float:left; }
|
||||
|
||||
.orange .layui-nav-tree .layui-nav-child a,.blue .layui-nav-tree .layui-nav-child a{ color:#fff; }
|
||||
.orange .top_menu.layui-nav .layui-nav-more,.blue .top_menu.layui-nav .layui-nav-more{border-color:#fff transparent transparent !important;}
|
||||
.orange .top_menu.layui-nav-itemed .layui-nav-more,.orange .top_menu.layui-nav .layui-nav-mored,.blue .top_menu.layui-nav-itemed .layui-nav-more,.blue .top_menu.layui-nav .layui-nav-mored{border-color:transparent transparent #fff !important;}
|
||||
|
||||
/*底部*/
|
||||
.footer{ text-align: center; line-height:44px;border-left: 2px solid #1AA094;}
|
||||
|
||||
|
||||
/*响应式*/
|
||||
@media screen and (max-width:1282px){
|
||||
.panel{ width:33.3333%; }
|
||||
}
|
||||
@media screen and (max-width:1050px){
|
||||
.layui-nav.top_menu .layui-nav-item a{ padding:0 10px; }
|
||||
/*天气信息*/
|
||||
.weather[pc]{ display: none !important; }
|
||||
.sysNotice{ width:100%; }
|
||||
.component{ width:165px; }
|
||||
}
|
||||
@media screen and (max-width: 750px){
|
||||
.logo{ padding:0;}
|
||||
.top_menu .layui-nav-item[pc],.component,.site-mobile .site-tree-mobile{ display: none !important; }
|
||||
.top_menu .layui-nav-item.showNotice[pc]{ display:inline-block !important; }
|
||||
.top_menu .layui-nav-item[mobile]{ display:inline-block; }
|
||||
.layui-nav.top_menu,.layui-nav.top_menu .layui-nav-item a{ padding:0 10px; }
|
||||
.layui-layout-admin .layui-main{ margin-right: 0; }
|
||||
.hideMenu{ display:none; }
|
||||
/*左侧导航*/
|
||||
.layui-layout-admin .layui-side{ left:-260px; }
|
||||
.site-mobile .layui-side{ left: 0; z-index:9999; }
|
||||
.site-tree-mobile {display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
|
||||
.site-mobile .site-mobile-shade { content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}
|
||||
|
||||
/*layui-body*/
|
||||
.panel{ width:50%; }
|
||||
|
||||
.layui-body,.layui-layout-admin .layui-footer{ left:0; }
|
||||
}
|
||||
@media screen and (max-width:432px){
|
||||
.top_menu .layui-nav-item.showNotice[pc]{ display:none !important; }
|
||||
.panel{ width:100%; }
|
||||
}
|
||||
BIN
OpenAuth.Mvc/wwwroot/css/metroStyle/img/line_conn.png
Normal file
BIN
OpenAuth.Mvc/wwwroot/css/metroStyle/img/line_conn.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 933 B |
BIN
OpenAuth.Mvc/wwwroot/css/metroStyle/img/loading.gif
Normal file
BIN
OpenAuth.Mvc/wwwroot/css/metroStyle/img/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 381 B |
BIN
OpenAuth.Mvc/wwwroot/css/metroStyle/img/metro.gif
Normal file
BIN
OpenAuth.Mvc/wwwroot/css/metroStyle/img/metro.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
OpenAuth.Mvc/wwwroot/css/metroStyle/img/metro.png
Normal file
BIN
OpenAuth.Mvc/wwwroot/css/metroStyle/img/metro.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
96
OpenAuth.Mvc/wwwroot/css/metroStyle/metroStyle.css
Normal file
96
OpenAuth.Mvc/wwwroot/css/metroStyle/metroStyle.css
Normal file
@@ -0,0 +1,96 @@
|
||||
/*-------------------------------------
|
||||
zTree Style
|
||||
|
||||
version: 3.4
|
||||
author: Hunter.z
|
||||
email: hunter.z@263.net
|
||||
website: http://code.google.com/p/jquerytree/
|
||||
|
||||
-------------------------------------*/
|
||||
|
||||
.ztree * {padding:0; margin:0; /*font-size:12px;*/ font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
|
||||
.ztree {margin:0; padding:5px; color:#333}
|
||||
.ztree li{padding:0; margin:0; list-style:none; line-height:17px; text-align:left; white-space:nowrap; outline:0}
|
||||
.ztree li ul{ margin:0; padding:0 0 0 18px}
|
||||
.ztree li ul.line{ background:url(./img/line_conn.png) 0 0 repeat-y;}
|
||||
|
||||
.ztree li a {padding-right:3px; margin:0; cursor:pointer; height:21px; color:#333; background-color: transparent; text-decoration:none; vertical-align:top; display: inline-block}
|
||||
.ztree li a:hover {text-decoration:underline}
|
||||
.ztree li a.curSelectedNode {padding-top:0px; background-color:#e5e5e5; color:black; height:21px; opacity:0.8;}
|
||||
.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#e5e5e5; color:black; height:21px; border:1px #666 solid; opacity:0.8;}
|
||||
.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#aaa; color:white; height:21px; border:1px #666 solid;
|
||||
opacity:0.8; filter:alpha(opacity=80)}
|
||||
.ztree li a.tmpTargetNode_prev {}
|
||||
.ztree li a.tmpTargetNode_next {}
|
||||
.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
|
||||
font-size:12px; border:1px #585956 solid; *border:0px}
|
||||
.ztree li span {line-height:21px; margin-right:2px}
|
||||
.ztree li span.button {line-height:0; margin:0; padding: 0; width:21px; height:21px; display: inline-block; vertical-align:middle;
|
||||
border:0 none; cursor: pointer;outline:none;
|
||||
background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
|
||||
background-image:url("./img/metro.png"); *background-image:url("./img/metro.gif")}
|
||||
|
||||
.ztree li span.button.chk {width:13px; height:13px; margin:0 2px; cursor: auto}
|
||||
.ztree li span.button.chk.checkbox_false_full {background-position: -5px -5px;}
|
||||
.ztree li span.button.chk.checkbox_false_full_focus {background-position: -5px -26px;}
|
||||
.ztree li span.button.chk.checkbox_false_part {background-position: -5px -48px;}
|
||||
.ztree li span.button.chk.checkbox_false_part_focus {background-position: -5px -68px;}
|
||||
.ztree li span.button.chk.checkbox_false_disable {background-position: -5px -89px;}
|
||||
.ztree li span.button.chk.checkbox_true_full {background-position: -26px -5px;}
|
||||
.ztree li span.button.chk.checkbox_true_full_focus {background-position: -26px -26px;}
|
||||
.ztree li span.button.chk.checkbox_true_part {background-position: -26px -48px;}
|
||||
.ztree li span.button.chk.checkbox_true_part_focus {background-position: -26px -68px;}
|
||||
.ztree li span.button.chk.checkbox_true_disable {background-position: -26px -89px;}
|
||||
.ztree li span.button.chk.radio_false_full {background-position: -47px -5px;}
|
||||
.ztree li span.button.chk.radio_false_full_focus {background-position: -47px -26px;}
|
||||
.ztree li span.button.chk.radio_false_part {background-position: -47px -47px;}
|
||||
.ztree li span.button.chk.radio_false_part_focus {background-position: -47px -68px;}
|
||||
.ztree li span.button.chk.radio_false_disable {background-position: -47px -89px;}
|
||||
.ztree li span.button.chk.radio_true_full {background-position: -68px -5px;}
|
||||
.ztree li span.button.chk.radio_true_full_focus {background-position: -68px -26px;}
|
||||
.ztree li span.button.chk.radio_true_part {background-position: -68px -47px;}
|
||||
.ztree li span.button.chk.radio_true_part_focus {background-position: -68px -68px;}
|
||||
.ztree li span.button.chk.radio_true_disable {background-position: -68px -89px;}
|
||||
|
||||
.ztree li span.button.switch {width:21px; height:21px}
|
||||
.ztree li span.button.root_open{background-position:-105px -63px}
|
||||
.ztree li span.button.root_close{background-position:-126px -63px}
|
||||
.ztree li span.button.roots_open{background-position: -105px 0;}
|
||||
.ztree li span.button.roots_close{background-position: -126px 0;}
|
||||
.ztree li span.button.center_open{background-position: -105px -21px;}
|
||||
.ztree li span.button.center_close{background-position: -126px -21px;}
|
||||
.ztree li span.button.bottom_open{background-position: -105px -42px;}
|
||||
.ztree li span.button.bottom_close{background-position: -126px -42px;}
|
||||
.ztree li span.button.noline_open{background-position: -105px -84px;}
|
||||
.ztree li span.button.noline_close{background-position: -126px -84px;}
|
||||
.ztree li span.button.root_docu{ background:none;}
|
||||
.ztree li span.button.roots_docu{background-position: -84px 0;}
|
||||
.ztree li span.button.center_docu{background-position: -84px -21px;}
|
||||
.ztree li span.button.bottom_docu{background-position: -84px -42px;}
|
||||
.ztree li span.button.noline_docu{ background:none;}
|
||||
|
||||
.ztree li span.button.ico_open{margin-right:2px; background-position: -147px -21px; vertical-align:top; *vertical-align:middle}
|
||||
.ztree li span.button.ico_close{margin-right:2px; margin-right:2px; background-position: -147px 0; vertical-align:top; *vertical-align:middle}
|
||||
.ztree li span.button.ico_docu{margin-right:2px; background-position: -147px -42px; vertical-align:top; *vertical-align:middle}
|
||||
.ztree li span.button.edit {margin-left:2px; margin-right: -1px; background-position: -189px -21px; vertical-align:top; *vertical-align:middle}
|
||||
.ztree li span.button.edit:hover {
|
||||
background-position: -168px -21px;
|
||||
}
|
||||
.ztree li span.button.remove {margin-left:2px; margin-right: -1px; background-position: -189px -42px; vertical-align:top; *vertical-align:middle}
|
||||
.ztree li span.button.remove:hover {
|
||||
background-position: -168px -42px;
|
||||
}
|
||||
.ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position: -189px 0; vertical-align:top; *vertical-align:middle}
|
||||
.ztree li span.button.add:hover {
|
||||
background-position: -168px 0;
|
||||
}
|
||||
.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
|
||||
|
||||
ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
|
||||
|
||||
span.tmpzTreeMove_arrow {width:16px; height:21px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
|
||||
background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
|
||||
background-position:-168px -84px; background-image:url("./img/metro.png"); *background-image:url("./img/metro.gif")}
|
||||
|
||||
ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
|
||||
.ztreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
|
||||
12
OpenAuth.Mvc/wwwroot/css/treetable.css
Normal file
12
OpenAuth.Mvc/wwwroot/css/treetable.css
Normal file
@@ -0,0 +1,12 @@
|
||||
.layui-elem-quote {
|
||||
margin-bottom: 2px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.layui-table-view {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
ul.ztree {
|
||||
margin-top: 0!important;
|
||||
}
|
||||
Reference in New Issue
Block a user