User:Mechemik/common.css

/* fix for the header style so it doesn't effect infobox .WikiaArticle h2:not(.pi-title), .rail-module h2 { color:#FFDB15; border-bottom:1px solid #FFDB15; font-size:24px; padding:10px 0 0; margin:0 }

/* fix for the header style so it doesn't effect infobox .WikiaArticle h3:not(.pi-data-label) { color:#FFDB15; border-bottom:1px solid #FFDB15; padding:6px 0 0; font-size:20px; margin:0 }

/* properly import bold and italics */ @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i');

/* default settings for div table */ .divTable { display: table; } .divTableRow { display: table-row; } .divTableCell, .divTableHead { display: table-cell; padding: 10px; } .divTableBody { display: table-row-group; }

/*** portable infobox code ***/ .portable-infobox { width: 240px !important; background-color: #000000 !important; border: 2px solid #FFDB15 !important; /*this will be the default color if no theme is set*/ }

/* for divcells within infobox itself */ .portable-infobox .divTableCell { vertical-align: middle; }

/* edits portable infobox headers and titles to center */ .pi-title, .pi-header, .pi-horizontal-group .pi-header, .pi-data-label { text-align: center; color: #000000 !important; background-color: #FFDB15 !important; /*this will be the default color if no theme is set*/ } .pi-title { padding: 3px !important; }

/* so the main CSS doesn't add border to infobox */ .portable-infobox h3 { border: none; }

/* fix image to custom infobox size */ .pi-image-thumbnail { max-width: 240px; /* make sure it matches width set by the main portable infobox */ width: auto; height: auto; border-bottom: 1px solid #FFDB15; /*this will be the default color if no theme is set*/ background-color: #FFDB15; /*this will be the default color if no theme is set*/ }

.pi-smart-group, .pi-data-label { padding: 5px 0px !important; }

.pi-data-label { font-size: 11pt !important; }

.pi-smart-data-value { background-color: #000000 !important; margin-left: 0px !important; }

.pi-data-value { padding: 5px; margin-left: 10px; text-align: center; }

.pi-border-color.pi-data { border-top: 1px solid #FFDB15; /*this will be the default color if no theme is set*/ }

.pi-item-spacing { padding: 0px !important; }

/* A/AR/PB/race track theme */ .pi-theme-A.portable-infobox, .pi-theme-AR.portable-infobox, .pi-theme-PB.portable-infobox, .pi-theme-race-track.portable-infobox { border: 2px solid #04CEF9 !important; }

.pi-theme-A .pi-title, .pi-theme-A .pi-header, .pi-theme-A .pi-data-label, .pi-theme-AR .pi-title, .pi-theme-AR .pi-header, .pi-theme-AR .pi-data-label, .pi-theme-PB .pi-title, .pi-theme-PB .pi-header, .pi-theme-PB .pi-data-label, .pi-theme-race-track .pi-title,.pi-theme-race-track .pi-header, .pi-theme-race-track .pi-data-label { background-color: #04CEF9 !important; }

.pi-theme-A .pi-image-thumbnail, .pi-theme-AR .pi-image-thumbnail, .pi-theme-PB .pi-image-thumbnail, .pi-theme-race-track .pi-image-thumbnail { border-bottom: 1px solid #04CEF9; background-color: #04CEF9; }

.pi-theme-A .pi-border-color.pi-data, .pi-theme-AR .pi-border-color.pi-data, .pi-theme-PB .pi-border-color.pi-data, .pi-theme-race-track .pi-border-color.pi-data { border-top: 1px solid #04CEF9; } /* end A/AR/PB theme */

/* AB|JS|MT theme */ .pi-theme-AB.portable-infobox, .pi-theme-JS.portable-infobox, .pi-theme-MT.portable-infobox { border: 2px solid #FB0986 !important; }

.pi-theme-AB .pi-title, .pi-theme-AB .pi-header, .pi-theme-AB .pi-data-label, .pi-theme-JS .pi-title, .pi-theme-JS .pi-header, .pi-theme-JS .pi-data-label, .pi-theme-MT .pi-title, .pi-theme-MT .pi-header, .pi-theme-MT .pi-data-label { background-color: #FB0986 !important; }

.pi-theme-AB .pi-image-thumbnail, .pi-theme-JS .pi-image-thumbnail, .pi-theme-MT .pi-image-thumbnail { border-bottom: 1px solid #FB0986; background-color: #FB0986; }

.pi-theme-AB .pi-border-color.pi-data, .pi-theme-JS .pi-border-color.pi-data, .pi-theme-MT .pi-border-color.pi-data { border-top: 1px solid #FB0986; } /* end AB|JS|MT theme */

/* DD theme */ .pi-theme-DD.portable-infobox { border: 2px solid #FD135A !important; }

.pi-theme-DD .pi-title, .pi-theme-DD .pi-header, .pi-theme-DD .pi-data-label { background-color: #FD135A !important; }

.pi-theme-DD .pi-image-thumbnail { border-bottom: 1px solid #FD135A; background-color: #FD135A; }

.pi-theme-DD .pi-border-color.pi-data { border-top: 1px solid #FD135A; } /* end DD theme */

/* DF|HC|SR theme */ .pi-theme-DF.portable-infobox, .pi-theme-HC.portable-infobox, .pi-theme-SR.portable-infobox { border: 2px solid #FFDB15 !important; }

.pi-theme-DF .pi-title, .pi-theme-DF .pi-header, .pi-theme-DF .pi-data-label, .pi-theme-HC .pi-title, .pi-theme-HC .pi-header, .pi-theme-HC .pi-data-label, .pi-theme-SR .pi-title, .pi-theme-SR .pi-header, .pi-theme-SR .pi-data-label { background-color: #FFDB15 !important; }

.pi-theme-DF .pi-image-thumbnail, .pi-theme-HC .pi-image-thumbnail, .pi-theme-SR .pi-image-thumbnail { border-bottom: 1px solid #FFDB15; background-color: #FFDB15; }

.pi-theme-DF .pi-border-color.pi-data, .pi-theme-HC .pi-border-color.pi-data, .pi-theme-SR .pi-border-color.pi-data { border-top: 1px solid #FFDB15; } /* end DF|HC|SR theme */

/* HO|TC1 theme */ .pi-theme-HO.portable-infobox, .pi-theme-TC1.portable-infobox { border: 2px solid #D5D4D4 !important; }

.pi-theme-HO .pi-title, .pi-theme-HO .pi-header, .pi-theme-HO .pi-data-label, .pi-theme-TC1 .pi-title, .pi-theme-TC1 .pi-header, .pi-theme-TC1 .pi-data-label { background-color: #D5D4D4 !important; }

.pi-theme-HO .pi-image-thumbnail, .pi-theme-TC1 .pi-image-thumbnail { border-bottom: 1px solid #D5D4D4; background-color: #D5D4D4; }

.pi-theme-HO .pi-border-color.pi-data, .pi-theme-TC1 .pi-border-color.pi-data { border-top: 1px solid #D5D4D4; } /* end HO|TC1 theme */

/* HT|MX|RR|RX theme */ .pi-theme-HT.portable-infobox, .pi-theme-MX.portable-infobox, .pi-theme-RR.portable-infobox, .pi-theme-RX.portable-infobox { border: 2px solid #FF8000 !important; }

.pi-theme-HT .pi-title, .pi-theme-HT .pi-header, .pi-theme-HT .pi-data-label, .pi-theme-MX .pi-title, .pi-theme-MX .pi-header, .pi-theme-MX .pi-data-label, .pi-theme-RR .pi-title, .pi-theme-RR .pi-header, .pi-theme-RR .pi-data-label, .pi-theme-RX .pi-title, .pi-theme-RX .pi-header, .pi-theme-RX .pi-data-label { background-color: #FF8000 !important; }

.pi-theme-HT .pi-image-thumbnail, .pi-theme-MX .pi-image-thumbnail, .pi-theme-RR .pi-image-thumbnail, .pi-theme-RX .pi-image-thumbnail { border-bottom: 1px solid #FF8000; background-color: #FF8000; }

.pi-theme-HT .pi-border-color.pi-data, .pi-theme-MX .pi-border-color.pi-data, .pi-theme-RR .pi-border-color.pi-data, .pi-theme-RX .pi-border-color.pi-data { border-top: 1px solid #FF8000; } /* end HT|MX|RR|RX theme */

/* TC theme */ .pi-theme-TC.portable-infobox { border: 2px solid #00CEFD !important; }

.pi-theme-TC .pi-title, .pi-theme-TC .pi-header, .pi-theme-TC .pi-data-label { background-color: #00CEFD !important; }

.pi-theme-TC .pi-image-thumbnail { border-bottom: 1px solid #00CEFD; background-color: #00CEFD; }

.pi-theme-TC .pi-border-color.pi-data { border-top: 1px solid #00CEFD; } /* end TC theme */