v1.4.0

src/kaplus.css

@@ -1,3 +1,18 @@
+@keyframes blinking {
+	0%, 100% {
+		opacity: 1;
+	}
+	50% {
+		opacity: 0;
+	}
+}
+
+@media (max-width:1000px) {
+	#display_left, #display_right {
+		display: none;
+	}
+}
+
 #banner_container {
 	display: none;
 }
@@ -10,17 +25,33 @@
 	.shortcut-element {
 		top: 148px !important;
 		text-align: center !important;
+		padding: 0 10px 0 12px !important;
+	}
+	.flag {
+		position: absolute;
+		top: 5px;
+		width: 50px;
+		opacity: 0.7;
 	}
 	.shortcut_container {
 		float: none;
-		display: 
 	}
-	.shortcut_container:first-child {
+	.shortcut_container_left {
 		text-align: right;
 	}
-	.shortcut_container:last-child {
+	.shortcut_container_right {
 		text-align: left;
 	}
+	.shortcut_container_flag {
+		position: absolute;
+		top: 0;
+	}
+	.shortcut_container_flag_left {
+		left: 10px;
+	}
+	.shortcut_container_flag_right {
+		right: 15px;
+	}
 	.shortcut_element {
 		margin: 0 !important;
 		padding: 0 !important;
@@ -28,13 +59,16 @@
 		width: 70px !important;
 		text-align: center;
 	}
+	.shortcut_container_flag .shortcut_element {
+		width: auto !important;
+	}
 	.shortcut_element_left, .shortcut_element_right, .shortcut_element_left_premium, .shortcut_element_right_premium {
 		display: none;
 	}
 	.shortcut_element_center, .shortcut_element_center_premium {
 		background: none;
 		float: none;
-		diplay: inline-block;
+		display: inline-block;
 	}
 	.shortcut_element_marker, .shortcut_element_marker_premium {
 		background-image: none !important;
@@ -46,15 +80,26 @@
 			position: relative;
 			opacity: 0.7;
 		}
+		a.no_attack {
+			visibility: hidden;
+		}
+		a.has_attack {
+			.shortcut_element_image {
+				animation: blinking 2s infinite;
+			}
+			.shortcut_element_desc {
+				color: #FFFFFF;
+			}
+		}
 		a:hover, a.has_notif {
 			opacity: 1;
 		}
-		a.has_notif .shortcut_element_image::after {
+		a.has_notif::after {
 			background-image: url("moz-extension://__MSG_@@extension_id__/images/notif.svg"), url("chrome-extension://__MSG_@@extension_id__/images/notif.svg");
 			background-size: 13px 13px;
 			position: absolute;
 			top: -13px;
-			right: 3px;
+			right: -3px;
 			width: 13px;
 			height: 13px;
 			content: "";