1
0
mirror of synced 2024-11-22 12:26:02 +03:00
mg-transport-telegram/static/style.css
2018-05-29 10:08:59 +03:00

105 lines
1.7 KiB
CSS

.indent-top {
margin-top: 2%;
}
.text-left{
text-align: right;
}
#tab{
width: 50%;
margin: 0 auto 23px;
}
.tab-el-center{
width: 67%;
margin: 0 auto;
}
#bots .activity-bot{
float: right;
}
#bots {
font-size: 12px;
}
#msg{
height: 23px;
}
.err-msg{
color: red;
margin: 0;
}
#logo{
height: 100px;
margin-bottom: 20px;
}
/* label color */
.input-field label {
color: #039be5;
}
/* label focus color */
.input-field input[type=text]:focus + label {
color: #039be5;
}
/* label underline focus color */
.input-field input[type=text]:focus {
border-bottom: 1px solid #039be5;
box-shadow: 0 1px 0 0 #039be5;
}
/* valid color */
.input-field input[type=text].valid {
border-bottom: 1px solid #039be5;
box-shadow: 0 1px 0 0 #039be5;
}
/* invalid color */
.input-field input[type=text].invalid {
border-bottom: 1px solid #c62828;
box-shadow: 0 1px 0 0 #c62828;
}
/* icon prefix focus color */
.input-field .prefix.active {
color: #039be5;
}
.tabs .tab a {
color: #039be5;
display: block;
width: 100%;
height: 100%;
padding: 0 24px;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
-webkit-transition: color .28s ease, background-color .28s ease;
transition: color .28s ease, background-color .28s ease;
}
.tabs .tab a:focus, .tabs .tab a:focus.active {
background-color: #e1f5fe;
outline: none;
}
.tabs .tab a:hover, .tabs .tab a.active {
background-color: transparent;
color: #039be5;
}
.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
color: #039be5;
cursor: default;
}
.tabs .indicator {
position: absolute;
bottom: 0;
height: 2px;
background-color: #039be5;
will-change: left, right;
}