MediaWiki:PTStyle.css

/* GLOBAL */ table { border-spacing:0; border-collapse:collapse; overflow: scroll; } .troop { font-family:Arial, Helvetica, sans-serif; font-size:14px; }

/* TROOP TEMPLATE */ .troop .header { font-weight:bold; text-align:center; } .troop .header .name{ font-size:26px; margin:0 0 10px 0; } .troop .header .type { font-size:16px; } .troop .header .rarity img{ height:22px; } .troop .content { margin:20px 0; } .troop .content .fullAvatar-red { float:left; background:url("https://images.wikia.nocookie.net/puzzletrooper/images/f/f9/Char_bg_red.jpg") top left no-repeat; height:390px; width:300px; } .troop .content .fullAvatar-blue { float:left; background:url("https://images.wikia.nocookie.net/puzzletrooper/images/7/7a/Char_bg_blue.jpg") top left no-repeat; height:390px; width:300px; } .troop .content .fullAvatar-green { float:left; background:url("https://images.wikia.nocookie.net/puzzletrooper/images/5/5a/Char_bg_green.jpg") top left no-repeat; height:390px; width:300px; } .troop .content .fullAvatar-yellow { float:left; background:url("https://images.wikia.nocookie.net/puzzletrooper/images/8/8c/Char_bg_yellow.jpg") top left no-repeat; height:390px; width:300px; } .troop .content .fullAvatar-purple { float:left; background:url("https://images.wikia.nocookie.net/puzzletrooper/images/0/03/Char_bg_purple.jpg") top left no-repeat; height:390px; width:300px; } .troop .content .details { float:right; width:310px; } .troop .content .details .scp { float:right; } .troop .content .details .scp p { float:left; padding:0 10px 0 0; } .troop .content .details .scp div { float:left; background-color:#3d3d3d; border-radius:10px; color:#ffffff; padding:0 8px 0 0; } .troop .content .details .scp div div{ float:left; background:url("https://images.wikia.nocookie.net/puzzletrooper/images/3/3c/Icon_pt.png") top left no-repeat; background-size:100% auto; width:25px; height:22px; margin:0 5px 0 0; padding:0; } .troop .content .details .cardTable { margin:12px 0; } .troop .subtitle { background:#3d3d3d; border-radius:10px; color:#ffffff; padding:0 10px; text-align:center; } .troop .description table { margin:12px 5px; } .troop .description table tr td{ padding:5px 0; } .troop .redText { font-size:16px; font-weight:bold; color:#c40000; } .troop .rightText { text-align:right; }

/* MAP TEMPLATE */ .map { font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:0 15px; } .map a { color:#000000; } .map .mapName { font-size:22px; font-weight:bold; } .map .wrapMap { background-color:#e7e7e7; border-radius:10px; margin:12px 0; } .map .wrapMap .mainMap { background-color:#ffffff; float:left; width:357px; } .map .wrapMap .mainMap img { border-bottom-left-radius:10px; border-top-left-radius:10px; } .map .wrapMap .mapToc { float:right; width:240px; font-size:16px; } .map .wrapMap .mapToc table, .map .wrapMap .mapToc table tr td { border:0; } .map .wrapMap .mapToc table ul li{ margin:0 0 15px 0; } .map .wrapMap .mapToc table #toctitle { display:none; } .TOC_hide #toctitle + ul { display:block; } .map .wrapMap .mapToc table .tocnumber { display:none; } .map .subtitle { background-color:#3d3d3d; border-radius:10px; font-size:18px; color:#ffffff; padding:0 10px; width:150px; } .map table{ border:1px solid #cbcbcb; margin:12px 0 0; text-align:center; } .map table tr td { background-color:#e7e7e7; border:1px solid #cbcbcb; }

/* COMMON TEMPLATE */ .map .common { margin:25px 0 12px 0; }

/* SUBMAP TEMPLATE */ .map .wrapSubMap { background-color:#bcbcbc; border-radius:10px; margin:40px 0 0; } .map .wrapSubMap .subMap { float:left; width:200px } .map .wrapSubMap .subMap img { border-bottom-left-radius:10px; border-top-left-radius:10px; } .map .wrapSubMap .subMapName { float:right; width:365px; margin:10px 20px 0; } .map .wrapSubMap .subMapName p { text-align:justify; }

/* MISSION TEMPLATE */ .map .missionHeader { background-color:#bcbcbc; border-radius:10px; height:21px; margin:25px 0 12px 0; } .map .missionHeader div { float:left; height:22px; } .map .missionHeader div img{ float:left; margin:-2px 5px 0 0; } .map .missionHeader .mission { background-color:#3d3d3d; border-radius:10px; color:#ffffff; text-align:center; width:135px; height:21px; margin:0 30px 0 0; } .map .missionHeader .wave { width:60px; } .map .missionHeader .energy { width:60px; } .map .missionHeader .coin { width:145px; } .map .missionHeader .xp { width:145px; }

/* ENEMY TEMPLATE */ .map .enemyTable { text-align:justify; margin:0; } .map .enemyTable img{ margin:5px 10px; } .map .enemyTable center img{ margin:5px 10px 0 0; } .map .enemyTable .bg-red td { background-color:#ffe8ea; } .map .enemyTable .bg-blue td { background-color:#dcffff; } .map .enemyTable .bg-green td { background-color:#c8ffc8; } .map .enemyTable .bg-yellow td { background-color:#ffffa1; } .map .enemyTable .bg-purple td { background-color:#e6dcff; }

/* ALL TROOPS */ .allTroops .controls div { cursor:pointer; } .allTroops .controls .viewAll { float:right; font-size:18px; text-align:right; margin:0 6px 0 0; } .allTroops .controls .filterButton { float:left; display: block; height:53px; width:124px; margin:5px 1px 0 2px; } .allTroops .controls .filterButton img { float:left; display: block; height:53px; width:124px; margin:0 1px 0 2px; } .allTroops .controls div.red { background:url("https://images.wikia.nocookie.net/puzzletrooper/images/e/e8/Button_faction_red3.png") top left no-repeat; } .allTroops .controls div.blue { background:url("https://images.wikia.nocookie.net/puzzletrooper/images/1/19/Button_faction_blue3.png") top left no-repeat; } .allTroops .controls div.green { background:url("https://images.wikia.nocookie.net/puzzletrooper/images/c/c6/Button_faction_green3.png") top left no-repeat; } .allTroops .controls div.yellow { background:url("https://images.wikia.nocookie.net/puzzletrooper/images/c/c4/Button_faction_yellow3.png") top left no-repeat; } .allTroops .controls div.purple { background:url("https://images.wikia.nocookie.net/puzzletrooper/images/c/c4/Button_faction_purple3.png") top left no-repeat; } .allTroops .controls div.commander { background:url("https://images.wikia.nocookie.net/puzzletrooper/images/b/b5/Button_faction_commander3.png") top left no-repeat; } .allTroops .controls div.tech { background:url("https://images.wikia.nocookie.net/puzzletrooper/images/4/46/Button_faction_tech3.png") top left no-repeat; } .allTroops .controls div.medical { background:url("https://images.wikia.nocookie.net/puzzletrooper/images/c/c1/Button_faction_medical3.png") top left no-repeat; } .allTroops .controls div.assault { background:url("https://images.wikia.nocookie.net/puzzletrooper/images/e/e6/Button_faction_assault3.png") top left no-repeat; } .allTroops .controls div.armored { background:url("https://images.wikia.nocookie.net/puzzletrooper/images/5/5d/Button_faction_armored3.png") top left no-repeat; } .allTroops .controls div.war_hero { background:url("https://images.wikia.nocookie.net/puzzletrooper/images/b/be/Button_faction_warhero3.png") top left no-repeat; } .allTroops .controls div.upgrade_material { background:url("https://images.wikia.nocookie.net/puzzletrooper/images/e/ee/Button_faction_upgrade3.png") top left no-repeat; } .allTroops .controls div.level_up_material { background:url("https://images.wikia.nocookie.net/puzzletrooper/images/9/9a/Button_faction_levelup3.png") top left no-repeat; } .allTroops .controls div.special_event_limited { background:url("https://images.wikia.nocookie.net/puzzletrooper/images/e/e5/Button_faction_specialevent3.png") top left no-repeat; } .allTroops .controls div:hover { background-position:bottom; } .allTroops .controls div.selected { background-position:bottom; } .allTroops tr { display: none; } .allTroops .all tr, .allTroops .red tr.red, .allTroops .blue tr.blue, .allTroops .green tr.green, .allTroops .yellow tr.yellow, .allTroops .purple tr.purple, .allTroops .commander tr.commander, .allTroops .tech tr.tech, .allTroops .medical tr.medical, .allTroops .assault tr.assault, .allTroops .armored tr.armored, .allTroops .war_hero tr.war_hero, .allTroops .upgrade_material tr.upgrade_material, .allTroops .level_up_material tr.level_up_material, .allTroops .special_event_limited tr.special_event_limited { display: table-row; }