MediaWiki:Common.css: mudanças entre as edições

MediaWiki:Common.css (ver código-fonte)

Edição das 00h16min de 17 de março de 2025

2 012 bytes adicionados , 17 março

sem sumário de edição

Ybooh

Administradores da interface

10 576

edições

@@ Linha 2 192: / Linha 2 192: @@
 }
-<head>
+/* Shiny Page */
-     <style>
-        #shiny-list {
+.square-box {
-            display: flex;
+    width: 180px;
-        }
+     height: 180px;
-     </style>
+    background-color: #fff;
-</head>
+    border-top: 10px solid #3498db;
+    border-radius: 10px;
+    text-align: center;
+    overflow: hidden;
+    transition-duration: 0.3s !important;
+    transition: transform 0.3s, box-shadow 0.3s;
+    margin: 15px 25px;
+    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
+}
+.square-box img {
+    width: 60px;
+    height: 60px;
+    max-width: 100%;
+    max-height: 100%;
+    margin-top: 30px;
+}
+.square-box p {
+    margin: 10px 0;
+}
+.square-box:hover {
+    transform: scale(1.1);
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+}
+.square-div{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+p.square-name {
+    margin: 0px 5px 0px 5px;
+    line-height: 100px;
+    font-size: 15px;
+    font-weight: bold;
+    text-align: center;
+}
+.square-name a {
+    padding: 150px 5px 0px 10px;
+    color: black;
+    text-decoration: none;
+}
+.square-box a p {
+    font-size: 0;
+    height: 200px;
+    width: 200px;
+    position: absolute;
+}
+.square-box-shiny {
+    width: 180px;
+    height: 200px;
+    background-color: #fff;
+    border-top: 10px solid #3498db;
+    border-radius: 10px;
+    text-align: center;
+    overflow: hidden;
+    transition-duration: 0.3s !important;
+    transition: transform 0.3s, box-shadow 0.3s;
+    margin: 15px 25px;
+    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
+}
+.square-box-shiny img {
+    width: 60px;
+    height: 60px;
+    max-width: 100%;
+    max-height: 100%;
+    margin-top: 30px;
+}
+.square-box-shiny p {
+    margin: 10px 0;
+}
+.square-box-shiny:hover {
+    transform: scale(1.1);
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+}
+.square-div-shiny{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+p.square-name-shiny {
+    margin: 15px 5px 0px 5px;
+    line-height: 40px;
+    font-size: 15px;
+    text-align: center;
+}
+.square-name-shiny a {
+    padding: 150px 5px 0px 10px;
+    color: black;
+    text-decoration: none;
+}
+.square-box-shiny a p {
+    font-size: 0;
+    height: 220px;
+     width: 200px;
+    position: absolute;
+}