.ui.message { position: relative; min-height: 18px; margin: 1em 0; height: auto; background-color: #EFEFEF; padding: 1em; line-height: 1.33; color: rgba(0,0,0,.6); -webkit-transition: opacity .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease; transition: opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: .325em; } .ui.message:first-child { margin-top: 0; } .ui.message:last-child { margin-bottom: 0; } .ui.message .header { margin: 0; font-size: 1.33em; font-weight: 700; } .ui.message p { opacity: .85; margin: 1em 0; } .ui.message p:first-child { margin-top: 0; } .ui.message p:last-child { margin-bottom: 0; } .ui.message .header+p { margin-top: .3em; } .ui.message>:first-child { margin-top: 0; } .ui.message>:last-child { margin-bottom: 0; } .ui.message ul.list { opacity: .85; list-style-position: inside; margin: .2em 0; padding: 0; } .ui.message ul.list li { position: relative; list-style-type: none; margin: 0 1em .3em 0; padding: 0; } .ui.message ul.list li:before { position: absolute; content: '\2022'; top: -.05em; right: -.8em; height: 100%; vertical-align: baseline; opacity: .5; } .ui.message ul.list li:first-child { margin-top: 0; } .ui.message>.close.icon { cursor: pointer; position: absolute; top: 1em; left: .5em; opacity: .7; -webkit-transition: opacity .1s linear; transition: opacity .1s linear; } .ui.message>.close.icon:hover { opacity: 1; } .ui.message.visible, .ui.header.visible { display: block!important; } .ui.message.hidden, .ui.header.hidden { display: none; } .ui.compact.message { display: inline-block; } .ui.attached.message { margin-right: -1px; margin-left: -1px; margin-bottom: -1px; border-radius: .325em .325em 0 0; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; } .ui.bottom.attached.message { margin-top: -1px; border-radius: 0 0 .325em .325em; } .ui.icon.message { display: table; width: 100%; } .ui.icon.message>.icon { display: table-cell; vertical-align: middle; font-size: 3.8em; opacity: .5; } .ui.icon.message>.icon+.content { padding-right: 1em; } .ui.icon.message>.content { display: table-cell; vertical-align: middle; } .ui.inverted.message { background-color: rgba(255,255,255,.05); color: rgba(255,255,255,.95); } .ui.floating.message { -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) inset; box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) inset; } .ui.black.message { background-color: #333; color: rgba(255,255,255,.95); } .ui.blue.message, .ui.info.message { background-color: #E6F4F9; color: #4D8796; } .ui.green.message { background-color: #DEFCD5; color: #52A954; } .ui.yellow.message, .ui.warning.message { background-color: #F6F3D5; color: #96904D; } .ui.red.message { background-color: #F1D7D7; color: #A95252; } .ui.success.message, .ui.positive.message { background-color: #DEFCD5; color: #52A954; } .ui.error.message, .ui.negative.message { background-color: #F1D7D7; color: #A95252; } .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; }