MediaWiki:Common.css: Difference between revisions

Add beige background and padding to personal tools menu
Remove tab borders to match OSRS
Line 403: Line 403:
/* Base inactive tab style */
/* Base inactive tab style */
.vector-menu-tabs .vector-menu-content-list > li {
.vector-menu-tabs .vector-menu-content-list > li {
     background-color: #cfc08d !important; /* OSRS inactive tab beige */
     background-color: transparent !important;  
     border: 1px solid #94866d !important;
     border: none !important;
    border-bottom: none !important;
     margin-right: 0 !important;
    border-radius: 3px 3px 0 0;
     margin-right: 4px !important;
     display: inline-block;
     display: inline-block;
     padding: 0 !important;
     padding: 0 !important;
Line 414: Line 412:
/* Active tab style */
/* Active tab style */
.vector-menu-tabs .vector-menu-content-list > li.selected {
.vector-menu-tabs .vector-menu-content-list > li.selected {
     background-color: #f1e7d3 !important; /* Matches #content parchment */
     background-color: #ffffff !important;  
     border: 3px solid #3d2b1f !important;
     border: none !important;
    border-bottom: none !important;
     position: relative;
     position: relative;
     z-index: 2; /* Sit on top of the content border */
     z-index: 2;  
     margin-bottom: -3px; /* Pull it down over the content border */
     margin-bottom: 0;  
}
}


/* Tab link text */
/* Tab link text */
.vector-menu-tabs .vector-menu-content-list > li > a {
.vector-menu-tabs .vector-menu-content-list > li > a {
     color: #4a3c28 !important;
     color: #794900 !important;
     padding: 10px 12px 6px 12px !important;
     padding: 12px 18px !important;
     font-family: 'PT Serif', Georgia, serif;
     font-family: 'Museo Sans', 'PT Serif', sans-serif;
     font-weight: bold;
     font-weight: normal;
     font-size: 0.9em;
     font-size: 0.95em;
     background: transparent !important;
     background: transparent !important;
}
}
Line 434: Line 431:
/* Active tab text */
/* Active tab text */
.vector-menu-tabs .vector-menu-content-list > li.selected > a {
.vector-menu-tabs .vector-menu-content-list > li.selected > a {
     color: #000000 !important;
     color: #3b240b !important;
     padding-bottom: 9px !important; /* Extra padding to cover the gap */
     padding-bottom: 12px !important;  
}
}