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

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


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


/* Content area */
/* Content area */
#content,
#content, .mw-body, .mw-body-content {
.mw-body,
    background: var(--bg) !important;
.mw-body-content {
    color: var(--fg) !important;
background: var(--bg) !important;
    border: none !important;
color: var(--fg) !important;
    box-shadow: none !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;
    -webkit-backdrop-filter: blur(12px) !important;
}
}


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


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


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


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


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


/* Forms */
/* Forms */
input,
input, textarea, select, #searchInput {
textarea,
    background: #1f1f1f !important;
select,
    color: var(--fg) !important;
#searchInput {
    border: 1px solid var(--border) !important;
background: #1f1f1f !important;
    border-radius: 4px !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;
    width: 8px !important;
height: 8px;
    height: 8px !important;
background: var(--scrollbar-bg);
    background: var(--scrollbar-bg) !important;
}
}
::-webkit-scrollbar-thumb {
::-webkit-scrollbar-thumb {
background: var(--scrollbar-thumb);
    background: var(--scrollbar-thumb) !important;
border-radius: 4px;
    border-radius: 4px !important;
}
}
::-webkit-scrollbar-thumb:hover {
::-webkit-scrollbar-thumb:hover {
background: #777;
    background: #777 !important;
}
}
</style>
</style>

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

<style>

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

}

/* Global override */ html, body { 

   background: var(--bg) !important;
   color: var(--fg) !important;
   transition: background 0.3s !important, color 0.3s !important;

}

/* 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;
   -webkit-backdrop-filter: blur(12px) !important;

}

/* Header and navigation */

  1. mw-head, #mw-head-base, #p-navigation, #p-cactions, #p-search, #p-personal {
   background: var(--panel-bg) !important;
   border: 1px solid var(--panel-border) !important;
   backdrop-filter: blur(10px) !important;
   -webkit-backdrop-filter: blur(10px) !important;

}

/* Footer */

  1. mw-footer {
   background: var(--panel-bg) !important;
   border-top: 1px solid var(--panel-border) !important;
   backdrop-filter: blur(10px) !important;
   -webkit-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;
   opacity: 0.9 !important;

}

/* Headings */ .firstHeading, .mw-body-content h2 { 

   border-bottom: 1px solid var(--border) !important;
   padding-bottom: 0.3em !important;
   margin-bottom: 0.6em !important;

}

/* 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 !important;
   padding: 2px 4px !important;

}

/* Forms */ input, textarea, select, #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 !important;
   height: 8px !important;
   background: var(--scrollbar-bg) !important;

}

-webkit-scrollbar-thumb {
   background: var(--scrollbar-thumb) !important;
   border-radius: 4px !important;

}

-webkit-scrollbar-thumb:hover {
   background: #777 !important;

} </style>

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