user new interface 70%
This commit is contained in:
Matthew K. Fu JuYuan authored and 
chris committed
1 parent
1aacf5e2ce
commit
9f825de288
20 files changed
+589
-52
No files matched your search
@@ -131,8 +131,14 @@
|
||||
margin: 0 0 3px;
|
||||
}
|
||||
.user-data {
|
||||
padding: 70px 20px 0;
|
||||
margin: 20px 0 0 360px;
|
||||
padding: 60px 0 0;
|
||||
margin: 0 0 0 360px;
|
||||
}
|
||||
.user-data .form-fixed {
|
||||
}
|
||||
.user-data .subnav {
|
||||
top: 87px;
|
||||
z-index: 1;
|
||||
}
|
||||
.user-data #module-nav {
|
||||
margin-left: -20px;
|
||||
@@ -141,13 +147,16 @@
|
||||
background-color: #FFFFFF;
|
||||
top: 31px;
|
||||
padding: 10px 20px 0;
|
||||
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, .16);
|
||||
-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, .16);
|
||||
box-shadow: 0px 5px 10px rgba(0, 0, 0, .16);
|
||||
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .16);
|
||||
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .16);
|
||||
box-shadow: 0px 0px 10px rgba(0, 0, 0, .16);
|
||||
}
|
||||
.user-data #module-nav ul {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.member-plugin-list {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.member-abstract, .member-large {
|
||||
padding: 15px;
|
||||
}
|
||||
@@ -273,3 +282,31 @@
|
||||
.nav-tabs li a {
|
||||
padding-right: 32px;
|
||||
}
|
||||
|
||||
.user-role {
|
||||
padding: 0 20px 0 150px !important;
|
||||
margin: 20px 0 0;
|
||||
}
|
||||
.user-role .user-info {
|
||||
top: 23px;
|
||||
margin-left: -135px;
|
||||
width: 100px;
|
||||
border-right: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.user-role .map-block h4 .gender {
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
left: -1px;
|
||||
right: auto;
|
||||
border-radius: 4px 0 0 0;
|
||||
}
|
||||
.user-role .teacher h4 .gender {
|
||||
border-color: #186AB6 transparent transparent #186AB6;
|
||||
}
|
||||
.user-role .student h4 .gender {
|
||||
border-color: #F38C08 transparent transparent #F38C08;
|
||||
}
|
||||
.user-role .staff h4 .gender {
|
||||
border-color: #139E2F transparent transparent #139E2F;
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
|
||||
.site-map {
|
||||
padding: 15px;
|
||||
}
|
||||
.site-map .map-block {
|
||||
min-width: 250px;
|
||||
min-height: 20px;
|
||||
border: 1px solid #dedede;
|
||||
background-color: #E6E6E6;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.site-map .map-block ul {
|
||||
margin: 0px;
|
||||
list-style: none;
|
||||
width: 220px \9;
|
||||
}
|
||||
.site-map .map-block li {
|
||||
background-color: #F7F7F7;
|
||||
padding: 5px 15px;
|
||||
border-top: 1px solid #FFF;
|
||||
border-bottom: 1px solid #dedede;
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
.site-map .map-block li span {
|
||||
width: 170px;
|
||||
display: block;
|
||||
}
|
||||
.site-map .map-block li:last-child {
|
||||
border-radius: 0 0 4px 4px;
|
||||
border-bottom: none;
|
||||
}
|
||||
.site-map .map-block li:hover a {;
|
||||
text-decoration: none;
|
||||
}
|
||||
.site-map .map-block li.disabled {
|
||||
color: #C9C9C9;
|
||||
}
|
||||
.site-map .map-block li.disabled .onoff {
|
||||
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0 0 5px rgba(0,0,0,.2) inset;
|
||||
background-color: #9C9C9C;
|
||||
color: #CACACA;
|
||||
}
|
||||
.site-map .map-block h4 {
|
||||
line-height: 18px;
|
||||
min-height: 20px;
|
||||
margin: 0;
|
||||
padding: 5px 15px;
|
||||
border-radius: 4px 4px 0 0;
|
||||
box-shadow: 0px 1px 2px #A8A8A8;
|
||||
position: relative;
|
||||
background-image: -moz-linear-gradient(top, #FCFCFC, #DFDFDF);
|
||||
background-image: -ms-linear-gradient(top, #FCFCFC, #DFDFDF);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FCFCFC), to(#DFDFDF));
|
||||
background-image: -webkit-linear-gradient(top, #FCFCFC, #DFDFDF);
|
||||
background-image: -o-linear-gradient(top, #FCFCFC, #DFDFDF);
|
||||
background-image: linear-gradient(top, #FCFCFC, #DFDFDF);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#DFDFDF', GradientType=0);
|
||||
}
|
||||
.site-map .map-block h4 span {
|
||||
width: 170px;
|
||||
display: block;
|
||||
}
|
||||
.site-map .map-block h4 .onoff {
|
||||
}
|
||||
.site-map .disabled h4 {
|
||||
color: #CACACA;
|
||||
}
|
||||
.site-map .disabled h4 .onoff {
|
||||
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0 0 5px rgba(0,0,0,.2) inset;
|
||||
background-color: #9C9C9C;
|
||||
color: #CACACA;
|
||||
}
|
||||
.onoff {
|
||||
display: block;
|
||||
background-color: #5EB92B;
|
||||
font-size: 9px;
|
||||
padding: 0px 10px;
|
||||
border-radius: 8px;
|
||||
line-height: 16px;
|
||||
height: 15px;
|
||||
color: #FFF;
|
||||
width: 38px;
|
||||
border: none;
|
||||
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0 0 5px rgba(13, 75, 23, 0.5) inset;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
/* for mamber role */
|
||||
|
||||
.user-role .form-horizontal {
|
||||
padding: 20px 10px 10px;
|
||||
background-color: #FFF;
|
||||
margin-bottom: 0;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
.user-role .form-horizontal .control-label {
|
||||
width: 100px;
|
||||
}
|
||||
.user-role .form-horizontal .controls {
|
||||
margin-left: 120px;
|
||||
}
|
||||
.user-role .form-horizontal .controls>.input-append {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.user-role .map-block {
|
||||
min-width: 440px;
|
||||
}
|
||||
.user-role .map-block legend {
|
||||
font-size: 18px;
|
||||
line-height: 25px;
|
||||
}
|
||||
Reference in new issue
Block a user