MediaWiki: Common.css

From Trekipedia
Jump to: navigation, search
m (Blanked the page)
m
 
(26 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
/* 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 }
 +
 +
.tl,.tl-fasa {
 +
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;
 +
background-color: #233658;
 +
/* background-image: url(/mw/images/3/36/timeline_banner_fasa.jpg); */
 +
width:100%;
 +
padding:0.5em;
 +
margin:0.5em;
 +
}

Latest revision as of 10:26, 23 February 2023

/* 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 }

.tl,.tl-fasa { 
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;
background-color: #233658;
/* background-image: url(/mw/images/3/36/timeline_banner_fasa.jpg); */
width:100%;
padding:0.5em;
margin:0.5em;
}