Difference between revisions of "Template:Jim/CSS"
From From The Ashes Wiki
| (10 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<noinclude>This page is here for [[Jim]]'s pages to share the same CSS.</noinclude><css> | <noinclude>This page is here for [[Jim]]'s pages to share the same CSS.</noinclude><css> | ||
div#content { background: #eeeeee !important; background: linear-gradient(to right, rgba(244,239,255,1) 0%,rgba(255,253,239,1) 100%) !important; padding: 0; margin-top: -20px; } | div#content { background: #eeeeee !important; background: linear-gradient(to right, rgba(244,239,255,1) 0%,rgba(255,253,239,1) 100%) !important; padding: 0; margin-top: -20px; } | ||
| − | #content a, #content a:visited { color: # | + | #content a, #content a:visited { color: #6441a4; } |
#catlinks, #mw-normal-catlinks { background: transparent !important; } | #catlinks, #mw-normal-catlinks { background: transparent !important; } | ||
#mw-normal-catlinks { padding: 5px; } | #mw-normal-catlinks { padding: 5px; } | ||
| + | .jim .external { background: transparent; padding-right: 0; } | ||
#firstHeading { display: none; !important } | #firstHeading { display: none; !important } | ||
| + | .jim .mw-editsection { display: none; } | ||
| − | .jim { width: 100%; display: flex; flex-direction: column; font-family: "Helvetica Neue", Helvetica, Arial, sans; font-size: 12px; } | + | .mw-body-content {margin-left: 20px; padding-top: 10px; } |
| + | |||
| + | .jim img {max-width: 100%; } | ||
| + | .jim { width: 100%; display: flex; flex-direction: column; font-family: "Helvetica Neue", Helvetica, Arial, sans; font-size: 12px; left: -20px; top: -7px; position: relative; } | ||
.jim-header { width: 100%; display: flex; flex-direction: row; background-color: #6441a4; color: #ffffff; font-size: 14px; } | .jim-header { width: 100%; display: flex; flex-direction: row; background-color: #6441a4; color: #ffffff; font-size: 14px; } | ||
.jim-header div { padding: 10px; } | .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 .loglist {columns: 2;} | ||
.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: 40px; width: 100%; display: flex; flex-direction: row; border-bottom: solid 1px #aaaaaa; } | .jim-body .chat .header { height: 40px; width: 100%; display: flex; flex-direction: row; border-bottom: solid 1px #aaaaaa; } | ||
| Line 22: | Line 28: | ||
.jim-body .main .video .controls { position: absolute; bottom: 0; left: 0; height: 32px; width: 100%; background-color: rgba(0, 0, 0, .2); color: #ffffff; } | .jim-body .main .video .controls { position: absolute; bottom: 0; left: 0; height: 32px; width: 100%; background-color: rgba(0, 0, 0, .2); color: #ffffff; } | ||
.jim-body .main .video .controls p { margin: 0; margin-left: 20px; font-size: 24px; } | .jim-body .main .video .controls p { margin: 0; margin-left: 20px; font-size: 24px; } | ||
| − | .jim-body .main .video-meta { border-top: solid 1px #aaaaaa; border-bottom: solid 1px #aaaaaa; display: flex; flex-direction: row; } | + | .jim-body .main .video-meta { border-top: solid 1px #aaaaaa; border-bottom: solid 1px #aaaaaa; display: flex; flex-direction: row; padding: 10px; } |
.jim-body .main .video-meta .game-box img { width: auto; height: 50px; } | .jim-body .main .video-meta .game-box img { width: auto; height: 50px; } | ||
.jim-body .main .video-meta .meta-text { padding-left: 12px; } | .jim-body .main .video-meta .meta-text { padding-left: 12px; } | ||
.jim-body .main .video-meta .meta-text .title { font-size: 18px; } | .jim-body .main .video-meta .meta-text .title { font-size: 18px; } | ||
| + | @media only screen and (min-width:960px) { | ||
.jim-body .main .feed { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; } | .jim-body .main .feed { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; } | ||
| − | .jim-body .main .feed div { width: 48%; margin: 0px 1% 20px 1%; } | + | } |
| − | + | </css>{{#css: | |
| + | .jim-body .main .feed > div { width: 48%; margin: 0px 1% 20px 1%; } | ||
| + | }} | ||
Latest revision as of 16:56, 1 May 2018
This page is here for Jim's pages to share the same CSS.
