|
|
/** # Semantic UI* Version: 0.10.1* http://github.com/jlukic/semantic-ui*** Copyright 2013 Contributors* Released under the MIT license* http://opensource.org/licenses/MIT** Released: 12/11/2013*/
.ui.button{cursor:pointer;display:inline-block;vertical-align:middle;min-height:1em;outline:0;border:0;background-color:#fafafa;color:rgba(0,0,0,.6);margin:0;padding:.8em 1.5em;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;text-transform:uppercase;text-shadow:none;font-weight:700;line-height:1;font-style:normal;text-align:center;text-decoration:none;background-image:-webkit-gradient(linear,top right,bottom right,from(rgba(0,0,0,0)),to(rgba(0,0,0,.05)));background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.05));background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.05));border-radius:.25em;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.08) inset,0 0 0 0 rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.08) inset,0 0 0 0 rgba(0,0,0,.1) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .25s ease,background-color .25s ease,color .25s ease,background .25s ease,-webkit-box-shadow .25s ease;transition:opacity .25s ease,background-color .25s ease,color .25s ease,background .25s ease,box-shadow .25s ease}.ui.button:hover{background-color:'';background-image:-webkit-gradient(linear,top right,bottom right,from(rgba(0,0,0,0)),to(rgba(0,0,0,.08)));background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.08));background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.08));color:rgba(0,0,0,.8)}.ui.button:hover .icon,.ui.button.hover .icon{opacity:.85}.ui.button:active,.ui.active.button:active{background-color:#f1f1f1;background-image:'';color:rgba(0,0,0,.8);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;box-shadow:0 0 0 1px rgba(0,0,0,.05) inset}.ui.active.button{background-color:#eaeaea;background-image:none;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;color:rgba(0,0,0,.6)}.ui.button.active:hover{background-color:#eaeaea;background-image:none}.ui.button.active:active{background-color:#eaeaea;background-image:none}.ui.loading.button{position:relative;cursor:default;background-color:#FFF!important;text-shadow:none!important;color:transparent!important;-webkit-transition:all 0s linear;transition:all 0s linear}.ui.loading.button:after{position:absolute;top:0;right:0;width:100%;height:100%;content:'';background:transparent url(../themes/default/images/loader-mini.gif) no-repeat 50% 50%}.ui.labeled.icon.loading.button .icon{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.ui.disabled.button,.ui.disabled.button:hover,.ui.disabled.button.active{cursor:default;background-color:#dcddde!important;color:rgba(0,0,0,.4)!important;opacity:.3!important;background-image:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.animated.button{position:relative;overflow:hidden}.ui.animated.button .visible.content{position:relative}.ui.animated.button .hidden.content{position:absolute;width:100%}.ui.animated.button .visible.content,.ui.animated.button .hidden.content{-webkit-transition:left .3s ease 0s;transition:left .3s ease 0s}.ui.animated.button .visible.content{right:auto;left:0}.ui.animated.button .hidden.content{top:50%;right:auto;left:-100%;margin-top:-.5em}.ui.animated.button:hover .visible.content{right:auto;left:200%}.ui.animated.button:hover .hidden.content{right:auto;left:0}.ui.vertical.animated.button .visible.content,.ui.vertical.animated.button .hidden.content{-webkit-transition:top .3s ease,-webkit-transform .3s ease;transition:top .3s ease,transform .3s ease}.ui.vertical.animated.button .visible.content{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);left:auto}.ui.vertical.animated.button .hidden.content{top:-100%;right:0;left:auto}.ui.vertical.animated.button:hover .visible.content{-webkit-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%);left:auto}.ui.vertical.animated.button:hover .hidden.content{top:50%;left:auto}.ui.fade.animated.button .visible.content,.ui.fade.animated.button
|
