diff --git a/inc/themes/material-blue/css/material-custom.css b/inc/themes/material-blue/css/material-custom.css index 3ac527f1..52891de2 100644 --- a/inc/themes/material-blue/css/material-custom.css +++ b/inc/themes/material-blue/css/material-custom.css @@ -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; +} diff --git a/inc/themes/material-blue/css/material-custom.min.css b/inc/themes/material-blue/css/material-custom.min.css index f0cc53dc..757fb000 100644 --- a/inc/themes/material-blue/css/material-custom.min.css +++ b/inc/themes/material-blue/css/material-custom.min.css @@ -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} \ No newline at end of file +.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} \ No newline at end of file