Widget:Gurren2

<style> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

1. footer-info-lastmod {

display: none; }

/*** Template:HK CP Header. ***/ .hk-cp-header { display: block; font-family: var(--font-headline); margin-block-start: 1em; text-align: center; width: 100%; }

.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section-metaitem, .ext-discussiontools-init-pageframe-latestcomment, .ext-discussiontools-ui-replyWidget-footer, .ext-discussiontools-ui-replyWidget-preview::before, .oo-ui-popupToolGroup-header { color: var(--theme-secondary); }

.ve-ui-targetWidget-focused { border-color: rgb(var(--theme-accent)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent)); }

.ext-discussiontools-ui-targetWidget>.ve-init-target>.ve-ui-surface>.ve-ce-surface .ve-ce-attachedRootNode, .ext-discussiontools-ui-replyWidget-preview, .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice, .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: rgb(var(--theme-background-secondary)); color: var(--theme-primar); }

.ext-discussiontools-init-targetcomment { background-color: unset; }

body { background: url('https://i.imgur.com/5txNFHg.png') no-repeat center center fixed; background-size: cover; color: #d0d0d0; font-family: 'Inter', sans-serif; }

1. content {

background: rgba(24, 24, 24, 0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 20px; border-radius: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); }

1. mw-head,
2. mw-page-base,
3. mw-navigation {

background: transparent; color: #d0d0d0; border: none; }

a { color: #79a8ff; }

a:visited { color: #a079ff; }

a:hover { color: #ffffff; }

input, textarea { background-color: #303030; color: #e0e0e0; border: 1px solid #555555; }

button, input[type="submit"] { background-color: #3a3a3a; color: #e0e0e0; border: 1px solid #666666; }

button:hover, input[type="submit"]:hover { background-color: #555555; }

h1, h2, h3, h4, h5 { color: #ffffff; font-weight: 600; }

h1 { border-bottom: 1px solid #444444; padding-bottom: 5px; }

.vector-menu-tabs li { background: rgba(36, 36, 36, 0.9) !important; background-image: none !important; border: 1px solid rgba(100, 100, 100, 0.5) !important; border-bottom: none !important; margin-right: 2px; color: #d0d0d0 !important; }

.vector-menu-tabs li.current a { background: rgba(60, 60, 60, 0.9) !important; color: #ffffff !important; }

.vector-menu-tabs li a:hover { background: rgba(50, 50, 50, 0.9) !important; color: #ffffff !important; }

.vector-menu-tabs, .vector-menu-tabs a,

1. mw-head .vector-menu-dropdown h3 {

background: none !important; background-image: none !important; background-repeat: no-repeat !important; background-size: 0 !important; border: none !important; }

.mw-body { margin-top: 0 !important; border: 1px solid rgba(100, 100, 100, 0.5) !important; }

.vector-menu-tabs:first-child { margin-left: 20px; }

body, .mw-body-content, .vector-menu-tabs li a,

1. mw-head a,
2. mw-head h1,
3. p-personal li a,
4. footer a,

.searchbox input { color: #d0d0d0 !important; }

.searchbox input::placeholder { color: #aaaaaa; }

h1, h2, h3, h4, h5, h6 { font-family: 'Inter', sans-serif !important; }

h1 { font-weight: 700; font-size: 1.8em; }

h2 { font-weight: 600; font-size: 1.5em; }

.toc { background-color: rgba(36, 36, 36, 0.9); color: #d0d0d0; border: 1px solid rgba(100, 100, 100, 0.5); }

.thumb { background-color: rgba(36, 36, 36, 0.9); border: 1px solid rgba(100, 100, 100, 0.5); }

.thumb .thumbcaption { color: #d0d0d0; }

.mw-warning, .mw-content-ltr .infobox, .mw-message-box { background-color: rgba(36, 36, 36, 0.9); color: #d0d0d0; border: 1px solid rgba(100, 100, 100, 0.5); }

table:not(.wikitable) { background: transparent; border: none; border-collapse: collapse; width: 100%; }

table:not(.wikitable) th, table:not(.wikitable) td { border: none; padding: 4px 8px; background: transparent; color: #d0d0d0; text-align: left; }

.toc ul { color: #d0d0d0; }

.thumbinner { background-color: rgba(36, 36, 36, 0.9) !important; border: 1px solid rgba(100, 100, 100, 0.5) !important; }

.thumbcaption { color: #d0d0d0 !important; }

1. p-tb {

display: none; }

1. ca-view {

display: none; }

1. ca-history {

display: none; }

1. ca-viewsource {

display: none !important; }

body.anonymous #p-tb { display: none !important; }

body.anonymous #ca-history { display: none !important; }

1. p-variants {

display: none !important; }

/*sidebar*/

1. mw-panel .vector-menu-portal {

background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(4px); padding: 0.5rem 0.5rem; margin: 0.5rem 0; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); }

1. mw-panel .vector-menu-heading {

font-family: sans-serif; font-size: 1rem; font-weight: bold; color: #cccccc; text-align: center; margin-bottom: 0.5rem; }

1. mw-panel .vector-menu-content {

list-style: none; margin: 0; padding: 0; }

1. mw-panel .vector-menu-content li {

margin: 0.2rem 0; }

1. mw-panel .vector-menu-content li a {

display: block; padding: 0.4rem 0.5rem; color: #88bbee; font-size: 0.9rem; text-decoration: none; text-align: center; position: relative; transition: color 0.3s ease; border-radius: 4px; }

1. mw-panel .vector-menu-content li a::before {

content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 0%, transparent 70%); opacity: 0; transition: opacity 0.4s ease; border-radius: 4px; pointer-events: none; }

1. mw-panel .vector-menu-content li a:hover::before {

opacity: 1; }

1. mw-panel .vector-menu-content li a:hover {

color: #aaccee; } </style>