|
|
@@ -21,7 +21,8 @@
|
|
|
animation: fadeOutLeftBig 1s;
|
|
|
}*/
|
|
|
body{
|
|
|
- background-color: #F5F5F5;
|
|
|
+ background-color: #FFF;
|
|
|
+ overflow-x: hidden;
|
|
|
}
|
|
|
.login {
|
|
|
width: 100%;
|
|
|
@@ -32,6 +33,9 @@ body{
|
|
|
margin: 100px auto;
|
|
|
text-align: center;
|
|
|
vertical-align: middle;
|
|
|
+ >p {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
>input {
|
|
|
width: 80%;
|
|
|
margin: 10px auto 12px;
|
|
|
@@ -50,6 +54,7 @@ body{
|
|
|
>a {
|
|
|
text-align: left;
|
|
|
text-decoration: none;
|
|
|
+ color: #666;
|
|
|
>p {
|
|
|
margin-left: 10%;
|
|
|
}
|
|
|
@@ -74,3 +79,206 @@ body{
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.webManger {
|
|
|
+ width:100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ min-height: 100vh;
|
|
|
+ flex-direction: column;
|
|
|
+ margin: 0px auto;
|
|
|
+ background: #FFF;
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: "微软雅黑","宋体";
|
|
|
+ .head{
|
|
|
+ width: 100%;
|
|
|
+ height: 45px;
|
|
|
+ min-width: 762px;
|
|
|
+ background-color: #4F5661;
|
|
|
+ box-shadow: 0px 1px 1px #ccc;
|
|
|
+ >span {
|
|
|
+ float: left;
|
|
|
+ margin: 12px 0px 12px 20px;
|
|
|
+ line-height: normal;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #FFF;
|
|
|
+ }
|
|
|
+ .nav-pills {
|
|
|
+ float: right;
|
|
|
+ margin: 7px 60px 7px 0px;
|
|
|
+ padding: 0px 10px;
|
|
|
+ >li>a {
|
|
|
+ background-color: #4F5661;
|
|
|
+ line-height: normal;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: normal;
|
|
|
+ color: #FFF;
|
|
|
+ text-decoration: none;
|
|
|
+ i {
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .dropdown-menu {
|
|
|
+ border-radius: 0px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ a:hover {
|
|
|
+ color: #009EE0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ #leftList {
|
|
|
+ position: absolute;
|
|
|
+ top: 45px;
|
|
|
+ width: 180px;
|
|
|
+ .nav-pills {
|
|
|
+ margin: 10px 10px 0px 20px;
|
|
|
+ &.diy {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: "微软雅黑","宋体";
|
|
|
+ font-weight: normal;
|
|
|
+ > li {
|
|
|
+ > a {
|
|
|
+ background-color: #FFF;
|
|
|
+ border: 1px solid #e6e6e6;
|
|
|
+ color: #777;
|
|
|
+ padding: 5px 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ border-radius: 15px;
|
|
|
+ text-align: left;
|
|
|
+ &:hover,
|
|
|
+ &:active {
|
|
|
+ color: #009688;
|
|
|
+ background-color:#eee;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ > li.active {
|
|
|
+ > a {
|
|
|
+ background-color:#eee;
|
|
|
+ border: 1px solid #e6e6e6;
|
|
|
+ color: #009688;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ content {
|
|
|
+ flex: 1;
|
|
|
+ min-width: 762px;
|
|
|
+ margin-left: 200px;
|
|
|
+ background-color: #FFF;
|
|
|
+ border-left: 1px solid #eee;
|
|
|
+ #media {
|
|
|
+ overflow-y: auto;
|
|
|
+ width: 100%;
|
|
|
+ .title {
|
|
|
+ width: 100%;
|
|
|
+ min-height: 50px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ .input-search{
|
|
|
+ float: left;
|
|
|
+ position: relative;
|
|
|
+ >span {
|
|
|
+ position: absolute;
|
|
|
+ top: 19px;
|
|
|
+ left: 38px;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ >input {
|
|
|
+ width: 250px;
|
|
|
+ margin: 13px 30px;
|
|
|
+ padding-left: 25px;
|
|
|
+ background: #eee;
|
|
|
+ &:focus {
|
|
|
+ background: #FFF;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .button-add{
|
|
|
+ float: right;
|
|
|
+ margin: 13px 160px 13px 0px;
|
|
|
+ .btn-primary{
|
|
|
+ line-height: normal;
|
|
|
+ height: 24px;
|
|
|
+ width: 100px;
|
|
|
+ margin-right: 10px;
|
|
|
+ padding: 2px 4px;
|
|
|
+ font-size: 12px;
|
|
|
+ background: #5bc0de;
|
|
|
+ border: #5bc0de;
|
|
|
+ &:hover,&:focus {
|
|
|
+ outline: none;
|
|
|
+ background: #5bc0de;
|
|
|
+ border: #5bc0de;
|
|
|
+ }
|
|
|
+ &:active, .open>.dropdown-toggle.btn-primary{
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ background-color: #439BB2;
|
|
|
+ border-color: #439BB2;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .glyphicon-refresh {
|
|
|
+ margin:8px 30px 0px 0px;
|
|
|
+ float: right;
|
|
|
+ font-size:14px;
|
|
|
+ height: 30px;
|
|
|
+ width: 36px;
|
|
|
+ border-radius: 4px;
|
|
|
+ color: white;
|
|
|
+ background: #3CB371;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ &:hover{
|
|
|
+ background: #2E8B57;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.foot {
|
|
|
+ width: 100%;
|
|
|
+ min-height: 50px;
|
|
|
+ min-width: 762px;
|
|
|
+ line-height: normal;
|
|
|
+ text-align: center;
|
|
|
+ #paginationTab {
|
|
|
+ margin-left: 200px;
|
|
|
+ margin-top: -50px;
|
|
|
+ height: 50px;
|
|
|
+ text-align: center;
|
|
|
+ >span {
|
|
|
+ float: left;
|
|
|
+ margin: 18px 0px 0px 10px;
|
|
|
+ }
|
|
|
+ >ul {
|
|
|
+ margin: 8px;
|
|
|
+ }
|
|
|
+ .pagination-sm {
|
|
|
+ li >a {
|
|
|
+ color: #009EE0;
|
|
|
+ }
|
|
|
+ li.active >a {
|
|
|
+ color: #FFF;
|
|
|
+ border: 1px solid #5bc0de;
|
|
|
+ background: #5bc0de;
|
|
|
+ }
|
|
|
+ li.disabled >a{
|
|
|
+ color: #888;
|
|
|
+ &:focus{
|
|
|
+ outline: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ >p {
|
|
|
+ border-top: 1px solid #eee;
|
|
|
+ }
|
|
|
+}
|
dgf