MediaWiki:Monobook.css: Difference between revisions

From Kolapedia
Jump to navigationJump to search
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Monobook skin */
/* CSS placed here will affect users of the MonoBook skin */


.firstHeading { margin-top: 5px; }
p { margin: 0.6em 0 0.7em 0; }
h1 { font-size: 193%; }
h3 + dl, h4 + dl, h5 + dl {
margin-top: -0.1em;
}


body {
div#globalWrapper, body {
      background: url(//carriefriendswiki.com/images/d/d6/Background.jpg) repeat;
  background-color:lightpink;
}
}


h1, h2, h3, h4, h5, h6 {
/* userpage links */
color: #A9A9A9;
body.skin--responsive #p-personal a.new {
color: #f00;
}
}
div#userloginForm table, div#userlogin table { background: none; }
body.skin--responsive #p-personal a.new:visited {
div#userloginForm form,
color: #c00;
div#userlogin form#userlogin2 {
margin: 0 3em 1em 0;
border: 1px solid #3b587e;
clear: both;
padding: 1.5em 2em;
background-color: #731f58;
float: left;
}
}
 
body.skin--responsive #p-personal li a {
div#content {
color: #00f;
background: transparent url(//starfywiki.org/images/2/2c/OpacityB.png);
}
color: #F8F4FF;
body.skin--responsive #p-personal li a:hover {
        border: 2px solid #1034A6;
background-color: none;
margin: 2.8em 0 0 12.2em;
text-decoration: underline;
-moz-border-radius-topleft: 1em;
}
-moz-border-radius-bottomleft: 1em;
body.skin--responsive li#pt-userpage, li#pt-anonuserpage, li#pt-login {
-webkit-border-top-left-radius: 1em;
color: #606060;
-webkit-border-bottom-left-radius: 1em;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
khtml-border-top-left-radius: 1em;
khtml-border-bottom-left-radius: 1em;
-icab-border-top-left-radius: 1em;
-icab-border-bottom-left-radius: 1em;
}
}


div.thumb {
/* sitenotice */
border-color: transparent;
}


table.gallery td {
#siteNotice {
background: transparent !important;
border-top: 1px solid #2a4b8d;
border-bottom: 1px solid #2a4b8d;
padding: 3px 2px 2px 2px;
margin: -2px 0 11px;
}
}


table {
#localNotice {
background: transparent;
    margin-bottom: 0.4em;
}
}


.catlinks {
/* search button (thanks to super mario wiki) */
border: 1px solid aqua;
background-color: #67085e;


input.searchButton {
padding: 0 0.4em !important;
cursor: pointer;
background-color: white;
border: 1px solid #aaa;
font-weight: normal;
}
#searchGoButton {
font-weight: normal;
}
}
 
#searchInput {
div.thumbinner {
border: 1px solid #aaa;
border: 1px solid #1034A6;
padding: 3px !important;
background-color: #082567;
font-size: 94%;
text-align: center;
overflow: hidden;
}
table.gallery {
border: 1px solid #1034A6;
margin: 2px;
padding: 2px;
background-color: #082567;
}
}


table.gallery tr {
.mw-body, body.skin--responsive .pBody, body.skin--responsive #p-cactions li.selected, .wikiEditor-ui .wikiEditor-ui-view {
vertical-align: top;
  border: 1px solid #929201;
}
}


table.gallery td {
#pagehistory li.selected {
vertical-align: top;
  background-color:#ffffee;
background-color: white;
border: solid 2px #1034A6;
}
}


#p-logo, #p-logo a, #p-logo a:hover {
body.skin--responsive .portlet {
height: 160px;
width: 11.8em;
}
}


#p-logo a, #p-logo a:hover {
body.skin--responsive .pBody {
background-position: 35% 90% !important;
    background-color: #ffedfe;
    border: 1px solid #929201;
}
}


/*Sidebar*/
body.skin--responsive #p-personal .pBody ul {
 
  background: #ffffed;
.pBody, .portlet h5, ul#f-list {
  float: right;
    font-family: verdana;
  padding-left: 0;
  height: 1.45em;
}
}


.portlet .pBody {
body.skin--responsive li#pt-userpage, body.skin--responsive li#pt-anonuserpage, body.skin--responsive li#pt-login {
    background: transparent url(//starfywiki.org/images/2/2c/OpacityB.png);
  background: url(https://carriefriendswiki.org/favicon.png) top left no-repeat;
    border: 2px solid #1034A6;
  background-size: 16px;
  padding: 1px 2px 2px 20px;
}
}


.portlet#p-personal li a, .portlet#p-personal li a:visited {
body.skin--responsive li#pt-userpage, li#pt-anonuserpage, li#pt-login {
     color: #F0F8FF;
     color: #333;
}
}


.pBody {
#content, #footer, body.skin--responsive #p-cactions li.selected a, .pBody {
    background: transparent;
background:#ffffee;
    border: 2px outset #1034A6;
    padding-left: 8px;
    margin: 2px 5px 0 5px;
    -webkit-border-radius: 15px 15px / 15px 15px;
    -moz-border-radius: 15px 15px;
    border-radius: 15px 15px;
}
}
 
