MediaWiki:Vector.css: Difference between revisions

From ICE List Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
/* Flat Wikipedia-style page tabs */
/* Flat page tabs to match the card theme */


/* Kill Vector's tab gradient and edge images */
/* Kill Vector's tab gradient and edge images */
Line 9: Line 9:
}
}


/* Each tab as a white flat button */
/* Each tab as a flat button */
.vector-menu-tabs li,
.vector-menu-tabs li,
.vectorTabs li {
.vectorTabs li {
   background: #ffffff !important;
   background: #f4f2ec !important;
   border: 1px solid #a2a9b1;
   border: 1px solid #d8d3c6;
   border-radius: 4px;
   border-radius: 4px;
   margin: 6px 4px 0 0;
   margin: 6px 4px 0 0;
Line 22: Line 22:
.vectorTabs li a {
.vectorTabs li a {
   background-color: transparent !important;
   background-color: transparent !important;
   color: #3366cc !important;
   color: #444 !important;
   padding: 5px 12px !important;
   padding: 5px 12px !important;
   height: auto !important;
   height: auto !important;
Line 28: Line 28:
}
}


/* Active tab: dark text instead of link blue */
/* Active tab */
.vector-menu-tabs li.selected,
.vectorTabs li.selected {
  background: #ffffff !important;
  border-color: #c4bdac;
}
.vector-menu-tabs li.selected a,
.vector-menu-tabs li.selected a,
.vectorTabs li.selected a {
.vectorTabs li.selected a {
   color: #202122 !important;
   color: #222 !important;
   font-weight: 600;
   font-weight: 600;
}
}
Line 38: Line 43:
.vector-menu-tabs li:hover,
.vector-menu-tabs li:hover,
.vectorTabs li:hover {
.vectorTabs li:hover {
   background: #f8f9fa !important;
   background: #ece8df !important;
}
}


Line 44: Line 49:
.vector-menu-dropdown h3,
.vector-menu-dropdown h3,
#p-cactions h3 {
#p-cactions h3 {
   background-color: #ffffff !important;
   background: #f4f2ec !important;
   border: 1px solid #a2a9b1;
   border: 1px solid #d8d3c6;
   border-radius: 4px;
   border-radius: 4px;
   margin-top: 6px;
   margin-top: 6px;
  color: #3366cc !important;
}
/* Keep watch/unwatch icon-only so it stops clipping */
#ca-watch a,
#ca-unwatch a {
  font-size: 0 !important;
  padding: 6px 9px !important;
}
}

Revision as of 15:19, 30 May 2026

/* Flat page tabs to match the card theme */

/* Kill Vector's tab gradient and edge images */
.vector-menu-tabs,
.vector-menu-tabs li,
.vectorTabs,
.vectorTabs li {
  background-image: none !important;
}

/* Each tab as a flat button */
.vector-menu-tabs li,
.vectorTabs li {
  background: #f4f2ec !important;
  border: 1px solid #d8d3c6;
  border-radius: 4px;
  margin: 6px 4px 0 0;
  height: auto !important;
}

.vector-menu-tabs li a,
.vectorTabs li a {
  background-color: transparent !important;
  color: #444 !important;
  padding: 5px 12px !important;
  height: auto !important;
  line-height: 1.4 !important;
}

/* Active tab */
.vector-menu-tabs li.selected,
.vectorTabs li.selected {
  background: #ffffff !important;
  border-color: #c4bdac;
}
.vector-menu-tabs li.selected a,
.vectorTabs li.selected a {
  color: #222 !important;
  font-weight: 600;
}

/* Hover */
.vector-menu-tabs li:hover,
.vectorTabs li:hover {
  background: #ece8df !important;
}

/* "More" dropdown trigger to match */
.vector-menu-dropdown h3,
#p-cactions h3 {
  background: #f4f2ec !important;
  border: 1px solid #d8d3c6;
  border-radius: 4px;
  margin-top: 6px;
}