Template:MainPage/Vector/Navigation/styles.css: Difference between revisions

From IxWiki
Jump to navigation Jump to search
Created page with ".mainpage-navigation .card { width: calc(100%/5 - 0.4rem); min-width: calc(860px/5 - 0.4rem); border: 0; } .mainpage-navigation .card:hover .card-caption { color: white; } .mainpage-navigation .card-caption { padding: 0.4rem; background: #304665; color: #bfcee7; text-align: center; transition: color 0.2s ease; } .mainpage-navigation .card-image { height: 180px; background-color: #f8f9fa; overflow: hidden; } @media (pref..."
 
mNo edit summary
 
(One intermediate revision by the same user not shown)
Line 23: Line 23:
}
}


@media (prefers-color-scheme: dark) {
/* DARK MODE CARD BG  */
     .mainpage-navigation .card-image {
/* @media (prefers-color-scheme: dark) {
        background: #2b2f36;
     /*.mainpage-navigation .card-image {
    }
      /* background: #2b2f36;
  /* }
}
}
/*END  */

Latest revision as of 22:15, 31 July 2024

.mainpage-navigation .card {
    width: calc(100%/5 - 0.4rem);
    min-width: calc(860px/5 - 0.4rem);
    border: 0;
}

.mainpage-navigation .card:hover .card-caption {
    color: white;
}

.mainpage-navigation .card-caption {
    padding: 0.4rem;
    background: #304665;
    color: #bfcee7;
    text-align: center;
    transition: color 0.2s ease;
}

.mainpage-navigation .card-image {
    height: 180px;
    background-color: #f8f9fa;
    overflow: hidden;
}

/* DARK MODE CARD BG  */
/* @media (prefers-color-scheme: dark) {
    /*.mainpage-navigation .card-image {
       /* background: #2b2f36;
   /* }
}
/*END  */