mirror of
https://github.com/nuxsmin/sysPass.git
synced 2026-03-07 00:46:59 +01:00
* [MOD] Closes #492. Increased switches margin to avoid click overlapping. Thanks to @basil-twisleton for the feedback.
This commit is contained in:
nuxsmin
@@ -1,54 +1,178 @@
|
||||
/* Personalización de MDL */
|
||||
.mdl-button {margin: 0 .3em;}
|
||||
.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)}
|
||||
.fg-blue20 {
|
||||
color: rgba(83, 109, 254, .2)
|
||||
}
|
||||
|
||||
.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-blue40 {
|
||||
color: rgba(83, 109, 254, .4)
|
||||
}
|
||||
|
||||
.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)}
|
||||
.fg-blue60 {
|
||||
color: rgba(83, 109, 254, .6)
|
||||
}
|
||||
|
||||
.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-blue80 {
|
||||
color: rgba(83, 109, 254, .8)
|
||||
}
|
||||
|
||||
.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)}
|
||||
.fg-blue100 {
|
||||
color: rgb(83, 109, 254)
|
||||
}
|
||||
|
||||
.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)}
|
||||
.mdl-button--fab.mdl-button--colored.bg-blue20 {
|
||||
background-color: rgba(83, 109, 254, .2)
|
||||
}
|
||||
|
||||
.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-blue40 {
|
||||
background-color: rgba(83, 109, 254, .4)
|
||||
}
|
||||
|
||||
.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-button--fab.mdl-button--colored.bg-blue60 {
|
||||
background-color: rgba(83, 109, 254, .6)
|
||||
}
|
||||
|
||||
.mdl-tooltip{text-align: justify; max-width: 400px;}
|
||||
.mdl-button--fab.mdl-button--colored.bg-blue80 {
|
||||
background-color: rgba(83, 109, 254, .8)
|
||||
}
|
||||
|
||||
.mdl-switch--inline {display: inline; margin: 0 1em;}
|
||||
.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;
|
||||
}
|
||||
|
||||
@@ -1 +1 @@
|
||||
.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:#536dfe}.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:#536dfe}.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:#f44336}.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:#f44336}.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:#009688}.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:#009688}.mdl-tooltip{text-align:justify;max-width:400px}.mdl-switch--inline{display:inline;margin:0 1em}
|
||||
.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:#536dfe}.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:#536dfe}.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:#f44336}.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:#f44336}.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:#009688}.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:#009688}.mdl-tooltip{text-align:justify;max-width:400px}.mdl-switch--inline{display:inline;margin:0 1em}label.mdl-switch{margin:.5em 0}
|
||||
Reference in New Issue
Block a user