Difference between revisions of "Template:Jim/CSS"
From From The Ashes Wiki
(2 intermediate revisions by the same user not shown) | |||
Line 10: | Line 10: | ||
.mw-body-content {margin-left: 20px; padding-top: 10px; } | .mw-body-content {margin-left: 20px; padding-top: 10px; } | ||
− | .jim { width: 100%; display: flex; flex-direction: column; font-family: "Helvetica Neue", Helvetica, Arial, sans; font-size: 12px; left: -20px; top: - | + | .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; } | ||
Line 31: | Line 32: | ||
.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; } | ||
+ | } | ||
</css>{{#css: | </css>{{#css: | ||
.jim-body .main .feed > div { width: 48%; margin: 0px 1% 20px 1%; } | .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.