MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 4: / Line 4: @@
+/* Contentor do bloco de código */
+.mw-highlight, .syntaxhighlight {
+    position: relative; /* Necessário para o posicionamento do botão */
+}
+/* Estilo do Botão Copy */
 .copy-code-button {
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    z-index: 100;
+    padding: 4px 8px;
      background-color: #f8f9fa;
      border: 1px solid #a2a9b1;
-     border-radius: 2px;
+     border-radius: 4px;
      color: #202122;
-     margin-left: 10px;
+     font-size: 11px;
-     z-index: 100;
+     font-family: sans-serif;
+    cursor: pointer;
+    opacity: 0.8;
 }
 .copy-code-button:hover {
+    opacity: 1;
      background-color: #ffffff;
-     border-color: #1B2826;
+     border-color: #447ff5;
-     color: #1B2826;
+     color: #447ff5;
+    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
 }
-/* Garante que o bloco pre tem espaço para o botão */
-pre, .mw-code {
-    position: relative;
-    padding-top: 30px !important;
-}
@@ Line 382: / Line 390: @@
 }
 .arrow-icon.rotated {
-  transform: rotate(180deg);
+    transform: rotate(180deg) !important;
+}
+/* Esta regra garante transição suave mesmo se o MediaWiki interferir */
+.arrow-icon {
+    transition: transform 0.25s ease-in-out !important;
+    transform-origin: center center !important;
 }