Files
sysPass/app/modules/web/themes/material-blue/css/material-custom.css
nuxsmin e484fb74a7 * [MOD] UI tweaks for improving the context help displaying for the options.
* [MOD] Improved user tab.
* [ADD] Added usage detail for users
2018-03-31 15:07:42 +02:00

192 lines
3.3 KiB
CSS

/* Personalización de MDL */
.mdl-button {
margin: 0 .3em;
}
.fg-blue20 {
color: rgba(83, 109, 254, .2)
}
.fg-blue40 {
color: rgba(83, 109, 254, .4)
}
.fg-blue60 {
color: rgba(83, 109, 254, .6)
}
.fg-blue80 {
color: rgba(83, 109, 254, .8)
}
.fg-blue100 {
color: rgb(83, 109, 254)
}
.mdl-button--fab.mdl-button--colored.bg-blue20 {
background-color: rgba(83, 109, 254, .2)
}
.mdl-button--fab.mdl-button--colored.bg-blue40 {
background-color: rgba(83, 109, 254, .4)
}
.mdl-button--fab.mdl-button--colored.bg-blue60 {
background-color: rgba(83, 109, 254, .6)
}
.mdl-button--fab.mdl-button--colored.bg-blue80 {
background-color: rgba(83, 109, 254, .8)
}
.mdl-button--fab.mdl-button--colored.bg-blue100 {
background-color: rgb(83, 109, 254)
}
.fg-orange20 {
color: rgba(255, 193, 7, .2)
}
.fg-orange40 {
color: rgba(255, 193, 7, .4)
}
.fg-orange60 {
color: rgba(255, 193, 7, .6)
}
.fg-orange80 {
color: rgba(255, 193, 7, .8)
}
.fg-orange100 {
color: rgba(255, 193, 7, 1)
}
.mdl-button--fab.mdl-button--colored.bg-orange20 {
background-color: rgba(255, 193, 7, .2)
}
.mdl-button--fab.mdl-button--colored.bg-orange40 {
background-color: rgba(255, 193, 7, .4)
}
.mdl-button--fab.mdl-button--colored.bg-orange60 {
background-color: rgba(255, 193, 7, .6)
}
.mdl-button--fab.mdl-button--colored.bg-orange80 {
background-color: rgba(255, 193, 7, .8)
}
.mdl-button--fab.mdl-button--colored.bg-orange100 {
background-color: rgba(255, 193, 7, 1)
}
.fg-red20 {
color: rgba(244, 67, 54, .2)
}
.fg-red40 {
color: rgba(244, 67, 54, .4)
}
.fg-red60 {
color: rgba(244, 67, 54, .6)
}
.fg-red80 {
color: rgba(244, 67, 54, .8)
}
.fg-red100 {
color: rgb(244, 67, 54)
}
.mdl-button--fab.mdl-button--colored.bg-red20 {
background-color: rgba(244, 67, 54, .2)
}
.mdl-button--fab.mdl-button--colored.bg-red40 {
background-color: rgba(244, 67, 54, .4)
}
.mdl-button--fab.mdl-button--colored.bg-red60 {
background-color: rgba(244, 67, 54, .6)
}
.mdl-button--fab.mdl-button--colored.bg-red80 {
background-color: rgba(244, 67, 54, .8)
}
.mdl-button--fab.mdl-button--colored.bg-red100 {
background-color: rgb(244, 67, 54)
}
.fg-green20 {
color: rgba(0, 150, 136, .2)
}
.fg-green40 {
color: rgba(0, 150, 136, .4)
}
.fg-green60 {
color: rgba(0, 150, 136, .6)
}
.fg-green80 {
color: rgba(0, 150, 136, .8)
}
.fg-green100 {
color: rgb(0, 150, 136)
}
.mdl-button--fab.mdl-button--colored.bg-green20 {
background-color: rgba(0, 150, 136, 0.2)
}
.mdl-button--fab.mdl-button--colored.bg-green40 {
background-color: rgba(0, 150, 136, 0.4)
}
.mdl-button--fab.mdl-button--colored.bg-green60 {
background-color: rgba(0, 150, 136, .6)
}
.mdl-button--fab.mdl-button--colored.bg-green80 {
background-color: rgba(0, 150, 136, .8)
}
.mdl-button--fab.mdl-button--colored.bg-green100 {
background-color: rgb(0, 150, 136)
}
.mdl-tooltip {
text-align: justify;
max-width: 400px;
}
.mdl-switch--inline {
display: inline;
margin: 0 1em;
}
label.mdl-switch {
margin: .5em 0;
}
.mdl-switch__box {
width: 48px;
}
.mdl-list__item--two-line {
height: auto;
min-height: 72px;
}
.mdl-list__item--two-line .mdl-list__item-primary-content {
height: auto;
min-height: 36px;
}