MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css?family=Alegreya:400'); @import url('https://fonts.googleapis.com/css?family=Alegreya:700'); @import url('https://fonts.googleapis.com/css?family=Alegreya:900'); @import url('https://fonts.googleapis.com/css?family=Baloo:400'); @import url('https://fonts.googleapis.com/css?family=Bangers:400'); @import url('https://fonts.googleapis.com/css?family=Chango:400'); @import url('https://fonts.googleapis.com/css?family=Kalam:400'); @import url('https://fonts.googleapis.com/css?family=Montserrat:600'); @import url('https://fonts.googleapis.com/css?family=Montserrat:700'); @import url('https://fonts.googleapis.com/css?family=Noto Sans SC:400'); @import url('https://fonts.googleapis.com/css?family=Noto Sans KR:400'); @import url('https://fonts.googleapis.com/css?family=Noto Sans TC:400'); @import url('https://fonts.googleapis.com/css?family=Pacifico:400'); @import url('https://fonts.googleapis.com/css?family=Palanquin Dark:400'); @import url('https://fonts.googleapis.com/css?family=Roboto Slab:400'); @import url('https://fonts.googleapis.com/css?family=Roboto Slab:700'); @import url('https://fonts.googleapis.com/css?family=Roboto Slab:900');

/* HEADERADV */ .headeradv { background-color: rgba(70, 35, 110, 1.0); -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px; color: #ffffff; font-weight: 700; font-size: 16px; }

/* TEXT BOX */ .tpcBoxTop { background-color: rgba(255, 195, 45, 1.0); -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px; color: #000000; font-weight: 600; font-size: 16px; text-align: center; }

.tpcBox { width:65%; border-radius: 30px; background: rgba(255, 195, 45, 0.1); padding: 0px; font-family: 'Montserrat', sans-serif; font-size: 14px; }

.tpcBoxText { padding: 5px 20px 15px 20px; display: flex; }

.tpcBoxText a.image{ display: block; width: fit-content; margin-right: 10px; }

.tpcRewardHighlight { background: rgba(255, 195, 45, 0.1); border-radius: 30px; padding: 5px 0px 10px 20px; font-family: 'Montserrat', sans-serif; font-size: 14px; }

.tpcBox p, .tpcRewardHighlight p{	margin-bottom: 0; }

.tpcHighlight { background: rgba(255, 195, 45, 0.1); border-radius: 30px; padding: 5px 20px 10px 20px; font-family: 'Montserrat', sans-serif; font-size: 14px; vertical-align:middle; }

.tpcBox p, .tpcHighlight p{	margin-bottom: 0; }

/* INFOBOX DESIGNS */

.portable-infobox { border-color: rgba(70, 35, 110, 1.0); background: rgba(255, 195, 45, 0.1); }

.portable-infobox .pi-title { background: rgba(255, 195, 45, 1.0); font-family: 'Montserrat', sans-serif; font-size: 25px; color:#000000; }

.portable-infobox .pi-header { background: rgba(255, 195, 45, 1.0); font-family: 'Montserrat', sans-serif; font-size: 18px; text-align: center; color:#000000; }

.portable-infobox .pi-data { border: none }

.portable-infobox .pi-data-label { font-family: 'Montserrat', sans-serif; font-weight: 800; }

/* TPC DEFAULT TABLE */

table.tpcDefaultTable { border: 1px solid rgba(70, 35, 110, 1.0); border-collapse: collapse; font-family: 'Montserrat', sans-serif; font-weight: 600; padding: 5px; } table.tpcDefaultTable th { border: 1px solid rgba(70, 35, 110, 1.0); background-color: rgba(255, 195, 45, 1.0); font-weight: 700; color: #000000; padding: 5px; } table.tpcDefaultTable td { border: 1px solid rgba(70, 35, 110, 1.0); background-color: rgba(255, 195, 45, 0.1); text-align: left; padding: 5px; }

table.tpcDefaultTable td.tpcDefaultTableLeft { background-color: rgba(255, 195, 45, 0.2); font-weight: 700; text-align: left; }

table.tpcDefaultTable td.tpcDefaultTableHeader { background-color: rgba(255, 195, 45, 0.2); font-weight: 700; color:#c28b00; text-align: center; }

table.tpcDefaultTable td.tpcDefaultTableLeft a{   font-weight: 700; color:#c28b00; }

table.tpcDefaultTable td.tpcDefaultTableHeader a{   font-weight: 700; color:#c28b00; }

table.tpcDefaultTable p, table.tpcDefaultTableLeft p, table.tpcDefaultTableHeader p{	margin-bottom: 0; }

table.tpcDefaultTable ul, table.tpcPositiveTable ul, table.tpcNegativeTable ul { margin-top: 0; margin-bottom: 0; }

/* TPC POSITIVE TABLE */

table.tpcPositiveTable { border: 1px solid rgba(65, 170, 65, 1.0); border-collapse: collapse; font-family: 'Montserrat', sans-serif; font-weight: 600; padding: 5px; } table.tpcPositiveTable th { border: 1px solid rgba(65, 170, 65, 1.0); background-color: rgba(65, 170, 65, 1.0); font-weight: 700; color: #ffffff; padding: 5px; } table.tpcPositiveTable td { border: 1px solid rgba(65, 170, 65, 1.0); background-color: rgba(65, 170, 65, 0.1); text-align: left; padding: 5px; }

table.tpcPositiveTable td.tpcPositiveTableLeft { background-color: rgba(65, 170, 65, 0.2); font-weight: 700; text-align: left; }

table.tpcPositiveTable p, table.tpcPositiveTableLeft p{	margin-bottom: 0; }

/* TPC NEGATIVE TABLE */

table.tpcNegativeTable { border: 1px solid rgba(185, 25, 50, 1.0); border-collapse: collapse; font-family: 'Montserrat', sans-serif; font-weight: 600; padding: 5px; } table.tpcNegativeTable th { border: 1px solid rgba(185, 25, 50, 1.0); background-color: rgba(185, 25, 50, 1.0); font-weight: 700; color: #ffffff; padding: 5px; } table.tpcNegativeTable td { border: 1px solid rgba(185, 25, 50, 1.0); background-color: rgba(185, 25, 50, 0.1); text-align: left; padding: 5px; }

table.tpcNegativeTable td.tpcNegativeTableLeft { background-color: rgba(185, 25, 50, 0.2); font-weight: 700; text-align: left; }

table.tpcNegativeTable p, table.tpcNegativeTableLeft p{	margin-bottom: 0; }

/* TPC PLAIN TABLE */

table.tpcPlainTable td.tpcPlainTableReq { vertical-align: top; padding-left: 20px; }

table.tpcPlainTable td.tpcPlainTableRec1 { vertical-align: top; padding-left: 20px; }

table.tpcPlainTable td.tpcPlainTableRec2 { vertical-align: top; padding-left: 30px; }

table.tpcPlainTable p{	margin-bottom: 0; }

table.tpcPlainTable ul { margin-top: 0; margin-bottom: 0; }

/* TPC DEFAULT NAVBOX */

table.tpcDefaultNavbox { border: 1px solid rgba(70, 35, 110, 1.0); background-color: rgba(255, 195, 45, 0.1); font-family: 'Montserrat', sans-serif; } table.tpcDefaultNavbox th { border: 1px solid rgba(70, 35, 110, 1.0); background-color: rgba(255, 195, 45, 1.0); font-weight: 700; color: #000000; padding: 10px; } table.tpcDefaultNavbox td { border: 0px; font-weight: 600; text-align: left; padding: 10px; }

table.tpcDefaultNavbox th a{	color:#000000; font-weight: 700; }

table.tpcDefaultNavbox th.tpcDefaultNavboxLeft { background-color: rgba(255, 195, 45, 0.2); color:#c28b00; text-align: left; }

table.tpcDefaultNavbox th.tpcDefaultNavboxLeft a{	color:#c28b00; }

/* GALLERY */ .tpcGallery { border: 1px solid rgba(70, 35, 110, 1.0); }