MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css?family=Montserrat:500'); @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=Montserrat:800'); @import url('https://fonts.googleapis.com/css?family=Montserrat:900');

/* INFOBOX DESIGNS */

/* INFOBOX TEST 1 */

.portable-infobox.type-1 { border-color:rgba(255, 195, 45, 1.0); font-family: 'Montserrat', sans-serif; }

.portable-infobox.type-1 .pi-title { background: rgba(255, 195, 45, 1.0); font-size: 25px; color:#000000; }

.portable-infobox.type-1 .pi-header { background: rgba(255, 195, 45, 1.0); font-size: 18px; color:#000000; }

.portable-infobox.type-1 .pi-data { background: rgba(255, 195, 45, 0.2); border: none }

.portable-infobox.type-1 .pi-data-label { font-weight: 800; }

/* TABLE TEST 1 */

table.table1 { border: 1px solid rgba(255, 195, 45, 1.0); border-collapse: collapse; font-family: 'Montserrat', sans-serif; padding: 5px; } table.table1 th { border: 1px solid rgba(255, 195, 45, 1.0); background-color: rgba(255, 195, 45, 1.0); font-family: 'Montserrat', sans-serif; padding: 5px; } table.table1 tr:not(:first-child) th { border: 1px solid rgba(255, 195, 45, 1.0); background-color: rgba(255, 195, 45, 0.2); font-family: 'Montserrat', sans-serif; font-weight: 600; padding: 5px; } table.table1 td { border: 1px solid rgba(255, 195, 45, 1.0); font-weight: 600; padding: 5px; }

/* INFOBOX TEST 2 */

.portable-infobox.type-2 { border-color:rgba(70, 35, 110, 1.0); font-family: 'Montserrat', sans-serif; }

.portable-infobox.type-2 .pi-title { background: rgba(255, 195, 45, 1.0); font-size: 25px; color:#000000; }

.portable-infobox.type-2 .pi-header { background: rgba(255, 195, 45, 1.0); font-size: 18px; color:#000000; }

.portable-infobox.type-2 .pi-data { background: rgba(255, 195, 45, 0.2); border: none }

.portable-infobox.type-2 .pi-data-label { font-weight: 800; }

/* TABLE TEST 2 */

table.table2 { border: 1px solid rgba(70, 35, 110, 1.0); border-collapse: collapse; font-family: 'Montserrat', sans-serif; padding: 5px; } table.table2 th { border: 1px solid rgba(70, 35, 110, 1.0); background-color: rgba(255, 195, 45, 1.0); font-family: 'Montserrat', sans-serif; padding: 5px; } table.table2 tr:not(:first-child) th { border: 1px solid rgba(70, 35, 110, 1.0); background-color: rgba(255, 195, 45, 0.2); font-family: 'Montserrat', sans-serif; font-weight: 600; padding: 5px; } table.table2 td { border: 1px solid rgba(70, 35, 110, 1.0); font-weight: 600; padding: 5px; }

/* INFOBOX TEST 3 */

.portable-infobox.type-3 { border-color:rgba(255, 195, 45, 1.0); font-family: 'Montserrat', sans-serif; }

.portable-infobox.type-3 .pi-title { background: rgba(70, 35, 110, 1.0); font-size: 25px; color:#FFFFFF; }

.portable-infobox.type-3 .pi-header { background: rgba(70, 35, 110, 1.0); font-size: 18px; color:#FFFFFF; }

.portable-infobox.type-3 .pi-data { background: rgba(255, 195, 45, 0.2); border: none }

.portable-infobox.type-3 .pi-data-label { font-weight: 800; }

/* TABLE TEST 3 */

table.table3 { border: 1px solid rgba(255, 195, 45, 1.0); border-collapse: collapse; font-family: 'Montserrat', sans-serif; padding: 5px; } table.table3 th { border: 1px solid rgba(255, 195, 45, 1.0); background-color: rgba(70, 35, 110, 1.0); font-family: 'Montserrat', sans-serif; padding: 5px; } table.table3 tr:not(:first-child) th { border: 1px solid rgba(255, 195, 45, 1.0); background-color: rgba(255, 195, 45, 0.2); font-family: 'Montserrat', sans-serif; font-weight: 600; padding: 5px; } table.table3 td { border: 1px solid rgba(255, 195, 45, 1.0); font-weight: 600; padding: 5px; }

/* INFOBOX TEST 4 */

.portable-infobox.type-4 { border-color:rgba(70, 35, 110, 1.0); font-family: 'Montserrat', sans-serif; }

.portable-infobox.type-4 .pi-title { background: rgba(70, 35, 110, 1.0); font-size: 25px; color:#FFFFFF; }

.portable-infobox.type-4 .pi-header { background: rgba(70, 35, 110, 1.0); font-size: 18px; color:#FFFFFF; }

.portable-infobox.type-4 .pi-data { background: rgba(255, 195, 45, 0.2); border: none }

.portable-infobox.type-4 .pi-data-label { font-weight: 800; }

/* TABLE TEST 4 */

table.table4 { border: 1px solid rgba(255, 195, 45, 1.0); border-collapse: collapse; font-family: 'Montserrat', sans-serif; padding: 5px; } table.table4 th { border: 1px solid rgba(70, 35, 110, 1.0); background-color: rgba(70, 35, 110, 1.0); font-family: 'Montserrat', sans-serif; padding: 5px; } table.table4 tr:not(:first-child) th { border: 1px solid rgba(70, 35, 110, 1.0); background-color: rgba(255, 195, 45, 0.2); font-family: 'Montserrat', sans-serif; font-weight: 600; padding: 5px; } table.table4 td { border: 1px solid rgba(70, 35, 110, 1.0); font-weight: 600; padding: 5px; }

/* INFOBOX TEST 5 */

.portable-infobox.type-5 { border-color:rgba(255, 195, 45, 1.0); font-family: 'Montserrat', sans-serif; }

.portable-infobox.type-5 .pi-title { background: rgba(255, 195, 45, 1.0); font-size: 25px; color:#000000; }

.portable-infobox.type-5 .pi-header { background: rgba(255, 195, 45, 1.0); font-size: 18px; color:#000000; }

.portable-infobox.type-5 .pi-data { background: rgba(70, 35, 110, 0.2); border: none }

.portable-infobox.type-5 .pi-data-label { font-weight: 800; }

/* TABLE TEST 5 */

table.table5 { border: 1px solid rgba(255, 195, 45, 1.0); border-collapse: collapse; font-family: 'Montserrat', sans-serif; padding: 5px; } table.table5 th { border: 1px solid rgba(255, 195, 45, 1.0); background-color: rgba(255, 195, 45, 1.0); font-family: 'Montserrat', sans-serif; padding: 5px; } table.table5 tr:not(:first-child) th { border: 1px solid rgba(255, 195, 45, 1.0); background-color: rgba(70, 35, 110, 0.2); font-family: 'Montserrat', sans-serif; font-weight: 600; padding: 5px; } table.table5 td { border: 1px solid rgba(255, 195, 45, 1.0); font-weight: 600; padding: 5px; }

/* INFOBOX TEST 6 */

.portable-infobox.type-6 { border-color:rgba(70, 35, 110, 1.0); font-family: 'Montserrat', sans-serif; }

.portable-infobox.type-6 .pi-title { background: rgba(255, 195, 45, 1.0); font-size: 25px; color:#000000; }

.portable-infobox.type-6 .pi-header { background: rgba(255, 195, 45, 1.0); font-size: 18px; color:#000000; }

.portable-infobox.type-6 .pi-data { background: rgba(70, 35, 110, 0.2); border: none }

.portable-infobox.type-6 .pi-data-label { font-weight: 800; }

/* TABLE TEST 6 */

table.table6 { border: 1px solid rgba(70, 35, 110, 1.0); border-collapse: collapse; font-family: 'Montserrat', sans-serif; padding: 5px; } table.table6 th { border: 1px solid rgba(70, 35, 110, 1.0); background-color: rgba(255, 195, 45, 1.0); font-family: 'Montserrat', sans-serif; padding: 5px; } table.table6 tr:not(:first-child) th { border: 1px solid rgba(70, 35, 110, 1.0); background-color: rgba(70, 35, 110, 0.2); font-family: 'Montserrat', sans-serif; font-weight: 600; padding: 5px; } table.table6 td { border: 1px solid rgba(70, 35, 110, 1.0); font-weight: 600; padding: 5px; }

/* INFOBOX TEST 7 */

.portable-infobox.type-7 { border-color:rgba(255, 195, 45, 1.0); font-family: 'Montserrat', sans-serif; }

.portable-infobox.type-7 .pi-title { background: rgba(70, 35, 110, 1.0); font-size: 25px; color:#FFFFFF; }

.portable-infobox.type-7 .pi-header { background: rgba(70, 35, 110, 1.0); font-size: 18px; color:#FFFFFF; }

.portable-infobox.type-7 .pi-data { background: rgba(70, 35, 110, 0.2); border: none }

.portable-infobox.type-7 .pi-data-label { font-weight: 800; }

/* TABLE TEST 7 */

table.table7 { border: 1px solid rgba(255, 195, 45, 1.0); border-collapse: collapse; font-family: 'Montserrat', sans-serif; padding: 5px; } table.table7 th { border: 1px solid rgba(255, 195, 45, 1.0); background-color: rgba(70, 35, 110, 1.0); font-family: 'Montserrat', sans-serif; padding: 5px; } table.table7 tr:not(:first-child) th { border: 1px solid rgba(255, 195, 45, 1.0); background-color: rgba(70, 35, 110, 0.2); font-family: 'Montserrat', sans-serif; font-weight: 600; padding: 5px; } table.table7 td { border: 1px solid rgba(255, 195, 45, 1.0); font-weight: 600; padding: 5px; }

/* INFOBOX TEST 8 */

.portable-infobox.type-8 { border-color:rgba(70, 35, 110, 1.0); font-family: 'Montserrat', sans-serif; }

.portable-infobox.type-8 .pi-title { background: rgba(70, 35, 110, 1.0); font-size: 25px; color:#FFFFFF; }

.portable-infobox.type-8 .pi-header { background: rgba(70, 35, 110, 1.0); font-size: 18px; color:#FFFFFF; }

.portable-infobox.type-8 .pi-data { background: rgba(70, 35, 110, 0.2); border: none }

.portable-infobox.type-8 .pi-data-label { font-weight: 800; }

/* TABLE TEST 8 */

table.table8 { border: 1px solid rgba(70, 35, 110, 1.0); border-collapse: collapse; font-family: 'Montserrat', sans-serif; padding: 5px; } table.table8 th { border: 1px solid rgba(70, 35, 110, 1.0); background-color: rgba(70, 35, 110, 1.0); font-family: 'Montserrat', sans-serif; padding: 5px; } table.table8 tr:not(:first-child) th { border: 1px solid rgba(70, 35, 110, 1.0); background-color: rgba(70, 35, 110, 0.2); font-family: 'Montserrat', sans-serif; font-weight: 600; padding: 5px; } table.table8 td { border: 1px solid rgba(70, 35, 110, 1.0); font-weight: 600; padding: 5px; }