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

/**CSS TESTING AREA**/
 * root {

--gold-accent: #B39F73; }

/**mainpage shit**/ .mainpage { display:grid; gap:5px; grid-template-columns:7fr 3fr; align-items:start; }

.mainpage-left { display:grid; gap:1em 5px; grid-template-columns:6fr 4fr; }

.mainpage-right { display:grid; gap:1em; }

/**w**/ .themedtable tr:first-child td:first-child, .themedtable tr:first-child th:first-child { border-top-left-radius:5px; }

.themedtable tr:first-child td:last-child, .themedtable tr:first-child th:last-child { border-top-right-radius:5px; }

.themedtable tr:last-child td:first-child, .themedtable tr:last-child th:first-child { border-bottom-left-radius:5px; }

.themedtable tr:last-child td:last-child, .themedtable tr:last-child th:last-child { border-bottom-right-radius:5px; }

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

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

/**sidebar gradients**/ background: linear-gradient(to top,#d50000,#0000); } background: linear-gradient(to top,#EFA406,#0000); } background: linear-gradient(to top,#787aa4,#0000); } background: linear-gradient(to top,#9a1719,#0000); } background: linear-gradient(to top,#352687,#0000); } background: linear-gradient(to top,#346CBC,#0000); } background: linear-gradient(to top,#85c02e,#0000); }
 * 1) mw-panel #p-Heartslabyul-label {
 * 1) mw-panel #p-Savanaclaw-label {
 * 1) mw-panel #p-Octavinelle-label {
 * 1) mw-panel #p-Scarabia-label {
 * 1) mw-panel #p-Pomefiore-label {
 * 1) mw-panel #p-Ignihyde-label {
 * 1) mw-panel #p-Diasomnia-label {