User:Conta de Exemplo/vector.css

/* CSS colocado aqui irá afetar usuários do tema Vector */ /* Tema Gasolina */ @import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,600,600i&display=swap'); @import url('https://fonts.googleapis.com/css?family=Roboto%20Slab:400,400i,600,600i&display=swap'); @import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,600,600i&display=swap'); @import url('https://fonts.googleapis.com/css?family=Roboto%20Slab:400,400i,600,600i&display=swap'); @import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,600,600i&display=swap'); @import url('https://fonts.googleapis.com/css?family=Roboto%20Slab:400,400i,600,600i&display=swap'); @import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,600,600i&display=swap'); @import url('https://fonts.googleapis.com/css?family=Roboto%20Slab:40.portal h3, .vector-menu-portal h30,400i,600,600i&display=swap'); @import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,600,600i&display=swap'); @import url('https://fonts.googleapis.com/css?family=Roboto%20Slab:400,400i,600,600i&display=swap');

.mw-pulsating-dot:before, .mw-pulsating-dot:after { background-color: #003D44; }

.mw-body-content h3, .mw-body-content h4 { font-family: 'Montserrat'; color: #003D44; font-weight: bold; }

font-family: 'Montserrat'; }
 * 1) profile-title {

.mw-widget-calendarWidget-item:hover { background-color: #003d44; color: #fff; }

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span { border-color: #003D44; }

.wikitable > tr > th, .wikitable > * > tr > th { font-family: 'Roboto Slab'; }

.mw-body-content .mw-number-text h3 { color: #065c66; margin: 0; padding: 0; font: 18px/24px 'Montserrat'; font-weight: bold; font-size: 2.2em; line-height: 1.2; text-align: center; }

outline: 0; border: 1px solid #a2a9b1; -webkit-box-shadow: none; box-shadow: none; }
 * 1) searchInput:focus, #simpleSearch:hover #searchInput:focus {

.errorbox { background-color: #ebebeb; border-color: #ebebeb; font: 18px/24px 'Montserrat'; }

.ve-init-mw-progressBarWidget { border: 1px solid #003D44; border-radius: 2px; }

.mw-changeslist-links { display: inline-block; font-family: 'Roboto Slab'; letter-spacing: 1px; font-size: 15px; font-weight: 600; }

.diff-editfont-monospace .diff-addedline, .diff-editfont-monospace .diff-deletedline, .diff-editfont-monospace .diff-context { font-family: monospace,monospace; box-shadow: 0 0.25em 0.6em -0.15em rgb(0 0 0 / 15%); }

.warningbox { background-color: #ebebeb; border-color: #ebebeb; }

.mw-body-content p { margin: 0.7em 0; font: 18px/24px 'Montserrat'; }

.mw-body h1, .mw-body-content h1, .mw-body-content h2 { margin-bottom: 0.25em; padding: 0; font-family: Roboto Slab; line-height: 1.3; color: #003D44; }

li { margin-bottom: 0.1em; font: 18px/24px 'Montserrat'; color: #202124; }

.error { color: #d33; font-family: Montserrat; font-size: 20px; }

text-align: center; border: 1px solid #ebebeb; background-color: #ebebeb; padding: 5px; font-size: 95%; margin-bottom: 0.5em; margin-left: 0; margin-right: 0; }
 * 1) filetoc {

.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: #003D44; box-shadow: inset 0 0 0 1px #003D44, inset 0 0 0 2px #fff; outline: 1px solid transparent; }

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { border-color: #003D44; outline: 0; box-shadow: inset 0 0 0 1px #003D44; } /*increase the size of the buttons to 2em */ span.at-icon-wrapper, svg.at-icon {   width: 2em!important; height: 2em!important; }

float: right; margin-top: -77777777777777777777777777777777777777777777777777777777777777777777777777777777em; }
 * 1) footer-icons {

li.gallerybox div.thumb { border: 1px solid #ebebeb; background-color: #ebebeb; }

div.thumbinner { border: 1px solid #ebebeb; padding: 3px; background-color: #ebebeb; font-size: 94%; text-align: center; overflow: hidden; }

background-color: #ebebeb; }
 * 1) content .gallerybox div.thumb {

.toc, .mw-warning, .toccolours { border: 2px solid #ebebeb; background-color: #ebebeb; padding: 5px; font-size: 95%; }

.catlinks { border: 1px solid #ebebeb; background-color: #ebebeb; padding: 5px; margin-top: 1em; clear: both; font: 18px/24px 'Montserrat'; }

.vector-menu-tabs li a { color: #392F2F; font-size: 16px; font-family: Montserrat; }

.mw-footer { padding: 1.25em; background-color: #ebebeb; }

h1, h2 { margin-bottom: 0.6em; border-bottom: none; }

.mw-body h1, .mw-body-content h1, .mw-body-content h2 { margin-bottom: 0.25em; padding: 0; font-family: Roboto Slab; line-height: 1.3; color: #003D44; }

body #footer a, body #mw-panel .vector-menu-portal .vector-menu-content li a, body #footer a.new, body #mw-panel .vector-menu-portal .vector-menu-content li a.new, body #footer a:visited, body #mw-panel .vector-menu-portal .vector-menu-content li a:visited, body #footer a.new:visited, body #mw-panel .vector-menu-portal .vector-menu-content li a.new:visited { color: #392F2F; font-family: montserrat; font-size: 16px; }

line-height: 1.4; font-family: Montserrat; font-size: 16px; }
 * 1) footer-info li {

color: #392F2F; font-family: montserrat; }
 * 1) mw-panel.collapsible-nav .portal.collapsed h3 a {

color: #4d4d4d; text-decoration: none; font-family: Montserrat; }
 * 1) mw-panel.collapsible-nav .portal h3 a {

.mw-cookiewarning-container { position: fixed; background-color: #3A7279; box-sizing: border-box; padding: 7px 15px; bottom: 0; left: 0; width: 100%; z-index: 1999; display: flex; justify-content: center; font-family: Montserrat; }

.mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px #003D44; }

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span { background-color: #003D44; border-color: #003D44; }

.mw-ui-button.mw-ui-progressive:hover { background-color: #003D44; border-color: #003D44; }

.mw-ui-input:focus { border-color: #003D44; box-shadow: inset 0 0 0 1px #003D44; outline: 0; }

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-InputWidget-input:focus { border-color: #003D44; }

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { border-color: #003D44; }

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { outline: 0; border-color: #003D44; box-shadow: inset 0 0 0 1px #003D44; }


 * focus {

outline-color: #003D44; }

.ve-ce-attachedRootNode::selection, .ve-ce-attachedRootNode *::selection { background: #0b6a75; }

.oo-ui-icon-reference, .mw-ui-icon-reference:before { background-image: url(/w/load.php?modules=oojs-ui.styles.icons-editing-citation&image=reference&format=rasterized&skin=vector&version=1b9jb); background-image: linear-gradient(transparent,transparent),url(https://upload.wikimedia.org/wikipedia/commons/8/8f/OOjs_UI_icon_book-ltr.svg); }

/* Muda o editor visual */ .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-bottom: 1px solid #c8ccd1; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); border-top-left-radius: 0em; border-bottom-left-radius: 0em; }

/* Botões */ .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { color: #fff; background-color: #003D44; }

/* Muda a cor do link externo */ .mw-parser-output a.extiw, .mw-parser-output a.external { color: #12919F; }

/* Fonte do artigo na área de conteúdo */

/* Modifica o painel dobrável na barra lateral */ color: #392F2F; font-family: montserrat; }
 * 1) mw-panel.collapsible-nav .portal.collapsed h3 a {

color: #0645ad; background-position: left center; background-repeat: no-repeat; background-image: linear-gradient(transparent,transparent),url(https://onibus.miraheze.org/w/extensions/CollapsibleVector/modules/images/arrow-collapsed-ltr.svg?00b90); background-position: left 0.13333333em; background-repeat: no-repeat; background-size: 0.86666667em 0.96666667em; padding-top: 0.0em !important; padding-left: 16px !important; }
 * 1) mw-panel.collapsible-nav .portal.collapsed h3 {

background-position: left center; background-repeat: no-repeat; background-image: linear-gradient(transparent,transparent),url(https://onibus.miraheze.org/w/extensions/CollapsibleVector/modules/images/arrow-expanded.svg?86ebd); background-position: left 0.13333333em; background-repeat: no-repeat; background-size: 0.86666667em 0.96666667em; padding-top: 0.0em !important; padding-left: 16px !important; }
 * 1) mw-panel.collapsible-nav .portal h3 {

.portal, .vector-menu-portal { margin: 0 0.5em 0 0.6em; padding: 0.00em 0; direction: ltr; }

.infobox { border-spacing: 6px; }

.infobox { border: 1px solid #a2a9b1; border-spacing: 6px; color: black; margin: 0.5em 0 0.5em 1em; padding: 0.4em; float: right; clear: right; font-size: 88%; line-height: 1.8em; }

/* Remove os "]" nos lugares de editar seção */ .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { margin-left: 0.25em; color: transparent; }

.client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type) { margin-right: 0.25em; color: transparent; background-image: linear-gradient(transparent,transparent),url(https://static.miraheze.org/onibuswiki/b/bc/Download_%281%29.svg); background-position: left 0.33333333em; background-repeat: no-repeat; background-size: 2.16666667em 1.16666667em; padding-top: 0.5em !important; padding-left: 20px !important; }

/* Muda a cor dos botões */ .suggestions-result-current { background-color: #003D44; color: #fff; }

.mw-ui-button.mw-ui-progressive { background-color: #003D44; color: #fff; border: 1px solid #003D44; }

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #003D44; }

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: #003D44; }

/* Muda o jeito do wikieditor */ .wikiEditor-ui-toolbar .tabs span.tab a { color: #1C7F8B; cursor: pointer; display: block; height: 32px; padding-left: 18px; padding-right: 12px; }

.ve-init-mw-progressBarWidget-bar { background-color: #003D44; height: 0.875em; }

/* Muda a cor dos botões */ .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span { background-color: #003D44; border-color: #003D44; }

/* Cor do link */ a { text-decoration: none; color: #0b6a75; background: none; }

/* Cor dos botões */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: #003D44; color: #fff; border-color: #003D44; }

/* Visual da logo */ width: 10em; height: 130px; margin-bottom: 1em; }
 * 1) p-logo {

/* Visual de resultados de pesquisa */ .mw-search-result-data { color: #003D44; font-size: 97%; }

/* botões */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: #01292e; border-color: #01292e; }

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #fff; background-color: #003D44; border-color: #003D44; } .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { border-radius: 0 2px 2px 0; margin-left: -1px; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #003D44; }

.portal h3, .vector-menu-portal h3 { display: block; background-image: none; background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; color: #000000; margin: 0.5em 0 0 0.66666667em; border: 0; padding: 0.25em 0; font-size: 1.00em; font-weight: 600; cursor: default; }

.style { } body { background-color: #F6F8F9; }

.portal h3, .vector-menu-portal h3 { display: block; background-image: none; background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; color: #000000; margin: 0.5em 0 0 0.66666667em; border: 0; padding: 0.25em 0; font-size: 1.00em; font-weight: 600; cursor: default; } .portal h3, .vector-menu-portal h3 { display: block; background-image: url(https://static.miraheze.org/onibuswiki/3/35/Fundo_sidebar_1.png); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; color: #000000; margin: 0.5em 0 0 0.66666667em; border: 0; padding: 0.25em 0; font-size: 1.00em; font-weight: 600; cursor: default; }

float: left; margin-right: 1em; line-height: 2; } .mw-footer li { color: #202122; margin: 0; padding: 0.5em 0; font-size: 0.85em; }
 * 1) footer-places li {

font-size: 0.85em; }
 * 1) p-personal li {

.vector-menu-tabs .mw-watchlink.icon a { width: 2.15384615em; height: 0; padding: 2.07692308em 0 0 0; overflow: hidden; }

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { background-color: transparent; background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0, transparent 100%); background-repeat: no-repeat; background-size: 1px 100%; }

background: #003D44; color: #fff; }
 * selection {

.portal h3, .vector-menu-portal h3 { display: block; background-image: url(https://static.miraheze.org/onibuswiki/3/35/Fundo_sidebar_1.png); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; color: #000000; margin: 0.5em 0 0 0.66666667em; border: 0; padding: 0.25em 0; font-size: 1.00em; font-weight: 600; cursor: default; }

.mw-body-content { font-size: 0.875em; font-size: calc(1em * 0.975); line-height: 1.6; }

.vector-menu-tabs li a { background-position: right bottom; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; float: left; height: .07692308em; position: relative; padding-top: 1.05em; padding-left: 21px; padding-right: 8px; cursor: pointer; color: #392F2F; font-family: montserrat; font-size: 16px; }

body #content { border-top-left-radius: 0em; border-bottom-left-radius: 0em; box-shadow: 0 0.25em 0.6em -0.15em rgb(0 0 0 / 15%); border: none; margin-top: 0; }

float: right; margin-top: -777777777777777777777777777777777777777777777777777777em; }
 * 1) footer-icons {

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: #392F2F; font-family: montserrat; font-size: 16px;   text-decoration: none; margin-left: -0em; }

color: beige !important; background: #f2f2f2; background-image: url(https://static.miraheze.org/onibuswiki/c/c4/Background-citmax2.png); border-bottom: 0px; background-position: 2em; }
 * 1) mw-head-base {

.ra-read-more { padding: 1em 0 0; background-color: #f2f2f2; }

background-color: transparent; color: #000000; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #a2a9b1; border-radius: 30px; padding: 0.5em 1.84615385em 0.4em 0.4em; -webkit-box-shadow: inset 0 0 0 1px transparent; box-shadow: inset 0 0 0 1px transparent; font-size: 0.8125em; direction: ltr; transition: border-color 250ms,box-shadow 250ms; -webkit-appearance: none; -moz-appearance: textfield; }
 * 1) searchInput {

.portal h3, .vector-menu-portal h3 { display: block; background-image: none; background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; color: #000000; margin: 0.5em 0 0 0.66666667em; border: 0; padding: 0.25em 0; font-size: 1.00em; font-weight: 600; cursor: default; }

/* Framework */ body { background-color: #F6F8F9; } div { color:black; } body #pageWrapper { margin-right: 10px; }

background: #fbfbfb; }
 * 1) content {

/* Head */ color: beige !important; background: transparent; background-image: none; }
 * 1) mw-page-base {

/* templates -- default select-to-view */

.spoiler { border: .1em dotted #808080; background: #fff; padding: .1em .2em; }

.spoilerhidden, .spoilerhidden a, spoilerhidden a:visited, .spoilerhidden .new, .spoilerhidden .external, .spoilerhidden .extiw { color: #fff !important; background-image: none; }

body #footer a, body #mw-panel .vector-menu-portal .vector-menu-content li a, body #footer a.new, body #mw-panel .vector-menu-portal .vector-menu-content li a.new, body #footer a:visited, body #mw-panel .vector-menu-portal .vector-menu-content li a:visited, body #footer a.new:visited, body #mw-panel .vector-menu-portal .vector-menu-content li a.new:visited { color: #392F2F; font-family: montserrat; font-size: 16px; }

.portal .body li, .vector-menu-portal .body li { margin: 0; padding: 0.25em 0; font-size: 0.85em; line-height: 1.000em; word-wrap: break-word; }

.vector-menu-tabs .selected { background-color: transparent; background: transparent; } .vector-menu-tabs li { background-color: transparent; background-image: linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,transparent 100%); background-position: left bottom; background-repeat: repeat-x; float: left; display: block; height: 100%; margin: 0; padding: 0; line-height: 1.125em; white-space: nowrap; color: #392F2F; font-family: montserrat; font-size: 16px; }

.vector-menu-tabs .selected { background-image: none; background: transparent; }

.vector-menu-tabs li { background-color: transparent; background-image: linear-gradient(to top,transparent 0,transparent 1px,transparent 100%); background-position: left bottom; background-repeat: repeat-x; float: left; display: block; height: 100%; margin: 0; padding: 0; line-height: 1.125em; white-space: nowrap; }

body div#mw-navigation #pt-mytalk a { background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/b6/OOjs_UI_icon_userTalk-ltr.svg); background-image: linear-gradient(transparent,transparent),url(https://upload.wikimedia.org/wikipedia/commons/b/b6/OOjs_UI_icon_userTalk-ltr.svg); background-position: left 0.33333333em; background-repeat: no-repeat; background-size: 1.16666667em 1.16666667em; padding-top: 0.5em !important; padding-left: 20px !important; }

blockquote { font-family: Georgia; background-color: #ebebeb; border: 5px dashed #ebebeb; margin: 5px; border-style: dashed; background-position: 5px 5px; background-repeat: no-repeat; width: 664px; margin-left: 55px; padding: 13px 10px 13px 60px; min-height: 25px; background-size: 42px 36px; }

user agent stylesheet blockquote { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 42px; margin-inline-end: 42px; }

.mw-body-content sub, .mw-body-content sup, span.reference /* para Parsoid */ { font-size: 80%; }

/* Consistent size for, and */ small { font-size: 85%; }

.mw-body-content sub, .mw-body-content sup, span.reference /* para Parsoid */ { font-size: 80%; }