Difference between revisions of "Template:Jim/CSS"

From From The Ashes Wiki
Jump to: navigation, search
Line 20: Line 20:
 
.jim { width: 100%; display: flex; flex-direction: column; }
 
.jim { width: 100%; display: flex; flex-direction: column; }
 
.jim-header { width: 100%; display: flex; flex-direction: row; background-color: #6441a4; color: #ffffff; }
 
.jim-header { width: 100%; display: flex; flex-direction: row; background-color: #6441a4; color: #ffffff; }
 +
.jim-header div { font-weight: bold; padding: 10px; }
 
.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%; }
+
.jim-body .chat .header { height: 50px; width: 100%; flex-direction: row; }
 +
.jim-body .chat .header div { font-weight: bold; padding: 10px; }
 
.jim-body .main { 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%; }
 
.jim-body .main .header { height: 50px; width: 100%; }
Line 30: Line 32:
 
.jim-body .main .video-meta { }
 
.jim-body .main .video-meta { }
 
.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:06, 1 April 2018

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