Difference between revisions of "Template:Jim/CSS"

From From The Ashes Wiki
Jump to: navigation, search
Line 24: Line 24:
 
.jim-body { width: 100%; display: flex; flex-direction: row-reverse; }
 
.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 { 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 #f0f0f0; }
+
.jim-body .chat .header { height: 50px; width: 100%; display: flex; flex-direction: row; border: solid 1px #777777; }
 
.jim-body .chat .header div { padding: 10px; }
 
.jim-body .chat .header div { padding: 10px; }
.jim-body .chat .body { 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 { padding: 10px; flex-grow: 1; display: flex; flex-direction: column; background-color: #ffffff; color: #000000; }
.jim-body .main .header { height: 50px; width: 100%;  border: solid 1px #f0f0f0; }
+
.jim-body .main .header { height: 50px; width: 100%;  border: solid 1px #777777; }
 +
.jim-body .main .header div { padding: 10px; }
 
.jim-body .main .video { background-color: black; position: relative; }
 
.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 .control { position: absolute; bottom: 0; left: 0; height: 32px; background-color: rgba(0, 0, 0, .2); }
.jim-body .main .video-meta { border: solid 1px #f0f0f0; }
+
.jim-body .main .video-meta { border: solid 1px #777777; }
 
.jim-body .main .feed { width: 100%; display: flex; flex-direction: row; }
 
.jim-body .main .feed { width: 100%; display: flex; flex-direction: row; }
 
</css>
 
</css>

Revision as of 15:17, 1 April 2018

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