Mudanças entre as edições de "Widget:Gurren2"

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 2: Linha 2:
<style>
<style>
:root {
:root {
    --bg: #121212;
--bg: #121212;
    --fg: #e0e0e0;
--fg: #e0e0e0;
    --accent: #66aaff;
--accent: #66aaff;
    --panel-bg: rgba(24,24,24,0.9);
--panel-bg: rgba(24, 24, 24, 0.9);
    --panel-border: #333333;
--panel-border: #333333;
    --border: #444444;
--border: #444444;
    --code-bg: #1e1e1e;
--code-bg: #1e1e1e;
    --scrollbar-bg: #2a2a2a;
--scrollbar-bg: #2a2a2a;
    --scrollbar-thumb: #555555;
--scrollbar-thumb: #555555;
}
}


/* Global */
/* Global */
html, body {
html,
    background: var(--bg) !important;
body {
    color: var(--fg) !important;
background: var(--bg) !important;
color: var(--fg) !important;
}
}
body {
body {
    transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
}


/* Content area */
/* Content area */
#content, .mw-body, .mw-body-content {
#content,
    background: var(--bg) !important;
.mw-body,
    color: var(--fg) !important;
.mw-body-content {
    border: none !important;
background: var(--bg) !important;
    box-shadow: none !important;
color: var(--fg) !important;
border: none !important;
box-shadow: none !important;
}
}


/* Sidebar */
/* Sidebar */
#mw-panel {
#mw-panel {
    background: var(--panel-bg) !important;
background: var(--panel-bg) !important;
    border-right: 1px solid var(--panel-border) !important;
border-right: 1px solid var(--panel-border) !important;
    backdrop-filter: blur(12px) !important;
backdrop-filter: blur(12px) !important;
}
}


/* Header and navigation */
/* Header and navigation */
#mw-head, #mw-head-base {
#mw-head,
    background: var(--panel-bg) !important;
#mw-head-base {
    border-bottom: 1px solid var(--panel-border) !important;
background: var(--panel-bg) !important;
    backdrop-filter: blur(10px) !important;
border-bottom: 1px solid var(--panel-border) !important;
backdrop-filter: blur(10px) !important;
}
}
#p-navigation, #p-cactions, #p-search, #p-personal {
 
    background: var(--panel-bg) !important;
#p-navigation,
    border: 1px solid var(--panel-border) !important;
#p-cactions,
#p-search,
#p-personal {
background: var(--panel-bg) !important;
border: 1px solid var(--panel-border) !important;
}
}


/* Footer */
/* Footer */
#mw-footer {
#mw-footer {
    background: var(--panel-bg) !important;
background: var(--panel-bg) !important;
    border-top: 1px solid var(--panel-border) !important;
border-top: 1px solid var(--panel-border) !important;
    backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
}
}


/* Links */
/* Links */
a, a:visited {
a,
    color: var(--accent) !important;
a:visited {
    text-decoration: none !important;
color: var(--accent) !important;
text-decoration: none !important;
}
}
a:hover, a:focus {
 
    color: #99cfff !important;
a:hover,
    text-decoration: underline !important;
a:focus {
color: #99cfff !important;
text-decoration: underline !important;
}
}


/* Headings */
/* Headings */
.firstHeading, .mw-body-content h2 {
.firstHeading,
    border-bottom: 1px solid var(--border) !important;
.mw-body-content h2 {
    padding-bottom: 0.3em;
border-bottom: 1px solid var(--border) !important;
    margin-bottom: 0.6em;
padding-bottom: 0.3em;
margin-bottom: 0.6em;
}
}


/* Tables and infoboxes */
/* Tables and infoboxes */
table, .wikitable, .infobox {
table,
    background: #1f1f1f !important;
.wikitable,
    color: var(--fg) !important;
.infobox {
    border: 1px solid var(--border) !important;
background: #1f1f1f !important;
color: var(--fg) !important;
border: 1px solid var(--border) !important;
}
}
table th, .wikitable th {
 
    background: #2a2a2a !important;
table th,
.wikitable th {
background: #2a2a2a !important;
}
}


/* Code blocks */
/* Code blocks */
pre, code {
pre,
    background: var(--code-bg) !important;
code {
    color: #c0c0c0 !important;
background: var(--code-bg) !important;
    border-radius: 4px;
color: #c0c0c0 !important;
    padding: 2px 4px;
border-radius: 4px;
padding: 2px 4px;
}
}