.editOptions {
.portlet h5 {
background:#eef6f9;
    color: #F0F8FF;
border:1px solid #929201;
    font-weight: bold;
border-top:none;
    text-transform: uppercase;
    background: #1034A6;
    border: 2px outset aqua;
    padding: 1px 0 3px 10px;
    display: block;
    -webkit-border-radius: 11px 11px / 11px 11px;
    -moz-border-radius: 11px 11px;
    border-radius: 11px 0;
}
}


.pBody li a {
.diff-deletedline, .diff-addedline {
     color: #F0F8FF;
     background:white;
}
}


#p-personal li a:hover {
fieldset.rcoptions.cloptions {
     background: none;
     background: none;
     text-decoration: underline;
     border:1px solid #929201;
}
}


/*Footer*/
#footer {
 
     border-top: 1px solid #929201;
div#footer, div#footer a {
     border-bottom: 1px solid #929201;
     background: transparent url(//starfywiki.org/images/2/2c/OpacityB.png);
     color: #F0F8FF;
}
}


div#footer {
.mw-changeslist-legend {
     border: 2px solid #1034A6;
     border: 1px solid #2a4b8d;
    background: #EEF6F9;
}
}


/*Search*/
/* put search bar up top */
#searchInput {width: 100px;}
#sidebar {
 
    display: flex;
/*Links*/
    flex-direction: column;
a,
#p-personal li a,
#p-cactions li a,
#bodyContent a.extiw,
#bodyContent a.external {
    color: #4169E1;
}
}
a:visited,
#p-search {
#bodyContent a.extiw:visited,
     order: -1;
#bodyContent a.external:visited {
     color: #4169E1;
}
}
a:hover,
 
#p-personal li a:hover,
/* Responsive fixes */
#bodyContent a.extiw:hover,
@media all and (max-width: 550px) {
#bodyContent a.external:hover {
.mw-body-content {
    color: #93CCEA;
overflow: visible !important;
}
}
a:visited:hover,
.infobox {
#bodyContent a.extiw:visited:hover,
margin: 1em 0 !important;
#bodyContent a.external:visited:hover {
}
    color: #ADD8E6;
.infobox, .nav-right,
}
#mw-content-text table {
a.new:link,
float: none !important;
a.new:visited,
width: auto !important;
#p-personal li a.new,
overflow: auto !important;
#p-cactions .new a,
display: block !important;
#p-personal li a.new:visited,
margin-left: 0 !important;
#p-cactions .new a:visited {
margin-right: 0 !important;
    color: #CF1020;
max-width: 100% !important;
min-width: 0 !important;
}
#mw-content-text table > tbody {
width: 100% !important;
display: table !important;
}
body div.thumb {
float: none !important;
width: auto !important;
max-width: none !important;
margin: 1em 0;
}
div.thumb, div.thumbinner {
overflow: auto !important;
}
div.noresize > map ~ img {
max-width: none !important;
}
div.thumbinner > div {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
div.thumbcaption {
margin-top: 3px !important;
}
div.thumbimage {
max-width: max-content;
}
ul.gallery {
text-align: center;
}
div.gallerytext {
text-align: left;
}
center div.gallerytext,
.gallery.center div.gallerytext,
.gallery[style*="center"] div.gallerytext {
text-align: center;
}
a.feedlink {
padding-left: 16px;
}
caption {
display: block;
}
    #sidebar .portlet[role="navigation"] {
        display: none !important;
    }
}
}


html body.skin-monobook ul {list-style-image: url(//starfywiki.org/images/9/9b/Bubble.png);}
/* talk page tab spacing */
#toc {
    background: aqua;
    -webkit-border-radius: 60px 60px 60px 60px / 60px 60px 60px 60px;
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 60px 60px 60px 60px;
    border: 2px outset aqua;
}


/*Tabs*/
li#ca-addsection {
#p-cactions .pBody:hover {opacity: 1;}
  margin-left:4px;
#p-cactions li:hover {opacity: 0.8;}
#p-cactions li {
    border: 2px outset #1034A6;
    border-bottom: 1px solid #1034A6;
    background: #1034A6;
    -webkit-border-radius: 10px 10px / 10px 10px;
    -moz-border-radius: 10px 10px;
    border-radius: 10px 10px;
}
#p-cactions li a {
    border: none;
    -webkit-border-radius: 10px 10px / 10px 10px;
    -moz-border-radius: 10px 10px;
    border-radius: 10px 10px;
}
}


a#NavToggle1 {color: white !important;}
/* ooui */
.oo-ui-dropdownWidget { max-width:35em; }


