52 lines
1.2 KiB
CSS
52 lines
1.2 KiB
CSS
|
|
||
|
|
/* jBox theme: NoticeFancy */
|
||
|
|
|
||
|
|
.jBox-NoticeFancy .jBox-container {
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jBox-NoticeFancy .jBox-content,
|
||
|
|
.jBox-NoticeFancy .jBox-title {
|
||
|
|
padding-left: 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jBox-NoticeFancy.jBox-Notice-color .jBox-container {
|
||
|
|
color: #fff;
|
||
|
|
background: #222;
|
||
|
|
text-shadow: 0 -1px 0 #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Colored borders */
|
||
|
|
|
||
|
|
.jBox-NoticeFancy.jBox-Notice-color .jBox-container:after {
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
bottom: 0;
|
||
|
|
width: 8px;
|
||
|
|
border-radius: 4px 0 0 4px;
|
||
|
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
|
||
|
|
background-size: 14px 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jBox-NoticeFancy.jBox-Notice-black .jBox-container:after,
|
||
|
|
.jBox-NoticeFancy.jBox-Notice-gray .jBox-container:after {
|
||
|
|
background-color: #888;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jBox-NoticeFancy.jBox-Notice-red .jBox-container:after {
|
||
|
|
background-color: #e00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jBox-NoticeFancy.jBox-Notice-green .jBox-container:after {
|
||
|
|
background-color: #6c0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jBox-NoticeFancy.jBox-Notice-blue .jBox-container:after {
|
||
|
|
background-color: #07d;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jBox-NoticeFancy.jBox-Notice-yellow .jBox-container:after {
|
||
|
|
background-color: #fb0;
|
||
|
|
}
|