Difference between revisions of "Template:Jim/CSS"
From From The Ashes Wiki
Line 1: | Line 1: | ||
− | <noinclude>This page is here for [[Jim]]'s pages to share the same CSS | + | <noinclude>This page is here for [[Jim]]'s pages to share the same CSS.</noinclude><css> |
#content { background: #eeeeee !important; background: linear-gradient(to right, rgba(244,239,255,1) 0%,rgba(255,253,239,1) 100%) !important; } | #content { background: #eeeeee !important; background: linear-gradient(to right, rgba(244,239,255,1) 0%,rgba(255,253,239,1) 100%) !important; } | ||
#content a, #content a:visited { color: #bf0a30; } | #content a, #content a:visited { color: #bf0a30; } | ||
Line 18: | Line 18: | ||
#jim-wrapper .flag .white { background: #ffffff; } | #jim-wrapper .flag .white { background: #ffffff; } | ||
#jim-wrapper #logs .loglist { columns: 2; } | #jim-wrapper #logs .loglist { columns: 2; } | ||
+ | |||
.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 { | + | .jim-header div { 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%; display: flex; flex-direction: row; } | .jim-body .chat .header { height: 50px; width: 100%; display: flex; flex-direction: row; } | ||
− | .jim-body .chat .header div { | + | .jim-body .chat .header div { 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 { 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 32: | Line 34: | ||
.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 16:10, 1 April 2018
This page is here for Jim's pages to share the same CSS.