MediaWiki:Citizen.css: Difference between revisions

Revision as of 05:00, 28 January 2021

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

tr.hiddenStructure {
    display: none;
}

table.infobox {
    float: right;
    border: 1px solid var(--yellow);
    border-collapse: unset; /* originally collapse, but this caused problems with yellow borders not showing up properly */
    margin: 10px;
    padding: 10px;
    width:200px;
}

/* Moving the left panel a littel bit to the right because of the social media buttons masking hyperlinks */

.mw-body {
	margin-left: 13em;
}

#mw-panel {
	padding-left: 2.2em;
}

#left-navigation {
	margin-left: 13em;
}

.mw-footer {
	margin-left: 13em;
}

/* Quotes */

.dialogue {
    margin-left: 20px;
}

.dialogue-inside {
    border-left: 5px solid #434343;
    padding-left: 5px;
}

.dialogue-attribution {
    margin-left: 40px;
}

.quoteline {
    line-height: 1.7;
    font-size: 116%;
}

q:after, q:before {
    content: "";
}

a.new {
    color: #d44 !important;
}

/* Inline article preview popups */

.mwe-popups {
	background-color:#4C4C4C !important;
	color: #C1C1C1 !important;
	border: 1px solid #a2a9b1 !important;
}

.mwe-popups .mwe-popups-extract:after {
	background-image: -webkit-linear-gradient(to right,rgba(244,164,96,0),#4C4C4C 50%) !important;
	background-image: linear-gradient(to right,rgba(244,164,96,0),#4C4C4C 50%) !important;	
	}
	
	/* no images */ 

.mwe-popups.flipped-x-y:after, .mwe-popups.flipped-y:after  {
	border-top: 12px solid #4C4C4C !important;
}

.mwe-popups.mwe-popups-no-image-pointer:after, .mwe-popups.mwe-popups-no-image-pointer:before {
	border-bottom: 12px solid #4C4C4C !important;
}

	/* with images */
	
.mwe-popups.mwe-popups-image-pointer:before, .mwe-popups.flipped-x.mwe-popups-is-tall:before, .mwe-popups.mwe-popups-image-pointer.flipped-x:before {
	border-bottom: 8px solid #a2a9b1 !important
}

.mwe-popups.mwe-popups-type-page.mwe-popups-fade-in-down.flipped-x-y.mwe-popups-is-tall:before, .mwe-popups.mwe-popups-type-page.mwe-popups-fade-in-down.flipped-x-y.mwe-popups-is-not-tall:before {
	border-top: 8px solid #a2a9b1 !important
}

.mwe-popups.mwe-popups-type-page.mwe-popups-fade-in-down.flipped-x-y.mwe-popups-is-tall:after {
	border-top: 12px solid #a2a9b1 !important
}