1 files changed, 84 insertions, 0 deletions
diff --git a/notice/static/css/list_notice.css b/notice/static/css/list_notice.css
new file mode 100644
index 0000000..79cb1d1
--- /dev/null
+++ b/notice/static/css/list_notice.css
@@ -0,0 +1,84 @@
+/*
+ * css for 'list_notice.html'
+ *
+ * based on 'docs.css' Examples section from bootstrap 3
+ */
+
+.notice-title {
+  position: relative;
+  padding: 0px 15px 0px 15px;
+  margin: 0 -15px 15px;
+  /* background-color: #fafafa; */
+  background-color: #f4f8fa;
+  border-color: #e5e5e5 #eee #eee;
+  border-style: solid;
+  border-width: 1px 0;
+  -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
+          box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
+}
+
+/* Tweak display of the code snippets when following an example */
+.notice-title + .notice-content {
+  margin: -15px -15px 15px;
+  border-width: 0 0 1px;
+  border-radius: 0;
+}
+
+/* Make the examples and snippets not full-width */
+@media (min-width: 768px) {
+  .notice-title {
+    margin-right: 0;
+    margin-left: 0;
+    background-color: #f4f8fa;
+    border-color: #ddd;
+    border-width: 1px;
+    border-radius: 4px 4px 0 0;
+    -webkit-box-shadow: none;
+            box-shadow: none;
+  }
+  .notice-title + .notice-content {
+    margin-top: -16px;
+    margin-right: 0;
+    margin-left: 0;
+    border-width: 1px;
+    /*
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+    */
+  }
+  .notice-content + .notice-attachment {
+    margin-top: -16px;
+    margin-right: 0;
+    margin-left: 0;
+    border-width: 1px;
+    border-radius: 0 0 4px 4px;
+  }
+}
+
+/* Undo width of container */
+.notice-title .container {
+  width: auto;
+}
+
+.notice-content {
+  padding: 9px 14px;
+  margin-bottom: 14px;
+  background-color: #f7f7f9;
+  border: 1px solid #e1e1e8;
+  /* border-radius: 4px; */
+}
+
+.notice-attachment {
+  padding: 9px 14px;
+  margin-bottom: 14px;
+  background-color: #ffffff;
+  border: 1px solid #e1e1e8;
+  border-radius: 4px;
+}
+
+/* remove 'ul' margin-bottom */
+.notice-attachment ul {
+  margin-bottom: 0;
+}
+
+