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');

/* LINK UNDERLINE FIX */ .mw-parser-output > p a, .mw-parser-output > a, .mw-parser-output > i > a, .mw-parser-output > b > a { text-decoration: none !important; }

/* FANDOM SLIDER READ MORE LINK COLOR FIX */ .fandom-slider .read-more-link { color: rgb(255,195,45); } .fandom-slider .read-more-link:hover { color: rgba(255,195,45,.6); }

/* 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; }

.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; }

/* TEXT BOX SPACE ACADEMY */

.tpcBoxTopSA { background-color: rgba(11, 59, 137, 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: 600; font-size: 16px; text-align: center; }

.tpcBoxSA { width:65%; border-radius: 30px; background: rgba(11, 59, 137, 0.1); padding: 0px; font-family: 'Montserrat', sans-serif; font-size: 14px; }

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

.tpcHighlightSA { background: rgba(11, 59, 137, 0.1); border-radius: 30px; padding: 5px 20px 10px 20px; font-family: 'Montserrat', sans-serif; font-size: 14px; vertical-align:middle; }

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

/* TEXT BOX SCHOOL SPIRITS */

.tpcBoxTopSS { background-color: rgba(55, 36, 66, 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: 600; font-size: 16px; text-align: center; }

.tpcBoxSS { width:65%; border-radius: 30px; background: rgba(55, 36, 66, 0.1); padding: 0px; font-family: 'Montserrat', sans-serif; font-size: 14px; }

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

.tpcHighlightSS { background: rgba(55, 36, 66, 0.1); border-radius: 30px; padding: 5px 20px 10px 20px; font-family: 'Montserrat', sans-serif; font-size: 14px; vertical-align:middle; }

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

/* TEXT BOX CHALLENGE MODE */

.tpcBoxTopCM { background-color: rgba(71, 166, 175, 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: 600; font-size: 16px; text-align: center; }

.tpcBoxCM { width:65%; border-radius: 30px; background: rgba(71, 166, 175, 0.1); padding: 0px; font-family: 'Montserrat', sans-serif; font-size: 14px; }

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

.tpcHighlightCM { background: rgba(71, 166, 175, 0.1); border-radius: 30px; padding: 5px 20px 10px 20px; font-family: 'Montserrat', sans-serif; font-size: 14px; vertical-align:middle; }

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

/* INFOBOX DEFAULT */

.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; }

/* INFOBOX CHALLENGE MODE */

.portable-infobox.type-CM { border-color: rgba(71, 166, 175, 1.0); background: rgba(71, 166, 175, 0.1); }

.portable-infobox.type-CM .pi-title { background: rgba(71, 166, 175, 1.0); font-family: 'Montserrat', sans-serif; font-size: 25px; color:#ffffff; }

.portable-infobox.type-CM .pi-header { background: rgba(71, 166, 175, 1.0); font-family: 'Montserrat', sans-serif; font-size: 18px; text-align: center; color:#ffffff; }

/* INFOBOX CHALLENGE MODE */

.portable-infobox.type-SA { border-color: rgba(11, 59, 137, 1.0); background: rgba(11, 59, 137, 0.1); }

.portable-infobox.type-SA .pi-title { background: rgba(11, 59, 137, 1.0); font-family: 'Montserrat', sans-serif; font-size: 25px; color:#ffffff; }

.portable-infobox.type-SA .pi-header { background: rgba(11, 59, 137, 1.0); font-family: 'Montserrat', sans-serif; font-size: 18px; text-align: center; color:#ffffff; }

/* INFOBOX CHALLENGE MODE */

.portable-infobox.type-SS { border-color: rgba(55, 36, 66, 1.0); background: rgba(55, 36, 66, 0.1); }

.portable-infobox.type-SS .pi-title { background: rgba(55, 36, 66, 1.0); font-family: 'Montserrat', sans-serif; font-size: 25px; color:#ffffff; }

.portable-infobox.type-SS .pi-header { background: rgba(55, 36, 66, 1.0); font-family: 'Montserrat', sans-serif; font-size: 18px; text-align: center; color:#ffffff; }

/* 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 SA TABLE */

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

table.tpcSATable td.tpcSATableLeft { background-color: rgba(11, 59, 137, 0.2); font-weight: 700; text-align: left; }

table.tpcSATable td.tpcSATableHeader { background-color: rgba(11, 59, 137, 0.2); font-weight: 700; color:#3352a4; text-align: center; }

table.tpcSATable td.tpcSATableLeft a{   font-weight: 700; color:#3352a4; }

table.tpcSATable td.tpcSATableHeader a{   font-weight: 700; color:#3352a4; }

table.tpcSATable p, table.tpcSATableLeft p, table.tpcSATableHeader p{	margin-bottom: 0; }

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

/* TPC SS TABLE */

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

table.tpcSSTable td.tpcSSTableLeft { background-color: rgba(55, 36, 66, 0.2); font-weight: 700; text-align: left; }

table.tpcSSTable td.tpcSSTableHeader { background-color: rgba(55, 36, 66, 0.2); font-weight: 700; color:#705a7d; text-align: center; }

table.tpcSSTable td.tpcSSTableLeft a{   font-weight: 700; color:#705a7d; }

table.tpcSSTable td.tpcSSTableHeader a{   font-weight: 700; color:#705a7d; }

table.tpcSSTable p, table.tpcSSTableLeft p, table.tpcSSTableHeader p{	margin-bottom: 0; }

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

/* TPC CM TABLE */

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

table.tpcCMTable td.tpcCMTableLeft { background-color: rgba(71, 166, 175, 0.2); font-weight: 700; text-align: left; }

table.tpcCMTable td.tpcCMTableHeader { background-color: rgba(71, 166, 175, 0.2); font-weight: 700; color:#47a6af; text-align: center; }

table.tpcCMTable td.tpcCMTableLeft a{   font-weight: 700; color:#47a6af; }

table.tpcCMTable td.tpcCMTableHeader a{   font-weight: 700; color:#47a6af; }

table.tpcCMTable p, table.tpcCMTableLeft p, table.tpcCMTableHeader p{	margin-bottom: 0; }

table.tpcCMTable 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); }