MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(sadly that didn't work; removing the string.) |
No edit summary |
||
(33 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 { | |||
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; | |||
} | } |
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;
}