/* Forms */
/* Forms */
input, textarea, select, #searchInput {
input,
    background: #1f1f1f !important;
textarea,
    color: var(--fg) !important;
select,
    border: 1px solid var(--border) !important;
#searchInput {
    border-radius: 4px !important;
background: #1f1f1f !important;
color: var(--fg) !important;
border: 1px solid var(--border) !important;
border-radius: 4px !important;
}
}


/* Blockquotes */
/* Blockquotes */
blockquote {
blockquote {
    border-left: 3px solid var(--accent) !important;
border-left: 3px solid var(--accent) !important;
    background: #181818 !important;
background: #181818 !important;
    padding: 0.5em 1em !important;
padding: 0.5em 1em !important;
}
}


/* Scrollbar */
/* Scrollbar */
::-webkit-scrollbar {
::-webkit-scrollbar {
    width: 8px; height: 8px;
width: 8px;
    background: var(--scrollbar-bg);
height: 8px;
background: var(--scrollbar-bg);
}
}
::-webkit-scrollbar-thumb {
::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
background: var(--scrollbar-thumb);
    border-radius: 4px;
border-radius: 4px;
}
}
::-webkit-scrollbar-thumb:hover {
::-webkit-scrollbar-thumb:hover {
    background: #777;
background: #777;
}
}
</style>
</style>

Edição das 00h45min de 28 de abril de 2025

<style>

root {

--bg: #121212; --fg: #e0e0e0; --accent: #66aaff; --panel-bg: rgba(24, 24, 24, 0.9); --panel-border: #333333; --border: #444444; --code-bg: #1e1e1e; --scrollbar-bg: #2a2a2a; --scrollbar-thumb: #555555; }

/* Global */ html, body { background: var(--bg) !important; color: var(--fg) !important; }

body { transition: background 0.3s, color 0.3s; }

/* Content area */

  1. content,

.mw-body, .mw-body-content { background: var(--bg) !important; color: var(--fg) !important; border: none !important; box-shadow: none !important; }

/* Sidebar */

  1. mw-panel {

background: var(--panel-bg) !important; border-right: 1px solid var(--panel-border) !important; backdrop-filter: blur(12px) !important; }

/* Header and navigation */

  1. mw-head,
  2. mw-head-base {

background: var(--panel-bg) !important; border-bottom: 1px solid var(--panel-border) !important; backdrop-filter: blur(10px) !important; }

  1. p-navigation,
  2. p-cactions,
  3. p-search,
  4. p-personal {

background: var(--panel-bg) !important; border: 1px solid var(--panel-border) !important; }

/* Footer */

  1. mw-footer {

background: var(--panel-bg) !important; border-top: 1px solid var(--panel-border) !important; backdrop-filter: blur(10px) !important; }

/* Links */ a, a:visited { color: var(--accent) !important; text-decoration: none !important; }

a:hover, a:focus { color: #99cfff !important; text-decoration: underline !important; }

/* Headings */ .firstHeading, .mw-body-content h2 { border-bottom: 1px solid var(--border) !important; padding-bottom: 0.3em; margin-bottom: 0.6em; }

/* Tables and infoboxes */ table, .wikitable, .infobox { background: #1f1f1f !important; color: var(--fg) !important; border: 1px solid var(--border) !important; }

table th, .wikitable th { background: #2a2a2a !important; }

/* Code blocks */ pre, code { background: var(--code-bg) !important; color: #c0c0c0 !important; border-radius: 4px; padding: 2px 4px; }

/* Forms */ input, textarea, select,

  1. searchInput {

background: #1f1f1f !important; color: var(--fg) !important; border: 1px solid var(--border) !important; border-radius: 4px !important; }

/* Blockquotes */ blockquote { border-left: 3px solid var(--accent) !important; background: #181818 !important; padding: 0.5em 1em !important; }

/* Scrollbar */

-webkit-scrollbar {

width: 8px; height: 8px; background: var(--scrollbar-bg); }

-webkit-scrollbar-thumb {

background: var(--scrollbar-thumb); border-radius: 4px; }

-webkit-scrollbar-thumb:hover {

background: #777; } </style>

Disponível em “https://wiki.gla.com.br/index.php?title=Widget:Gurren2&oldid=31421”