User:Ylimegirl/common.css

/**looking at the css markup on this theme hurts my eyes w/ the highliting lol. so this is for my sanity**/ .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { background-color:white; color:#222; } .oo-ui-window-content { color:#222; } /**CSS TESTING AREA**/
 * root {

--gold-accent: #B39F73; }

/* -- Tables -- */

/**other table styles**/

.storytable .bottomnav { color: var(--gold-accent); border-top: 1.2px solid var(--gold-accent); }

.card { border:1px solid var(--gold-accent); }

.storytab .inactive, .storytab .active { border: 1px solid var(--gold-accent); }

/**End table styles**/

/* -- Tabbers -- */

.themedtabber .wds-tabs__wrapper.with-bottom-border { border-bottom: none; }

.themedtabber .wds-tab__content { padding: 0; border: none; }

.themedtabber .wds-tabs { border-bottom: 2px solid #b39f73; padding: 1.0em; justify-content: center; flex-wrap: wrap; }

.themedtabber .wds-tabs__tab-label { background-color: black; transition: background-color 0.2s; color: white; border: 1px solid #b39f73; line-height: 1.2em; margin: 0.2em 0.2em 0 0; padding: 1px 1em; height: auto; }

.themedtabber .wds-tabs__tab-label a, .themedtabber .wds-tabs__tab-label a:hover, .themedtabber .wds-tabs__tab-label a:active { color: white; text-decoration: none; }

.themedtabber .wds-tabs__tab { box-shadow: unset; }

.themedtabber .wds-tabs__tab-label:hover, .themedtabber .wds-is-current > .wds-tabs__tab-label { background-color: #C29C48; border: 1px solid #b39f73; }

.themedtabber .wds-tabs__arrow-left, .themedtabber .wds-tabs__arrow-right { display: none; }

.Heartslabyul .wds-tab__content, .Savanaclaw .wds-tab__content, .Octavinelle .wds-tab__content, .Scarabia .wds-tab__content, .Pomefiore .wds-tab__content, .Ignihyde .wds-tab__content, .Diasomnia .wds-tab__content { padding: 5px; box-sizing: border-box; width: 100%; }

.Heartslabyul .wds-tabs, .Savanaclaw .wds-tabs, .Octavinelle .wds-tabs, .Scarabia .wds-tabs, .Pomefiore .wds-tabs, .Ignihyde .wds-tabs, .Diasomnia .wds-tabs { padding: 1.0em; }

.Heartslabyul .wds-tabs__tab-label, .Savanaclaw .wds-tabs__tab-label, .Octavinelle .wds-tabs__tab-label, .Scarabia .wds-tabs__tab-label, .Pomefiore .wds-tabs__tab-label, .Ignihyde .wds-tabs__tab-label, .Diasomnia .wds-tabs__tab-label { transition: background-color 0.2s; color: white; border: none; line-height: 1.0em; padding: 2px 1em; }

.Heartslabyul .wds-is-current > .wds-tabs__tab-label, .Savanaclaw .wds-is-current > .wds-tabs__tab-label, .Octavinelle .wds-is-current > .wds-tabs__tab-label, .Scarabia .wds-is-current > .wds-tabs__tab-label, .Pomefiore .wds-is-current > .wds-tabs__tab-label, .Ignihyde .wds-is-current > .wds-tabs__tab-label, .Diasomnia .wds-is-current > .wds-tabs__tab-label, .Heartslabyul .wds-tabs__tab-label:hover, .Savanaclaw .wds-tabs__tab-label:hover, .Octavinelle .wds-tabs__tab-label:hover, .Scarabia .wds-tabs__tab-label:hover, .Pomefiore .wds-tabs__tab-label:hover, .Ignihyde .wds-tabs__tab-label:hover, .Diasomnia .wds-tabs__tab-label:hover { border: none; }

.Heartslabyul .tab__content { border: 1px solid #8A1305; }

.Heartslabyul .wds-tabs { border-bottom: 2px solid #8A1305; }

.Heartslabyul .wds-tabs__tab-label { background-color: #d50000; }

.Heartslabyul .wds-tabs__tab-label:hover { background-color: #A51002; }

.Heartslabyul .wds-is-current > .wds-tabs__tab-label { background-color: #8A1305; }

.Savanaclaw .tab__content { border: 1px solid #EFA406; }

.Savanaclaw .wds-tabs { border-bottom: 2px solid #EFA406; }

.Savanaclaw .wds-tabs__tab-label { background-color: #F5C663; }

.Savanaclaw .wds-tabs__tab-label:hover { background-color: #ebab1c; }

.Savanaclaw .wds-is-current > .wds-tabs__tab-label { background-color: #EFA406; }

.Octavinelle .tab__content { border: 1px solid #493470; }

.Octavinelle .wds-tabs { border-bottom: 2px solid #493470; }

.Octavinelle .wds-tabs__tab-label { background-color: #8A80BB; }

.Octavinelle .wds-tabs__tab-label:hover { background-color: #A7A0CC; }

.Octavinelle .wds-is-current > .wds-tabs__tab-label { background-color: #493470; }

.Scarabia .wds-tab__content { border: 1px solid #611710; }

.Scarabia .wds-tabs { border-bottom: 2px solid #611710; }

.Scarabia .wds-tabs__tab-label { background-color: #9a1719; }

.Scarabia .wds-tabs__tab-label:hover { background-color: #7E1402; }

.Scarabia .wds-is-current > .wds-tabs__tab-label { background-color: #611710; }

.Pomefiore .wds-tab__content { border: 1px solid #241d48; }

.Pomefiore .wds-tabs { border-bottom: 2px solid #241d48; }

.Pomefiore .wds-tabs__tab-label { background-color: #352687; }

.Pomefiore .wds-tabs__tab-label:hover { background-color: #7C6E66; }

.Pomefiore .wds-is-current > .wds-tabs__tab-label { background-color: #241d48; }

.Ignihyde .wds-tab__content { border: 1px solid #516EDD; }

.Ignihyde .wds-tabs { border-bottom: 2px solid #516EDD; }

.Ignihyde .wds-tabs__tab-label { background-color: #147AEE; }

.Ignihyde .wds-tabs__tab-label:hover { background-color: #403e43; }

.Ignihyde .wds-is-current > .wds-tabs__tab-label { background-color: #516EDD; }

.Diasomnia .wds-tab__content { border: 1px solid #375F00; }

.Diasomnia .wds-tabs { border-bottom: 2px solid #375F00; }

.Diasomnia .wds-tabs__tab-label { background-color: #85c02e; }

.Diasomnia .wds-tabs__tab-label:hover { background-color: #698740; }

.Diasomnia .wds-is-current > .wds-tabs__tab-label { background-color: #375F00; }

.imgtabber .wds-tab__content { padding: 5px 0; }

/*tabber styles*/ /** .themedtabber ul.tabbernav { border-bottom: 2px solid var(--gold-accent); }

.themedtabber ul.tabbernav li a { border: 1px solid var(--gold-accent); } .themedtabber ul.tabbernav li a:hover, .themedtabber ul.tabbernav li.tabberactive a { border: 1px solid var(--gold-accent); } /**End tabber styles**/