MediaWiki:Monobook.css: Difference between revisions

From the Croc Wiki, the Croc encyclopedia
Jump to navigationJump to search
Content added Content deleted
(reloc)
(format)
 
(20 intermediate revisions by the same user not shown)
Line 3: Line 3:
/* basic styling */
/* basic styling */


body.skin--responsive .pBody {
body {
background:#8CCC6D;
background-color: #FFFFE8;
}

.mw-body, body.skin--responsive .pBody {
border:1px solid #007500;
}
}


Line 15: Line 11:
}
}


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


/* Indicator icons */
input.searchButton {
.mw-indicators {
padding: 0 0.4em !important;
top: -10px;
}
.anon .mw-indicators {
top: -5px;
}
#mw-indicator-shortcut {
top: 16px;
}

/* talk page tab spacing */
li#ca-addsection {
margin-left:4px;
}

/* search button */
body.skin-monobook input.searchButton {
color: #000;
cursor: pointer;
cursor: pointer;
background-color: white;
background-color: #fff;
border: 1px solid #007500;
border: 1px solid #135B09;
padding: 0 0.4em !important;
font-weight: normal;
}
}
body.skin-monobook #searchButton,
#searchGoButton {
body.skin-monobook #searchGoButton {
font-weight: normal;
font-weight: normal;
}
}
#searchInput {
body.skin-monobook #searchInput {
border: 1px solid #007500;
border: 1px solid #135B09;
padding-right: 0;
}
}


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


/* tabs */
body.skin--responsive #p-cactions li {
body.skin--responsive #p-cactions li {
border-color: #007500 !important;
border-color: #135B09 !important;
}
}


body.skin--responsive #p-cactions li.selected a
body.skin--responsive #p-cactions li.selected a {
background:transparent;
background:transparent;
}
}


/* user links */
/* user links */

body.skin--responsive #p-personal a.new {
@media all and (min-width: 551px) {
color: #f00;
body.skin-monobook li#pt-login,
body.skin-monobook li#pt-userpage,
body.skin-monobook li#pt-anonuserpage {
color: #606060;
padding: 1px 0 2px 20px;
line-height: 20px;
}
body.skin-monobook #p-cactions li {
padding-bottom: 1em;
}
}
}

body.skin--responsive #p-personal a.new:visited {
@media all and (min-width: 551px) {
color: #c00;
body.skin-monobook #p-personal ul {
background: #FFFFE8;
border-left: 1px solid #135B09;
border-bottom: 1px solid #135B09;
width: auto;
display: inline;
position: absolute;
right: 0;
padding-left: 0px;
padding-bottom: 0px;
margin-top: -1px;
}
}
}

body.skin--responsive #p-personal li a {
body.skin-monobook #p-personal li a {
color: #00f;
color: #00f;
}
}

body.skin--responsive #p-personal li a:hover {
body.skin-monobook #p-personal li a:hover {
background-color: transparent;
background-color: transparent;
text-decoration: underline;
text-decoration: underline;
}
}

body.skin--responsive li#pt-userpage, li#pt-anonuserpage, li#pt-login {
body.skin-monobook #p-cactions li a {
color: #606060;
color: #00c;
}
body.skin-monobook #p-cactions .new a {
color: #c00;
}
}


body.skin--responsive #p-personal .pBody ul {
body.skin-monobook li#pt-betafeatures {
display:none;
background: #FFF;
float: right;
padding-left: 0;
height: 1.75em;
border: 1px solid #007500;
border-top:none;
border-right:none;
}
}

/* dismissable sitenotice */
.mw-dismissable-notice {
border-top: 1px solid green;
border-bottom: 1px solid green;
padding: 3px 2px 0 0;
margin: -2px 0 11px;
}

#siteNotice { padding: 0; }
#localNotice { margin: 0; }
#localNotice hr { background: #ccc; }

/* Echo extension */
#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge {
height: 16px;
}

/* miscellaneous */
body.skin--responsive #p-cactions {
left: 11.7em;
border-radius:10px;
}

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

select {
border: 1px solid #135B09;
color: black;
}

input[type="radio"],
input[type="checkbox"] {
border: none;
}

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

Latest revision as of 00:35, January 26, 2023

/* All CSS here will be loaded for users of the MonoBook skin */

/* basic styling */

body.skin--responsive .pBody {
  background-color: #FFFFE8;
}

body.skin--responsive #p-cactions li.selected {
    border-color: #FF9102;
}

.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;
}

/* Indicator icons */
.mw-indicators {
	top: -10px;
}
.anon .mw-indicators {
	top: -5px;
}
#mw-indicator-shortcut {
	top: 16px;
}

/* talk page tab spacing */
li#ca-addsection {
   margin-left:4px;
}

/* search button */
body.skin-monobook input.searchButton {
	color: #000;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #135B09;
	padding: 0 0.4em !important;
}
body.skin-monobook #searchButton,
body.skin-monobook #searchGoButton {
	font-weight: normal;
}
body.skin-monobook #searchInput {
	border: 1px solid #135B09;
	padding-right: 0;
}

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

/* tabs */
body.skin--responsive #p-cactions li {
  border-color: #135B09 !important;
}

body.skin--responsive #p-cactions li.selected a {
  background:transparent;
}

/* user links */

@media all and (min-width: 551px) {
	body.skin-monobook li#pt-login,
	body.skin-monobook li#pt-userpage,
	body.skin-monobook li#pt-anonuserpage {
		color: #606060;
		padding: 1px 0 2px 20px;
		line-height: 20px;
	}
	body.skin-monobook #p-cactions li {
		padding-bottom: 1em;
	}
}

@media all and (min-width: 551px) {
	body.skin-monobook #p-personal ul {
		background: #FFFFE8;
		border-left: 1px solid #135B09;
		border-bottom: 1px solid #135B09;
		width: auto;
		display: inline;
		position: absolute;
		right: 0;
		padding-left: 0px;
		padding-bottom: 0px;
		margin-top: -1px;
	}
}

body.skin-monobook #p-personal li a {
	color: #00f;
}

body.skin-monobook #p-personal li a:hover {
	background-color: transparent;
	text-decoration: underline;
}

body.skin-monobook #p-cactions li a {
	color: #00c;
}
body.skin-monobook #p-cactions .new a {
	color: #c00;
}

body.skin-monobook li#pt-betafeatures {
    display:none;
}

/* dismissable sitenotice */
.mw-dismissable-notice {
	border-top: 1px solid green;
	border-bottom: 1px solid green;
	padding: 3px 2px 0 0;
	margin: -2px 0 11px;
}

#siteNotice { padding: 0; }
#localNotice { margin: 0; }
#localNotice hr { background: #ccc; }

/* Echo extension */
#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge {
	height: 16px;
}

/* miscellaneous */
body.skin--responsive #p-cactions {
  left: 11.7em;
  border-radius:10px;
}

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

select {
	border: 1px solid #135B09;
	color: black;
}

input[type="radio"], 
input[type="checkbox"] {
	border: none;
}

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