Difference between revisions of "Template:Jim/CSS"

From From The Ashes Wiki
Jump to: navigation, search
 
(26 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>
−
#content { background: #eeeeee !important; background: linear-gradient(to right, rgba(244,239,255,1) 0%,rgba(255,253,239,1) 100%) !important; }
+
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: #bf0a30; }  
+
#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 }
−
#jimtopquotes { text-align: center; font-style: italic; }
+
.jim .mw-editsection { display: none; }
−
#jim-wrapper .block { display: inline-block; width: 100%; }
 
−
#jim-wrapper .block img { max-width: 100%; height: auto; }
 
−
#jim-wrapper { position: relative; columns: 2; }
 
−
#jim-wrapper .tamu { background-color: #500000; color: #ffffff; font-weight: bold; border-radius: 5px; padding: 1px; }
 
−
#jim-wrapper .glow { text-shadow: 1px 1px 2px rgba(255, 255, 0, 0.3), -1px 1px 3px rgba(255, 255, 0, 0.3), 1px -1px 3px rgba(255, 255, 0, 0.3), -1px -1px 3px rgba(255, 255, 0, 0.3); }
 
−
#jim-wrapper #flag-wrapper { text-align: center; }
 
−
#jim-wrapper .flag { font-family: mono; display: inline-block; }
 
−
#jim-wrapper .flag span { display: inline-block; }
 
−
#jim-wrapper .flag .star { background: #002868; color: #ffffff; float: left; padding: 1.7ex 0.2em; }
 
−
#jim-wrapper .flag .red { background: #bf0a30; }
 
−
#jim-wrapper .flag .white { background: #ffffff; }
 
−
#jim-wrapper #logs .loglist { columns: 2; }
 
  
−
.jim { width: 100%; display: flex; flex-direction: column; }
+
.mw-body-content {margin-left: 20px; padding-top: 10px; }
−
.jim-header { width: 100%; display: flex; flex-direction: row; background-color: #6441a4; color: #ffffff; }
+
 
 +
.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 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: 50px; width: 100%; display: flex; flex-direction: row; }
+
.jim-body .chat .header { height: 40px; width: 100%; display: flex; flex-direction: row; border-bottom: solid 1px #aaaaaa; }
 
.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 { width: 75%; display: flex; flex-direction: column; background-color: #ffffff; color: #000000; }
−
.jim-body .main .header { height: 50px; width: 100%; }
+
.jim-body .main .header { height: 40px; width: 100%; display: flex; flex-direction: row;  border-bottom: solid 1px #aaaaaa; }
−
.jim-body .main .video { }
+
.jim-body .main .header div { padding: 10px; }
−
.jim-body .main .video .control { }
+
.jim-body .main .video { background-color: black; position: relative; }
−
.jim-body .main .video .control { }
+
.jim-body .main .video p { margin: 0; }
−
.jim-body .main .video-meta { }
+
.jim-body .main .video p img { height: auto; width: 100%; }
−
.jim-body .main .feed { width: 100%; display: flex; flex-direction: row; }
+
.jim-body .main .video .controls { position: absolute; bottom: 0; left: 0; height: 32px; width: 100%; background-color: rgba(0, 0, 0, .2); color: #ffffff; }
−
</css>
+
.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; padding: 10px; }
 +
.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 .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; }
 +
}
 +
</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.

Retrieved from "http://fta.procacious.com/wiki/index.php?title=Template:Jim/CSS&oldid=6435"