Difference between revisions of "Template:Jim/CSS"
Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.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; } | + | .jim-header { width: 100%; display: flex; flex-direction: row; background-color: #6441a4; color: #ffffff; } |
.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; } | + | .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%; } | ||
− | .jim-body .main { flex-grow: 1; display: flex; flex-direction: column; } | + | .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%; } | ||
.jim-body .main .video { } | .jim-body .main .video { } | ||
Line 30: | Line 11: | ||
.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; } | ||
− | |||
− | |||
− |
Revision as of 14:48, 1 April 2018
.jim { width: 100%; display: flex; flex-direction: column; } .jim-header { width: 100%; display: flex; flex-direction: row; background-color: #6441a4; color: #ffffff; } .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%; } .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 .video { } .jim-body .main .video .control { } .jim-body .main .video .control { } .jim-body .main .video-meta { } .jim-body .main .feed { width: 100%; display: flex; flex-direction: row; }