User:TheDJ/common.css

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/*@media screen and (pointer: coarse) and (-webkit-min-device-pixel-ratio: 2) {*/
/*    .video-js {*/
/*    	font-size: 2vh;*/
/*    }*/
/*}*/

/*.mw-inline-styles {*/
/*  box-shadow: inset 0 0 0.5em 0 white, 0 0 1em 0 red !important;*/
/*}*/


/* only apply to the older Vector */
.client-js > body.vector-legacy:not(.gadget-Twinkle):not(.ns-special) #p-cactions,
.client-js > body.vector-legacy:not(.gadget-Twinkle).mw-special-Block #p-cactions,
.client-js > body.vector-legacy:not(.gadget-Twinkle).mw-special-Contributions #p-cactions,
.client-js > body.vector-legacy:not(.gadget-Twinkle).mw-special-DeletedContributions #p-cactions,
.client-js > body.vector-legacy:not(.gadget-Twinkle).mw-special-Prefixindex #p-cactions {
	margin-right: 3.24em;
}
/* only vector-2022 has .vector-page-toolbar-container */
.client-js body:not(.gadget-Twinkle):not(.ns-special) .vector-page-toolbar-container,
.client-js body:not(.gadget-Twinkle).mw-special-Block .vector-page-toolbar-container,
.client-js body:not(.gadget-Twinkle).mw-special-Contributions .vector-page-toolbar-container,
.client-js body:not(.gadget-Twinkle).mw-special-DeletedContributions .vector-page-toolbar-container,
.client-js body:not(.gadget-Twinkle).mw-special-Prefixindex .vector-page-toolbar-container {
	padding-right: 3.24em;
}

@supports (aspect-ratio: 16 / 9) {
	.mw-body-content a > img {
		max-width: 100%;
		height:auto;
	}
	
	.mw-body-content .noresize {
		max-width: 100%;
		overflow-x:auto;
	}
	
	.mw-body-content .noresize a > img,
	.mw-body-content table a > img {
		max-width:none !important
	}
}

/* Navbox experiment */
/*.navbox * {*/
/*	box-sizing: border-box;*/
/*}*/
/*.navbox-inner {*/
/*	display: flex;*/
/*}*/

/*.navbox-inner > tbody {*/
/*	display:flex;*/
/*	flex-direction:column;*/
/*	width: 100%;*/
/*}*/

/*.navbox th br {*/
	/* we don't need linebreaks in vertical layout */
/*	display: none;*/
/*}*/

/*.navbox th,*/
/*.navbox td {*/
/*	display: flex;*/
/*}*/

/*.navbox .mw-collapsible-toggle {*/
/*	flex: 0;*/
/*	order: 3;*/
/*}*/
/*.navbox .navbar {*/
/*	flex: 0;*/
/*	order: 2;*/
/*}*/
/*.navbox-subgroup {*/
/*	border-left: 1px solid #ddddff;*/
/*}*/
/*.navbox th > *:not(.navbar):not(.mw-collapsible-toggle) {*/
/*	flex: 1;*/
/*	text-align: left;*/
/*	margin: 0 !important; /* override reserved space for navbar and collapse toggle */
/*}*/
/*.navbox-group.navbox-group {*/
/*	width: initial !important; /* inline width: 1% */
/*	text-align: left;*/
/*}*/

/* Change background colour on :focus */
input:not([type]),
input[type='text'],
input[type='password'],
textarea:focus,
a:focus {
	background: #FFFFCC !important; color:#34adad !important; outline: 0 !important;
}

/* Change the outline style on :focus */
a:focus img { outline: #EE0000 dotted thin !important; }

/* Color redirect links */
.mw-redirect {
 color: darkgreen;
 text-decoration: underline !important;
}

.mw-parser-output .collapsible {
	border: 2px solid black;
	box-sizing: border-box;
}
.mw-parser-output .collapsible.autocollapse {
	border: 2px solid red;
}

/* Get rid of annoying book box and warning on edit page. */
.mw-editTools,
.editpage-head-copywarn,
#editpage-copywarn,
#p-coll-create_a_book {
 display: none;
}

/* Default left, right, top, bottom margin is 2cm */
@page {
	margin: 1cm;
	size: A4 portrait;
    counter-increment: page;
    counter-reset: page 1;
	
	@top-left {
      content: "Hamlet";
    }
    @top-right {
      content: "Page " counter(page);
    }

    @top-left-corner { content: " "; border: solid green; }
    @top-right-corner { content: url(foo.png); border: solid green; }
    @bottom-right-corner { content: counter(page); border: solid green; }
    @bottom-left-corner { content: normal; border: solid green; }
}

/*@page {*/
/*    counter-increment: page;*/
/*    counter-reset: page 1;*/
/*    @top-right {*/
/*        content: "Page " counter(page) " of " counter(pages);*/
/*    }*/
/*}*/

/* First page, 10 cm margin on top */
@page :first {
  /*margin-top: 10cm;*/
}

@media print {
  @page {
    size: 330mm 427mm;
    margin: 14mm;
  }
  .container {
    width: 1170px;
  }
}


.page-Special_Preferences .oo-ui-menuLayout {
	display:flex;
}
.page-Special_Preferences .oo-ui-menuLayout-menu,
.page-Special_Preferences .oo-ui-menuLayout-content {
	flex: 0 1 100%;
}
.page-Special_Preferences .oo-ui-menuLayout-menu {
	background-color: #eaecf0;
}

.page-Special_Preferences .oo-ui-tabSelectWidget-framed {
	display: flex;
    flex-direction: column;
}
.page-Special_Preferences .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget {
	margin-left: 0;
	padding-left: 6px;
	flex: 1;
}