Difference between revisions of "MediaWiki:Common.css"

From JD Reborn Wiki
Jump to: navigation, search
(Created page with "CSS placed here will be applied to all skins: .infobox { background: #eee; border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 1em;...")
 
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
 
 
.infobox {
 
.infobox {
     background: #eee;
+
     background: #fff;
 
     border: 1px solid #aaa;
 
     border: 1px solid #aaa;
 
     float: right;
 
     float: right;
 
     margin: 0 0 1em 1em;
 
     margin: 0 0 1em 1em;
 
     padding: 1em;
 
     padding: 1em;
     width: 400px;
+
     width: 250px;
 
}
 
}
.infobox-title {
+
.infobox-header {
     font-size: 2em;
+
     font-size: 20px;
 
     text-align: center;
 
     text-align: center;
 +
    background-color: #63acbd;
 +
    border: 14px solid #63acbd;
 +
    width: 250px;
 +
    height: 28px;
 +
    margin-left: -14px;
 +
    margin-top: -14px;
 
}
 
}
 
.infobox-image {
 
.infobox-image {
 
     text-align: center;
 
     text-align: center;
 +
    border-bottom: 2px solid #c8c8c8;
 
}
 
}
 
.infobox th {
 
.infobox th {
Line 19: Line 25:
 
     vertical-align: top;
 
     vertical-align: top;
 
     width: 120px;
 
     width: 120px;
 +
    border-bottom: 1px solid #f0f0f0;
 +
 
}
 
}
 
.infobox td {
 
.infobox td {
 
     vertical-align: top;
 
     vertical-align: top;
 +
    border-bottom: 1px solid #f0f0f0;
 
}
 
}

Latest revision as of 21:50, 6 July 2021

.infobox {
    background: #fff;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 250px;
}
.infobox-header {
    font-size: 20px;
    text-align: center;
    background-color: #63acbd;
    border: 14px solid #63acbd;
    width: 250px;
    height: 28px;
    margin-left: -14px;
    margin-top: -14px;
}
.infobox-image {
    text-align: center;
    border-bottom: 2px solid #c8c8c8;
}
.infobox th {
    text-align: right;
    vertical-align: top;
    width: 120px;
    border-bottom: 1px solid #f0f0f0;

}
.infobox td {
    vertical-align: top;
    border-bottom: 1px solid #f0f0f0;
}