You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

14 lines
5.0 KiB

/*
* # Semantic UI
* Version: 0.16.1
* http://github.com/jlukic/semantic-ui
*
*
* Copyright 2014 Contributors
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
* Released: 09/18/2014
*/
.ui.message{position:relative;min-height:1em;margin:1em 0;background:#efefef;padding:1em 1.5em;line-height:1.3;color:rgba(0,0,0,.8);-webkit-transition:opacity .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease;transition:opacity .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease;border-radius:.25em;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 2px 0 rgba(0,0,0,.05)}.ui.message:first-child{margin-top:0}.ui.message:last-child{margin-bottom:0}.ui.message .header{display:block;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1.1rem;font-weight:700;margin:0}.ui.message p{opacity:.85;margin:.75em 0}.ui.message p:first-child{margin-top:0}.ui.message p:last-child{margin-bottom:0}.ui.message .header+p{margin-top:.25em}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.5em 0 0;padding:0}.ui.message ul.list:first-child{margin-top:0}.ui.message ul.list:last-child{margin-bottom:0}.ui.message ul.list li{position:relative;list-style-type:none;margin:0 0 .3em 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'•';left:-1em;height:100%;vertical-align:baseline}.ui.message ul.list li:last-child{margin-bottom:0}.ui.message>.icon{margin-right:.6em}.ui.message>.close.icon{cursor:pointer;position:absolute;margin:0;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.close.icon:hover{opacity:1}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.header.visible,.ui.message.visible{display:block!important}.ui.header.hidden,.ui.message.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-bottom:-1px;border-radius:.25em .25em 0 0;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;margin-left:-1px;margin-right:-1px}.ui.attached+.ui.attached.message:not(.top):not(.bottom){margin-top:-1px;border-radius:0}.ui.bottom.attached.message{margin-top:-1px;border-radius:0 0 .25em .25em;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 1px 2px 0 rgba(0,0,0,.05)}.ui.bottom.attached.message:not(:last-child){margin-bottom:1em}.ui.attached.icon.message{display:block;width:auto}.ui.icon.message{display:table;width:100%}.ui.icon.message>.icon:not(.close){display:table-cell;vertical-align:middle;font-size:3em;opacity:.8;width:1em}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.icon.message .icon:not(.close)+.content{padding-left:1.5rem}.ui.icon.message .circular.icon+.content{padding-left:2em}.ui.floating.message{box-shadow:0 1px 4px 0 rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15) inset}.ui.positive.message{background-color:#e4f5dd;color:#3c763d}.ui.attached.positive.message,.ui.positive.message{box-shadow:0 0 0 1px #b7caa7 inset,0 1px 2px 0 rgba(0,0,0,.05)}.ui.positive.message .header{color:#336534}.ui.negative.message{background-color:#fae8e8;color:#a94442}.ui.attached.negative.message,.ui.negative.message{box-shadow:0 0 0 1px #dbb1b1 inset,0 1px 2px 0 rgba(0,0,0,.05)}.ui.negative.message .header{color:#973d3b}.ui.info.message{background-color:#e5f6fb;color:#337b92}.ui.attached.info.message,.ui.info.message{box-shadow:0 0 0 1px #aad6df inset,0 1px 2px 0 rgba(0,0,0,.05)}.ui.info.message .header{color:#2c6b7f}.ui.warning.message{background-color:#fcf8e3;color:#8a6d3b}.ui.attached.warning.message,.ui.warning.message{box-shadow:0 0 0 1px #d3c4a5 inset,0 1px 2px 0 rgba(0,0,0,.05)}.ui.warning.message .header{color:#785f33}.ui.error.message{background-color:#fae8e8;color:#a94442}.ui.attached.error.message,.ui.error.message{box-shadow:0 0 0 1px #dbb1b1 inset,0 1px 2px 0 rgba(0,0,0,.05)}.ui.error.message .header{color:#973d3b}.ui.success.message{background-color:#e4f5dd;color:#3c763d}.ui.attached.success.message,.ui.success.message{box-shadow:0 0 0 1px #b7caa7 inset,0 1px 2px 0 rgba(0,0,0,.05)}.ui.success.message .header{color:#336534}.ui.black.message,.ui.inverted.message{background-color:#1b1c1d;color:#fff}.ui.blue.message{background-color:#d3e4f3;color:#3b83c0}.ui.blue.message .header{color:#3576ac}.ui.green.message{background-color:#def2e0;color:#1ebc30}.ui.green.message .header{color:#1aa62a}.ui.orange.message{background-color:#f7e5d6;color:#e07b53}.ui.orange.message .header{color:#dc6a3d}.ui.pink.message{background-color:#f9cee6;color:#d9499a}.ui.pink.message .header{color:#d5348e}.ui.purple.message{background-color:#e0ddf5;color:#564f8a}.ui.purple.message .header{color:#4c467a}.ui.red.message{background-color:#f8d5d3;color:#d95c5c}.ui.red.message .header{color:#d44747}.ui.teal.message{background-color:#d2f5f5;color:#10a3a3}.ui.teal.message .header{color:#0e8c8c}.ui.yellow.message{background-color:#fcf5d8;color:#b58105}.ui.yellow.message .header{color:#9c6f04}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}