Difference between revisions of "MediaWiki:Common.css"

From The Aruba Wiki
Jump to: navigation, search
Line 34: Line 34:
 
     font-family: "Noto Serif", sans-serif
 
     font-family: "Noto Serif", sans-serif
 
}
 
}
 +
 +
/* BEGIN: Main Page CSS */
 +
.banner-image {
 +
    position: relative;
 +
    overflow: hidden;
 +
    max-width: 1125px;
 +
    height: auto;
 +
    margin-bottom: .6em;
 +
}
 +
.banner-image img {
 +
    max-width: 100%;
 +
    height: auto;
 +
    width: auto\9;
 +
}
 +
.banner-box-wide {
 +
    width: 80%
 +
}
 +
.banner-box-left,
 +
.banner-box-right {
 +
padding: 8px 7px;
 +
background: rgb(16,16,16);
 +
background: rgba(0,0,0,0.3);
 +
border-radius: 4px;
 +
width: 40%;
 +
}
 +
.banner-box-left {
 +
    left: 3%;
 +
    text-align: left;
 +
}
 +
.banner-box-right {
 +
    right: 3%;
 +
    text-align: right;
 +
}
 +
#mainpage-map {
 +
position: relative;
 +
overflow: hidden;
 +
height: auto;
 +
margin-bottom: .6em;
 +
max-width: 1125px;
 +
}
 +
#mainpage-maptext {
 +
position: absolute;
 +
top: 1.5em;
 +
left: 1em;
 +
z-index: 2;
 +
text-align: center;
 +
white-space: nowrap;
 +
padding: 0.5em 0.5em 0 0.5em;
 +
}
 +
#mainpage-tagline {
 +
margin: 0;
 +
}
 +
#mainpage-searchinput {
 +
padding:0.5em 0 0.7em;
 +
}
 +
#mainpage-searchinput label {
 +
font-size: 85%;
 +
font-style: italic;
 +
}
 +
#mainpage-searchinput input[type="text"] {
 +
margin-right: 0.5em;
 +
}
 +
#mainpage-maplinks {
 +
position:absolute;
 +
bottom: 0;
 +
left: 1em;
 +
color: white;
 +
padding:0 0.5em;
 +
}
 +
.mainpage-shadowbox {
 +
color: white;
 +
background: rgb(16,16,16);
 +
background: rgba(0,0,0,0.3);
 +
border-radius: 4px;
 +
}
 +
.mainpage-shadowbox h2, .mainpage-shadowbox h3 {
 +
color: white;
 +
border:none;
 +
font-family: sans-serif;
 +
    line-height: 1.2em;
 +
margin:0;
 +
}
 +
.mainpage-shadowbox h2 {
 +
font-size: 190%;
 +
}
 +
.mainpage-shadowbox h3 {
 +
font-size: 150%;
 +
padding: 0;
 +
}
 +
#mainpage-maplinks a, .mainpage-shadowbox a {
 +
color: white;
 +
font-weight: bold;
 +
}
 +
.banner-box-2 {
 +
    position: absolute;
 +
    z-index: 2;
 +
    margin-top: 2em;
 +
    min-width: 20em;
 +
}
 +
.banner-box-2 .quote {
 +
    font-size: 80%;
 +
    line-height: 1.2em;
 +
}
 +
/* END: Main Page CSS */

Revision as of 22:48, 14 July 2018

/* CSS placed here will be applied to all skins */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif")

body.page-Main_Page h1 { display: none; }
/* body.page-Main_Page li#ca-nstab-main  { display:none!important; }
/* body.page-Main_Page li#ca-delete { display:none!important; }
/* body.page-Main_Page li#ca-edit  { display:none!important; }
/* body.page-Main_Page li#ca-talk { display:none!important; }
/* body.page-Main_Page li#ca-view { display:none!important; }
/* body.page-Main_Page li#ca-history { display:none!important; }
/* body.page-Main_Page li#ca-watch { display:none!important; }
/* body.page-Main_Page li#ca-unwatch { display:none!important; }
/* body.page-Main_Page li#ca-move { display:none!important; }
/* body.page-Main_Page li#ca-protect { display:none!important; }
/* body.page-Main_Page li#ca-unprotect { display:none!important; }
/* body.page-Main_Page li#ca-viewsource { display:none!important; }
/* body.page-Main_Page li#ca-purge { display:none!important; }
/* body.page-Main_Page div#p-cactions { display:none!important; }

mw.loader.load( '/index.php?title=MediaWiki:Carousel.css&action=raw&ctype=text/stylesheet' );

.externalimage-holder {
    position: relative;
}
.externalimage-holder img {
    width: 100%;
    height: auto;
}
.image100px img { width: 100px; }
.welcome_banner {
    background-image: url("http://thearubawiki.com/images/b/b5/Banner.jpg");
    padding:2em;
    background-repeat: no-repeat;
    font-family: "Noto Serif", sans-serif
}

/* BEGIN: Main Page CSS */
.banner-image {
    position: relative;
    overflow: hidden;
    max-width: 1125px; 
    height: auto;
    margin-bottom: .6em;
}
.banner-image img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}
.banner-box-wide {
    width: 80%
}
.banner-box-left,
.banner-box-right {
	padding: 8px 7px;
	background: rgb(16,16,16);
	background: rgba(0,0,0,0.3);
	border-radius: 4px;
	width: 40%;
}
.banner-box-left {
    left: 3%;
    text-align: left;
}
.banner-box-right {
    right: 3%;
    text-align: right;
}
#mainpage-map {
	position: relative;
	overflow: hidden;
	height: auto;
	margin-bottom: .6em;
	max-width: 1125px;
}
#mainpage-maptext {
	position: absolute;
	top: 1.5em;
	left: 1em;
	z-index: 2;
	text-align: center;
	white-space: nowrap;
	padding: 0.5em 0.5em 0 0.5em;
}
#mainpage-tagline {
	margin: 0;
}
#mainpage-searchinput {
	padding:0.5em 0 0.7em;
}
#mainpage-searchinput label {
	font-size: 85%;
	font-style: italic;
}
#mainpage-searchinput input[type="text"] {
	margin-right: 0.5em;
}
#mainpage-maplinks {
	position:absolute;
	bottom: 0;
	left: 1em;
	color: white;
	padding:0 0.5em;
}
.mainpage-shadowbox {
	color: white;
	background: rgb(16,16,16);
	background: rgba(0,0,0,0.3);
	border-radius: 4px;
}
.mainpage-shadowbox h2, .mainpage-shadowbox h3 {
	color: white;
	border:none;
	font-family: sans-serif;
    line-height: 1.2em;
	margin:0;
}
.mainpage-shadowbox h2 {
	font-size: 190%;
}
.mainpage-shadowbox h3 {
	font-size: 150%;
	padding: 0;
}
#mainpage-maplinks a, .mainpage-shadowbox a {
	color: white;
	font-weight: bold;
}
.banner-box-2 {
    position: absolute;
    z-index: 2;
    margin-top: 2em;
    min-width: 20em;
}
.banner-box-2 .quote {
    font-size: 80%;
    line-height: 1.2em;
}
/* END: Main Page CSS */