Template:Metainfobox/styles.css

/********** META INFOBOX *************/
/** This powers templates like {{Infobox Sim}}. Changes to it will affect multiple templates, so be careful! **/
table.metainfobox {
    padding: 2px;
    margin-left: 5px;
    margin-right: 1px;
    float: right;
    clear: right;
    width: 260px;
    font-size: 90%;
    text-align: left;
    border: 1px solid #E0E0E0;
    background: #F9F9F9;
    box-shadow: 1px 1px 3px #777;
}
 
table.metainfobox td {
    vertical-align: text-top;
}
 
table.metainfobox td p {
    margin: 0;
}
 
/** for first column of each row, excluding rows like trait2, trait3, etc. **/
table.metainfobox td:first-child:not(:only-child){ 
    font-weight: bold;
    width: 104px;
}
 
table.metainfobox td[colspan="2"] {
    text-align: center;
}
 
table.metainfobox.blue {
    background: #DAE8F2;
} 
table.metainfobox.green {
    background: #DCF2DA;
} 
table.metainfobox.ts1 {
    background: #FFE9E5;
}
table.metainfobox.ts2 {
    background: #E5E8FF;
}
table.metainfobox.ts3 {
    background: #EEFFE5;
}
table.metainfobox.ts4 {
    background: #E5FDFF;
}
table.metainfobox.urbz {
    background: #FFF5E5;
}
table.metainfobox.social {
    background: #E5FFFC;
}
table.metainfobox.medieval {
    background: #FFFBE5;
}
 
th.metainfobox-header, td.metainfobox-header {
    background: #808080;
    text-align: center;
    color: white;
    font-size: 95%;
    text-shadow: 1px 1px 2px #222;
    padding: 1px;
    box-shadow: 1px 1px 3px #777;
    font-weight: bold;
}
th.metainfobox-header.large, td.metainfobox-header.large {
    font-size: 125%;
    padding: 3px;
}
th.metainfobox-header.line, td.metainfobox-header.line {
    height: 1px;
    padding: 0;
    box-shadow: none;
}
 
th.metainfobox-header.blue, td.metainfobox-header.blue {
    background: linear-gradient(to right, #2E70B7, #25A8E0);
}
th.metainfobox-header.green, td.metainfobox-header.green {
    background: linear-gradient(to right, #4CAD40, #96CF24);
}
th.metainfobox-header.ts1, td.metainfobox-header.ts1 {
    background: #FA8072;
}
th.metainfobox-header.ts2, td.metainfobox-header.ts2 {
    background: #7788E0;
}
th.metainfobox-header.ts3, td.metainfobox-header.ts3 {
    background: #96CF24;
}
th.metainfobox-header.ts4, td.metainfobox-header.ts4 {
    background: #25A8E0;
}
th.metainfobox-header.urbz, td.metainfobox-header.urbz{
    background: #CC6633;
}
th.metainfobox-header.social, td.metainfobox-header.social {
    background: #18B4F7;
}
th.metainfobox-header.medieval, td.metainfobox-header.medieval {
    background: #DAA520;
}
 
 
td.metainfobox-image {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #e0e0e0;
    width: 250px;
    padding :0px;
    text-align: center;
    background: #FFFFFF;
}
 
td.metainfobox-logo {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}
 
td.metainfobox-caption {
    text-align: center;
    font-size: 85%;
    font-style: italic;
}
/* END Metainfobox */