1 files changed, 60 insertions, 0 deletions
diff --git a/public/css/style.css b/public/css/style.css
index e63e59a..2319188 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -31,3 +31,63 @@ blockquote {
     padding: 1px 2%;
     border-left: 5px solid #ccc;
 }
+
+.special-box {
+    background: #eee7da;
+    margin: 12.5px 12.5px;
+    padding: 10px 0 10px 95px; 
+    color: #424242;
+    min-height: 60px;
+}
+.special-box::before{
+    content: "";
+    display: block;
+    width: 48px;
+    height: 48px;
+    background-repeat: no-repeat;
+    margin: 0px 0 -48px -70px;
+}
+.information{
+    background: #daeaee;
+}
+.information::before{
+    background-image: url("/img/ic_info_black_48px.svg"); 
+}
+.comment{
+    background: #eea;
+}
+.comment::before{
+    background-image: url("/img/ic_comment_black_48px.svg"); 
+}
+.attention{
+    background: #eee7da;
+}
+.attention::before{
+    background-image: url("/img/ic_error_black_48px.svg"); 
+}
+.question{
+    background: #e2daee;
+}
+.question::before{
+    background-image: url("/img/ic_help_black_48px.svg"); 
+}
+.good{
+    background: #aea;
+}
+.good::before{
+    background-image: url("/img/ic_good_black_48px.svg"); 
+}
+.bad{
+    background: #eaa;
+}
+.bad::before{
+    background-image: url("/img/ic_bad_black_48px.svg"); 
+}
+.secret {
+    background: #eee;
+    padding: 10px 0 10px 15px;
+    min-height: 20px;
+}
+.hiden_block_quote {
+    display: none;
+}