Difference between revisions of "Template:Jim/CSS"

Revision as of 15:41, 1 April 2018

This page is here for Jim's pages to share the same CSS.

@@ Line 24: / Line 24: @@
 .jim-body { width: 100%; display: flex; flex-direction: row-reverse; }
 .jim-body .chat { width: 400px; display: flex; flex-direction: column; background-color: #efeef1; color: #19171c;  }
-.jim-body .chat .header { height: 50px; width: 100%; display: flex; flex-direction: row; border: solid 1px #777777; }
+.jim-body .chat .header { height: 50px; width: 100%; display: flex; flex-direction: row; border-bottom: solid 1px #aaaaaa; }
 .jim-body .chat .header div { padding: 10px; }
 .jim-body .chat .body { }
-.jim-body .main { padding: 10px; flex-grow: 1; display: flex; flex-direction: column; background-color: #ffffff; color: #000000; }
+.jim-body .main { flex-grow: 1; display: flex; flex-direction: column; background-color: #ffffff; color: #000000; }
-.jim-body .main .header { height: 50px; width: 100%;  border: solid 1px #777777; }
+.jim-body .main .header { height: 50px; width: 100%;  border-bottom: solid 1px #aaaaaa; }
 .jim-body .main .header div { padding: 10px; }
 .jim-body .main .video { background-color: black; position: relative; }
 .jim-body .main .video .control { position: absolute; bottom: 0; left: 0; height: 32px; background-color: rgba(0, 0, 0, .2); }
-.jim-body .main .video-meta { border: solid 1px #777777; }
+.jim-body .main .video-meta { border-top: solid 1px #aaaaaa; border-bottom: solid 1px #aaaaaa; }
 .jim-body .main .feed { width: 100%; display: flex; flex-direction: row; }
 </css>