User:Chao/common.css

/** * 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; }