MediaWiki:Credits.css: Difference between revisions

From CoraTO Wiki - Official Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
Line 1: Line 1:
/* Resources Footer */
/* Resources Footer */
.resources-footer {
.resources-footer {
   background-color: #fff;
   background-color: var(--bg-1);
   padding: 2rem;
   padding: 2rem;
   margin-top: 2rem;
   margin-top: 2rem;
   border-top: 1px solid #e0e0e0;
   border-top: 1px solid var(--border);
   box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.05);
   box-shadow: 0 -4px 10px var(--shadow-soft);
   border-radius: 10px;
   border-radius: 10px;
   max-width: 1200px;
   max-width: 1200px;
Line 15: Line 15:
   margin-bottom: 1.5rem;
   margin-bottom: 1.5rem;
   border-radius: 10px;
   border-radius: 10px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   box-shadow: 0 2px 8px var(--shadow-soft);
}
}


.resources-footer .info-card {
.resources-footer .info-card {
   background-color: #f9f9f9;
   background-color: var(--bg-1);
   border-radius: 10px;
   border-radius: 10px;
   padding: 1.5rem;
   padding: 1.5rem;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   box-shadow: 0 2px 8px var(--shadow-soft);
}
}


Line 34: Line 34:
   display: inline-block;
   display: inline-block;
   padding: 0.5rem 1rem;
   padding: 0.5rem 1rem;
   background-color: #f0f0f0;
   background-color: var(--surface);
   border-radius: 20px;
   border-radius: 20px;
   text-decoration: none;
   text-decoration: none;
   color: #333;
   color: var(--text);
   font-weight: 500;
   font-weight: 500;
   transition: all 0.2s ease;
   transition: all 0.2s ease;
}
}
html[data-theme="dark"] .resources-footer { background: linear-gradient(135deg, #121a29, #101625); color: #cfe6ff; border-top: 1px solid rgba(159,208,255,.18); box-shadow: 0 -6px 20px rgba(123,187,255,.22) }
html[data-theme="dark"] .resources-footer .section-header { color: #cfe6ff; box-shadow: 0 6px 20px rgba(123,187,255,.18) }
html[data-theme="dark"] .resources-footer .info-card { background-color: #141c2a; border: 1px solid rgba(159,208,255,.18); box-shadow: 0 6px 24px rgba(123,187,255,.18); color: #cfe6ff }
html[data-theme="dark"] .resources-footer .back-to-top { background-color: #101625; color: #cfe6ff; border: 1px solid rgba(159,208,255,.20); box-shadow: 0 4px 12px rgba(123,187,255,.18) }
html[data-theme="dark"] .resources-footer .back-to-top:hover { background-color: rgba(61,97,146,.22); border-color: rgba(159,208,255,.35); box-shadow: 0 6px 16px rgba(123,187,255,.22) }

Latest revision as of 08:26, 2 January 2026

/* Resources Footer */
.resources-footer {
  background-color: var(--bg-1);
  padding: 2rem;
  margin-top: 2rem;
  border-top: 1px solid var(--border);
  box-shadow: 0 -4px 10px var(--shadow-soft);
  border-radius: 10px;
  max-width: 1200px;
  margin: 0 auto;
}

.resources-footer .section-header {
  text-align: center;
  margin-bottom: 1.5rem;
  border-radius: 10px;
  box-shadow: 0 2px 8px var(--shadow-soft);
}

.resources-footer .info-card {
  background-color: var(--bg-1);
  border-radius: 10px;
  padding: 1.5rem;
  box-shadow: 0 2px 8px var(--shadow-soft);
}

.resources-footer .footer-nav {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}

.resources-footer .back-to-top {
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: var(--surface);
  border-radius: 20px;
  text-decoration: none;
  color: var(--text);
  font-weight: 500;
  transition: all 0.2s ease;
}