Difference between revisions of "MediaWiki:Common.css"

From TinkerMill Wiki
Jump to navigation Jump to search
m (Made the box narrower and boldened the title.)
m (Tweaked some of the .infobox styles.)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
 +
/*
 +
** InfoBox general styles
 +
*/
 +
 
.infobox {
 
.infobox {
 
     background: #eee;
 
     background: #eee;
Line 5: Line 10:
 
     float: right;
 
     float: right;
 
     margin: 0 0 1em 1em;
 
     margin: 0 0 1em 1em;
     padding: 1em;
+
     padding: 0;
     width: 22em;
+
     width: 300px;
 
}
 
}
 +
.infobox table {
 +
    margin: 0 10px;
 +
}
 +
 
.infobox-title {
 
.infobox-title {
 
     font-size: 18pt;
 
     font-size: 18pt;
 
     text-align: center;
 
     text-align: center;
 
     font-weight: bold;
 
     font-weight: bold;
 +
    font-variant: small-caps;
 
}
 
}
 
.infobox-image {
 
.infobox-image {
Line 20: Line 30:
 
     vertical-align: top;
 
     vertical-align: top;
 
     width: 120px;
 
     width: 120px;
 +
    padding-right: 1ex;
 +
    line-height: 1.2;
 
}
 
}
 
.infobox td {
 
.infobox td {
 
     vertical-align: top;
 
     vertical-align: top;
 +
    line-height: 1.2;
 
}
 
}

Revision as of 23:25, 10 February 2022

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

/*
** InfoBox general styles
*/

.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 0;
    width: 300px;
}
.infobox table {
    margin: 0 10px;
}

.infobox-title {
    font-size: 18pt;
    text-align: center;
    font-weight: bold;
    font-variant: small-caps;
}
.infobox-image {
    text-align: center;
}
.infobox th {
    text-align: right;
    vertical-align: top;
    width: 120px;
    padding-right: 1ex;
    line-height: 1.2;
}
.infobox td {
    vertical-align: top;
    line-height: 1.2;
}