Ghost/ghost/admin/app/styles/layouts/users.css

127 lines
2.4 KiB
CSS
Raw Normal View History

2015-05-14 16:45:37 +03:00
/* Users /ghost/settings/users/
/* ---------------------------------------------------------- */
2017-02-16 20:12:13 +03:00
.gh-invited-users .apps-grid-cell:hover {
background: none;
2015-05-14 16:45:37 +03:00
}
.user-list-item-icon {
2017-02-17 10:32:29 +03:00
flex-shrink: 0;
2015-05-16 14:43:12 +03:00
position: relative;
display: block;
overflow: hidden;
2017-02-16 20:12:13 +03:00
margin-right: 15px;
width: 40px;
height: 40px;
background: #dfe1e3;
2015-05-16 14:43:12 +03:00
border-radius: 100%;
2015-05-14 16:45:37 +03:00
color: transparent;
2015-05-16 14:43:12 +03:00
font-size: 0;
2015-05-14 16:45:37 +03:00
}
.user-list-item-icon:before {
position: absolute;
top: 50%;
right: 0;
2015-05-16 14:43:12 +03:00
left: 0;
2015-05-14 16:45:37 +03:00
margin-top: -7px;
color: var(--midgrey);
2015-05-16 14:43:12 +03:00
text-align: center;
2015-05-14 16:45:37 +03:00
font-size: 14px;
}
.user-list-item-figure {
2015-05-16 14:43:12 +03:00
position: relative;
2015-05-14 16:45:37 +03:00
display: block;
2017-02-16 20:12:13 +03:00
width: 40px;
height: 40px;
margin-right: 15px;
2015-05-14 16:45:37 +03:00
background-position: center center;
2015-05-16 14:43:12 +03:00
background-size: cover;
2017-02-16 20:12:13 +03:00
border-radius: 100%;
box-shadow: #fff 0 0 0 3px;
2015-05-14 16:45:37 +03:00
}
.user-list-item-figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
/* Role Labels
/* ---------------------------------------------------------- */
2017-02-16 20:12:13 +03:00
.gh-badge.owner {
border: color(var(--darkgrey) blackness(+8%)) 1px solid;
background: linear-gradient(
color(var(--darkgrey) whiteness(+10%)),
color(var(--darkgrey) blackness(+4%))
);
2015-05-14 16:45:37 +03:00
}
2017-02-16 20:12:13 +03:00
.gh-badge.administrator {
border: color(var(--red) blackness(+8%)) 1px solid;
background: linear-gradient(
color(var(--red) whiteness(+10%)),
color(var(--red) blackness(+4%))
);
2015-05-14 16:45:37 +03:00
}
2017-02-16 20:12:13 +03:00
.gh-badge.editor {
border: color(var(--blue) blackness(+8%)) 1px solid;
background: linear-gradient(
color(var(--blue) whiteness(+10%)),
color(var(--blue) blackness(+4%))
);
2015-05-14 16:45:37 +03:00
}
2017-02-16 20:12:13 +03:00
.gh-badge.author {
border: color(var(--lightgrey) blackness(+8%)) 1px solid;
color: color(var(--midgrey) l(+5%));
background: #fff;
2015-05-14 16:45:37 +03:00
}
/* User invitation modal
/* ---------------------------------------------------------- */
2017-02-16 20:12:13 +03:00
.invite-new-user .modal-content {
width: 100%;
max-width: 600px;
}
2015-05-14 16:45:37 +03:00
.invite-new-user .form-group {
margin-bottom: 0;
padding: 0;
}
.invite-new-user .form-group label {
position: static;
display: block;
text-align: left;
}
.invite-new-user .form-group:nth-of-type(1) {
float: left;
width: 60%;
}
.invite-new-user .form-group:nth-of-type(2) {
float: left;
2017-02-16 20:12:13 +03:00
margin-left: 10px;
2015-05-16 14:43:12 +03:00
width: 35%;
2015-05-14 16:45:37 +03:00
}
.invite-new-user .form-group input {
width: 100%;
}
.invite-new-user .gh-btn-green {
margin: 0;
2015-05-14 16:45:37 +03:00
width: 100%;
}