MediaWiki

Common.css

From Dogcraft Wiki

m (Adding visual editor edit button on Guide namespace (temporary until visual editor can properly be enabled for the namespace through LocalSettings.php))
No edit summary
(6 intermediate revisions by the same user not shown)
Line 656: Line 656:
}
}


#mall-map-container .mall-expand-content {
display:none;
}


#mall-map-container div:not(.mall-nohover) div:hover {
#mall-map-container div:not(.mall-nohover) div:hover {
   width: 10em !important;
   width: auto !important;
   height: 10em !important;
  height: auto !important;
  min-width: 10em !important;
   min-height: 10em !important;
  max-width:30em !important;
  max-height:50em !important;
  overflow: auto;
   position: absolute !important;
   position: absolute !important;
   z-index: 10;
   z-index: 10;
   margin: -5px -20px;
   margin: -5px -20px;
   /*transition: width 0.2s ease-in-out, height 0.2s ease-in-out;*/
   /*transition: width 0.2s ease-in-out, height 0.2s ease-in-out;*/
}
#mall-map-container div:not(.mall-nohover) div:hover .mall-expand-content {
display:inline;
}
}



Revision as of 12:05, 18 January 2021

@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fascinate+Inline&display=swap');


/* ==Structural/Skin changes== */

	#actions-button {
		z-index:5!important;
	}
	
	.mw-special-Movepage #ooui-2 {
		z-index:600;
	}
	
/* Selflinks */
	a.mw-selflink {
		color: inherit;
		font-weight: bold;
		text-decoration: inherit;
		cursor: inherit;
	}
	
/* Search box allignment issue */
	@media only screen and (min-width: 641px) {
		.top-bar input {
			padding-top: .5rem;
		}
	}


/* Changing the default questin mark in the help indicator on special and category pages */ 
	#mw-indicator-mw-helplink a {
		background-image: url('images/0/0d/Mw_helplink_image.svg');
	}

/* Sitenotice */	
	/* Moving the Sitenotice down, so it isn't hidden by the topbar */
	#siteNotice {
		margin-top: .1em;
		position: fixed;
		z-index: 4;
		width: 100%;
	}
	/* Hiding it by default */
	/*#siteNotice {
		display: none;
	}*/
	/* re-enabling it on select namespaces (main, user, project, guide) */
	/*.ns-0 #siteNotice, .ns-2 #siteNotice, 
	.ns-4 #siteNotice, .ns-3002 #siteNotice {
		display: block;
	}*/
	
	.mw-dismissable-notice-close {
		font-size: 12px;
	}
	
	@media only screen and (max-width: 1000px) {
		#siteNotice {
			display:none!important;
		}	
	}
	
	
	/* Moving content down (testing) (main only) */
	/*first heading needs to be the one to be moved down, because if the whole #content is moved down, the Action button will become
	unclickable */
	.ns-0 #firstHeading { 
		padding-top:3.5rem !important;
	}

/* ==Skin fixes after updating to Mw 1.35== */
	/** Image positioning **/
	div.tright,
	div.floatright,
	table.floatright {
	  clear: right;
	  float: right;
	}
	div.tleft,
	div.floatleft,
	table.floatleft {
	  float: left;
	  clear: left;

	}
	/** CSS and JS page backgrounds (to be moved into foreground.css later)**/
	.mw-highlight {
		background-color: #f8f8f8 !important; 
	}
	
	/** Editsection links (hiding these for now, may be back later)**/
	.mw-editsection {
		display: none;
	}
	
	/** Categories **/
	
	.catlinks ul {
	    display: inline;
	    margin: 0;
	    padding: 0;
	    list-style: none;
	    list-style-type: none;
	    list-style-image: none;
	}
	
	.catlinks li {
		display: inline-block;
		line-height: 1.25em;
		border-right: 1px solid #a2a9b1;
		margin: 0.125em 0;
		padding: 0 0.5em;
		zoom: 1;
	}
	
	.catlinks li:last-of-type {
		border-right: none;
	}
	
	.mw-normal-catlinks a {
		vertical-align: middle;
	}
	
	/**
	 * Hides the catlink box if no catlinks are included on the page
	 */
	.catlinks-allhidden {
		display: none;
	}
	
	/* printfooter */
	
	.printfooter {
		display: none;
	}

