Template:Metainfobox/styles.css

/********** META INFOBOX *************/ /** This powers templates like. 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 */