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; } | + | .jim-body .chat .header { height: 50px; width: 100%; display: flex; flex-direction: row; border: solid 1px #f0f0f0; } |
.jim-body .chat .header div { padding: 10px; } | .jim-body .chat .header div { padding: 10px; } | ||
− | .jim-body .chat body { padding: 10px; } | + | .jim-body .chat .body { padding: 10px; } |
− | .jim-body .main { 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%; } | + | .jim-body .main .header { height: 50px; width: 100%; border: solid 1px #f0f0f0; } |
− | .jim-body .main .video { } | + | .jim-body .main .video { background-color: black; position: relative; } |
− | .jim-body .main .video .control { | + | .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 { } | ||
.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:14, 1 April 2018
This page is here for Jim's pages to share the same CSS.