coins-logon-widget
Version:
COINS Logon Widget. Injectable utility to manage browser authorization with COINS
2 lines • 6.91 kB
CSS
/* coins-logon-widget */
@charset "UTF-8";.coins-logon-widget{font-family:Trebuchet,"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5;text-align:left}.coins-logon-widget *,.coins-logon-widget :after,.coins-logon-widget :before{box-sizing:border-box}.coins-logon-widget-form{font-size:100%;line-height:inherit;margin:0;position:relative}.coins-logon-widget-form:after,.coins-logon-widget-form:before{content:' ';display:table}.coins-logon-widget-form:after{clear:both}.coins-logon-widget-form-group{margin-bottom:1em;position:relative}.coins-logon-widget-label{color:#264150;cursor:pointer;display:block;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0 0 .25em;text-align:inherit}input[type=email].coins-logon-widget-input,input[type=password].coins-logon-widget-input,input[type=text].coins-logon-widget-input{background:#fff;border-color:#364c59;border-radius:5px;border-style:solid;border-width:thin;box-shadow:none;color:#264150;display:block;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:.5em 1em;transition:box-shadow 100ms;width:100%}input[type=email].coins-logon-widget-input:focus,input[type=email].coins-logon-widget-input:hover,input[type=password].coins-logon-widget-input:focus,input[type=password].coins-logon-widget-input:hover,input[type=text].coins-logon-widget-input:focus,input[type=text].coins-logon-widget-input:hover{background:#fff;border-color:#364c59;color:#264150}input[type=email].coins-logon-widget-input:focus,input[type=password].coins-logon-widget-input:focus,input[type=text].coins-logon-widget-input:focus{box-shadow:0 0 0 .25em #a7b9c0;outline:none}input[type=email].coins-logon-widget-input::-webkit-input-placeholder,input[type=password].coins-logon-widget-input::-webkit-input-placeholder,input[type=text].coins-logon-widget-input::-webkit-input-placeholder{color:#718d99}input[type=email].coins-logon-widget-input::-moz-placeholder,input[type=password].coins-logon-widget-input::-moz-placeholder,input[type=text].coins-logon-widget-input::-moz-placeholder{color:#718d99}input[type=email].coins-logon-widget-input:-ms-input-placeholder,input[type=password].coins-logon-widget-input:-ms-input-placeholder,input[type=text].coins-logon-widget-input:-ms-input-placeholder{color:#718d99}.coins-logon-widget-icon{font-size:150%;line-height:1;padding:.333em 0;position:absolute;right:0;text-align:center;top:0;width:1.5em}.coins-logon-widget-icon:after{display:inline-block}.coins-logon-widget-label:not(.coins-logon-widget-visuallyhidden)~.coins-logon-widget-icon{top:1.125em}.coins-logon-widget-input-message{display:block;font-size:80%;line-height:1.25;margin:.333em 0 0;padding-left:1.25em}.coins-logon-widget-button-group{margin-bottom:-.5em}.coins-logon-widget-button-group:after,.coins-logon-widget-button-group:before{content:' ';display:table}.coins-logon-widget-button-group:after{clear:both}.coins-logon-widget-button-group .coins-logon-widget-button{float:left;margin-right:.5em;margin-bottom:.5em}.coins-logon-widget-button{border:thin solid transparent;border-radius:5px;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;padding:.5em 1em;text-decoration:none;transition-duration:100ms;transition-property:background,box-shadow,color}.coins-logon-widget-button:focus{box-shadow:0 0 0 .2em #a7b9c0;outline:none}.coins-logon-widget-button-primary{background:#364c59;color:#fff}.coins-logon-widget-button-primary:active,.coins-logon-widget-button-primary:focus,.coins-logon-widget-button-primary:hover{background:#233139;color:#fff}.coins-logon-widget-button-secondary{background:#718d99;color:#fff}.coins-logon-widget-button-secondary:active,.coins-logon-widget-button-secondary:focus,.coins-logon-widget-button-secondary:hover{background:#5a737d;color:#fff}.coins-logon-widget-notification{border-radius:5px;color:#fff;margin-bottom:1em;padding:.5em 1em}.coins-logon-widget-notification a{font-weight:400;letter-spacing:0;text-decoration:underline}.coins-logon-widget-notification a,.coins-logon-widget-notification a:active,.coins-logon-widget-notification a:focus,.coins-logon-widget-notification a:hover,.coins-logon-widget-notification a:link,.coins-logon-widget-notification a:visited{color:#fff}.coins-logon-widget-notification a:active,.coins-logon-widget-notification a:focus,.coins-logon-widget-notification a:hover{opacity:.92}.coins-logon-widget-notification-error{background:#ef5a21}.coins-logon-widget-notification-success{background:#94b12a}.coins-logon-widget-status{color:#264150;float:left;line-height:inherit;margin:0;padding:.5em 1em 0 0}.coins-logon-widget-indicator{bottom:0;display:inline-block;height:40px;left:0;opacity:0;position:absolute;width:40px}.coins-logon-widget-indicator svg{animation:rotate 2500ms linear infinite;height:40px;width:40px}.coins-logon-widget-indicator circle{animation:dash 2000ms ease-in-out infinite;stroke:#264150;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}.coins-logon-widget-form-group-error .coins-logon-widget-input,.coins-logon-widget-form-group-success .coins-logon-widget-input{padding-right:2em}.coins-logon-widget-form-group-error .coins-logon-widget-input{border-color:#ef5a21}.coins-logon-widget-form-group-error .coins-logon-widget-icon,.coins-logon-widget-form-group-error .coins-logon-widget-input-message{color:#ef5a21}.coins-logon-widget-form-group-error .coins-logon-widget-icon:after{content:"✘"}.coins-logon-widget-form-group-success .coins-logon-widget-input{border-color:#94b12a}.coins-logon-widget-form-group-success .coins-logon-widget-icon,.coins-logon-widget-form-group-success .coins-logon-widget-input-message{color:#94b12a}.coins-logon-widget-form-group-success .coins-logon-widget-icon:after{content:"✔"}.coins-logon-widget-form-loading .coins-logon-widget-indicator{opacity:1}.coins-logon-widget-form-horizontal{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;margin-right:-.5em;margin-left:-.5em}.coins-logon-widget-form-horizontal .coins-logon-widget-form-group{-ms-flex-positive:2;flex-grow:2;margin-bottom:0;padding-right:.5em;padding-left:.5em}.coins-logon-widget-form-horizontal .coins-logon-widget-button{-ms-flex-positive:1;flex-grow:1;margin-left:.5em}.coins-logon-widget-visuallyhidden{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.coins-logon-widget-form-status .coins-logon-widget-button,.coins-logon-widget-left{float:left}.coins-logon-widget-right{float:right}