#preferences, .prefsection table, .prefsection legend, div#userloginForm, div#userlogin { background: none !important; }
.oo-ui-tabSelectWidget {
 
  box-shadow: none;
li.selected.before, li.selected.after { background-color: #003865; }
}
table.diff { background-color: rgba(0,0,0,0.3); }
td.diff-context { color: #000; }
.editOptions { color: #000; }
td.diff-addedline .diffchange { color: #003865; padding: 3px 5px; margin: 0 3px; }

Latest revision as of 15:07, March 11, 2025

/* CSS placed here will affect users of the MonoBook skin */

.firstHeading { margin-top: 5px; }
p { margin: 0.6em 0 0.7em 0; }
h1 { font-size: 193%; }
h3 + dl, h4 + dl, h5 + dl {
	margin-top: -0.1em;
}

div#globalWrapper, body {
  background-color:lightpink;
}

/* userpage links */
body.skin--responsive #p-personal a.new {
	color: #f00;
}
body.skin--responsive #p-personal a.new:visited {
	color: #c00;
}
body.skin--responsive #p-personal li a {
	color: #00f;
}
body.skin--responsive #p-personal li a:hover {
	background-color: none;
	text-decoration: underline;
}
body.skin--responsive li#pt-userpage, li#pt-anonuserpage, li#pt-login {
	color: #606060;
}

/* sitenotice */

#siteNotice {
	border-top: 1px solid #2a4b8d;
	border-bottom: 1px solid #2a4b8d;
	padding: 3px 2px 2px 2px;
	margin: -2px 0 11px;
}

#localNotice {
    margin-bottom: 0.4em;
}

/* search button (thanks to super mario wiki) */

input.searchButton {
	padding: 0 0.4em !important;
	cursor: pointer;
	background-color: white;
	border: 1px solid #aaa; 
	font-weight: normal;
} 
#searchGoButton {
	font-weight: normal;
}
#searchInput {
	border: 1px solid #aaa;
}

.mw-body, body.skin--responsive .pBody, body.skin--responsive #p-cactions li.selected, .wikiEditor-ui .wikiEditor-ui-view {
  border: 1px solid #929201;
}

#pagehistory li.selected {
  background-color:#ffffee;
}

body.skin--responsive .portlet {
	width: 11.8em;
}

body.skin--responsive .pBody {
    background-color: #ffedfe;
    border: 1px solid #929201;
}

body.skin--responsive #p-personal .pBody ul {
  background: #ffffed;
  float: right;
  padding-left: 0;
  height: 1.45em;
}

body.skin--responsive li#pt-userpage, body.skin--responsive li#pt-anonuserpage, body.skin--responsive li#pt-login {
  background: url(https://carriefriendswiki.org/favicon.png) top left no-repeat;
  background-size: 16px;
  padding: 1px 2px 2px 20px;
}

body.skin--responsive li#pt-userpage, li#pt-anonuserpage, li#pt-login {
    color: #333;
}

#content, #footer, body.skin--responsive #p-cactions li.selected a, .pBody {
	background:#ffffee;
}
.editOptions {
	background:#eef6f9;
	border:1px solid #929201;
	border-top:none;
}

.diff-deletedline, .diff-addedline {
    background:white;
}

fieldset.rcoptions.cloptions {
    background: none;
    border:1px solid #929201;
}

#footer {
    border-top: 1px solid #929201;
    border-bottom: 1px solid #929201;
}

.mw-changeslist-legend {
    border: 1px solid #2a4b8d;
    background: #EEF6F9;
}

/* put search bar up top */
#sidebar {
    display: flex;
    flex-direction: column;
}
#p-search {
    order: -1;
}

/* Responsive fixes */
@media all and (max-width: 550px) {
	.mw-body-content {
		overflow: visible !important;
	}
	.infobox {
		margin: 1em 0 !important;
	}
	.infobox, .nav-right,
	#mw-content-text table {
		float: none !important;
		width: auto !important;
		overflow: auto !important;
		display: block !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
	#mw-content-text table > tbody {
		width: 100% !important;
		display: table !important;
	}
	body div.thumb {
		float: none !important;
		width: auto !important;
		max-width: none !important;
		margin: 1em 0;
	}
	div.thumb, div.thumbinner {
		overflow: auto !important;
	}
	div.noresize > map ~ img {
		max-width: none !important;
	}
	div.thumbinner > div {
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	div.thumbcaption {
		margin-top: 3px !important;
	}
	div.thumbimage {
		max-width: max-content;
	}
	ul.gallery {
		text-align: center;
	}
	div.gallerytext {
		text-align: left;
	}
	center div.gallerytext,
	.gallery.center div.gallerytext,
	.gallery[style*="center"] div.gallerytext {
		text-align: center;
	}
	a.feedlink {
		padding-left: 16px;
	}
	caption {
		display: block;
	}
    #sidebar .portlet[role="navigation"] {
        display: none !important;
    }
}

/* talk page tab spacing */

li#ca-addsection {
   margin-left:4px;
}

/* ooui */
.oo-ui-dropdownWidget { max-width:35em; }

.oo-ui-tabSelectWidget {
  box-shadow: none;
}