/* Setting the width of the captions on packed-overlay and packed-hover galleries to cover the entire image */
.gallerytextwrapper {
	width: 100% !important;
}

/* Hide discusson pages */

#ca-talk, #pt-mytalk, #wikiEditor-section-help div[rel="discussion"],
.mw-usertoollinks span:first-of-type, .mw-usertoollinks > span:nth-child(2)::before,
.mw-contributions-user-tools .mw-changeslist-links span:first-of-type,
.mw-contributions-user-tools .mw-changeslist-links > span:nth-child(2)::before,
.ns-talk #ca-edit, .ns-talk #ca-addsection {
	display: none;
}

/* Hide open list marker on the Go to Dogcraft button in topbar */
/*#p-Go_to_Dogcraft a::after {
	display:none;
}*/

/* Hide already hidden (empty) go-to-dc.net dropdown ul*/
/*#p-Go_to_Dogcraft ul.dropdown {
	display:none;
}*/

/* Hide "Main Page" titles */ 
body.page-Main_Page .title,
body.page-Main_Page #tagline {
	display: none;
}

.row.display {
	background: #eee;
	font-size: 11px;
	margin-bottom: 10px;
}
.row.display .columns,
.row.display .column {
	background: #e7e7e7;
	border: 1px solid #ddd;
	font-size: 13px;
	font-weight: bold;
	text-indent: 3px;
	padding-top: 8px;
	color: #444;
	padding-bottom: 8px;
}

/** ===VISUAL EDITOR FIXES=== **/

/* VisualEditor
 * fixes misalignment of toolbar icons
 */
.oo-ui-toolbar-bar .oo-ui-tool .oo-ui-tool-link {
	padding-top: 0 !important;
}

/* fixes toolbar scroll displaying 
 * (previously when scrolling down, toolbar would hide under topbar)
 */
 
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
	top: 50px;
}

/*==Fixes the Visula Editor save confirm dialog box's position on screens smaller than 550px==*/

/*VE all options menus fix on phone*/
/*VE Gallery Insert box fix on phone*/
/*VE Media Insert box fix on phone*/
/*VE All options menus fix on phone*/
@media only screen and (max-width: 900px) {
	.oo-ui-processDialog .oo-ui-window-frame {
		top: 90.9px!important;
		position:fixed!important;
	}
	
	.oo-ui-processDialog-actions-other {
		position: fixed!important;
	}
	
	.oo-ui-toolbar-bar {
		text-align: center;
		line-height: 300%;
	}
}

/*VE Gallery Insert box fix on dektop*/
@media only screen and (min-width: 901px) {
	.ve-ui-mwGalleryDialog .oo-ui-window-frame {
		top: 80px!important;
	}
}

/*VE Media Insert box fix on dektop*/
@media only screen and (min-width: 901px) {
	.ve-ui-mwMediaDialog .oo-ui-window-frame {
		top: 80px!important;
	}
}

@media only screen and (max-height: 519px) and (min-width: 500px) {
	.oo-ui-processDialog .oo-ui-window-frame {
		top: 80px!important;
	}
}

/** ===PHONE VIEW FIXES=== **/

