58 lines
847 B
CSS
58 lines
847 B
CSS
|
/* Header */
|
||
|
|
#NOTIF-STACK > .head{
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
|
||
|
|
padding: .7em 0;
|
||
|
|
|
||
|
|
border-radius: 3px 3px 0 0;
|
||
|
|
border-bottom: 1px solid #ddd;
|
||
|
|
|
||
|
|
text-align: center;
|
||
|
|
color: #888;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Container */
|
||
|
|
#NOTIF-STACK > .body{
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
min-height: 2em;
|
||
|
|
height: auto;
|
||
|
|
max-height: 12em;
|
||
|
|
|
||
|
|
border-radius: 0 0 3px 3px;
|
||
|
|
|
||
|
|
overflow: auto;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Items */
|
||
|
|
#NOTIF-STACK > .body > span{
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
padding: .8em 1em;
|
||
|
|
|
||
|
|
border-bottom: 1px solid #ddd;
|
||
|
|
|
||
|
|
background-color: #fff;
|
||
|
|
|
||
|
|
color: #555;
|
||
|
|
|
||
|
|
cursor: pointer;
|
||
|
|
|
||
|
|
transition: background-color .2s ease-in-out,
|
||
|
|
color .2s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
#NOTIF-STACK > .body > span:hover{
|
||
|
|
background-color: #eee;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
#NOTIF-STACK > .body > span:last-child{
|
||
|
|
border: 0;
|
||
|
|
border-radius: 0 0 3px 3px;
|
||
|
|
}
|