Difference between revisions of "Template:Jim/CSS"
From From The Ashes Wiki
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 # | + | .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 { | + | .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 # | + | .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 # | + | .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 16:17, 1 April 2018
This page is here for Jim's pages to share the same CSS.