Материал: Автоматизация процесса внутрикорпоративного взаимодействия сотрудников компании ООО "ЛШ-Продакшн"
Внимание! Если размещение файла нарушает Ваши авторские права, то обязательно сообщите нам
92
color: #FFF;
margin: 0;
padding: 1.2em;
overflow: hidden;
}
input{
border-radius: 4px;
}
/* END BASE */
.app-name{
font-family: 'Yesteryear', cursive;
color: #fff;
font-weight: 500;
font-size: 2em;
margin: 0;
padding: 0;
text-indent: .5em;
}
.list{
width: 234px;
background-color: #ebecf0;
border-radius: 4px;
padding: 10px;
margin: 0 7px;
border: 1px solid #999;
vertical-align: top;
position: relative;
}
.list h1{
font-size: 16px;
font-weight: 700;
text-align: left;
}
.list input{
93
margin-bottom:0;
}
.list.new-list{
background-color: #628DA4;
}
.list-inline{
display: inline-block;
}
.lists-container{
padding: 20px;
position: relative;
}
.remove{
width: 15px;
height: 15px;
background: url( ../img/x.svg);
}
.remove-small{
width: 10px;
height: 10px;
background: url( ../img/x_sm.svg);
}
.remove-list{
position : absolute;
margin: 6px;
font-family: Helvetica, Arial, Sans-Serif;
top: 0;
right: 0;
font-weight: 700;
color: #205c7e;
}
.remove-card{
position: absolute;
94
top: 3px;
right: 3px;
}
.no-display{
display: none;
}
.card{
padding: 20px;
background-color: #FFF;
border-radius: 4px;
box-shadow: 0 1px 0 rgba(9,30,66,.25);
margin: 10px 0;
border: 1px solid #b9b9b9;
position: relative;
}
.edit{
width: 15px;
height: 15px;
background: url( ../img/pen_alt_stroke.svg);
}
.edit-small{
width: 10px;
height: 10px;
background: url( ../img/pen_alt_stroke_sm.svg);
}
.edit-card{
display: block;
position: absolute;
top: 3px;
right: 20px;
}
.edit:hover{
background: url( ../img/pen_alt_fill.svg);
}
95
.edit_sm:hover{
background: url( ../img/pen_alt_fill_sm.svg);
}
.card:hover{
border-color: #205c7e;
}
.hand{
cursor: pointer;
}
input.search{
width: 200px;
margin-top: 4px;
margin-bottom: 0;
margin-right: 10px;
}
.select-list{
margin: 10px 0 0 0;
}
.header-link{
color: #FFF;
vertical-align: middle;
}
.header-link:hover{
color: #e3e3e3;
}
[ng\:cloak], [ng-cloak], .ng-cloak {
display: none;
}
#main_container {
height: calc(100% - 40px);
96
}
#main_container > div {
height: 100%;
}
.sessions.new, .registrations.new {
background: #89609E;
background-size: cover;
position: relative;
height: 100%;
}
.sessions.new main, .registrations.new main {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
width: 450px;
top: 40%;
left: 50%;
text-align: center;
}
.sessions.new form, .registrations.new form {
margin-bottom: 1.5em;
}
.sessions.new form .field, .registrations.new form .field {
margin: .5em 0;
}
.sessions.new form [type="text"], .sessions.new form [type="email"], .sessions.new
form [type="password"], .sessions.new form button, .registrations.new form
[type="text"], .registrations.new form [type="email"], .registrations.new form
[type="password"], .registrations.new form button {
border: 0px none;
width: 350px;
Источник: https://baza.diplomsite.ru/previewfile/2081