User:Chao/common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/**
 * Custom tabs
 * 
 * These styles are meant to be used with custom tabs and User:Chao/common.js
 */

.cathedral-tabs {
    border-radius:8px 8px 0px 0px;
    padding:1px 5px;
    position:relative;
}
.cathedral-tab {
    border-radius:7px 7px 0px 0px;
    cursor:pointer;
    display:block;
    margin:0;
    padding:1px 5px;
    text-decoration:none;
}
.cathedral-details {
    display:none;
    margin:0;
    padding:0.2em;
}

/* PLAIN VERSION, to be added on to .cathedral-tabs */
.plain-tabs {
    background-color:inherit;
    border-radius:7px;
	padding:.5em;
}
.plain-tabs .cathedral-tab {
    border-radius:7px;
    display:inline-block;
    top:0;
}
.plain-tabs .cathedral-details {
    background-color:inherit;
    border-radius:7px;
    border:0;
}

/* FANCY VERSION, to be added on to .cathedral-tabs */
.fancy-tabs .cathedral-tab {
    border-radius:7px 7px 0px 0px;
    display:inline-block;
}
.fancy-tabs .cathedral-details {
    border:1px solid;
}

/* COLORS */
.cathedral-tab {
    background-color:#444; /* NOL-darkcharcoal */
    border-color:#222; /* NOL-darkblack */
    color: #AAA; /* NOL-grey */
}
.cathedral-tab.selected,
.cathedral-tabs.plain .cathedral-tab.selected {
    background-color:#ffdf8c; /* NOL-gold */
    color:#444; /* NOL-darkcharcoal */
}
.cathedral-details {
    background-color:#222;
}
.plain-tabs .cathedral-tab,
.fancy-tabs .cathedral-tab {
    background-color:#c5a63b;
    color:#444;
}
.fancy-tabs .cathedral-details {
    border-color:#111;
}