MediaWiki: Common.css
From Trekipedia
m |
m |
||
| Line 307: | Line 307: | ||
} | } | ||
| − | /* | + | /* To make images responsive */ |
| − | .res-img { | + | .res-img img { |
| − | max-width:100%; | + | max-width:100%; |
| − | height:auto; | + | height:auto; |
} | } | ||
Revision as of 00:55, 21 September 2020
/* Extension:AmazonSearch */
DIV.amazonsearch {
clear: both;
width: 100%;
margin: 0 auto;
padding: 0.5em;
border: 1px solid #444;
overflow: hidden;
}
DIV.amazonsearch IMG.amazonsearchimg {
float: left;
margin: 0.1em 1em 0.1em 0.1em;
}
DIV.amazonsearch P.amazonsearchname {
margin: 0;
font-size: 90%;
text-indent: 0;
}
DIV.amazonsearch P.amazonsearchauthor {
margin: 0;
font-size: 80%;
text-indent: 0;
}
DIV.amazonsearch UL {
margin: 0;
}
DIV.amazonsearch UL LI {
display: inline-block;
text-align: center;
list-style: none;
font-size: 90%;
width: 12em;
margin: 0.2em;
padding: 0.2em 0.5em 0.2em 0.5em;
border-radius: 0.5em;
white-space: nowrap;
}
DIV.amazonsearch UL LI A {
color: #fff;
}
DIV.amazonsearch UL LI.shoplinkamazon {
background-color: #f90;
}
## CUSTOM CSS ##
/* Override Vector color scheme to make it dark (compiled from modified LESS code) */
html{font-size:100%}
html,body{height:100%;margin:0;padding:0;font-family:'Open Sans', sans-serif;}
body{background-color:#020304}
h1,h2,h3,h4,h5,h6{color:#eff0f1; font-weight:bold;}
hr{color:#eff0f1}
.editOptions{background-color:#020304;border-color:#4c4c4c}
input,textarea{background-color:#4c4c4c;border-color:#4c4c4c;color:#eff0f1}
a,.mw-body a.external,.mw-body a.extiw{color:#8abad3;}
a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited{color:#e5801c;}
a.new,#p-personal a.new{color:#c00d1e;}
ul{list-style-image:none}
div.thumbinner,.catlinks{background-color:#020304;border-color:#487d49}
#toc,div.toc,ul#filetoc,li.gallerybox div.thumb{background-color:#4c4c4c;border-color:#4c4c4c;/*display:none;*/}
#toc,div.toc{display:none;}
code{border:none;background-color:inherit;color:inherit}
table.mw_metadata td,table.mw_metadata th,table.wikitable,table.wikitable>*>tr>th,table.wikitable>*>tr>td,pre{color:#eff0f1;background-color:#020304;border-color:#4c4c4c}
table.mw_metadata th,table.wikitable>*>tr>th{background-color:#595959;}
table.diff{background-color:#4c4c4c;}
td .diffchange{color:#020304;}
#pagehistory li.selected,td.diff-context{background-color:inherit;color:inherit}
#pagehistory li{border:0}
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper{background-color:rgba(0,0,0,0.8)}
.mw-body{padding:1em;border:1px solid #233658;background-color:#020304;color:#eff0f1;direction:ltr}
.mw-body .mw-editsection,.mw-body .mw-editsection-like{font-family:'Open Sans', sans-serif;}
.mw-body h1,.mw-body h2,.mw-body #firstHeading{font-family:"Ubuntu Condensed",sans-serif;line-height:1.3;margin-bottom:.25em;padding:0;}
.mw-body h1,.mw-body #firstHeading{
font-size:2.5em;
padding-left:.5em;
border:.25em solid #233658;
background-color:#020304;
border-top-right-radius:.5em;
-moz-border-radius-topright:.5em;
-webkit-border-top-right-radius:.5em;
border-top-left-radius:.5em;
-moz-border-radius-topleft:.5em;
-webkit-border-top-left-radius:.5em;
}
.mw-body h2{
font-size:2.0em;
margin-top:1em;
color:#020304;
padding-left:.5em;
background-color:#8abad3;
border-radius:.5em .5em 0 0;
-moz-border-radius:.5em .5em 0 0;
-webkit-border-radius:.5em .5em 0 0;
}
.mw-body h3,.mw-body h4,.mw-body h5,.mw-body h6{
line-height:1.6;
margin-top:.3em;
margin-bottom:0;
padding-bottom:0;
padding-left:.5em;
border-radius:.5em .5em 0 0;
-moz-border-radius:.5em .5em 0 0;
-webkit-border-radius:.5em .5em 0 0;
}
.mw-body h3{font-size:1.5em;background-color:#487d49;}
.mw-body h3,.mw-body h4{font-weight:bold}
.mw-body h4,.mw-body h5,.mw-body h6{font-size:100%}
.mw-body h4{background-color:#f1b300;}
.mw-body h5{background-color:#c00d1e;}
.mw-body #toc h2,.mw-body .toc h2{font-size:100%;font-family:"Open Sans",sans-serif;}
pre,.mw-code{line-height:1.3em}
#siteNotice{font-size:.8em}
.redirectText{font-size:140%}
.redirectMsg img{vertical-align:text-bottom}
div#footer{margin-left:10em;margin-top:0;padding:.75em;direction:ltr}
div#footer ul{list-style-type:none;list-style-image:none;margin:0;padding:0}
div#footer ul li{margin:0;padding:0;padding-top:.5em;padding-bottom:.5em;color:#eff0f1;font-size:.7em}
div#footer #footer-icons{float:right}
div#footer #footer-icons li{float:left;margin-left:.5em;line-height:2em;text-align:right}
div#footer #footer-info li{line-height:1.4em}
div#footer #footer-places li{float:left;margin-right:1em;line-height:2em}
body.ltr div#footer #footer-places{float:left}
*/
/* Custom CSS for Trekipedia */
.HeaderRow {
background-color:#233658;
text-color:#eff0f1;
text-align:left;
padding-left:1em;
padding-right:1em;
font-weight:bold;
}
.HeaderRow a {
color:#eff0f1;
text-decoration:underline;
}
.HeaderRow a.new {
color:#c00d1e;
}
.HeaderRow a:visited {
color:#000;
}
.ButtonLeftCorners {
border-radius:.5em 0 0 .5em;
-moz-border-radius:.5em 0 0 .5em;
-webkit-border-radius:.5em 0 0 .5em;
}
.ButtonRightCorners {
border-radius:0 .5em .5em 0;
-moz-border-radius:0 .5em .5em 0;
-webkit-border-radius:0 .5em .5em 0;
}
.ButtonBothCorners,.ButtonAll {
border-radius:.5em .5em .5em .5em;
-moz-border-radius:.5em .5em .5em .5em;
-webkit-border-radius:.5em .5em .5em .5em;
}
.ButtonTopLeft {
border-top-left-radius:.5em;
-moz-border-radius-topleft:.5em;
-webkit-border-top-left-radius:.5em;
}
.ButtonTopRight {
border-top-right-radius:.5em;
-moz-border-radius-topright:.5em;
-webkit-border-top-right-radius:.5em;
}
.ButtonTop {
border-top-right-radius:.5em;
-moz-border-radius-topright:.5em;
-webkit-border-top-right-radius:.5em;
border-top-left-radius:.5em;
-moz-border-radius-topleft:.5em;
-webkit-border-top-left-radius:.5em;
}
.ButtonBottomLeft {
border-bottom-left-radius:.5em;
-moz-border-radius-bottomleft:.5em;
-webkit-border-bottom-left-radius:.5em;
}
.ButtonBottomRight {
border-bottom-right-radius:.5em;
-moz-border-radius-bottomright:.5em;
-webkit-border-bottom-right-radius:.5em;
}
.ButtonBottom {
border-bottom-left-radius:.5em;
-moz-border-radius-bottomleft:.5em;
-webkit-border-bottom-left-radius:.5em;
border-bottom-right-radius:.5em;
-moz-border-radius-bottomright:.5em;
-webkit-border-bottom-right-radius:.5em;
}
.ButtonLeft {
border-top-left-radius:.5em;
-moz-border-radius-topleft:.5em;
-webkit-border-top-left-radius:.5em;
border-bottom-left-radius:.5em;
-moz-border-radius-bottomleft:.5em;
-webkit-border-bottom-left-radius:.5em;
}
.ButtonRight {
border-top-right-radius:.5em;
-moz-border-radius-topright:.5em;
-webkit-border-top-right-radius:.5em;
border-bottom-right-radius:.5em;
-moz-border-radius-bottomright:.5em;
-webkit-border-bottom-right-radius:.5em;
}
.BoxOutline {
border:.25em solid #233658;
padding-left:.25em;
padding-right:.25em;
margin-left:.25em;
margin-right:.25em;
}
.RedBG {
background-color:#c00d1e;
}
.GreenBG {
background-color:#487d49;
}
.BlueBG {
background-color:#233658;
}
.LtBlueBG {
background-color:#8abad3;
}
.YellowBG {
background-color:#f1b300;
}
.BlackBG {
background-color:#020304;
}
.WhiteBG {
background-color:#eff0f1;
}
/* To make images responsive */
.res-img img {
max-width:100%;
height:auto;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
#mp-topbanner-inner {
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Wikipedia-logo-v2-o10.svg/375px-Wikipedia-logo-v2-o10.svg.png)
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
#mp-topbanner-inner {
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Wikipedia-logo-v2-o10.svg/500px-Wikipedia-logo-v2-o10.svg.png)
}
}
#catlinks { display:block }
