MediaWiki:Common.css: Difference between revisions

From Dream Chasers
Jump to navigation Jump to search
(let's see if this can work)
No edit summary
 
(35 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* this makes our columns work! */


ul.smw-format.ul-format.askcolumns {
ul.smw-format.ul-format.askcolumns {
     column-count: 2;
     column-count: 2;
}
}
/* ascii art converter, in order to let ascii art look better in posted logs; still a work in progress */


.ascii-art {
.ascii-art {
     font-family: monospace;
     font-family: sans-serif;
     white-space: pre;
     white-space: pre;
/* for front page boxes; shamelessly stolen from mediawiki */
}
.mainpage_row {
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0 -5px 0 -5px;
}
.mainpage_box {
flex: 1;
margin: 5px;
min-width: 210px;
border: 1px solid #CCC;
padding: 0 10px 10px 10px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.mainpage_box h3 {
/* Reset padding so is equal across skins */
padding: 0;
margin: 0.5em 0;
color: white;
}
.mainpage_box h3 .header_icon {
float: left;
margin-right: 5px;
}
.mainpage_box .items {
border-top: 1px solid #CCC;
padding-top: 0.5em;
}
.mainpage_box p:last-child {
margin-bottom: 0;
}
.mainpage_boxcontents_small {
font-size: 95%;
}
@media screen and (max-width: 719px) {
.thumb {
float: none;
}
.thumb, .thumbinner {
margin-left: auto;
margin-right: auto;
}
}
/* colors for front page */
#box1 h3 {
    color: white;
    background-color: #967463;
}
#box2 h3 {
    color: white;
    background-color: #636c96;
}
#box3 h3 {
    color: white;
    background-color: #966385;
}
#box4 h3 {
    color: white;
    background-color: #639674;
}
}

Latest revision as of 04:15, 12 December 2020

/* CSS placed here will be applied to all skins */

/* this makes our columns work! */

ul.smw-format.ul-format.askcolumns {
    column-count: 2;
}

/* ascii art converter, in order to let ascii art look better in posted logs; still a work in progress */

.ascii-art {
    font-family: sans-serif;
    white-space: pre;

/* for front page boxes; shamelessly stolen from mediawiki */

}
.mainpage_row {
	display: flex;
	flex-direction: row;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 0;
	margin: 0 -5px 0 -5px;
}
.mainpage_box {
	flex: 1;
	margin: 5px;
	min-width: 210px;
	border: 1px solid #CCC;
	padding: 0 10px 10px 10px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.mainpage_box h3 {
	/* Reset padding so is equal across skins */
	padding: 0;
	margin: 0.5em 0;
	color: white;
}
.mainpage_box h3 .header_icon {
	float: left;
	margin-right: 5px;
}
.mainpage_box .items {
	border-top: 1px solid #CCC;
	padding-top: 0.5em;
}
.mainpage_box p:last-child {
	margin-bottom: 0;
}
.mainpage_boxcontents_small {
	font-size: 95%;
}

@media screen and (max-width: 719px) {
	.thumb {
		float: none;
	}
	.thumb, .thumbinner {
		margin-left: auto;
		margin-right: auto;
	}
}

/* colors for front page */


#box1 h3 {
    color: white;
    background-color: #967463;
}
#box2 h3 {
    color: white;
    background-color: #636c96;
}
#box3 h3 {
    color: white;
    background-color: #966385;
}
#box4 h3 {
    color: white;
    background-color: #639674;
}