MediaWiki:Monobook.css - Revision history

PanchamBro: partial fixes to the monobook skin

2021-12-16T00:44:59Z

partial fixes to the monobook skin

← Older revision		Revision as of 00:44, 16 December 2021
Line 23:		Line 23:
	margin-top: 3.5em;		margin-top: 3.5em;
	margin-left: 15em;		margin-left: 15em;
			}
			body.skin--responsive .mw-body,
			body:not(.skin--responsive) .mw-body {
			margin: 3.8em 0 0 13.2em;
			border-right: 0;
	}		}
	#column-content {		#column-content {
Line 44:		Line 49:
	.pBody {		.pBody {
	border: none !important;		border: none !important;
	border-radius: 2em;		border-radius: 2em !important;
	background-color: #ECE6CC;		background-color: #ECE6CC;
	margin: 0.6em;		margin: 0.6em !important;
	}		}
	#sidebar > .portlet > .pBody {		#sidebar > .portlet > .pBody {
Line 52:		Line 57:
	}		}
	.portlet h3 {		.portlet h3 {
	font-weight: normal;		font-weight: normal !important;
	font-size: 1em;		font-size: 1em !important;
	background-color: #805216;		background-color: #805216;
	justify-content: center;		justify-content: center !important;
	display: flex;		display: flex !important;
	padding: 0.5em 0;		padding: 0.5em 0 !important;
	text-align: center;		text-align: center !important;
	transition: color 0.3s,background-color 0.3s;		transition: color 0.3s,background-color 0.3s !important;
	box-sizing: inherit;		box-sizing: inherit !important;
	color: #fff !important;		color: #fff !important;
	margin: 0;		margin: 0 !important;
	margin-bottom: 0px;		margin-bottom: 0px !important;
	border-radius: 10em;		border-radius: 10em !important;
	font-family: 'Varela Round',sans-serif;		font-family: 'Varela Round',sans-serif !important;
	box-shadow: rgb(89,75,62) 0px 3px 0px 0px;		box-shadow: rgb(89,75,62) 0px 3px 0px 0px !important;
	margin-bottom: 5px;		margin-bottom: 5px !important;
	border-bottom: none;		border-bottom: none !important;
	text-transform: unset;		text-transform: unset !important;
	}		}
	#sidebar > .portlet li {		#sidebar > .portlet li {
Line 135:		Line 140:

	/* Monobook tabs */		/* Monobook tabs */
	#p-cactions li.selected {		body.skin--responsive #p-cactions li.selected,
			body:not(.skin--responsive) #p-cactions li.selected {
	border-color: transparent;		border-color: transparent;
	}		}
	#p-cactions li.selected a {		body.skin--responsive #p-cactions li.selected a,
			body:not(.skin--responsive) #p-cactions li.selected a {
	z-index: 3;		z-index: 3;
	background: #F6F6DF;		background: #F6F6DF;
Line 145:		Line 152:
	color: #F39802;		color: #F39802;
	}		}
	#p-cactions li a {		body.skin--responsive #p-cactions li a,
			body:not(.skin--responsive) #p-cactions li a {
	z-index: 3;		z-index: 3;
	background: #F6F6DF;		background: #F6F6DF;
Line 153:		Line 161:
	text-transform: unset;		text-transform: unset;
	}		}
	#p-cactions li a:hover {		body.skin--responsive #p-cactions li a:hover,
			body:not(.skin--responsive) #p-cactions li a:hover {
	z-index: 3;		z-index: 3;
	background: #FFF;		background: #FFF;
Line 160:		Line 169:
	transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1);		transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1);
	}		}
	#p-cactions li {		body.skin--responsive #p-cactions li,
			body:not(.skin--responsive) #p-cactions li {
	border: none;		border: none;
	margin: 0 0.5em 0 0;		margin: 0 0.5em 0 0;
Line 168:		Line 178:
	border-color: transparent;		border-color: transparent;
	}		}
	#p-cactions .pBody {		body.skin--responsive #p-cactions .pBody,
			body:not(.skin--responsive) #p-cactions .pBody {
	margin-left: 3em;		margin-left: 3em;
	}		}

PanchamBro: fixing menu toggle

2021-09-24T19:05:24Z

fixing menu toggle

← Older revision		Revision as of 19:05, 24 September 2021
Line 340:		Line 340:
	border: none;		border: none;
	border-radius: 2em;		border-radius: 2em;
			background-position: 50% 50%;
			background-repeat: no-repeat;
	}		}

	}		}

PanchamBro: more mobile updates

2021-09-24T19:04:32Z

more mobile updates

@@ Line 289: / Line 289: @@
      	font-size: 1.5em;
+	}
+}

PanchamBro: updating monobook mobile

2021-09-24T18:47:02Z

updating monobook mobile

@@ Line 203: / Line 203: @@
      	margin-left: 0 !important;
