MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 18:58, 5 October 2024

18 bytes removed , 5 October

no edit summary

Arisepedia

Bureaucrats, Interface administrators, Administrators

270

edits

@@ Line 23: / Line 23: @@
      text-align: center;
      margin-bottom: 40px;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+.hero:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
 }
@@ Line 28: / Line 34: @@
      font-size: 2.5em;
      font-weight: 700;
-     margin: 0;
+     margin: 0 0 20px 0;
+    text-transform: uppercase;
 }
@@ Line 35: / Line 42: @@
      margin: 20px 0;
      font-weight: 300;
+    max-width: 800px;
+    margin-left: auto;
+    margin-right: auto;
 }
-.hero a {
+.contact-message {
-    display: inline-block;
+     background: rgba(255, 255, 255, 0.1);
-     background: #ffffff;
+     border-radius: 10px;
-    color: #fc5351;
+     padding: 15px;
-    padding: 15px 30px;
+     margin-top: 30px;
-     border-radius: 30px;
-     text-decoration: none;
-    font-size: 1.2em;
-    font-weight: 600;
-     margin-top: 20px;
-    transition: background 0.3s, color 0.3s;
-    border: 2px solid #fc5351;
 }
-.hero a:hover {
+.contact-message p {
-     background: #fc5351;
+    font-size: 1.1em;
-     color: #ffffff;
+     margin: 0;
+     font-style: italic;
 }
@@ Line 64: / Line 68: @@
      margin-bottom: 40px;
      overflow: hidden;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+.featured-articles:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
 }
@@ Line 159: / Line 169: @@
      border: 1px solid #e0e0e0;
      margin-bottom: 20px;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+.card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
 }
@@ Line 185: / Line 201: @@
      text-align: center;
      margin-top: 40px;
+    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
+}
+.cta:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
+    background-color: #ffffff;
 }
@@ Line 218: / Line 241: @@
      margin-top: 40px;
      box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+.footer:hover {
+    transform: translateY(-3px);
+    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.15);
 }
@@ Line 229: / Line 258: @@
 @media (max-width: 768px) {
      .hero h1 {
-         font-size: 1.8em;
+         font-size: 2em;
-    }
-    .hero p {
-        font-size: 1em;
-    }
-    .hero a {
-        font-size: 1em;
-        padding: 10px 20px;
-    }
-    .featured-articles h2 {
-        font-size: 1.5em;
-    }
-    .article-card {
-        flex: 0 0 250px;
-    }
-    .card h2 {
-        font-size: 1.5em;
-    }
-    .card p {
-        font-size: 1em;
-    }
-    .cta h2 {
-        font-size: 1.8em;
-    }
-    .cta p {
-        font-size: 1em;
-    }
-}
-@media (max-width: 480px) {
-    .hero h1 {
-        font-size: 1.5em;
      }
      .hero p {
-         font-size: 0.9em;
+         font-size: 1.1em;
      }
-     .hero a {
+     .contact-message p
-        font-size: 0.9em;
-        padding: 8px 15px;
-    }
-    .featured-articles h2 {
-        font-size: 1.3em;
-    }
-    .article-card {
-        flex: 0 0 200px;
-    }
-    .card h2 {
-        font-size: 1.3em;
-    }
-    .card p {
-        font-size: 0.9em;
-    }
-    .cta h2 {
-        font-size: 1.5em;
-    }
-    .cta p {
-        font-size: 0.9em;
-    }
-}