MediaWiki:Common.css: Difference between revisions

From Kyria Thanatos Wiki
Jump to navigation Jump to search
darker greens in the tab with the gradient, dark purple after the background image ends
background colors in the dropdown in the nav too
 
(One intermediate revision by the same user not shown)
Line 49: Line 49:
     background-color: #311a3e;
     background-color: #311a3e;
}
}
#left-navigation { background-color: #bababa }
#right-navigation { background-color: #bababa }


.vector-menu a span { color: #add48e; }
.vector-menu a span { color: #add48e; }
.vector-menu a:visited span { color: #759656; }
.vector-menu a:visited span { color: #759656; }


.vector-menu-tabs .selected { background: unset; }
.vector-menu li { background-image: unset; }
.vector-menu-tabs .selected { background-image: linear-gradient(to top, lightgray, rgba(0,0,0,0) ); }
.vector-menu li.selected { background-color: #d3d3d3; }
.vector-menu-tabs li { background-image: linear-gradient(to top, lightgray, rgba(0,0,0,0) 90% ); }
.vector-menu-tabs.vector-menu-tabs li.selected a span { color: black; }
.vector-menu-tabs.vector-menu-tabs li.selected a span { color: black; }
.vector-menu-tabs.vector-menu-tabs li.selected a:visited span { color: black; }
.vector-menu-tabs.vector-menu-tabs li.selected a:visited span { color: black; }
.vector-menu.vector-menu.vector-menu-tabs a span { color: #156B1E; }
.vector-menu.vector-menu.vector-menu-tabs a span { color: #156B1E; }
.vector-menu.vector-menu.vector-menu-tabs a:visited span { color: #0F4D16; }
.vector-menu.vector-menu.vector-menu-tabs a:visited span { color: #0f4d16; }
nav.vector-menu.vector-menu-dropdown { background-image: linear-gradient(to top, lightgray, rgba(0,0,0,0) ); }
.vector-menu.vector-menu-dropdown li { background-color: #bababa; }
.vector-menu.vector-menu-dropdown .vector-menu-heading-label { color: #177521; }
.vector-menu.vector-menu-dropdown .vector-menu-heading-label { color: #177521; }
.vector-menu.vector-menu-dropdown a span { color: #177521; }
.vector-menu.vector-menu-dropdown a span { color: #177521; }

Latest revision as of 02:46, 9 June 2024

/* CSS placed here will be applied to all skins */

/***** infobox *****/
.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 400px;
}
.infobox-title {
    font-size: 2em;
    text-align: center;
    background-color: #CCCCFF;
    margin-bottom: 8px;
}
.infobox-image {
    text-align: center;
}
.infobox-table {
	border-spacing: 0px;
	margin-top: 1em;
	width: 400px;
}
.infobox-table th {
    text-align: right;
    vertical-align: top;
    width: 120px;
    border-right: 1px solid #999;
    padding-right: 8px;
}
.infobox-table td {
    vertical-align: top;
    border-left: 1px solid #999;
    padding-left: 8px;
}

/***** dark background image *****/
#mw-page-base {
    background: unset;
    margin-left: 1900px;
}

body {
    background-image: url('https://wiki.grave.place/w/images/d/d1/Background_Full.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #311a3e;
}

#left-navigation { background-color: #bababa }
#right-navigation { background-color: #bababa }

.vector-menu a span { color: #add48e; }
.vector-menu a:visited span { color: #759656; }

.vector-menu li { background-image: unset; }
.vector-menu li.selected { background-color: #d3d3d3; }
.vector-menu-tabs.vector-menu-tabs li.selected a span { color: black; }
.vector-menu-tabs.vector-menu-tabs li.selected a:visited span { color: black; }
.vector-menu.vector-menu.vector-menu-tabs a span { color: #156B1E; }
.vector-menu.vector-menu.vector-menu-tabs a:visited span { color: #0f4d16; }
.vector-menu.vector-menu-dropdown li { background-color: #bababa; }
.vector-menu.vector-menu-dropdown .vector-menu-heading-label { color: #177521; }
.vector-menu.vector-menu-dropdown a span { color: #177521; }
.vector-menu.vector-menu-dropdown a:visited span { color: #1e4d1e; }

.vector-menu-heading-label { color: white; }

.mw-echo-notifications-badge { filter: invert(69%); }

.mw-body { background-color: lightgray; }

.mw-footer li { color: white; }
.mw-footer a { color: #add48e; }
.mw-footer a:visited { color: #759656; }