Home Explore Help
Register Sign In
tBKwtWS
/
h0v1n8-web
1
0
Fork 0
Files Pull Requests 0
Tree: 48342d35e8
Branches Tags
h0v1n8-web
/
website
/
semantic
/
dist
/
components
/
toast.min.css

toast.min.css 5.0 KB
History Raw

123456789 
  1. /*!
    2. 

  2.  * # Fomantic-UI - Toast
    3. 

  3.  * http://github.com/fomantic/Fomantic-UI/
    4. 

  4.  *
    5. 

  5.  *
    6. 

  6.  * Released under the MIT license
    7. 

  7.  * http://opensource.org/licenses/MIT
    8. 

  8.  *
    9. 

  9.  */.ui.toast-container{position:fixed;z-index:9999}.ui.top.right.toast-container{top:.85714286em;right:.85714286em;margin-left:.85714286em}.ui.top.left.toast-container{top:.85714286em;left:.85714286em;margin-right:.85714286em}.ui.top.center.toast-container{left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);top:.85714286em}.ui.bottom.right.toast-container{bottom:.85714286em;right:.85714286em;margin-left:.85714286em}.ui.bottom.left.toast-container{bottom:.85714286em;left:.85714286em;margin-right:.85714286em}.ui.bottom.center.toast-container{left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);bottom:.85714286em}.toast{display:block;border-radius:.28571429rem;padding:.78571429em 1em;margin:0 0 6px;color:rgba(255,255,255,.9)}.floating.toast,.hoverfloating.toast:hover{-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.hoverfloating.message:hover{-webkit-box-shadow:0 0 0 1px inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.center.toast-container .toast-box,.right.toast-container .toast-box{margin-left:auto}.center.toast-container .toast-box{margin-right:auto}.animating.toast-box,.toast-box,.visible.toast-box{display:table!important}.toast-container .compact{display:block;width:300px}.toast-container .message,.toast:hover{opacity:1;cursor:pointer}.icon.toast .content{padding-left:3em}.toast>.content>.header{font-weight:700}.info.toast{background-color:#31ccec}.warning.toast{background-color:#f2c037}.success.toast{background-color:#21ba45}.error.toast{background-color:#db2828}.toast-box .info.attached.progress .bar{background:#12a1bf!important}.toast-box .warning.attached.progress .bar{background:#cf9b0d!important}.toast-box .success.attached.progress .bar{background:#15792d!important}.toast-box .error.attached.progress .bar{background:#9c1a1a!important}.primary.toast{background-color:#2185d0}.inverted.primary.toast,.toast-box .inverted.primary.attached.progress .bar{background-color:#54c8ff}.secondary.toast{background-color:#1b1c1d}.inverted.secondary.toast,.toast-box .inverted.secondary.attached.progress .bar{background-color:#545454}.red.toast{background-color:#db2828}.inverted.red.toast,.toast-box .inverted.red.attached.progress .bar{background-color:#ff695e}.orange.toast{background-color:#f2711c}.inverted.orange.toast,.toast-box .inverted.orange.attached.progress .bar{background-color:#ff851b}.yellow.toast{background-color:#fbbd08}.inverted.yellow.toast,.toast-box .inverted.yellow.attached.progress .bar{background-color:#ffe21f}.olive.toast{background-color:#b5cc18}.inverted.olive.toast,.toast-box .inverted.olive.attached.progress .bar{background-color:#d9e778}.green.toast{background-color:#21ba45}.inverted.green.toast,.toast-box .inverted.green.attached.progress .bar{background-color:#2ecc40}.teal.toast{background-color:#00b5ad}.inverted.teal.toast,.toast-box .inverted.teal.attached.progress .bar{background-color:#6dffff}.blue.toast{background-color:#2185d0}.inverted.blue.toast,.toast-box .inverted.blue.attached.progress .bar{background-color:#54c8ff}.violet.toast{background-color:#6435c9}.inverted.violet.toast,.toast-box .inverted.violet.attached.progress .bar{background-color:#a291fb}.purple.toast{background-color:#a333c8}.inverted.purple.toast,.toast-box .inverted.purple.attached.progress .bar{background-color:#dc73ff}.pink.toast{background-color:#e03997}.inverted.pink.toast,.toast-box .inverted.pink.attached.progress .bar{background-color:#ff8edf}.brown.toast{background-color:#a5673f}.inverted.brown.toast,.toast-box .inverted.brown.attached.progress .bar{background-color:#d67c1c}.grey.toast{background-color:#767676}.inverted.grey.toast,.toast-box .inverted.grey.attached.progress .bar{background-color:#dcddde}.black.toast{background-color:#1b1c1d}.inverted.black.toast,.toast-box .inverted.black.attached.progress .bar{background-color:#545454}.inverted.toast{color:#aaa}.icon.toast>.icon:not(.close){display:inline-block;vertical-align:middle;font-size:1.5em;position:absolute}.icon.toast>.content{display:inline-block;vertical-align:middle}.toast-box .attached.progress .bar{min-width:0}.toast-box .active.progress .bar:after{-webkit-animation:progress-active 2s ease infinite!important;animation:progress-active 2s ease infinite!important}.toast-box{margin-bottom:6px}.toast-box .message,.toast-box .toast{margin-top:0;margin-bottom:0;position:relative}.toast-box .attached.progress{z-index:1}.toast-box .bottom.attached.progress{margin:-3px 0 6px}.toast-box .top.attached.progress{margin:6px 0 -3px}.toast-box .message>.close.icon{top:.3em;right:.3em}.toast-box .toast>.close.icon{cursor:pointer;position:absolute;margin:0;top:.3em;right:.3em;opacity:.7;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.toast-box .toast>.close.icon:hover{opacity:1}
    10.