Difference between revisions of "MediaWiki:Common.css"

m (Infobox title styling)
m (ibox title styling)
Line 9: Line 9:
 
/* Infobox title styling */
 
/* Infobox title styling */
 
.ibox-title { padding: 10px; }
 
.ibox-title { padding: 10px; }
.syllable-box-title { position: relative; top: -13px; }
+
.syllable-box-title { position: relative; top: -13px; float: left; margin: 0px; }
 +
.ibox-label { clear: both; }
  
 
/* Resources dropdown fix for mobile */
 
/* Resources dropdown fix for mobile */

Revision as of 01:24, 12 June 2015

/* Possibly for addition to MW skin */

.tright .thumbinner {padding-left: 1.2em; }
.tleft .thumbinner {padding-right: 1.2em; }

img.thumbimage { width: 100% !important; }
div.thumbinner { width: auto !important; }

/* Infobox title styling */
.ibox-title { padding: 10px; }
.syllable-box-title { position: relative; top: -13px; float: left; margin: 0px; }
.ibox-label { clear: both; }

/* Resources dropdown fix for mobile */
@media (max-width: 770px) {
li.dropdown {
position: relative; 
}
.dropdown .dropdown-menu,
.dropdown .dropdown-panel {
background-color: transparent;
border-width: 0px;
box-shadow: 0 0 0 #fff;
}
.dropdown-menu > li > a {
clear: both;
line-height: 20px;
border-radius: 3px;
color: #777;
padding: 9px 15px;
}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
}
}

/* Text styling */

span.enpron {background-color: #CEE3F6; border-bottom: 2x solid #5882FA; }

/* Pinyin Quick Start Guide Points List styling */

.mw-content-ltr div.points-big ul, .mw-content-rtl .mw-content-ltr div.points-big ul, .mw-content-ltr div.points-big ol, .mw-content-rtl .mw-content-ltr div.points-big ol {
max-width: 22em;
border: 1px solid #ddd;
background-color: #fdfdfd;
font-size: 120%;
margin: 0.5em 0 1.2em 2em;
padding: 1em 2.5em;
}

div.points-big ol li, div.points-big ul li {
line-height: 1.8em;
}

/* Accents Table */

table.accents {
width: 100%;
overflow: auto;
margin-bottom: 1.5em;
}

table.accents tr {
padding: 1.3em 0;
}

table.accents td {
border: 1px solid white;
}

table.accents th {
font-weight: bold;
}

table.accents td.plus {
text-align: center;
font-weight: bold;
background-color: #A9F5BC;
}

table.accents td.minus {
text-align: center;
font-weight: bold;
background-color: #F5A9A9;
}