MediaWiki:Mobile.css: Difference between revisions

From Our World of Text Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/* All CSS here will be loaded for users of the mobile site */
/* All CSS here will be loaded for users of the mobile site */
.mwImageSizeContainer img {
    width: 100% !important;
    height: auto !important;
}
/* Imported from wikipedia */
/* Imported from wikipedia */


Line 129: Line 136:
Main page boxes
Main page boxes
*/
*/
.mwBoxContainer {
.mwBoxRow {
display: flex;
display: flex;
flex-direction: column; /* Mobile exclusive */
flex-direction: column; /* Mobile exclusive */
}
}
.mwBoxRow {
.mwBoxPanel {
border-spacing: 8px;
border-spacing: 8px;
border: 1px solid;
border: 1px solid;
Line 141: Line 148:
margin: 5px;
margin: 5px;
padding: 8px;
padding: 8px;
width: auto !important; /* Mobile exclusive */
}
}
.mwBoxHeader {
.mwBoxHeader {
Line 152: Line 160:
color: #000000;
color: #000000;
padding: 0.2em 0.4em;
padding: 0.2em 0.4em;
}
.mwBoxRow > div { /* Mobile exclusive */
width: auto !important;
}
}

Latest revision as of 14:49, 7 September 2024

/* All CSS here will be loaded for users of the mobile site */


.mwImageSizeContainer img {
    width: 100% !important;
    height: auto !important;
}

/* Imported from wikipedia */

.navbox {
    border: 1px solid #a2a9b1;
    width: 100%;
    box-sizing: border-box;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px
}

.navbox-inner,.navbox-subgroup {
    width: 100%
}

.navbox-group,.navbox-title,.navbox-abovebelow {
    padding: 0.25em 1em;
    line-height: 1.5em;
    text-align: center
}

th.navbox-group {
    white-space: nowrap;
    text-align: right
}

.navbox,.navbox-subgroup {
    background: #fdfdfd
}

.navbox-list {
    line-height: 1.8em;
    border-color: #fdfdfd
}

.navbox th,.navbox-title {
    background: #ccccff
}

.navbox-abovebelow,th.navbox-group,.navbox-subgroup .navbox-title {
    background: #ddddff
}

.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff
}

.navbox-even {
    background: #f7f7f7
}

.navbox-odd {
    background: transparent
}

table.navbox + table.navbox {
    margin-top: -1px
}

.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul {
    padding: 0.125em 0
}

ol + table.navbox,ul + table.navbox {
    margin-top: 0.5em
}

.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal
}

.navbar ul {
    display: inline;
    white-space: nowrap
}

.navbar li {
    word-spacing: -0.125em
}

.navbar.mini li span {
    font-variant: small-caps
}

.infobox .navbar {
    font-size: 100%
}

.navbox .navbar {
    display: block;
    font-size: 100%
}

.navbox-title .navbar {
    float: left;
    text-align: left;
    margin-right: 0.5em;
    width: 6em
}

/* Imported from an archive of wikipedia */

.navbox-title {
	background-color: #ccf
}

.navbox-abovebelow,.navbox-group,.navbox-subgroup .navbox-title {
	background-color: #ddf
}

.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow {
	background-color: #e6e6ff
}

.navbox-even {
	background-color: #f7f7f7
}

.navbox-odd {
	background-color: transparent
}

/*
	Main page boxes
*/
.mwBoxRow {
	display: flex;
	flex-direction: column; /* Mobile exclusive */
}
.mwBoxPanel {
	border-spacing: 8px;
	border: 1px solid;
	background: #F5F4FF;
	vertical-align: top;
	color: #000000;
	margin: 5px;
	padding: 8px;
	width: auto !important; /* Mobile exclusive */
}
.mwBoxHeader {
	font-family: Verdana;
	margin: 0;
	background: #E0DCFF;
	font-size: 120%;
	font-weight: bold;
	border: 1px solid #B8B5CF;
	text-align: left;
	color: #000000;
	padding: 0.2em 0.4em;
}