/*==Sets infobox width to full screen on phones==*/
@media only screen and (max-width: 640px) {
	.phonefullscreen {
		width: 100%!important;
		max-width:100%!important;
		padding-left: 0!important;
		padding-right: 0!important;
		margin-left: 0!important;
		margin-right: 0!important;
	}
	
	figure {
		width: 100%!important;
		margin-left: 0!important;
		margin-right: 0!important;
	}
	
	.phonefullscreen2 {
		width: 100%!important;
		max-width:100%!important;
	}
	
	.trophyfullscreen {
		display:block;
	}
	
	.trophyfullscreen > div {
		float:none!important;
	}
	
	.infobox {
		width: 100%!important;
	}
	
	.infobox .phonefullscreen img {
		width: 100%;
	}
	
	.mw-references-wrap {
		width: 100%!important;
		overflow-wrap: break-word!important;
	}
	
	.mainpagefullscreen {
		width: 100%!important;
		display: block!important;
		padding-left: 0!important;
		padding-right: 0!important;
		padding-bottom: 0!important;
		max-width:100%!important;
	}
	
	.example-orbit {
		width: 100%!important;
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.orbit-container {
		width: 100%!important;
		padding-left: 0!important;
		padding-right: 0!important;
	}
}

/*==Sets image width to full screen on phones==*/
@media only screen and (max-width: 640px) {
	.thumbimage, .thumbinner, .thumb{
		width: 100%!important;
		max-width:100%!important;
	}
}

@media only screen and (max-width: 640px) {
	.gallerybox {
		width: 49%!important;
		margin:auto!important;
	}
	
	/*.gallerybox div {
		width: 100%!important;
	}
	
	.gallerybox div .thumb img {
		width: 100%!important;
	}*/
	
	.gallery {
		margin:auto!important;
	}
	
	/*=Sets the Main Page option buttons to small=*/
	.mainpagegallery .thumb {
		width: 124.667px!important;
		margin: auto !important;
	}
	.mainpagegallery .gallerybox {
		width: 49%!important;
	}
}

/*=Padding, and margin to images=*/
.thumbinner {
	margin:5px; 
	margin-top:10px; 
	margin-bottom:10px; 
	padding-left:5px; 
	padding-right:5px;
}

/*=Gray and italic image captions=*/
.thumbcaption {
	color:#6f6f6f; 
	font-style:italic; 
	background:#fcfdfe; 
	padding-left:3px; 
	padding-right:3px;
}


/** ===CSS placed here will be applied to default skin for navigation boxes=== */

table.navbox {            /* navbox container style */
  border: 1px solid #aaa;
  width: 100%; 
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
table.navbox + table.navbox {
  margin-top: -1px;        /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
  text-align: center;      /* title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {           /* group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #fdfdfd;     /* Background color */
}
.navbox-list {
  border-left: 2px solid #fdfdfd;   /* Must match background color */
}
.navbox-title, table.navbox th {
  background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
  background: #ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #e6e6ff;     /* Level 3 color */
}
.navbox-even {
  background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}
 
@media print {
    .navbox {
        display: none;
    }
}

.nowraplinks a { /* prevents line breaks in links in primarily navbox */
    white-space: nowrap;
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #E9EDEF;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
    width: 22em;
}

.infobox td,
.infobox th {
    vertical-align: top;
}

.infobox title {
	color: white;
}

.infobox heading {
	color: white;
}

.infobox caption {
    font-size: larger;
    color: black;
}

/** ===TEMPLATES & OTHER=== **/

/* ==Hover class== */
.hover:hover .hoverbox {
	display: inline;
}

.hoverbox {
	display: none;
}

.hover2:hover .hoverbox2 {
	display: block;
}

.hoverbox2 {
	display: none;
}

.hover3:hover .hoverbox {
	display: inline;
	position: absolute;
	top: 0;
	left: 0;
	width: 1000px;
}

/* ==Flip Cards== */

.flip-card:focus .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card:hover #trophy-title {
  background-color: var(--second-color)!important;
  outline-color: var(--second-color)!important;
}

.flip-card:hover #trophy-image {
  outline-color: var(--second-color)!important;
}



/* Pagetabs template */

/* Hides the desktop version on mobile*/
@media only screen and (max-width: 999px) {
	.vdesktop {
		display: none;
	}
}

/* Hides the mobile version on desktop*/
@media only screen and (min-width: 1000px) {
	.vmobile {
		display: none;
	}
}

@media only screen and (min-width: 641px) {
	.trophyfullscreen {
		display:inline-block;
	}
}


