no commit message
This commit is contained in:
雨中磐石
@@ -1,10 +1,22 @@
|
||||
*{font-family:微软雅黑,Verdana, Geneva, sans-serif;padding:0px;margin:0px;}
|
||||
*{font-family:Verdana, Geneva, sans-serif;padding:0px;margin:0px;}
|
||||
html{
|
||||
font-family: sans-serif;
|
||||
}
|
||||
button,.cursor{cursor:pointer}
|
||||
body{
|
||||
font-size:14px; background-color:white;--main-color:#1389D3;--main-border:#888888
|
||||
--main-color:#1389D3;
|
||||
--font-size:14px;
|
||||
--border:0.5px rgba(0,0,0,0.1) solid;
|
||||
--main-bgcolor:white;
|
||||
--main-hgcolor:white;
|
||||
--main-border:rgba(0,0,0,0.1);
|
||||
--rgb-r:0;
|
||||
--rgb-g:0;
|
||||
--rgb-b:0;
|
||||
}
|
||||
body{
|
||||
font-size:var(--font-size);
|
||||
background-color:white;
|
||||
}
|
||||
table {
|
||||
border-spacing: 0;
|
||||
@@ -71,14 +83,14 @@ a.white:link,a.white:visited{color:white;}
|
||||
|
||||
.box{box-shadow:0px 0px 5px rgba(0,0,0,0.3); border:1px var(--main-color) solid; }
|
||||
|
||||
.inputs{height:28px;line-height:24px; border:1px #cccccc solid;padding:0px 2px; overflow:hidden;}
|
||||
.inputs{height:28px;line-height:24px; border:1px #cccccc solid;border:var(--border);padding:0px 2px; overflow:hidden;}
|
||||
.btn{width:100%;height:44px;line-height:44px;opacity:0.8; background-color:#1389D3; background-color:var(--main-color);border:none;color:white;font-size:14px; cursor:pointer}
|
||||
.btn:active,.btn:hover{opacity:1;color:white;TEXT-DECORATION:none;}
|
||||
.btn:disabled{ background-color:#cccccc;color:#888888}
|
||||
a.btn{padding:5px 8px}
|
||||
|
||||
.input{ height:34px; line-height:30px; border:1px #cccccc solid;padding:0px 5px; overflow:hidden; border-radius:0px}
|
||||
.select{border-radius:0px; background-color:#ffffff;border:1px #cccccc solid; height:34px; line-height:30px}
|
||||
.input{ height:34px; line-height:30px; border:1px #cccccc solid;border:var(--border);padding:0px 5px; overflow:hidden; border-radius:0px}
|
||||
.select{border-radius:0px; background-color:#ffffff;border:1px #cccccc solid;border:var(--border); height:34px; line-height:30px}
|
||||
.textarea{height:100px; width:97%;padding:5px;border-radius:0px; border:1px #cccccc solid;}
|
||||
.input:hover,.inputs:hover,.textarea:hover,.select:hover,.input_hover,.textareas,.input:focus,.inputs:focus,.textarea:focus{box-shadow:0px 0px 5px rgba(0,0,0,0.3); border:1px #1389D3 solid; border:1px var(--main-color) solid; color:#000000}
|
||||
|
||||
@@ -102,4 +114,31 @@ a.webbtn:link,a.webbtn:visited,.webbtn{color:#ffffff; background-color:#1389D3;b
|
||||
.r-tabs .r-tabs-item:not(:first-child):not(:last-child){border-radius:0}
|
||||
.r-tabs .r-tabs-item.r-tabs-item.active{color:#1389D3;color:var(--main-color);}
|
||||
|
||||
.list-itemv:hover{color:var(--main-color);cursor:pointer}
|
||||
.list-itemv:hover{color:var(--main-color);cursor:pointer}
|
||||
|
||||
.rock-loading {
|
||||
display: inline-block;
|
||||
height:16px;
|
||||
width:16px;
|
||||
vertical-align: middle;
|
||||
-webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat;
|
||||
mask-size: cover;
|
||||
-webkit-mask-size: cover;
|
||||
mask-size: cover;
|
||||
background-color: currentColor;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar{
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: transparent;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:hover {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
border-radius: 5px;
|
||||
}
|
||||
@@ -1,16 +1,28 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
*{font-family:微软雅黑,Verdana, Geneva, sans-serif;list-style-type:none;padding:0px;margin:0px;}
|
||||
*{font-family:Verdana, Geneva, sans-serif;list-style-type:none;padding:0px;margin:0px;-webkit-tap-highlight-color: transparent;}
|
||||
|
||||
html{
|
||||
font-family: sans-serif;
|
||||
}
|
||||
body{--main-color:#1389D3;color:#000000;margin:0px;border:0;font-size:14px; background-color:white}
|
||||
body{
|
||||
--main-color:#1389D3;
|
||||
--font-size:14px;
|
||||
--border:0.5px rgba(0,0,0,0.1) solid;
|
||||
--main-bgcolor:white;
|
||||
--main-hgcolor:rgba(0,0,0,0.15);
|
||||
--main-vgcolor:rgba(0,0,0,0.1);
|
||||
--main-border:rgba(0,0,0,0.1);
|
||||
--rgb-r:0;
|
||||
--rgb-g:0;
|
||||
--rgb-b:0;
|
||||
}
|
||||
body{color:#000000;margin:0px;border:0;font-size:var(--font-size); background-color:white}
|
||||
.mbody{background-color: #f1f1f1;}
|
||||
td,button{ font-size:14px}
|
||||
td,button{ font-size:var(--font-size)}
|
||||
a,.cursor{cursor:pointer;}
|
||||
p{text-indent:24pt; margin:12px 0px;line-height:25px}
|
||||
input,textarea,select,button{resize: none;outline:none;font-size:14px;}
|
||||
input,textarea,select,button{resize: none;outline:none;font-size:var(--font-size);}
|
||||
.zhu{ color:#1389D3;color:var(--main-color)}
|
||||
.hui{ color:#888888}
|
||||
.red{ color:#ff0000}
|
||||
@@ -47,21 +59,21 @@ ul,li,a{ list-style-type:none}
|
||||
.h1{ font-size:24px;font-weight:bold;}
|
||||
.h2{ font-size:20px;font-weight:bold;}
|
||||
|
||||
.input,.inputs,.textarea{height:30px;line-height:25px;background-color:white;padding:2px;width:95%;border:0.5px #dddddd solid;border-radius:2px}
|
||||
.input,.inputs,.textarea{height:34px;line-height:25px;background-color:white;padding:5px;width:94%;border:var(--border);border-radius:5px}
|
||||
|
||||
.inputb{height:30px;line-height:20px;background-color:white;padding:2px;border:0.5px #cccccc solid;border-radius:2px}
|
||||
.inputb:focus,.inputs:focus,.textarea:focus{border:0.5px var(--main-color) solid;box-shadow:0px 0px 5px rgba(0,0,0,0.3);}
|
||||
.inputb{height:34px;line-height:20px;background-color:white;padding:5px;border:var(--border);border-radius:5px}
|
||||
.inputb:focus,.inputs:focus,.textarea:focus{border:0.5px var(--main-color) solid;}
|
||||
|
||||
.title{height:40px;line-height:40px;overflow:hidden;font-size:18px;text-align:left;border-bottom:1px #cccccc solid;color:#55555;font-weight:bold; background-color:var(--main-color)}
|
||||
.title{height:40px;line-height:40px;overflow:hidden;font-size:18px;text-align:left;border-bottom:var(--border);color:#55555;font-weight:bold; background-color:var(--main-color)}
|
||||
|
||||
.inputs[readonly]{ background-color:#f1f1f1;box-shadow:none}
|
||||
|
||||
.btn{width:100%;height:44px;line-height:44px;opacity:0.8; background-color:var(--main-color);border:none;color:white;font-size:14px; cursor:pointer}
|
||||
.btn{width:100%;height:44px;line-height:44px;opacity:0.8; background-color:var(--main-color);border:none;color:white;font-size:var(--font-size); cursor:pointer}
|
||||
.btn:active,.btn:hover{opacity:1;color:white;TEXT-DECORATION:none;}
|
||||
.btn:disabled{ background-color:#cccccc;color:#888888}
|
||||
a.btn{padding:5px 8px}
|
||||
|
||||
.header{height:50px; overflow:hidden;line-height:50px; text-align:center; border-bottom:0.5px #cccccc solid;font-size:18px; position:fixed;width:100%;top:0px;left:0px; background:white;z-index:8}
|
||||
.header{height:50px; overflow:hidden;line-height:50px; text-align:center; border-bottom:var(--border);font-size:18px; position:fixed;width:100%;top:0px;left:0px; background:white;z-index:8}
|
||||
.header .back{position:absolute;top:5px;left:5px}
|
||||
.header .back img{height:24px;width:24px}
|
||||
.header-back{width:50px;height:50px;display:block; background:url(../../images/back.png) no-repeat 7px 7px;position:absolute;left:0px;bottom:0px; cursor:default}
|
||||
@@ -74,14 +86,14 @@ a.btn{padding:5px 8px}
|
||||
|
||||
.tdinpu{text-align:right;color:#555555;}
|
||||
.tdinput{padding:8px 5px}
|
||||
.inborder{border:1px #cccccc solid;}
|
||||
.inborder{border:var(--border);}
|
||||
|
||||
a.webbtn:link,a.webbtn:visited,.webbtn{color:#ffffff;opacity:1; background-color:var(--main-color); padding:8px 10px; border:none; cursor:pointer;font-size:14px}
|
||||
a.webbtn:link,a.webbtn:visited,.webbtn{color:#ffffff;opacity:1; background-color:var(--main-color); padding:8px 10px; border:none; cursor:pointer;font-size:var(--font-size)}
|
||||
.webbtn:disabled{background-color:#aaaaaa; color:#eeeeee}
|
||||
.webbtn:hover{box-shadow:0px 0px 5px rgba(0,0,0,0.3);opacity:0.8}
|
||||
.radius5{border-radius:5px;}
|
||||
|
||||
.upload_items{border:1px #cccccc solid;height:60px;overflow:hidden;float:left;margin-top:5px;margin-bottom:5px;margin-right:10px;cursor:pointer;position:relative}
|
||||
.upload_items{border:var(--border);height:60px;overflow:hidden;float:left;margin-top:5px;margin-bottom:5px;margin-right:10px;cursor:pointer;position:relative}
|
||||
.upload_items:active{border:1px var(--main-color) solid}
|
||||
.upload_items img.imgs{width:50px;height:50px;margin:5px}
|
||||
.upload_items_items{padding:5px;text-align:center}
|
||||
|
||||
240
webmain/css/rock.css
Normal file
240
webmain/css/rock.css
Normal file
@@ -0,0 +1,240 @@
|
||||
/**
|
||||
* 最新版的css样式
|
||||
* 开发者：雨中磐石
|
||||
* 地址：www.rockoa.com
|
||||
* 日期：2024-10-10
|
||||
*/
|
||||
|
||||
*{font-family:Verdana, Geneva, sans-serif;padding:0px;margin:0px;-webkit-tap-highlight-color: transparent;list-style-type:none}
|
||||
|
||||
body{
|
||||
--main-color:#1389D3;
|
||||
--font-size:14px;
|
||||
--border:0.5px rgba(0,0,0,0.1) solid;
|
||||
--main-bgcolor:white;
|
||||
--main-hgcolor:rgba(0,0,0,0.15);
|
||||
--main-vgcolor:rgba(0,0,0,0.1);
|
||||
--main-border:rgba(0,0,0,0.1);
|
||||
--input-height:34px;
|
||||
--btn-height:36px;
|
||||
--rgb-r:0;
|
||||
--rgb-g:0;
|
||||
--rgb-b:0;
|
||||
}
|
||||
|
||||
body{font-size:var(--font-size)}
|
||||
table{border-spacing:0;border-collapse: collapse;}
|
||||
button,.cursor,a{cursor:pointer}
|
||||
a:link,a:visited{color:var(--main-color);TEXT-DECORATION:none;font-size:var(--font-size)}
|
||||
a:hover{TEXT-DECORATION:underline;color:red;}
|
||||
input,button,textarea,select{resize:none;outline:none;font-size:var(--font-size)}
|
||||
|
||||
::placeholder{color:#999999;}
|
||||
.wrap{word-wrap:break-word;word-break:break-all;white-space:normal;}
|
||||
|
||||
.input,.inputs,.form-control{border:var(--border);padding:0px 5px;overflow:hidden;border-radius:5px;background:white;height:34px;height:var(--input-height)}
|
||||
.textarea{line-height:20px; border:var(--border);padding:5px; border-radius:5px;overflow:auto}
|
||||
.input:focus,.textarea:focus,.form-control:focus,.inputs:focus{border:.5px var(--main-color) solid;}
|
||||
.input:disabled,.inputs:disabled,.textarea:disabled,.form-control:disabled{cursor:not-allowed;opacity:0.8}
|
||||
.input[readonly],.inputs[readonly],.textarea[readonly],.form-control[readonly]{background-color:rgba(0,0,0,0.1);}
|
||||
|
||||
.webbtn,.webbtn:link,.webbtn:visited,.btn,.btn:link,.btn:visited{color:#ffffff;background-color:var(--main-color);padding:6px 10px;border:none; cursor:pointer;border-radius:5px;white-space:nowrap;height:36px;height:var(--btn-height)}
|
||||
.webbtn:active,.webbtn:hover,.btn:hover{box-shadow:0px 0px 5px rgba(0,0,0,0.3);box-shadow:0px 0px 5px rgba(var(--rgb-r),var(--rgb-g),var(--rgb-b),0.3);opacity:0.9;TEXT-DECORATION:none}
|
||||
.webbtn:disabled,.btn:disabled{background-color:#dddddd;color:#888888;cursor:not-allowed}
|
||||
.webbtn:disabled:hover,.btn:disabled:hover{background-color:none;box-shadow:none;opacity:1}
|
||||
.webbtn-default,.webbtn-default:link,.webbtn-default:visited,.btn-default{background-color:white;color:black;border:var(--border);}
|
||||
.webbtn-main,.webbtn-main:link,.webbtn-main:visited{background-color:white;color:black;border:.5px var(--main-color) solid;}
|
||||
|
||||
.btn-danger{background-color:#d9534f}
|
||||
.form-control{width:98%}
|
||||
textarea.form-control{overflow:auto;padding-top:5px;padding-bottom:5px}
|
||||
.box{box-shadow:0px 0px 5px rgba(var(--rgb-r),var(--rgb-g),var(--rgb-b),0.3);}
|
||||
|
||||
.hover:hover,.active{
|
||||
background-color:rgba(0,0,0,0.1);
|
||||
cursor:pointer;
|
||||
}
|
||||
.border{border:var(--border)}
|
||||
.mainbody{background:var(--main-bgcolor);border:var(--border);}
|
||||
.btn-xs,.btn-xs:link,.btn-xs:visited{padding:3px 5px;font-size:12px;height:26px}
|
||||
|
||||
.zhu{color:var(--main-color)}
|
||||
.hui{color:#888888}
|
||||
.blank10{height:10px;overflow:hidden}
|
||||
.blank20{height:20px;overflow:hidden}
|
||||
.blank30{height:30px;overflow:hidden}
|
||||
.notsel{-moz-user-select: none;-o-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default;}
|
||||
|
||||
.btn-group{display: flex;align-items: center;}
|
||||
.btn-group .btn{float:left}
|
||||
.btn-group>.active{box-shadow: inset 0 3px 5px rgba(var(--rgb-r),var(--rgb-g),var(--rgb-b), .125);}
|
||||
|
||||
.btn-group :first-child:not(:last-child),
|
||||
.input-group :first-child:not(:last-child){
|
||||
border-top-right-radius:0px;
|
||||
border-bottom-right-radius:0px;
|
||||
}
|
||||
.btn-group :last-child:not(:first-child),
|
||||
.input-group :last-child:not(:first-child){
|
||||
border-top-left-radius:0px;
|
||||
border-bottom-left-radius:0px;
|
||||
}
|
||||
.btn-group :not(:last-child):not(:first-child){
|
||||
border-radius:0px;
|
||||
}
|
||||
.btn-group :not(:first-child){
|
||||
border-left-width:0px;
|
||||
}
|
||||
.input-group-btn{
|
||||
display:flex;
|
||||
}
|
||||
.input-group-btn .btn:first-child{
|
||||
border-top-left-radius:0px;
|
||||
border-bottom-left-radius:0px;
|
||||
border-left-width:0px;
|
||||
}
|
||||
|
||||
.rock-loading {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
height:16px;
|
||||
width:16px;
|
||||
-webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat;
|
||||
mask-size: cover;
|
||||
-webkit-mask-size: cover;
|
||||
mask-size: cover;
|
||||
background-color: currentColor;
|
||||
opacity:0.2;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar{
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: transparent;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:hover {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.badge {
|
||||
display: inline-block;min-width: 10px; padding: 3px 5px;font-size: 12px;line-height: 1;color: #fff;
|
||||
text-align: center;white-space: nowrap;vertical-align: baseline;background-color:red;border-radius: 12px;
|
||||
}
|
||||
.badge:empty {display: none;}
|
||||
|
||||
|
||||
|
||||
.rock-table{
|
||||
width:100%;
|
||||
background:var(--main-bgcolor)
|
||||
}
|
||||
|
||||
.rock-table .rock-table-th{
|
||||
height:40px;
|
||||
border:var(--border);
|
||||
background:var(--main-hgcolor);
|
||||
padding:3px;
|
||||
}
|
||||
|
||||
.rock-table .rock-table-td{
|
||||
height:36px;
|
||||
border:var(--border);
|
||||
padding:3px;
|
||||
min-width:35px;
|
||||
word-wrap:break-word;word-break:break-all;white-space:normal;
|
||||
}
|
||||
|
||||
.rock-table thead{}
|
||||
|
||||
.rock-table .rock-table-tr{}
|
||||
|
||||
.rock-table .rock-table-tr:nth-child(odd){
|
||||
background:rgba(0,0,0,0.03);
|
||||
background:rgba(var(--rgb-r),var(--rgb-g),var(--rgb-b),0.03);
|
||||
}
|
||||
|
||||
.rock-table .rock-table-tr:hover{
|
||||
background:rgba(0,0,0,0.1);
|
||||
background:rgba(var(--rgb-r),var(--rgb-g),var(--rgb-b),0.1);
|
||||
}
|
||||
|
||||
.rock-table-edit{
|
||||
border:var(--border);
|
||||
background:var(--main-bgcolor);
|
||||
padding:10px;
|
||||
box-shadow:0px 0px 10px rgba(0,0,0,0.3);
|
||||
box-shadow:0px 0px 10px rgba(var(--rgb-r),var(--rgb-g),var(--rgb-b),0.3);
|
||||
border-radius:5px;
|
||||
}
|
||||
|
||||
.rock-table-list{
|
||||
padding:8px 10px;
|
||||
border:var(--border);
|
||||
border-radius:5px;
|
||||
margin:10px;
|
||||
background:white
|
||||
}
|
||||
.rock-table-list:active{
|
||||
background:rgba(0,0,0,0.05);
|
||||
background:rgba(var(--rgb-r),var(--rgb-g),var(--rgb-b),0.05);
|
||||
}
|
||||
|
||||
.jquery-calendar .tdtext{border:var(--border);padding:3px}
|
||||
.jquery-calendar .tdtext:hover{background-color:rgba(0,0,0,0.1);background-color:rgba(var(--rgb-r),var(--rgb-g),var(--rgb-b),0.1);}
|
||||
.jquery-calendar .thtext{border:var(--border); background-color:rgba(0,0,0,0.1); background-color:rgba(var(--rgb-r),var(--rgb-g),var(--rgb-b),0.1);height:34px}
|
||||
|
||||
.list-group,.panel{background:var(--main-bgcolor);border:var(--border);margin-bottom:20px;border-radius:5px;}
|
||||
.list-group-item{display:block;padding:12px;}
|
||||
.list-group>a:hover{
|
||||
background-color:rgba(0,0,0,0.1);
|
||||
background-color:var(--main-vgcolor);
|
||||
color:inherit;
|
||||
}
|
||||
|
||||
.list-group .list-group-item:not(:last-child){
|
||||
border-bottom:var(--border);
|
||||
}
|
||||
.list-group .list-group-item:first-child,.panel-heading{
|
||||
padding:12px;
|
||||
background:var(--main-hgcolor);
|
||||
border-top-right-radius:5px;
|
||||
border-top-left-radius:5px;
|
||||
}
|
||||
|
||||
.nav{ display:flex}
|
||||
.nav li{padding:10px 15px;}
|
||||
.nav .active{background-color:rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.1)}
|
||||
|
||||
.input-group{display: flex}
|
||||
.floats{display: flex}
|
||||
.floats30{flex:1;text-align:right}
|
||||
.floats50{flex:0.5;}
|
||||
.tishi{color:#888888;padding:10px 0px}
|
||||
|
||||
.tdinput{padding:5px 0px;text-align:left;padding-right:15px}
|
||||
.inputtitle{line-height:34px;text-align:center;background-color:var(--main-hgcolor)}
|
||||
|
||||
.upload_items{border:var(--border);height:60px;overflow:hidden;float:left;margin-top:5px;margin-bottom:5px;margin-right:10px;cursor:pointer;position:relative}
|
||||
.upload_items:active{border:1px var(--main-color) solid}
|
||||
.upload_items img.imgs{width:50px;height:50px;margin:5px}
|
||||
.upload_items_items{padding:5px;text-align:center}
|
||||
.upload_items_meng{ background:rgba(0,0,0,0.5);position:absolute;left:0px;top:0px;height:60px;overflow:hidden;line-height:60px;text-align:center;width:100%;color:white}
|
||||
|
||||
.bootstree ul{height:36px;overflow:hidden;border-top:var(--border)}
|
||||
.bootstree ul li{height:35px;overflow:hidden;line-height:35px;float:left;border-right:var(--border)}
|
||||
.bootstree ul li:last-child{border-right-width:0px}
|
||||
.bootstree ul:nth-of-type(even) {background-color:rgba(0,0,0,0.03);background-color:rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.03);}
|
||||
.bootstree ul:hover{background-color:rgba(0,0,0,0.1);background-color:rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.1);}
|
||||
|
||||
.panel-footer{padding:10px;background-color:var(--main-bgcolor);border-top:var(--border)}
|
||||
|
||||
.select-list .div01{padding:8px 10px;border-bottom:var(--border)}
|
||||
.select-list .div01:hover{background-color:rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.1);}
|
||||
.select-list .div02{padding:8px 10px;border-bottom:var(--border);background-color:rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.1)}
|
||||
.list-itemv:hover{color:var(--main-color);cursor:pointer;background-color:rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.1)}
|
||||
6
webmain/css/rockmy.css
Normal file
6
webmain/css/rockmy.css
Normal file
@@ -0,0 +1,6 @@
|
||||
/**
|
||||
* 这个文件就自定义写文件，在线更新不会覆盖的
|
||||
* 开发者：雨中磐石
|
||||
* 地址：www.rockoa.com
|
||||
* 日期：2024-10-10
|
||||
*/
|
||||
@@ -171,4 +171,16 @@ a:link,a:visited{TEXT-DECORATION:none;color:var(--main-color)}
|
||||
|
||||
.webbtn{color:#ffffff;opacity:1; background-color:#336699;background-color:var(--main-color); padding:5px 10px; border:none; cursor:pointer;font-size:14px;border-radius:5px;white-space:nowrap;text-overflow:ellipsis;}
|
||||
.webbtn:hover,.webbtn:active{box-shadow:0px 0px 5px rgba(0,0,0,0.3);opacity:0.8}
|
||||
.input:focus{box-shadow:0px 0px 5px rgba(0,0,0,0.3); border:1px #0887CC solid;border:1px var(--main-color) solid; color:#000000}
|
||||
.input:focus{box-shadow:0px 0px 5px rgba(0,0,0,0.3); border:1px #0887CC solid;border:1px var(--main-color) solid; color:#000000}
|
||||
|
||||
.rock-loading {
|
||||
display: inline-block;
|
||||
height:16px;
|
||||
width:16px;
|
||||
vertical-align: middle;
|
||||
-webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat;
|
||||
mask-size: cover;
|
||||
-webkit-mask-size: cover;
|
||||
mask-size: cover;
|
||||
background-color: currentColor;
|
||||
}
|
||||
@@ -1,12 +1,28 @@
|
||||
*{font-family:微软雅黑,Verdana, Geneva, sans-serif;padding:0px;margin:0px;}
|
||||
body{--main-color:#1389D3;color:#222222;margin:0px;border:0;font-size:14px;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
|
||||
body{
|
||||
color:#222222;
|
||||
margin:0px;border:0;
|
||||
font-size:14px;
|
||||
-webkit-overflow-scrolling:touch;
|
||||
overflow-scrolling:touch;
|
||||
--main-color:#1389D3;
|
||||
--border:0.5px rgba(0,0,0,0.1) solid;
|
||||
--main-bgcolor:white;
|
||||
--main-hgcolor:white;
|
||||
--font-size:14px;
|
||||
--main-border:rgba(0,0,0,0.1);
|
||||
--rgb-r:0;
|
||||
--rgb-g:0;
|
||||
--rgb-b:0;
|
||||
}
|
||||
|
||||
td,button{ font-size:14px}
|
||||
a,c,.cursor{cursor:pointer;}
|
||||
p{text-indent:24pt;margin:10px 0px}
|
||||
ul,li,a{ list-style-type:none;}
|
||||
ul,li{padding:0px;margin:0px}
|
||||
.relative{position:relative}
|
||||
.zhu{ color:#ffffff}
|
||||
.zhu{color:#1389D3;color:var(--main-color)}
|
||||
img{border:0}
|
||||
label{font-weight:normal}
|
||||
|
||||
@@ -24,7 +40,7 @@ a.blue:hover{TEXT-DECORATION:underline;color:red;}
|
||||
|
||||
a.red:link,a.red:visited{color:red;TEXT-DECORATION:underline;}
|
||||
a.red:hover{TEXT-DECORATION:underline;color:red;}
|
||||
|
||||
.hover:hover{background-color:rgba(0,0,0,0.1);}
|
||||
.tishi{color:#888888;padding:10px 0px}
|
||||
|
||||
.basetable td{padding:3px 5px; text-align:center}
|
||||
@@ -193,4 +209,31 @@ a.webbtn-mini:link,a.webbtn-mini:visited,.webbtn-mini{font-size:12px;padding:3px
|
||||
a.webbtn-red:link,a.webbtn-red:visited,.webbtn-red{background-color:#d9534f}
|
||||
a.webbtn-white:link,a.webbtn-white:visited,.webbtn-white{background-color:white;border:1px #cccccc solid;color:black}
|
||||
.webbtn:disabled{background-color:#aaaaaa; color:#eeeeee}
|
||||
.webbtn:hover{box-shadow:0px 0px 5px rgba(0,0,0,0.3);opacity:0.8}
|
||||
.webbtn:hover{box-shadow:0px 0px 5px rgba(0,0,0,0.3);opacity:0.8}
|
||||
|
||||
.rock-loading {
|
||||
display: inline-block;
|
||||
height:16px;
|
||||
width:16px;
|
||||
vertical-align: middle;
|
||||
-webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat;
|
||||
mask-size: cover;
|
||||
-webkit-mask-size: cover;
|
||||
mask-size: cover;
|
||||
background-color: currentColor;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar{
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: transparent;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:hover {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
border-radius: 5px;
|
||||
}
|
||||
Reference in New Issue
Block a user