Difference between revisions of "MediaWiki:Common.css"

From BTAWiki
Jump to navigation Jump to search
m (Trying an Infobox CSS again)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
 +
/** Infobox template **/
 +
.ibox,
 +
.infobox {
 +
    background-color: #d4d4d4;
 +
    border: 1px solid #CCCCCC;
 +
    color: #1C1C1C;
 +
    float: right;
 +
    font-size: 11px;
 +
    margin: 0px 0px 10px 2em;
 +
    width: 270px;
 +
}
 +
.ibox .name,
 +
.infobox .name {
 +
    background: none repeat scroll 0% 0% #3A3A3A;
 +
    color: #eeeeee;
 +
    font-size: 16px;
 +
    padding: 1em;
 +
    text-align: center;
 +
}
 +
.ibox .image,
 +
.infobox .image {
 +
    height: 200px;
 +
    padding: 0.5em;
 +
    text-align: center;
 +
}
 +
.ibox .category,
 +
.infobox .category {
 +
    background: none repeat scroll 0% 0% #3A3A3A;
 +
    color: #eeeeee;
 +
}
 +
.ibox .category a,
 +
.infobox .category a {
 +
    color:#afd8ff;
 +
}
 +
.ibox .left,
 +
.infobox .left {
 +
    font-weight:700;
 +
    background: none repeat scroll 0% 0% #3A3A3A;
 +
    color: #eeeeee;
 +
    text-align: right;
 +
    padding-right: 5px;
 +
}
 +
.ibox .left a,
 +
.infobox .left a {
 +
    font-weight:700;
 +
    color:#afd8ff;
 +
}
 +
.ibox .right,
 +
.infobox .right {
 +
    padding: 1px 5px;
 +
    text-align: left;
 +
    width: 60%;
 +
}
 +
 +
/** Infobox horizontal**/
 +
.ibox-hori {
 +
    background-color: #d4d4d4;
 +
    border: 1px solid #CCCCCC;
 +
    color: #1C1C1C;
 +
    float: left;
 +
    font-size: 11px;
 +
    margin: 0px 0px 10px 2em;
 +
    width: 660px;
 +
}
 +
 +
.ibox-hori .name {
 +
    background: none repeat scroll 0% 0% #3A3A3A;
 +
    color: #eeeeee;
 +
    font-size: 16px;
 +
    padding: 3px;
 +
    text-align: center;
 +
}
 +
 +
.ibox-hori .image {
 +
    height: 200px;
 +
    padding: 0.5em;
 +
    text-align: center;
 +
}
 +
 +
.ibox-hori .category {
 +
    background: none repeat scroll 0% 0% #3A3A3A;
 +
    color: #eeeeee;
 +
}
 +
 +
.ibox-hori .category a {
 +
    color:#afd8ff;
 +
}
 +
 +
.ibox-hori .left {
 +
    background: none repeat scroll 0% 0% #3A3A3A;
 +
    color: #eeeeee;
 +
    text-align: right;
 +
    padding-right: 5px;
 +
}
 +
 +
.ibox-hori .left a {
 +
    color:#afd8ff;
 +
}
 +
 +
.ibox-hori .right {
 +
    padding: 1px 5px;
 +
    text-align: left;
 +
    width: 110px;
 +
}

Revision as of 07:47, 16 November 2020

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

/** Infobox template **/
.ibox,
.infobox {
     background-color: #d4d4d4;
     border: 1px solid #CCCCCC;
     color: #1C1C1C;
     float: right;
     font-size: 11px;
     margin: 0px 0px 10px 2em;
     width: 270px;
}
.ibox .name,
.infobox .name {
     background: none repeat scroll 0% 0% #3A3A3A;
     color: #eeeeee;
     font-size: 16px;
     padding: 1em;
     text-align: center;
}
.ibox .image,
.infobox .image {
     height: 200px;
     padding: 0.5em;
     text-align: center;
}
.ibox .category,
.infobox .category {
     background: none repeat scroll 0% 0% #3A3A3A;
     color: #eeeeee;
}
.ibox .category a,
.infobox .category a {
     color:#afd8ff;
}
.ibox .left,
.infobox .left {
     font-weight:700;
     background: none repeat scroll 0% 0% #3A3A3A;
     color: #eeeeee;
     text-align: right;
     padding-right: 5px;
}
.ibox .left a,
.infobox .left a {
     font-weight:700;
     color:#afd8ff;
}
.ibox .right,
.infobox .right {
     padding: 1px 5px;
     text-align: left;
     width: 60%;
}
 
/** Infobox horizontal**/
.ibox-hori {
     background-color: #d4d4d4;
     border: 1px solid #CCCCCC;
     color: #1C1C1C;
     float: left;
     font-size: 11px;
     margin: 0px 0px 10px 2em;
     width: 660px;
}
 
.ibox-hori .name {
     background: none repeat scroll 0% 0% #3A3A3A;
     color: #eeeeee;
     font-size: 16px;
     padding: 3px;
     text-align: center;
}
 
.ibox-hori .image {
     height: 200px;
     padding: 0.5em;
     text-align: center;
}
 
.ibox-hori .category {
     background: none repeat scroll 0% 0% #3A3A3A;
     color: #eeeeee;
}
 
.ibox-hori .category a {
     color:#afd8ff;
}
 
.ibox-hori .left {
     background: none repeat scroll 0% 0% #3A3A3A;
     color: #eeeeee;
     text-align: right;
     padding-right: 5px;
}
 
.ibox-hori .left a {
     color:#afd8ff;
}
 
.ibox-hori .right {
     padding: 1px 5px;
     text-align: left;
     width: 110px;
}