/* Speech Bubble */ 
.speech-bubble {
	position: relative;
	background: #fffff0;
	border-radius: .4em;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	top: 0;
	left: 12%;
	width: 0;
	height: 0;
	border: 9px solid transparent;
	border-bottom-color: #fffff0;
	border-top: 0;
	margin-left: -9px;
	margin-top: -9px;
}

/* Navigation Popups */
.navpopup { 
  background-color: #fffff0  !important;
  border-color: #fffff0 !important;

}

/* World Map */
@media only screen and (max-width: 640px) {
	.worldmap {
		width: 100%; 
	}
}

/* Wikitable Styles */

.wikitable th, .wikitable td {
	border: 2px solid #fff !important;
}

.wikitable > * > tr > th {
	background: var(--main-color);
	color: #fff;
}

.wikitable tbody tr:nth-child(even) {
	background: #f5f5f5;
}

.wikitable tbody tr:nth-child(odd) {
	background: #e9edef;
}

@media only screen and (max-width: 640px) {
.wikitable {
	display: block;
	max-width: 100%;
	width: 100%;
	overflow-x: scroll;
}
	
}

/** ===WIKI EDITOR=== **/

/*Help section fully displayed*/
#wikiEditor-section-help .index, #wikiEditor-section-help .pages {
	height: 100%;
}

/*Special characters to fit boxes*/
.wikiEditor-ui-toolbar .page-characters div span {
	height: 30px;
}

/*Temp*/
.uecTable2 {
	width: 612px;
	margin: auto;
}

/* ===Module:Chart fixes=== */

.piechart {
	clip-path: circle(48% at 50% 50%);
}

@media only screen and (max-width: 640px) {
	.chart {
		overflow-y: scroll;
	}
}

/* ===Skin sandbox demo page=== */
@media only screen and (min-width: 641px) {
	body.page-Dogcraft_Wiki_Skin_sandbox {
		background: #f1f1f1;
		background-image: url('https://dogcraft.net/img/bg/17391Spawn.png');
		background-attachment: fixed;
		background-size: cover;
	}
	
	.page-Dogcraft_Wiki_Skin_sandbox #p-cactions {
		border: 5px white solid;
		border-radius: 15px;
		background: white;
		margin-top: 3.5rem;
		margin-bottom: 8.6em;
		padding-top: 0.46875rem;
		padding-bottom: 0.9375rem;
		box-shadow: inset 0 0 0 5px var(--main-color);
	}
	
	.page-Dogcraft_Wiki_Skin_sandbox footer {
		max-width: 100%;
		background: #f1f1f1;
		padding-top: 20px;
		box-shadow: inset 0 2px 2px -1px rgba(85, 85, 85, 0.25);
		position: absolute;
		bottom: 0;
	}
	
	.page-Dogcraft_Wiki_Skin_sandbox #page-content {
		min-height: 100vh;
		position: relative;
		margin-top: 0;
	}
	
}

/* The sticky class is added to the rules/help-resoruces header with JS when it reaches its scroll position */
.sticky1 {
  position: fixed;
  top: 0;
  width: 100%
}

#mall-map-container .mall-expand-content {
	display:none;
}

#mall-map-container div:not(.mall-nohover) div:hover {
   width: auto !important;
   height: auto !important;
   min-width: 10em !important;
   min-height: 10em !important;
   max-width:30em !important;
   max-height:50em !important;
   overflow: auto;
   position: absolute !important;
   z-index: 10;
   margin: -5px -20px;
   /*transition: width 0.2s ease-in-out, height 0.2s ease-in-out;*/
}

#mall-map-container div:not(.mall-nohover) div:hover .mall-expand-content {
	display:inline;
}

/** Adding visual editor edit button on Guide namespace 
(temporary until visual editor can properly be enabled for the namespace through LocalSettings.php)*/
.ve-not-available .ns-3002 #ca-ve-edit {
	display: block;
}
This page was last modified on 18 January 2021, at 12:05. (44 days ago)