MediaWiki:Citizen.css: различия между версиями

← Предыдущая правка Следующая правка →

@@ Строка 2: / Строка 2: @@
 @import url('https://fonts.googleapis.com/css?family=Merriweather|Cormorant Infant|PT Mono|Neucha|MedievalSharp|Spectral SC|Kurale|El Messiri|Ledger');
-/*.dropdown-content a:hover {*/
+.dropdown-content a {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 10px 20px;
+    text-decoration: none;
+    color: black;
+    transition: 0.3s;
+}
+.dropdown-content a::before,
+.dropdown-content a::after {
+    content: '';
+    position: absolute;
+    width: 16px;
+    height: 16px;
+    background-size: cover;
+    opacity: 0;
+    transition: opacity 0.3s, transform 0.3s;
+}
+.dropdown-content a::before {
+    border: 20px solid transparent !important;
+    padding: 0px !important;
+    border-spacing: 0px !important;
+    border-image: url('https://asciawiki.ru/images/3/31/Border1.png') 24 round !important;
+    border-radius: 35px;
+    transform: translateX(-10px);
+}
+.dropdown-content a::after {
+    border: 20px solid transparent !important;
+    padding: 0px !important;
+    border-spacing: 0px !important;
+    border-image: url('https://asciawiki.ru/images/3/31/Border1.png') 24 round !important;
+    border-radius: 35px;
+    transform: translateX(10px);
+}
+.dropdown-content a:hover::before,
+.dropdown-content a:hover::after {
+    opacity: 1;
+    transform: translateX(0);
+}