+	}
-	#p-cactions.mobile-menu-active, #p-personal.mobile-menu-active, #p-tb.mobile-menu-active, #p-lang.mobile-menu-active, #sidebar-mobilejs.mobile-menu-active {
+	.mobile-menu-active {
-    	width: 100%;
+    	position: absolute;
+	}
 	.mobile-menu-active li {
@@ Line 210: / Line 247: @@
      	padding: 0.25em 0;
      	background-color: #DAC783;
      	border-radius: 10em;
      	margin-bottom: 5px;
      	box-shadow: rgb(162,144,115) 0px 3px 0px 0px;
+	}
+}

PanchamBro: mobile testing.

2021-09-23T09:52:48Z

mobile testing.

@@ Line 26: / Line 26: @@
 #column-content {
      margin-left: -196px !important;
+}
@@ Line 51: / Line 45: @@
      border: none !important;
      border-radius: 2em;
-     background-color: transparent;
+     background-color: #ECE6CC;
      margin: 0.6em;
+}
 .portlet h3 {
@@ Line 196: / Line 193: @@
 #p-personal li a {
      color: #796732;
+}

PanchamBro: adding transparency in sidebar

2021-09-23T01:08:49Z

adding transparency in sidebar

← Older revision		Revision as of 01:08, 23 September 2021
Line 51:		Line 51:
	border: none !important;		border: none !important;
	border-radius: 2em;		border-radius: 2em;
	background-color: ~~#ECE6CC~~;		background-color: transparent;
	margin: 0.6em;		margin: 0.6em;
	}
	~~#sidebar > .portlet > .pBody {~~
	~~box-shadow: 0 0.22em 0.9em 0.1em #805216;~~
	}		}
	.portlet h3 {		.portlet h3 {

PanchamBro: making images fit page content

2021-09-23T01:06:16Z

making images fit page content

← Older revision		Revision as of 01:06, 23 September 2021
Line 26:		Line 26:
	#column-content {		#column-content {
	margin-left: -196px !important;		margin-left: -196px !important;
			}
			p img {
			width: -moz-available;
			height: -moz-available;
			width: available;
			height: available;
	}		}

PanchamBro: fixing logo issue

2021-09-22T04:40:04Z

fixing logo issue

← Older revision		Revision as of 04:40, 22 September 2021
Line 2:		Line 2:

	/* Main skin adjustments */		/* Main skin adjustments */
	~~.mw-wiki-logo {~~
	~~background-image: url(/images/logos/acmods.png?9a2e7);~~
	}
	#p-logo a, #p-logo a:hover {		#p-logo a, #p-logo a:hover {
	width: 15.3em;		width: 15.3em;

PanchamBro: adding css transitions

2021-09-22T02:14:52Z

adding css transitions

← Older revision		Revision as of 02:14, 22 September 2021
Line 130:		Line 130:
	#searchButton:hover, input.searchButton:hover {		#searchButton:hover, input.searchButton:hover {
	background-color: #0D9B95;		background-color: #0D9B95;
			transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1);
	}		}
	#searchButton:active, input.searchButton:active {		#searchButton:active, input.searchButton:active {
	background-color: #216663;		background-color: #216663;
			transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1);
	}		}

Line 159:		Line 161:
	background-image: none;		background-image: none;
	border-radius: 5em;		border-radius: 5em;
			transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1);
	}		}
	#p-cactions li {		#p-cactions li {
Line 189:		Line 192:
	text-decoration: underline;		text-decoration: underline;
	color: #b99b43;		color: #b99b43;
	transition: color 1s;		transition: color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1);
	}		}
	#p-personal li a {		#p-personal li a {
	color: #796732;		color: #796732;
	}		}

PanchamBro: fixing sidebar functionality

2021-09-22T02:13:24Z

fixing sidebar functionality

← Older revision		Revision as of 02:13, 22 September 2021
Line 74:		Line 74:
	text-transform: unset;		text-transform: unset;
	}		}
	.portlet li {		#sidebar > .portlet li {
	list-style: none;		list-style: none;
	padding: 0.25em 0;		padding: 0.25em 0;
Line 81:		Line 81:
	margin-bottom: 5px;		margin-bottom: 5px;
	box-shadow: rgb(162,144,115) 0px 3px 0px 0px;		box-shadow: rgb(162,144,115) 0px 3px 0px 0px;
			}
			#sidebar > .portlet li:hover {
			background: #FFF1C3;
			transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1);
			}
			#sidebar > .portlet li:active {
			background: #B3A163;
			transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1);
	}		}
	#sidebar > .portlet li a {		#sidebar > .portlet li a {
	text-align: center;		text-align: center;
	padding: 0.25em 0;		padding: 0.25em 0;
	display: ~~block~~;		display: grid;
	color: #000;		color: #000;
	cursor: pointer !important;		cursor: pointer !important;