MediaWiki:Fandomdesktop.css

/**\ #BASE-STYLES \**/

/** * text */ /* h2 */ .mw-parser-output > h2 { border-bottom: none; font-size: 29px; font-weight: 300; line-height: 1; margin: 0.5em 0 0.2em; padding-bottom: 3px; } /* h3 */ .mw-parser-output > h3 { font-size: 20px; line-height: 1.6; margin: 0.5em 0 0.2em; } /* h4 */ .mw-parser-output > h4 { font-size: 18px; line-height: 1.6; } /* h5 */ .mw-parser-output > h5 { font-size: 18px; font-weight: 400; line-height: 1.6; } /* text */ .page__main {	font-weight: 300; line-height: 1.75; } .page-content p+p {	font-weight: 300; margin: 1em 0; } .page-content p { font-weight: 300; margin: 0.4em 0 0.5em; } /* text-changeslist */ .mw-changeslist-legend {   font-size: 13.5px !important; font-weight: 400; } /* theme-light */ /* └── text-color */ .theme-fandomdesktop-light .page__main {	color: #002a32; } /* theme-dark */ /* ├── text-color */ .theme-fandomdesktop-dark .page__main {	color: #cfd2d6; } /* ├── h2-color */ .theme-fandomdesktop-dark h2 > .mw-headline {   color: #f3f3f3; } .theme-fandomdesktop-dark h3 > .mw-headline {   background: linear-gradient(to top,    				rgba(var(--theme-link-color--rgb), 0.1) 54%,    					transparent 54%,    						transparent 100%); } /* └── b-color */ .theme-fandomdesktop-dark b { color: #f3f3f3; }

/** * page-header */ /* title */ .page-header__title {	font-weight: normal; } /* top */ .page-header__top {   font-size: 80%; } /* categories */ .page-header__categories {	font-weight: bold; } /* categories-links */ .page-header__categories-links {	font-style: normal; }

/**\ #ELEMENTS-CUSTOMARY \**/

/** * quote */ /* font-size */ .quote {	font-size: inherit; } /* font-weight */ .quote {	font-weight: 400; } /* source */ /* └── appearance */ .source {   font-size: 0.9em; margin-top: 10px; text-transform: uppercase; width: 20em; } /* theme-light */ /* └── .quote color */ .theme-fandomdesktop-light .quote {   color: inherit; } /* source */ /* └── .source color */ .theme-fandomdesktop-light .source {   color: var(--theme-link-color); } /* theme-dark */ /* └── .quote color */ .theme-fandomdesktop-dark .quote {   color: inherit; } /* source */ /* └── .source color */ .theme-fandomdesktop-dark .source {   color: var(--theme-link-color); }

/** /* blockquote-apperance */ blockquote {	background: var(--theme-page-background-color--secondary); border-left: solid 5px var(--theme-accent-color); display: flex; margin: 1em 0 !important; padding: 1.5em calc(2em + 25px) 1.5em 1em; } /* .entry */ blockquote.entry {	background: var(--theme-page-background-color--secondary); border-bottom: none; border-left: 6px solid var(--theme-accent-color); border-right: 3px solid var(--theme-accent-color); display: flex; margin: 3em 0 1.5em !important; padding: 45px 30px 25px; position: relative; text-align: justify; } /* .entry:before */ blockquote.entry:before {	background: var(--theme-accent-color); border-radius: 50%; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); color: #fff; content: '“'; display: block; font-family: 'Rubik', sans-serif; font-size: 55px; font-weight: 400 !important; height: 60px; line-height: 90px; margin-left: -1 !important; margin-top: -30px; position: absolute; text-align: center; top: 0; width: 60px; } blockquote.entry > p { font-weight: 400; } /* font-weight */ blockquote > p { font-weight: 400 !important; } /* theme-light */ /* └── background-color */ .theme-fandomdesktop-light blockquote {   background: var(--theme-page-background-color--secondary);; } /* theme-dark */ /* └── background-color */ .theme-fandomdesktop-dark blockquote {   background: rgb(0 0 0 / 20%); }
 * blockquote

/** * infobox */ /* border */ .pi-border-color {	border-color: transparent; } /* font-size */ .pi-caption, .pi-data-label, .pi-data-value {	font-size: 14.4px !important; font-weight: 400 !important; line-height: 1.75 !important; } /* font-style */ .pi-caption {	font-style: normal; } /* font-weight */ .pi-header, .pi-data-label {	font-weight: 500 !important; } /* flex data-label */ .pi-data-label {  flex-basis: 110px !important; } /* letter-spacing */ .pi-title {	letter-spacing: 1px; } .pi-header {	letter-spacing: 0.5px; } /* theme-light */ /* ├── label-color */ .theme-fandomdesktop-light .pi-data-label {   color: #3a3a3a; } /* ├── value-color */ .theme-fandomdesktop-light .pi-data-value {   color: #000; } /* └── background-color */ .theme-fandomdesktop-light .pi-background {   background-color: var(--theme-page-background-color--secondary); !important; }

/* theme-dark */ /* ├── label-color */ .theme-fandomdesktop-dark .pi-data-label {   color: #f3f3f3; } /* ├── value-color */ .theme-fandomdesktop-dark .pi-data-value {   color: #d8d8d8; } /* └── background-color */ .theme-fandomdesktop-dark .pi-background {   background: rgb(0 0 0 / 20%) !important; }

/** * toc */ /* toc-apperance */ .theme-fandomdesktop-dark .toc {   background: rgb(0 0 0 / 20%) !important; border: none !important; border-left: 5px solid var(--main-page-accent-color) !important; border-radius: 0; } /* title */ .theme-fandomdesktop-dark .toctitle {   font-size: 16px; font-weight: 800; letter-spacing: .5px; padding: 12px 12px 12px 16px; text-transform: uppercase !important; border: none; background: rgb(90 117 114 / 33%); } /* list */ .theme-fandomdesktop-dark .toc > ul { padding: 1em !important; }

/**\ #COSMETIC-ARTE \**/

/** * main page */ /* .type */ .page-content .type {	border-bottom: 2px solid; border-bottom-color: var(--typecolor); font-size: 14px; height: 45px; padding: 0 3px; position: relative; text-align: center; text-transform: uppercase; transition: 0.5s; width: 100%; z-index: 1; } .page-content .type a { font-weight: 700 !important; text-decoration: none; transition: 0.5s; } .page-content .type:after {	background: var(--typecolor); bottom: 0; content: ''; height: 0; left: 0; transition: 0.5s; position: absolute; width: 100%; z-index: -1; } .page-content .type:hover a { text-shadow: 0 0 5.5px rgb(0 0 0 / 20%); } .page-content .type:hover:after {	height: 100%; } /* theme-light */ /* └── text-color */ .theme-fandomdesktop-light .page-content .type a { color: inherit; } .theme-fandomdesktop-light .page-content .type:hover a { color: var(--typetextcolor, #fff); } /* theme-dark */ /* └── text-color */ .theme-fandomdesktop-dark .page-content .type a { color: inherit; } .theme-fandomdesktop-dark .page-content .type:hover a { color: var(--typetextcolor, #fff); }

/**\ #MAIN-PAGE \**/

/** * variables */ /* light */
 * root .theme-fandomdesktop-light

{	--main-page-background-color: #f2f5f5; --main-page-border-color: #ccc; --main-page-accent-color: #002e25; --main-page-text-color: #3a3a3a; } /* dark */
 * root .theme-fandomdesktop-dark

{	--main-page-background-color: rgb(0 0 0 / 20%); --main-page-border-color: #5a7572; --main-page-accent-color: #5a7572; --main-page-text-color: #cfd2d6; } .container {	background: var(--main-page-background-color); } .footer {	background: var(--main-page-accent-color); } .heading { 	color: var(--main-page-accent-color); } .content { 	color: var(--main-page-text-color); } .table {	border-color: var(--main-page-border-color); } /* column-right */ .container-right {	background: var(--main-page-background-color); } .heading-right { 	color: var(--main-page-accent-color); } .content-right {	color: var(--main-page-text-color); }