https://wiki.everybodyedits.com/api.php?action=feedcontributions&feedformat=atom&user=Boba 2026-11-02T10:01:14Z User contributions MediaWiki 1.43.11 https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10581 2026-11-02T04:50:17Z

<p>Boba: </p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --color-base:#DDDDDD;<br /> --background-color-content-removed:#FF280080;<br /> --background-color-content-added:#29CC2980;<br /> <br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> .emptyPortlet {<br /> display:none !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Tables */<br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> /* Sortable tables */<br /> .headerSort {<br /> background-image:url(/images/0/06/Wiki_Sort_Both.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortUp {<br /> background-image:url(/images/d/db/Wiki_Sort_Up.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortDown {<br /> background-image:url(/images/e/ee/Wiki_Sort_Down.svg) !important;<br /> }<br /> <br /> /* Collapsible tables */<br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> /* Thumbnails */<br /> figure {<br /> display:block !important;<br /> border:2px solid #7B7B7B !important;<br /> border-radius:5px;<br /> background:#222222 !important;<br /> padding:6px;<br /> width:min-content;<br /> }<br /> <br /> figure a:after, figure figcaption:before {<br /> display:none;<br /> }<br /> <br /> figure img {<br /> margin:0px 0px 3px !important;<br /> border:2px solid #7B7B7B !important;<br /> }<br /> <br /> figure figcaption {<br /> display:block !important;<br /> border:none !important;<br /> background:none !important;<br /> padding:0px !important;<br /> }<br /> <br /> /* Galleries */<br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> /* Categories */<br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* EDIT PAGE */<br /> /* ======================== */<br /> <br /> .editOptions {<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px !important;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE HISTORY */<br /> /* ======================== */<br /> .mw-plusminus-pos {<br /> color:#29CC29;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color:#FF2800;<br /> }<br /> <br /> #pagehistory li.selected {<br /> outline:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:unset;<br /> }<br /> <br /> table.diff .diff-context {<br /> background:none;<br /> color:unset;<br /> }<br /> <br /> table.diff .diff-context, table.diff .diff-deletedline, table.diff .diff-addedline {<br /> line-height:2;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10580 2026-11-02T04:38:45Z

<p>Boba: temp for now</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --color-base:#DDDDDD;<br /> --background-color-content-removed:#FF280080;<br /> --background-color-content-added:#29CC2980;<br /> <br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Tables */<br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> /* Sortable tables */<br /> .headerSort {<br /> background-image:url(/images/0/06/Wiki_Sort_Both.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortUp {<br /> background-image:url(/images/d/db/Wiki_Sort_Up.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortDown {<br /> background-image:url(/images/e/ee/Wiki_Sort_Down.svg) !important;<br /> }<br /> <br /> /* Collapsible tables */<br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> /* Thumbnails */<br /> figure {<br /> display:block !important;<br /> border:2px solid #7B7B7B !important;<br /> border-radius:5px;<br /> background:#222222 !important;<br /> padding:6px;<br /> width:min-content;<br /> }<br /> <br /> figure a:after, figure figcaption:before {<br /> display:none;<br /> }<br /> <br /> figure img {<br /> margin:0px 0px 3px !important;<br /> border:2px solid #7B7B7B !important;<br /> }<br /> <br /> figure figcaption {<br /> display:block !important;<br /> border:none !important;<br /> background:none !important;<br /> padding:0px !important;<br /> }<br /> <br /> /* Galleries */<br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> /* Categories */<br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* EDIT PAGE */<br /> /* ======================== */<br /> <br /> .editOptions {<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px !important;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE HISTORY */<br /> /* ======================== */<br /> .mw-plusminus-pos {<br /> color:#29CC29;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color:#FF2800;<br /> }<br /> <br /> #pagehistory li.selected {<br /> outline:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:unset;<br /> }<br /> <br /> table.diff .diff-context {<br /> background:none;<br /> color:unset;<br /> }<br /> <br /> table.diff .diff-context, table.diff .diff-deletedline, table.diff .diff-addedline {<br /> line-height:2;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10579 2026-11-02T04:02:53Z

<p>Boba: </p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Tables */<br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> /* Sortable tables */<br /> .headerSort {<br /> background-image:url(/images/0/06/Wiki_Sort_Both.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortUp {<br /> background-image:url(/images/d/db/Wiki_Sort_Up.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortDown {<br /> background-image:url(/images/e/ee/Wiki_Sort_Down.svg) !important;<br /> }<br /> <br /> /* Collapsible tables */<br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> /* Thumbnails */<br /> figure {<br /> display:block !important;<br /> border:2px solid #7B7B7B !important;<br /> border-radius:5px;<br /> background:#222222 !important;<br /> padding:6px;<br /> width:min-content;<br /> }<br /> <br /> figure a:after, figure figcaption:before {<br /> display:none;<br /> }<br /> <br /> figure img {<br /> margin:0px 0px 3px !important;<br /> border:2px solid #7B7B7B !important;<br /> }<br /> <br /> figure figcaption {<br /> display:block !important;<br /> border:none !important;<br /> background:none !important;<br /> padding:0px !important;<br /> }<br /> <br /> /* Galleries */<br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> /* Categories */<br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* Page history */<br /> .mw-plusminus-pos {<br /> color:#29CC29;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color:#FF2800;<br /> }<br /> <br /> #pagehistory li.selected {<br /> outline:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:unset;<br /> }<br /> <br /> /* Diff comparison */<br /> :root {<br /> --background-color-content-removed:#FF280080;<br /> --background-color-content-added:#29CC2980;<br /> }<br /> <br /> table.diff .diff-context {<br /> background:none;<br /> color:unset;<br /> }<br /> <br /> table.diff .diff-context, table.diff .diff-deletedline, table.diff .diff-addedline {<br /> line-height:2;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10578 2026-11-02T03:58:04Z

<p>Boba: half opacity</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Tables */<br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> /* Sortable tables */<br /> .headerSort {<br /> background-image:url(/images/0/06/Wiki_Sort_Both.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortUp {<br /> background-image:url(/images/d/db/Wiki_Sort_Up.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortDown {<br /> background-image:url(/images/e/ee/Wiki_Sort_Down.svg) !important;<br /> }<br /> <br /> /* Collapsible tables */<br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> /* Thumbnails */<br /> figure {<br /> display:block !important;<br /> border:2px solid #7B7B7B !important;<br /> border-radius:5px;<br /> background:#222222 !important;<br /> padding:6px;<br /> width:min-content;<br /> }<br /> <br /> figure a:after, figure figcaption:before {<br /> display:none;<br /> }<br /> <br /> figure img {<br /> margin:0px 0px 3px !important;<br /> border:2px solid #7B7B7B !important;<br /> }<br /> <br /> figure figcaption {<br /> display:block !important;<br /> border:none !important;<br /> background:none !important;<br /> padding:0px !important;<br /> }<br /> <br /> /* Galleries */<br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> /* Categories */<br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* Page history */<br /> .mw-plusminus-pos {<br /> color:#29CC29;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color:#FF2800;<br /> }<br /> <br /> #pagehistory li.selected {<br /> outline:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:unset;<br /> }<br /> <br /> /* Diff comparison */<br /> :root {<br /> --background-color-content-removed:#FF280080;<br /> --background-color-content-added:#29CC2980;<br /> }<br /> <br /> table.diff .diff-context {<br /> background:none;<br /> color:unset;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10577 2026-11-02T03:50:29Z

<p>Boba: diff test</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Tables */<br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> /* Sortable tables */<br /> .headerSort {<br /> background-image:url(/images/0/06/Wiki_Sort_Both.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortUp {<br /> background-image:url(/images/d/db/Wiki_Sort_Up.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortDown {<br /> background-image:url(/images/e/ee/Wiki_Sort_Down.svg) !important;<br /> }<br /> <br /> /* Collapsible tables */<br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> /* Thumbnails */<br /> figure {<br /> display:block !important;<br /> border:2px solid #7B7B7B !important;<br /> border-radius:5px;<br /> background:#222222 !important;<br /> padding:6px;<br /> width:min-content;<br /> }<br /> <br /> figure a:after, figure figcaption:before {<br /> display:none;<br /> }<br /> <br /> figure img {<br /> margin:0px 0px 3px !important;<br /> border:2px solid #7B7B7B !important;<br /> }<br /> <br /> figure figcaption {<br /> display:block !important;<br /> border:none !important;<br /> background:none !important;<br /> padding:0px !important;<br /> }<br /> <br /> /* Galleries */<br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> /* Categories */<br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* Page history */<br /> .mw-plusminus-pos {<br /> color:#29CC29;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color:#FF2800;<br /> }<br /> <br /> #pagehistory li.selected {<br /> outline:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:unset;<br /> }<br /> <br /> /* Diff comparison */<br /> :root {<br /> --background-color-content-removed:#FF2800;<br /> --background-color-content-added:#29CC29;<br /> }<br /> <br /> table.diff .diff-context {<br /> background:none;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10576 2026-11-02T03:34:46Z

<p>Boba: </p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Tables */<br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> /* Sortable tables */<br /> .headerSort {<br /> background-image:url(/images/0/06/Wiki_Sort_Both.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortUp {<br /> background-image:url(/images/d/db/Wiki_Sort_Up.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortDown {<br /> background-image:url(/images/e/ee/Wiki_Sort_Down.svg) !important;<br /> }<br /> <br /> /* Collapsible tables */<br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> /* Thumbnails */<br /> figure {<br /> display:block !important;<br /> border:2px solid #7B7B7B !important;<br /> border-radius:5px;<br /> background:#222222 !important;<br /> padding:6px;<br /> width:min-content;<br /> }<br /> <br /> figure a:after, figure figcaption:before {<br /> display:none;<br /> }<br /> <br /> figure img {<br /> margin:0px 0px 3px !important;<br /> border:2px solid #7B7B7B !important;<br /> }<br /> <br /> figure figcaption {<br /> display:block !important;<br /> border:none !important;<br /> background:none !important;<br /> padding:0px !important;<br /> }<br /> <br /> /* Galleries */<br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> /* Categories */<br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* Page history */<br /> .mw-plusminus-pos {<br /> color:#29CC29;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color:#FF2800;<br /> }<br /> <br /> #pagehistory li.selected {<br /> outline:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:unset;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10575 2026-11-02T03:33:26Z

<p>Boba: history</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Tables */<br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> /* Sortable tables */<br /> .headerSort {<br /> background-image:url(/images/0/06/Wiki_Sort_Both.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortUp {<br /> background-image:url(/images/d/db/Wiki_Sort_Up.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortDown {<br /> background-image:url(/images/e/ee/Wiki_Sort_Down.svg) !important;<br /> }<br /> <br /> /* Collapsible tables */<br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> /* Thumbnails */<br /> figure {<br /> display:block !important;<br /> border:2px solid #7B7B7B !important;<br /> border-radius:5px;<br /> background:#222222 !important;<br /> padding:6px;<br /> width:min-content;<br /> }<br /> <br /> figure a:after, figure figcaption:before {<br /> display:none;<br /> }<br /> <br /> figure img {<br /> margin:0px 0px 3px !important;<br /> border:2px solid #7B7B7B !important;<br /> }<br /> <br /> figure figcaption {<br /> display:block !important;<br /> border:none !important;<br /> background:none !important;<br /> padding:0px !important;<br /> }<br /> <br /> /* Galleries */<br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> /* Categories */<br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* Page history */<br /> .mw-plusminus-pos {<br /> color:#29CC29;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color:#FF2800;<br /> }<br /> <br /> #pagehistory li.selected {<br /> border:2px dotted #7B7B7B;<br /> border-radius:5px;<br /> color:unset;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10574 2026-11-02T03:30:04Z

<p>Boba: </p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> .mw-plusminus-pos {<br /> color:#29CC29;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color:#FF2800;<br /> }<br /> <br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Tables */<br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> /* Sortable tables */<br /> .headerSort {<br /> background-image:url(/images/0/06/Wiki_Sort_Both.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortUp {<br /> background-image:url(/images/d/db/Wiki_Sort_Up.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortDown {<br /> background-image:url(/images/e/ee/Wiki_Sort_Down.svg) !important;<br /> }<br /> <br /> /* Collapsible tables */<br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> /* Thumbnails */<br /> figure {<br /> display:block !important;<br /> border:2px solid #7B7B7B !important;<br /> border-radius:5px;<br /> background:#222222 !important;<br /> padding:6px;<br /> width:min-content;<br /> }<br /> <br /> figure a:after, figure figcaption:before {<br /> display:none;<br /> }<br /> <br /> figure img {<br /> margin:0px 0px 3px !important;<br /> border:2px solid #7B7B7B !important;<br /> }<br /> <br /> figure figcaption {<br /> display:block !important;<br /> border:none !important;<br /> background:none !important;<br /> padding:0px !important;<br /> }<br /> <br /> /* Galleries */<br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> /* Categories */<br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10573 2026-11-02T03:22:35Z

<p>Boba: </p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Tables */<br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> /* Sortable tables */<br /> .headerSort {<br /> background-image:url(/images/0/06/Wiki_Sort_Both.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortUp {<br /> background-image:url(/images/d/db/Wiki_Sort_Up.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortDown {<br /> background-image:url(/images/e/ee/Wiki_Sort_Down.svg) !important;<br /> }<br /> <br /> /* Collapsible tables */<br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> /* Thumbnails */<br /> figure {<br /> display:block !important;<br /> border:2px solid #7B7B7B !important;<br /> border-radius:5px;<br /> background:#222222 !important;<br /> padding:6px;<br /> width:min-content;<br /> }<br /> <br /> figure a:after, figure figcaption:before {<br /> display:none;<br /> }<br /> <br /> figure img {<br /> margin:0px 0px 3px !important;<br /> border:2px solid #7B7B7B !important;<br /> }<br /> <br /> figure figcaption {<br /> display:block !important;<br /> border:none !important;<br /> background:none !important;<br /> padding:0px !important;<br /> }<br /> <br /> /* Galleries */<br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> /* Categories */<br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10572 2026-11-02T03:00:36Z

<p>Boba: sortable tables</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> .headerSort {<br /> background-image:url(/images/0/06/Wiki_Sort_Both.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortUp {<br /> background-image:url(/images/d/db/Wiki_Sort_Up.svg) !important;<br /> }<br /> <br /> .headerSort.headerSortDown {<br /> background-image:url(/images/e/ee/Wiki_Sort_Down.svg) !important;<br /> }<br /> <br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> figure {<br /> display:block !important;<br /> border:2px solid #7B7B7B !important;<br /> border-radius:5px;<br /> background:#222222 !important;<br /> padding:6px;<br /> width:min-content;<br /> }<br /> <br /> figure a:after, figure figcaption:before {<br /> display:none;<br /> }<br /> <br /> figure img {<br /> margin:0px 0px 3px !important;<br /> border:2px solid #7B7B7B !important;<br /> }<br /> <br /> figure figcaption {<br /> display:block !important;<br /> border:none !important;<br /> background:none !important;<br /> padding:0px !important;<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10571 2026-11-02T03:00:08Z

<p>Boba: </p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> .headerSort {<br /> background-image:url(/images/0/06/Wiki_Sort_Both.svg);<br /> }<br /> <br /> .headerSort.headerSortUp {<br /> background-image:url(/images/d/db/Wiki_Sort_Up.svg);<br /> }<br /> <br /> .headerSort.headerSortDown {<br /> background-image:url(/images/e/ee/Wiki_Sort_Down.svg);<br /> }<br /> <br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> figure {<br /> display:block !important;<br /> border:2px solid #7B7B7B !important;<br /> border-radius:5px;<br /> background:#222222 !important;<br /> padding:6px;<br /> width:min-content;<br /> }<br /> <br /> figure a:after, figure figcaption:before {<br /> display:none;<br /> }<br /> <br /> figure img {<br /> margin:0px 0px 3px !important;<br /> border:2px solid #7B7B7B !important;<br /> }<br /> <br /> figure figcaption {<br /> display:block !important;<br /> border:none !important;<br /> background:none !important;<br /> padding:0px !important;<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=File:Wiki_Sort_Both.svg&diff=10570 2026-11-02T02:57:40Z

<p>Boba: == Summary == An image modified from the default Vector skin. Category:Everybody Edits Wiki media == Licensing == {{License Public Domain}}</p> <hr /> <div>== Summary ==<br /> An image modified from the default Vector skin.<br /> [[Category:Everybody Edits Wiki media]]<br /> == Licensing ==<br /> {{License Public Domain}}</div>

Boba https://wiki.everybodyedits.com/index.php?title=File:Wiki_Sort_Down.svg&diff=10569 2026-11-02T02:57:27Z

<p>Boba: == Summary == An image modified from the default Vector skin. Category:Everybody Edits Wiki media == Licensing == {{License Public Domain}}</p> <hr /> <div>== Summary ==<br /> An image modified from the default Vector skin.<br /> [[Category:Everybody Edits Wiki media]]<br /> == Licensing ==<br /> {{License Public Domain}}</div>

Boba https://wiki.everybodyedits.com/index.php?title=File:Wiki_Sort_Up.svg&diff=10568 2026-11-02T02:57:13Z

<p>Boba: == Summary == An image modified from the default Vector skin. Category:Everybody Edits Wiki media == Licensing == {{License Public Domain}}</p> <hr /> <div>== Summary ==<br /> An image modified from the default Vector skin.<br /> [[Category:Everybody Edits Wiki media]]<br /> == Licensing ==<br /> {{License Public Domain}}</div>

Boba https://wiki.everybodyedits.com/index.php?title=List_of_Smileys&diff=10567 2026-11-02T02:44:59Z

<p>Boba: lolwut</p> <hr /> <div>This is a list of [[Smileys]], avatars used in ''[[Everybody Edits]]''.<br /> ==List of Smileys==<br /> {| class=&quot;wikitable sortable&quot;<br /> ! <br /> ! ID<br /> ! Name<br /> ! Payvault Class<br /> ! Obtained From<br /> ! Description<br /> ! Energy Cost<br /> ! Gem Cost<br /> |-<br /> | [[File:001_smiley.png]]<br /> | 0<br /> | Smiley<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:002_grin.png]]<br /> | 1<br /> | Grin<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:003_tounge.png]]<br /> | 2<br /> | Tongue<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:004_happy.png]]<br /> | 3<br /> | Happy<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:005_annoyed.png]]<br /> | 4<br /> | Annoyed<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:006_sad.png]]<br /> | 5<br /> | Sad<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:007_crying.png]]<br /> | 6<br /> | Crying<br /> | pro<br /> | Beta<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 75<br /> |-<br /> | [[File:008_wink.png]]<br /> | 7<br /> | Wink<br /> | pro<br /> | Beta<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 75<br /> |-<br /> | [[File:009_frustrated.png]]<br /> | 8<br /> | Frustrated<br /> | pro<br /> | Beta<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 75<br /> |-<br /> | [[File:010_shades.png]]<br /> | 9<br /> | Shades<br /> | pro<br /> | Beta<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 75<br /> |-<br /> | [[File:011_devil.png]]<br /> | 10<br /> | Devil<br /> | pro<br /> | Beta<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 75<br /> |-<br /> | [[File:012_inquisitive.png]]<br /> | 11<br /> | Inquisitive<br /> | pro<br /> | Beta<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 75<br /> |-<br /> | [[File:013_ninja.png]]<br /> | 12<br /> | Ninja<br /> | smileyninja<br /> | Shop, [http://everybodyedits.com/games/PW5WNPqd3ia0I Campaign Level]<br /> | A swift and stealthy smiley for your collection.<br /> | 1000<br /> | 20<br /> |-<br /> | [[File:014_santa.png]]<br /> | 13<br /> | Santa<br /> | smileysanta<br /> | Classic<br /> | Exclusive smiley from Christmas 2010.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 25<br /> |-<br /> | [[File:015_worker.png]]<br /> | 14<br /> | Worker<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:016_bigspender.png]]<br /> | 15<br /> | Big Spender<br /> | smileybigspender<br /> | Shop<br /> | A monocle and tophat for you good sir!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 500<br /> |-<br /> | [[File:017_superman.png]]<br /> | 16<br /> | Superman<br /> | smileysuper<br /> | Staff Only<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:018_surprised.png]]<br /> | 17<br /> | Surprise<br /> | smileysupprice<br /> | Shop<br /> | Express your curiosity with this smiley!<br /> | 100<br /> | 2<br /> |-<br /> | [[File:019_indifferent.png]]<br /> | 18<br /> | Indifferent<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:020_girl.png]]<br /> | 19<br /> | Girl<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:020_newyears2010.png]]<br /> | 20<br /> | New Year 2010<br /> | mixednewyear2010<br /> | Classic<br /> | Decorative lights from New Year 2010! Includes a festive smiley in a hat.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 25<br /> |-<br /> | [[File:022_coy.png]]<br /> | 21<br /> | Coy<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:023_wizard.png]]<br /> | 22<br /> | Wizard<br /> | smileywizard<br /> | [[Magic#Rewards|Magic]]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:024_fan_boy.png]]<br /> | 23<br /> | Fan Boy<br /> | smileyfanboy<br /> | Fanboy Giveaways/Contest<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:025_terminator.png]]<br /> | 24<br /> | Terminator<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:026_XD.png]]<br /> | 25<br /> | Extra Grin<br /> | smileyxd<br /> | Shop, [http://everybodyedits.com/games/PWZmirlWLwbkI Campaign Level]<br /> | Show that you really enjoy the game!<br /> | 250<br /> | 5<br /> |-<br /> | [[File:027_bully.png]]<br /> | 26<br /> | Bully<br /> | smileybully<br /> | Shop<br /> | Too cool for this place? Then this is the smiley for you!<br /> | 750<br /> | 15<br /> |-<br /> | [[File:028_commando.png]]<br /> | 27<br /> | Commando<br /> | smileycommando<br /> | Shop<br /> | Want to look fierce and fearless? Get this smiley!<br /> | 750<br /> | 15<br /> |-<br /> | [[File:029_kissing.png]]<br /> | 28<br /> | Kissing<br /> | smileyvalentines2011<br /> | Classic<br /> | Exclusive smiley from Valentines 2011!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:030_bird.png]]<br /> | 29<br /> | Bird<br /> | smileybird<br /> | Contest<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:031_bunny.png]]<br /> | 30<br /> | Bunny<br /> | smileybunni<br /> | Contest<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:032_diamond.png]]<br /> | 31<br /> | Diamond Touch<br /> | unobtainable<br /> | Special<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:033_firewizard.png]]<br /> | 32<br /> | Fire Wizard<br /> | smileywizard2<br /> | [[Magic#Rewards|Magic]]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:034_XP.png]]<br /> | 33<br /> | Extra Tongue<br /> | smileyxdp<br /> | Shop<br /> | A playful smiley for those who like to make faces.<br /> | 250<br /> | 5<br /> |-<br /> | [[File:035_postman.png]]<br /> | 34<br /> | Postman<br /> | smileypostman<br /> | Special<br /> | Special delivery for you!<br /> | 1000<br /> | 20<br /> |-<br /> | [[File:036_templar.png]]<br /> | 35<br /> | Templar<br /> | smileytemplar<br /> | Shop<br /> | Metallic armor and unmatched courage.<br /> | 750<br /> | 15<br /> |-<br /> | [[File:037_angel.png]]<br /> | 36<br /> | Angel<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:038_nurse.png]]<br /> | 37<br /> | Nurse<br /> | smileynurse<br /> | Shop<br /> | Like to help other people? Get this smiley!<br /> | 500<br /> | 10<br /> |-<br /> | [[File:039_vampire.png]]<br /> | 38<br /> | Vampire<br /> | smileyhw2011vampire<br /> | Classic<br /> | Exclusive smiley from Halloween 2011.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:040_ghost.png]]<br /> | 39<br /> | Ghost<br /> | smileyhw2011ghost<br /> | Classic<br /> | Exclusive smiley from Halloween 2011.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:041_frankenstein.png]]<br /> | 40<br /> | Frankenstein<br /> | smileyhw2011frankenstein<br /> | Classic<br /> | Exclusive smiley from Halloween 2011.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:042_witch.png]]<br /> | 41<br /> | Witch<br /> | smileywitch<br /> | [[Magic#Rewards|Magic]]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:043_indian.png]]<br /> | 42<br /> | Indian<br /> | smileytg2011indian<br /> | Classic<br /> | Exclusive smiley from Thanksgiving 2011.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:044_pilgrim.png]]<br /> | 43<br /> | Pilgrim<br /> | smielytg2011pilgrim<br /> | Classic<br /> | Exclusive smiley from Thanksgiving 2011.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:045_pumpkin.png]]<br /> | 44<br /> | Pumpkin<br /> | smileypumpkin1<br /> | Contest<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:046_litpumpkin.png]]<br /> | 45<br /> | Lit Pumpkin<br /> | smileypumpkin2<br /> | Contest<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:047_snowman.png]]<br /> | 46<br /> | Snowman<br /> | smileyxmassnowman<br /> | Classic<br /> | Exclusive smiley from Christmas 2011.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:048_reindeer.png]]<br /> | 47<br /> | Reindeer<br /> | smileyxmasreindeer<br /> | Classic<br /> | Exclusive smiley from Christmas 2011.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:049_grinch.png]]<br /> | 48<br /> | Grinch<br /> | smileyxmasgrinch<br /> | [http://everybodyedits.com/games/PWw4g4itMFbkI Seasonal Campaign Level]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:050_maestro.png]]<br /> | 49<br /> | Maestro<br /> | bricknode<br /> | Shop (Piano Pack), [http://everybodyedits.com/games/PWP7D66Ld4a0I Campaign Level]<br /> | Note blocks that emit piano tunes when touched! Includes a maestro smiley!<br /> | 2000<br /> | 40<br /> |-<br /> | [[File:051_DJ.png]]<br /> | 50<br /> | DJ<br /> | brickdrums<br /> | Shop (Drum Pack)<br /> | Note blocks that emit drum beats when touched! Includes a DJ smiley!<br /> | 2000<br /> | 40<br /> |-<br /> | [[File:052_sigh.png]]<br /> | 51<br /> | Sigh<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:053_robber.png]]<br /> | 52<br /> | Robber<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:054_police.png]]<br /> | 53<br /> | Police<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:055_purple_ghost.png]]<br /> | 54<br /> | Purple Ghost<br /> | smileypurpleghost<br /> | [http://everybodyedits.com/games/PWkc8chNTybUI Campaign Level]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:056_pirate.png]]<br /> | 55<br /> | Pirate<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:057_viking.png]]<br /> | 56<br /> | Viking<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:058_karate.png]]<br /> | 57<br /> | Karate<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:059_cowboy.png]]<br /> | 58<br /> | Cowboy<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:060_diver.png]]<br /> | 59<br /> | Diver<br /> | smileydiver<br /> | Classic<br /> | Exclusive smiley from summer 2012.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:061_tanned.png]]<br /> | 60<br /> | Tanned<br /> | smileytanned<br /> | Classic<br /> | Exclusive smiley from summer 2012.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:062_propeller.png]]<br /> | 61<br /> | Propeller<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:063_hardhat.png]]<br /> | 62<br /> | Hard hat<br /> | smileyhardhat<br /> | Shop<br /> | For those who like heavy construction.<br /> | 750<br /> | 15<br /> |-<br /> | [[File:064_gasmask.png]]<br /> | 63<br /> | Gasmask<br /> | smileygasmask<br /> | Shop<br /> | Perfect for hazardous environments, or just to look mean!<br /> | 750<br /> | 15<br /> |-<br /> | [[File:065_robot.png]]<br /> | 64<br /> | Robot<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:066_peasant.png]]<br /> | 65<br /> | Peasant<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:067_soldier.png]]<br /> | 66<br /> | Soldier<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:068_blacksmith.png]]<br /> | 67<br /> | Blacksmith<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:069_LOL.png]]<br /> | 68<br /> | LOL<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:070_dog.png]]<br /> | 69<br /> | Dog<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:071_alien.png]]<br /> | 70<br /> | Alien<br /> | smileyalien<br /> | Shop, [http://everybodyedits.com/games/PWZD60ChO2bkI Campaign Level]<br /> | For an out-of-this-world addition to your smiley collection.<br /> | 500<br /> | 10<br /> |-<br /> | [[File:072_astronaut.png]]<br /> | 71<br /> | Astronaut<br /> | smileyastronaut<br /> | Shop, [https://everybodyedits.com/games/PWF_ENQuz5bkI Campaign Level]<br /> | Explore the vast cosmos with this smiley!<br /> | 1000<br /> | 20<br /> |-<br /> | [[File:073_orangeparty.png]]<br /> | 72<br /> | PartyOrange<br /> | unobtainable<br /> | Special<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:074_greenparty.png]]<br /> | 73<br /> | PartyGreen<br /> | unobtainable<br /> | Special<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:075_blueparty.png]]<br /> | 74<br /> | PartyBlue<br /> | unobtainable<br /> | Special<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:076_redparty.png]]<br /> | 75<br /> | PartyRed<br /> | unobtainable<br /> | Special<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:077_daredevil.png]]<br /> | 76<br /> | Daredevil<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:078_monster.png]]<br /> | 77<br /> | Monster<br /> | smileymonster<br /> | Classic<br /> | Smiley from Halloween 2012.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:079_skeleton.png]]<br /> | 78<br /> | Skeleton<br /> | smileyskeleton<br /> | Classic<br /> | Smiley from Halloween 2012.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 25<br /> |-<br /> | [[File:080_madscientist.png]]<br /> | 79<br /> | Mad Scientist<br /> | smileymadscientist<br /> | Classic<br /> | Smiley from Halloween 2012.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:081_headhunter.png]]<br /> | 80<br /> | Headhunter<br /> | smileyheadhunter<br /> | Shop<br /> | A fierce and painted tribal smiley.<br /> | 300<br /> | 6<br /> |-<br /> | [[File:082_safari.png]]<br /> | 81<br /> | Safari<br /> | smileysafari<br /> | Shop, [http://everybodyedits.com/games/PW76IY0MXia0I Campaign Level]<br /> | Enjoy the dangerous outdoors with this explorative smiley.<br /> | 500<br /> | 10<br /> |-<br /> | [[File:083_archaeologist.png]]<br /> | 82<br /> | Archaeologist<br /> | smileyarchaeologist<br /> | Shop, [http://everybodyedits.com/games/PWt8s2OMT4bkI Campaign Level]<br /> | A cool and studious smiley.<br /> | 1000<br /> | 20<br /> |-<br /> | [[File:084_newyears2013.png]]<br /> | 83<br /> | New Year 2013<br /> | smileynewyear2012<br /> | Classic<br /> | New Years smiley from 2013.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:085_winter.png]]<br /> | 84<br /> | Winter Hat<br /> | smileywinter<br /> | Classic<br /> | Winter smiley from winter 2013.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 20<br /> |-<br /> | [[File:086_firedemon.png]]<br /> | 85<br /> | Fire Demon<br /> | smileyfiredeamon<br /> | [http://everybodyedits.com/games/PW2TQCXlUkbUI Campaign Level]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:087_bishop.png]]<br /> | 86<br /> | Bishop<br /> | smileybishop<br /> | Shop<br /> | A smiley with a tall decorative hat.<br /> | 500<br /> | 10<br /> |-<br /> | [[File:088_zombie.png]]<br /> | 87<br /> | Zombie<br /> | unobtainable<br /> | Special<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:089_bruce.png]]<br /> | 88<br /> | Bruce<br /> | smileyzombieslayer<br /> | Shop<br /> | Whether the result of a horrible mutation or pure swag, this oddly shaped smiley is the pinnacle of derpness.<br /> | 1000<br /> | 20<br /> |-<br /> | [[File:090_unit.png]]<br /> | 89<br /> | Unit<br /> | smileyunit<br /> | Shop, [http://everybodyedits.com/games/PWRwiZ5QOfcEI Campaign Level]<br /> | A smiley for those future enthusiasts!<br /> | 750<br /> | 15<br /> |-<br /> | [[File:091_spartan.png]]<br /> | 90<br /> | Spartan<br /> | smileyspartan<br /> | Shop<br /> | A warrior of brawn and bravery, with a helmet that gives an epical appearance to this smiley.<br /> | 750<br /> | 15<br /> |-<br /> | [[File:092_lady.png]]<br /> | 91<br /> | Lady<br /> | smileyhelen<br /> | Shop, [http://everybodyedits.com/games/PWO4rC6ZGibEI Campaign Level]<br /> | A smiley with feminine facial styling and hair.<br /> | 500<br /> | 10<br /> |-<br /> | [[File:093_cow.png]]<br /> | 92<br /> | Cow<br /> | smileycow<br /> | Shop<br /> | A classic farm creature for those who like animal smileys.<br /> | 500<br /> | 10<br /> |-<br /> | [[File:094_scarecrow.png]]<br /> | 93<br /> | Scarecrow<br /> | smileyscarecrow<br /> | Shop<br /> | Want a cool smiley? Try this weathered straw scarecrow!<br /> | 250<br /> | 5<br /> |-<br /> | [[File:095_darkwizard.png]]<br /> | 94<br /> | Dark Wizard<br /> | smileydarkwizard<br /> | [[Magic#Rewards|Magic]]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:096_kungfumaster.png]]<br /> | 95<br /> | Kung Fu Master<br /> | smileykungfumaster<br /> | Shop<br /> | Wise and seasoned fighter smiley, designed by Tiken.<br /> | 250<br /> | 5<br /> |-<br /> | [[File:097_fox.png]]<br /> | 96<br /> | Fox<br /> | smileyfox<br /> | Shop<br /> | Sly fox smiley in a vibrant shade of orange, designed by [[Cola1]]<br /> | 500<br /> | 10<br /> |-<br /> | [[File:098_nightvision.png]]<br /> | 97<br /> | Night Vision<br /> | smileynightvision<br /> | Shop<br /> | Need some nifty headgear? Get some night vision goggles.<br /> | 1000<br /> | 20<br /> |-<br /> | [[File:099_summergirl.png]]<br /> | 98<br /> | Summer Girl<br /> | smileysummergirl<br /> | Classic<br /> | A summer themed smiley from 2013.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 20<br /> |-<br /> | [[File:100_fan_boy_II.png]]<br /> | 99<br /> | Fan Boy II<br /> | smileyfanboy2<br /> | Fanboy Giveaways<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:101_hologram.png]]<br /> | 100<br /> | Sci-Fi Hologram<br /> | unobtainable<br /> | Special<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:102_gingerbread.png]]<br /> | 101<br /> | Gingerbread<br /> | smileygingerbread<br /> | Classic<br /> | Exclusive smiley from Christmas 2014.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:103_caroler.png]]<br /> | 102<br /> | Caroler<br /> | smileycaroler<br /> | Classic<br /> | Exclusive smiley from Christmas 2014.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:104_elf.png]]<br /> | 103<br /> | Elf<br /> | smileyelf<br /> | Classic<br /> | Exclusive smiley from Christmas 2014.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 20<br /> |-<br /> | [[File:105_nutcracker.png]]<br /> | 104<br /> | Nutcracker<br /> | smileynutcracker<br /> | Classic<br /> | Exclusive smiley from Christmas 2014.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:106_blushing.png]]<br /> | 105<br /> | Blushing<br /> | brickvalentines2015<br /> | Classic<br /> | Valentines package from 2015! Includes a blushing smiley!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 25<br /> |-<br /> | [[File:107_artist.png]]<br /> | 106<br /> | Artist<br /> | smileyartist<br /> | Contest<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:108_princess.png]]<br /> | 107<br /> | Princess<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:109_chef.png]]<br /> | 108<br /> | Chef<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:110_clown.png]]<br /> | 109<br /> | Clown<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:111_redninja.png]]<br /> | 110<br /> | [[Red Ninja]]<br /> | smileyninjared<br /> | [http://everybodyedits.com/games/PWPeWZw4y7a0I Campaign Level]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:112_3d_glasses.png]]<br /> | 111<br /> | 3D Glasses<br /> | smiley3dglasses<br /> | Shop<br /> | Homage to the retro movie junkies.<br /> | 250<br /> | 5<br /> |-<br /> | [[File:113_sunburned.png]]<br /> | 112<br /> | Sunburned<br /> | smileysunburned<br /> | Classic<br /> | Exclusive summertime smiley from 2015.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:114_tourist.png]]<br /> | 113<br /> | Tourist<br /> | smileytourist<br /> | Classic<br /> | Exclusive summertime smiley from 2015.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:115_graduate.png]]<br /> | 114<br /> | Graduate<br /> | smileygraduate<br /> | Shop, [http://everybodyedits.com/games/PW7daUKhdSbEI Campaign Level]<br /> | Celebrate educational success with this smiley.<br /> | 500<br /> | 10<br /> |-<br /> | [[File:116_sombrero.png]]<br /> | 115<br /> | Sombrero<br /> | smileysombrero<br /> | Shop<br /> | Ready for a fiesta? Get this smiley in a traditional wide brimmed hat!<br /> | 750<br /> | 15<br /> |-<br /> | [[File:117_cat.png]]<br /> | 116<br /> | Cat<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:118_scared.png]]<br /> | 117<br /> | Scared<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:119_ghoul.png]]<br /> | 118<br /> | Ghoul<br /> | smileyghoul<br /> | Classic<br /> | Exclusive smiley from Halloween 2015!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:120_mummy.png]]<br /> | 119<br /> | Mummy<br /> | smileymummy<br /> | Classic<br /> | Halloween smiley from 2015.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> |[[File:121_bat.png]]<br /> | 120<br /> | Bat<br /> | smileybat<br /> | Classic<br /> | Exclusive smiley from Halloween 2015!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 25<br /> |-<br /> |[[File:122_eyeball.png]]<br /> | 121<br /> | Eyeball<br /> | smileyeyeball<br /> | [http://everybodyedits.com/games/PWTZxwX9MRbEI Seasonal Campaign Level]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:123_light_wizard.png]]<br /> | 122<br /> | Light Wizard<br /> | smileylightwizard<br /> | [[Magic#Rewards|Magic]]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:124_hooded.png]]<br /> | 123<br /> | Hooded<br /> | smileyhooded<br /> | Classic<br /> | Bundle up for the cold outdoors with this limited time hooded smiley!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 20<br /> |-<br /> | [[File:125_earmuffs.png]]<br /> | 124<br /> | Earmuffs<br /> | smileyearmuffs<br /> | Classic<br /> | A cheerful smiley with some classic limited time winter gear.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 12<br /> |-<br /> | [[File:126_penguin.png]]<br /> | 125<br /> | Penguin<br /> | smileypenguin<br /> | [http://everybodyedits.com/games/PW8NgXSsIrbUI Seasonal Campaign Level]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:127_gold_smiley.png]]<br /> | 126<br /> | Gold Smiley<br /> | goldmember<br /> | [[Gold Membership]]<br /> | Earn yourself some metallic gold items by donating to the game! Membership includes gilded smileys, blocks, aura color, and more!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 40<br /> |-<br /> | [[File:128_gold_ninja.png]]<br /> | 127<br /> | Gold Ninja<br /> | goldmember<br /> | [[Gold Membership]]<br /> | Earn yourself some metallic gold items by donating to the game! Membership includes gilded smileys, blocks, aura color, and more!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 40<br /> |-<br /> | [[File:129_gold_robot.png]]<br /> | 128<br /> | Gold Robot<br /> | goldmember<br /> | [[Gold Membership]]<br /> | Earn yourself some metallic gold items by donating to the game! Membership includes gilded smileys, blocks, aura color, and more!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 40<br /> |-<br /> | [[File:130_gold_top_hat.png]]<br /> | 129<br /> | Gold Top Hat<br /> | goldmember<br /> | [[Gold Membership]]<br /> | Earn yourself some metallic gold items by donating to the game! Membership includes gilded smileys, blocks, aura color, and more!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 40<br /> |-<br /> | [[File:131_sick.png]]<br /> | 130<br /> | Sick<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:132_unsure.png]]<br /> | 131<br /> | Unsure<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:133_goofy.png]]<br /> | 132<br /> | Goofy<br /> | smileygoofy<br /> | Shop, [http://everybodyedits.com/games/PW8QSzG6sMb0I Retired Campaign Level]<br /> | A smiley simply designed to show silliness.<br /> | 300<br /> | 6<br /> |-<br /> | [[File:134_raindrop.png]]<br /> | 133<br /> | Raindrop<br /> | smileyraindrop<br /> | [http://everybodyedits.com/games/PWE8LaNkYRcEI Seasonal Campaign Level]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:135_bee.png]]<br /> | 134<br /> | Bee<br /> | smileybee<br /> | Classic<br /> | A cheerful springtime honeybee to celebrate the changing of seasons.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:136_butterfly.png]]<br /> | 135<br /> | Butterfly<br /> | smileybutterfly<br /> | Classic<br /> | A pretty butterfly dedicated to the spring season.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:137_sea_captain.png]]<br /> | 136<br /> | Sea Captain<br /> | smileyseacaptain<br /> | Classic<br /> | A fearless and seasoned skipper.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:138_soda_clerk.png]]<br /> | 137<br /> | Soda Clerk<br /> | smileysodaclerk<br /> | Classic<br /> | A helpful vendor of summertime sweets!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 10<br /> |-<br /> | [[File:139_lifeguard.png]]<br /> | 138<br /> | Lifeguard<br /> | smileylifeguard<br /> | Classic<br /> | Safety first!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 6<br /> |-<br /> | [[File:140_aviator.png]]<br /> | 139<br /> | Aviator<br /> | smileyaviator<br /> | Shop<br /> | Journey to the skies with this ace smiley made by [[Kentiya]]!<br /> | 300<br /> | 6<br /> |-<br /> | [[File:141_sleepy.png]]<br /> | 140<br /> | Sleepy<br /> | smileysleepy<br /> | Shop<br /> | Tired? Wear this cozy smiley made by SmittyW!<br /> | 300<br /> | 6<br /> |-<br /> | [[File:142_seagull.png]]<br /> | 141<br /> | Seagull<br /> | smileyseagull<br /> | [http://everybodyedits.com/games/PWFcNS_lcucEI Seasonal Campaign Level]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:143_werewolf.png]]<br /> | 142<br /> | Werewolf<br /> | smileywerewolf<br /> | Classic<br /> | Watch out for this ferocious beast! With sharp fangs and glinting eyes, it's sure to add a fright to this Halloween.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 10<br /> |-<br /> | [[File:144_swamp_creature.png]]<br /> | 143<br /> | Swamp Creature<br /> | smileyswampcreature<br /> | Classic<br /> | From the murky depths of a mire, this bulging-eyed smiley roams the swamp, watching you from just beyond the treeline...<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 10<br /> |-<br /> | [[File:145_fairy.png]]<br /> | 144<br /> | Fairy<br /> | smileyfairy<br /> | Shop, [http://everybodyedits.com/games/PWdBadDOZncEI Retired Campaign Level]<br /> | Everything about this gentile creature is magical!<br /> | 750<br /> | 15<br /> |-<br /> | [[File:146_fireman.png]]<br /> | 145<br /> | Firefighter<br /> | smileyfirefighter<br /> | Shop<br /> | Fire! Step forward and put out the flames.<br /> | 500<br /> | 10<br /> |-<br /> | [[File:147_spy.png]]<br /> | 146<br /> | Spy<br /> | smileyspy<br /> | Shop, [http://everybodyedits.com/games/PW-Z8FiO6CcUI Campaign Level]<br /> | Incognito behind enemy lines, stay cool and keep an ear out for relevant intelligence.<br /> | 1250<br /> | 25<br /> |-<br /> | [[File:148_devil_skull.png]]<br /> | 147<br /> | Devil Skull<br /> | smileydevilskull<br /> | [http://everybodyedits.com/games/PWK4vMtLA4cEI Campaign Level]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:149_clockwork_robot.png]]<br /> | 148<br /> | Clockwork Robot<br /> | smileyclockwork<br /> | Shop, [http://everybodyedits.com/games/PW8puZ4EH4bEI Campaign Level]<br /> | Tick-tock! A wind-up toy filled with gears and springs!<br /> | 300<br /> | 6<br /> |-<br /> | [[File:150_teddy_bear.png]]<br /> | 149<br /> | Teddy Bear<br /> | smileyteddybear<br /> | Shop, [http://everybodyedits.com/games/PWV5ScFcDYb0I Retired Campaign Level]<br /> | What could be more adorable and comforting than this plush smiley?<br /> | 500<br /> | 10<br /> |-<br /> | [[File:151_christmas_soldier.png]]<br /> | 150<br /> | Christmas Soldier<br /> | smileychristmassoldier<br /> | Classic<br /> | Holiday fun in the form of a classical painted figure!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:152_scrooge.png]]<br /> | 151<br /> | Scrooge<br /> | smileyscrooge<br /> | [http://everybodyedits.com/games/PWdA2jl1BecEI Seasonal Campaign Level]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:153_boy.png]]<br /> | 152<br /> | Boy<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:154_pigtails.png]]<br /> | 153<br /> | Pigtails<br /> | smileypigtails<br /> | Shop<br /> | Twin locks of golden hair.<br /> | 300<br /> | 6<br /> |-<br /> | [[File:155_doctor.png]]<br /> | 154<br /> | Doctor<br /> | smileydoctor<br /> | Shop<br /> | Professional, intelligent, and cool. I help people.<br /> | 250<br /> | 5<br /> |-<br /> | [[File:156_turban.png]]<br /> | 155<br /> | Turban<br /> | smileyturban<br /> | Shop<br /> | Traditional cloth headwear and stylish mustache.<br /> | 750<br /> | 15<br /> |-<br /> | [[File:157_hazmat_suit.png]]<br /> | 156<br /> | Hazmat Suit<br /> | smileyhazmatsuit<br /> | Shop<br /> | Danger lurks around every corner. You can't be too cautious.<br /> | 1000<br /> | 20<br /> |-<br /> | [[File:158_leprechaun.png]]<br /> | 157<br /> | Leprechaun<br /> | smileyleprechaun<br /> | Classic<br /> | Don't be fooled by his adorable face: this smiley is an elusive prankster!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 20<br /> |-<br /> | [[File:159_angry.png]]<br /> | 158<br /> | Angry<br /> | smileyangry<br /> | Shop<br /> | When you can no longer suppress your rage...<br /> | 750<br /> | 15<br /> |-<br /> | [[File:160_smirk.png]]<br /> | 159<br /> | Smirk<br /> | smileysmirk<br /> | Shop, [http://everybodyedits.com/games/PW6cHyrN_Vb0I Campaign Level]<br /> | A slight turn of the mouth for the smug.<br /> | 100<br /> | 2<br /> |-<br /> | [[File:161_sweat.png]]<br /> | 160<br /> | Sweat<br /> | smileysweat<br /> | Shop<br /> | Simply exhausted.<br /> | 250<br /> | 5<br /> |-<br /> | [[File:162_countrysinger.png]]<br /> | 161<br /> | Country Singer<br /> | brickguitar<br /> | Shop (Guitar Pack)<br /> | Hear the strum of a tuned guitar while passing through the notes. Includes a country singer smiley!<br /> | 2000<br /> | 40<br /> |-<br /> | [[File:163_thor.png]]<br /> | 162<br /> | Thor<br /> | smileythor<br /> | [http://everybodyedits.com/games/PW_3jU6Riyb0I Campaign Level]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:164_cowgirl.png]]<br /> | 163<br /> | Cowgirl<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | Free<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:165_raccoon.png]]<br /> | 164<br /> | Raccoon<br /> | smileyraccoon<br /> | Shop<br /> | A cute critter designed by Cola1!<br /> | 1000<br /> | 20<br /> |-<br /> | [[File:166_lion.png]]<br /> | 165<br /> | Lion<br /> | smileylion<br /> | Shop<br /> | Show that you're the king of all animals.<br /> | 1000<br /> | 20<br /> |-<br /> | [[File:167_laika.png]]<br /> | 166<br /> | Laika<br /> | smileylaiika<br /> | Classic<br /> | In space, nobody can hear you bark.<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 25<br /> |-<br /> | [[File:168_fishbowl.png]]<br /> | 167<br /> | Fishbowl<br /> | smileyfishbowl<br /> | Classic<br /> | Who doesn't want to move around acting as if they're in space?<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 25<br /> |-<br /> | [[File:169_slime.png]]<br /> | 168<br /> | [[Slime Smiley|Slime]]<br /> | smileyslime<br /> | Classic<br /> | A smiley made up of a slimy substance. Yuck!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 10<br /> |-<br /> | [[File:170_designer.png]]<br /> | 169<br /> | Designer<br /> | smileydesigner<br /> | Contest<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:171_frozen.png]]<br /> | 170<br /> | Frozen<br /> | smileyfrozen<br /> | [http://everybodyedits.com/games/PWeUTEF4-ZcEI Seasonal Campaign Level]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:172_masquerade.png]]<br /> | 171<br /> | Masquerade<br /> | smileymasquerade<br /> | Classic<br /> | Celebrating Mardi Gras 2018!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 25<br /> |-<br /> | [[File:173_polar_bear.png]]<br /> | 172<br /> | Polar Bear<br /> | smileypolarbear<br /> | Classic<br /> | Happy International Polar Bear Day!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 25<br /> |-<br /> | [[File:174_baseball_cap.png]]<br /> | 173<br /> | Baseball Cap<br /> | smileybaseball<br /> | Shop<br /> | Shade yourself from the sun in this fashionable cap!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:175_golfer.png]]<br /> | 174<br /> | Golfer<br /> | smileygolfer<br /> | Shop<br /> | Head out for a round of golf in this green visor!<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:176_platinum_spender.png]]<br /> | 175<br /> | Platinum Spender<br /> | smileyplatinumspender<br /> | Special<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:177_green_dragon.png]]<br /> | 176<br /> | Green Dragon<br /> | smileydragongreen<br /> | Shop<br /> | Rain down fear upon your enemies with this king of the skies!<br /> | 1250<br /> | 25<br /> |-<br /> | [[File:178_red_dragon.png]]<br /> | 177<br /> | Red Dragon<br /> | smileydragonred<br /> | [http://everybodyedits.com/games/PW2GIc2MBvcEI Campaign Level]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:179_executioner.png]]<br /> | 178<br /> | Executioner<br /> | smileyexecutioner<br /> | Classic<br /> | Watch your subjects tremble in fear as you don a dark hood of high justice. - From Halloween 2018<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 15<br /> |-<br /> | [[File:180_gargoyle.png]]<br /> | 179<br /> | Gargoyle<br /> | smileygargoyle<br /> | Classic<br /> | From the heights of a Gothic structure, this stone beast comes to life to hunt their prey... - From Halloween 2018<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 25<br /> |-<br /> | [[File:181_banshee.png]]<br /> | 180<br /> | Banshee<br /> | smileybanshee<br /> | Classic<br /> | Beware this lamentable spirit... - From Halloween 2018<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | 25<br /> |-<br /> | [[File:182_golem.png]]<br /> | 181<br /> | Golem<br /> | smileygolem<br /> | [http://everybodyedits.com/games/PW6WtPOBKDbkI Campaign Level]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:183_frost_dragon.png]]<br /> | 182<br /> | Frost Dragon<br /> | smileyfrostdragon<br /> | [http://everybodyedits.com/games/PWahKy9wI2cUI Special]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:184_squirrel.png]]<br /> | 183<br /> | Squirrel<br /> | smileysquirrel<br /> | [http://everybodyedits.com/games/PWxQcz6ccwbUI Campaign Level]<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:185_golden_dragon.png]]<br /> | 184<br /> | Golden Dragon<br /> | smileygoldendragon<br /> | Special<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:186_robot_mk_ii.png]]<br /> | 185<br /> | Robot MK II<br /> | smileyrobotmkii<br /> | Special<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:187_black_dragon.png]]<br /> | 186<br /> | Black Dragon<br /> | smileyblackdragon<br /> | Special<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> | [[File:188_silver_dragon.png]]<br /> | 187<br /> | Silver Dragon<br /> | smileysilverdragon<br /> | Special<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> | &lt;center&gt;&lt;nowiki&gt;-&lt;/nowiki&gt;&lt;/center&gt;<br /> |-<br /> |}<br /> <br /> ==Notes==<br /> ===Payvault classes===<br /> The column &quot;Payvault Class&quot; is the class used by [[PlayerIO]] to determine what items the player has.<br /> *Classes with the prefix &quot;smiley&quot; are directly bought from the Smiley tab in the [[Energy Shop]].<br /> *Classes with the prefix &quot;brick&quot; or &quot;mixed&quot; are bought with a package from the Block tab in the Energy Shop.<br /> *&quot;unobtainable&quot; Smileys are temporary or unobtainable. You cannot keep them.<br /> *&quot;pro&quot; Smileys are obtained through purchasing [[Beta Membership]].<br /> *&quot;goldmember&quot; Smileys are obtained through subscribing to Gold Membership.<br /> <br /> ===Methods of obtaining===<br /> The column &quot;Obtained From&quot; lists where the item is obtained from.<br /> *Smileys obtained for &quot;Free&quot; are Smileys given to you when you register the game.<br /> *Smileys obtained from &quot;Beta&quot; are Smileys obtained through purchasing Beta Membership.<br /> *Smileys obtained from &quot;Shop&quot; are Smileys you can either buy with [[Energy]] and/or [[Gems]] in the Energy Shop.<br /> *Smileys obtained from &quot;Classic&quot; are Smileys you can buy with Gems in the [[Classic Shop]].<br /> *Smileys that are &quot;Staff Only&quot; are Smileys players cannot obtain.<br /> *Smileys obtained from &quot;[[Magic#Rewards|Magic]]&quot; are Smileys given to you from the [[Magic#Rewards|Magic]] system.<br /> *Smileys obtained from &quot;[[Fanboy Giveaways]]&quot; are Fanboy Smileys you can get when the [[EE Staff]] hold Fanboy giveaways.<br /> *Smileys obtained from &quot;[[Contests|Contest]]&quot; are items earned from winning a contest.<br /> *Smileys that are &quot;Special&quot; are either unobtainable, event items, or secret Smileys.<br /> *Smileys obtained from &quot;Gold Membership&quot; are obtained through subscribing to Gold Membership.<br /> <br /> ===Trivia===<br /> *Purple Ghost Smiley was originally only obtainable through blue magic coins, later being removed sometime in 2015, before returning permanently as a reward in the Video Games campaign on Feburary 13th, 2018.<br /> *Platinum Big Spender Smiley was only granted to those who became a Platinum Supporter or higher in the patron, ones who became a Legendary Supporter or more were given the smiley permanently to their account.</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10566 2026-11-02T02:37:55Z

<p>Boba: </p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> figure {<br /> display:block !important;<br /> border:2px solid #7B7B7B !important;<br /> border-radius:5px;<br /> background:#222222 !important;<br /> padding:6px;<br /> width:min-content;<br /> }<br /> <br /> figure a:after, figure figcaption:before {<br /> display:none;<br /> }<br /> <br /> figure img {<br /> margin:0px 0px 3px !important;<br /> border:2px solid #7B7B7B !important;<br /> }<br /> <br /> figure figcaption {<br /> display:block !important;<br /> border:none !important;<br /> background:none !important;<br /> padding:0px !important;<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10565 2026-11-02T02:37:22Z

<p>Boba: </p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> figure {<br /> display:block !important;<br /> border:2px solid #7B7B7B !important;<br /> border-radius:5px;<br /> background:#222222 !important;<br /> padding:6px;<br /> width:min-content;<br /> }<br /> <br /> figure a:after, figure figcaption:after {<br /> display:none;<br /> }<br /> <br /> figure img {<br /> margin:0px 0px 3px !important;<br /> border:2px solid #7B7B7B !important;<br /> }<br /> <br /> figure figcaption {<br /> display:block !important;<br /> border:none !important;<br /> background:none !important;<br /> padding:0px !important;<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10564 2026-11-02T02:24:47Z

<p>Boba: </p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> figure {<br /> display:block !important;<br /> border:2px solid #7B7B7B !important;<br /> border-radius:5px;<br /> background:#222222 !important;<br /> padding:6px;<br /> width:min-content;<br /> }<br /> <br /> figure figcaption {<br /> display:block !important;<br /> border:none !important;<br /> background:none !important;<br /> padding:0px !important;<br /> }<br /> <br /> figure img {<br /> margin:0px 0px 2px !important;<br /> border:2px solid #7B7B7B !important;<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10563 2026-11-02T01:52:25Z

<p>Boba: </p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> figure {<br /> display:block;<br /> border:2px solid #7B7B7B !important;<br /> background:#222222 !important;<br /> padding:6px;<br /> width:min-content;<br /> }<br /> <br /> figure figcaption {<br /> display:block !important;<br /> border:none !important;<br /> background:none !important;<br /> padding:0px !important;<br /> }<br /> <br /> figure img {<br /> margin:0px 0px 2px !important;<br /> border:2px solid #7B7B7B !important;<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10562 2026-11-02T00:48:27Z

<p>Boba: fine</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> figure {<br /> border:2px solid #7B7B7B !important;<br /> border-radius:5px;<br /> background:#222222 !important;<br /> width:min-content;<br /> }<br /> <br /> figure figcaption {<br /> display:block !important;<br /> border:none !important;<br /> background:none !important;<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10561 2026-11-02T00:47:59Z

<p>Boba: </p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> figure {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> width:min-content;<br /> }<br /> <br /> figure &gt; figcaption {<br /> display:block;<br /> border:none;<br /> background:none;<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10560 2026-11-02T00:44:45Z

<p>Boba: figures attempt</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> figure {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> width:min-content;<br /> }<br /> <br /> figure figcaption {<br /> display:block;<br /> border:none;<br /> background:none;<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10559 2026-11-02T00:31:54Z

<p>Boba: </p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10558 2026-11-02T00:30:32Z

<p>Boba: gallery</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Wiki-specific content */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> .mw-collapsible-toggle {<br /> margin-left:5px;<br /> }<br /> <br /> .gallerybox .thumb {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10557 2026-11-02T00:07:42Z

<p>Boba: </p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Table of Contents; Wikitables; Categories */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-text {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-text:hover, .mw-collapsible-text:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10556 2026-11-02T00:07:02Z

<p>Boba: table collapse button</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Table of Contents; Wikitables; Categories */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber, .mw-collapsible-toggle:before, .mw-collapsible-toggle:after {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label, .mw-collapsible-toggle {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus, .mw-collapsible-toggle:hover, .mw-collapsible-toggle:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=Multiplayer_Platformworld&diff=10555 2026-11-01T23:56:53Z

<p>Boba: these are svgs now</p> <hr /> <div>{{Infobox Game<br /> |title=Multiplayer Platformworld<br /> |image=Multiplayer_Platformworld.png<br /> |releasedate=March 1, 2010<br /> |shutdowndate=Unknown<br /> |languages=[[w:ActionScript 3.0|ActionScript 3.0]]<br /> |links=[https://www.newgrounds.com/portal/view/529148 Newgrounds]}}<br /> <br /> '''''Multiplayer Platformworld''''' (alternatively known as '''''Platform Sandbox''''', '''''Flixelwalker''''', and '''''Blitwalker''''') was a tech demo created by [[Benjaminsen]] to display the online multiplayer capabilities of [[PlayerIO]]&lt;ref&gt;{{Cite|url=https://web.archive.org/web/20100615094626/http://flixel.org/forums/index.php?topic=1098.0|archive=true|title=What Multiplayer game should I build using Flixel|source=Flixel Forums|date=February 24, 2010}}&lt;/ref&gt;, and the direct predecessor to ''[[Everybody Edits]]''. It was uploaded to Newgrounds and Nonoba on March 1, 2010, under different aliases.&lt;ref&gt;{{Cite|url=https://www.newgrounds.com/portal/view/529148|archive=https://web.archive.org/web/20100408091404/https://www.newgrounds.com/portal/view/529148|title=Multiplayer Platformworld|source=Newgrounds|date=March 1, 2010}}&lt;/ref&gt;&lt;ref&gt;{{Cite|url=https://web.archive.org/web/20100305094103/http://www.nonoba.com/chris/platform-sandbox|archive=true|title=Platform Sandbox|source=Nonoba|date=March 1, 2010}}&lt;/ref&gt; In a similar fashion to ''Everybody Edits'', the game was an online sandbox platformer where many players could edit the play area in real time.<br /> <br /> The game was an unexpected success and would be updated several times in response to player feedback throughout early March 2010. The final update released on March 6, 2010, one day before the first release of ''Everybody Edits''.<br /> <br /> == Gameplay ==<br /> In ''Multiplayer Platformworld'', up to 45&lt;ref&gt;{{Cite|url=https://web.archive.org/web/20100309172043/http://www.newgrounds.com/portal/view/529716|archive=true|title=Everybody Edits|source=Newgrounds|date=March 7, 2010}}&lt;/ref&gt; players (initially represented by red and transparent dots) could connect to a single [[world]] and place [[blocks]] one at a time. In later versions, players could also choose between six [[smiley]]s, place gravity arrows, and view the [[minimap]].<br /> <br /> === Oddities ===<br /> Unlike ''Everybody Edits'', the world boundaries had no collision and it was possible to fall through them indefinitely. Due to a UI bug, it's possible to select an invalid block, which takes on the appearance of the world boundary.<br /> <br /> == Gallery ==<br /> &lt;gallery&gt;<br /> Multiplayer_Platformworld_Prerelease.png|A prerelease screenshot of ''Multiplayer Platformworld'', showing two players.&lt;ref&gt;{{Cite|url=https://www.slideshare.net/slideshow/embed_code/key/uk4T2KoU1OGgXW|archive=https://archive.org/details/fgs-2011-how-i-built-a-10-000-month-flash-game-in-my-spare-time|title=FGS 2011: How I Built A $10,000/month Flash Game In My Spare Time|source=Slideshare|date=February 27, 2011}}&lt;/ref&gt;<br /> Multiplayer_Platformworld_Newgrounds_Icon.png|Newgrounds icon for ''Multiplayer Platformworld''.<br /> Loading_Screen_March_2010.png|The game's loading screen. You would see this while connecting to the room.<br /> Multiplayer_Platformworld_March_2.jpg|Two players near a crude drawing on March 2, 2010.&lt;ref&gt;{{Cite|url=https://www.newgrounds.com/bbs/topic/1149743/1|archive=https://web.archive.org/web/20260418051923/https://www.newgrounds.com/bbs/topic/1149743/1|title=Multiplayer Platformworld Nsfw|source=Newgrounds|date=March 2, 2010}}&lt;/ref&gt;<br /> Multiplayer_Platformworld_Final.png|A screenshot of the final build of the game.<br /> Multiplayer_Platformworld_Invalid_Block.png|[[Master1]] placing invalid blocks.<br /> &lt;/gallery&gt;<br /> <br /> == History ==<br /> {{History Table|rows=<br /> {{History Date|date=February 24, 2010|desc=Benjaminsen makes a thread on the Flixel forums asking for game ideas. The PlayerIO application for ''Multiplayer Platformworld'' is created the same day.}}<br /> {{History Date|date=?|desc=[[File:Player_(Prerelease).svg|32px]] [[File:Other_Player_(Prerelease).svg|32px]] At this point in development, players are represented by two vector circles. Brown bricks and face blocks are present.}}<br /> {{History Date|date=March 1, 2010|desc=''Multiplayer Platformworld'' is released. [[File:Player_v1.png|class=pixel|32px]] [[File:Other_Player_v1.png|class=pixel|32px]] Players have been updated to be the same size as blocks, and now have outlines.}}<br /> {{History Date|date=?|desc=Added gravity arrows and the minimap.}}<br /> {{History Date|date=March 5, 2010|desc=Added smileys, after being suggested by Flixel forums user lithander.}}<br /> }}<br /> <br /> == References ==<br /> &lt;references/&gt;</div>

Boba https://wiki.everybodyedits.com/index.php?title=File:Other_Player_(Prerelease).svg&diff=10554 2026-11-01T23:56:23Z

<p>Boba: == Summary == {{Recreation|author=Boba}} The appearance of other players in &#039;&#039;Multiplayer Platformworld&#039;&#039;. == Licensing == {{License Public Domain}}</p> <hr /> <div>== Summary ==<br /> {{Recreation|author=[[User:Boba|Boba]]}}<br /> The appearance of other players in ''[[Multiplayer Platformworld]]''.<br /> == Licensing ==<br /> {{License Public Domain}}</div>

Boba https://wiki.everybodyedits.com/index.php?title=File:Player_(Prerelease).svg&diff=10553 2026-11-01T23:56:06Z

<p>Boba: == Summary == {{Recreation|author=Boba}} The appearance of the player in &#039;&#039;Multiplayer Platformworld&#039;&#039;. == Licensing == {{License Public Domain}}</p> <hr /> <div>== Summary ==<br /> {{Recreation|author=[[User:Boba|Boba]]}}<br /> The appearance of the player in ''[[Multiplayer Platformworld]]''.<br /> == Licensing ==<br /> {{License Public Domain}}<br /> == Licensing ==<br /> {{License None}}</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10552 2026-11-01T21:56:15Z

<p>Boba: table test</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Table of Contents; Categories */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* Wikitables */<br /> table.wikitable, table.wikitable th, table.wikitable td {<br /> border:2px solid #7B7B7B;<br /> background:#222222;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> table.wikitable th {<br /> background:#333333;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10551 2026-11-01T21:51:37Z

<p>Boba: </p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:16px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Table of Contents; Categories */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10550 2026-11-01T21:50:50Z

<p>Boba: larger logo</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:32px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:350px;<br /> --logoHeight:150px;<br /> --logoGap:16px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Table of Contents; Categories */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10549 2026-11-01T21:48:37Z

<p>Boba: doy</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:32px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:300px;<br /> --logoHeight:140px;<br /> --logoGap:32px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Table of Contents; Categories */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc .tocnumber {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10548 2026-11-01T21:47:23Z

<p>Boba: </p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:32px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:300px;<br /> --logoHeight:140px;<br /> --logoGap:32px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Table of Contents; Categories */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc #tocnumber {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10547 2026-11-01T21:47:01Z

<p>Boba: more toc fixes</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:32px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:300px;<br /> --logoHeight:140px;<br /> --logoGap:32px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Table of Contents; Categories */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #toc span {<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a, #toc label {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus, #toc label:hover, #toc label:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10546 2026-11-01T21:44:43Z

<p>Boba: +toc</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:32px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:300px;<br /> --logoHeight:140px;<br /> --logoGap:32px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* Table of Contents; Categories */<br /> #toc, #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10545 2026-11-01T21:43:08Z

<p>Boba: bold cat</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:32px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:300px;<br /> --logoHeight:140px;<br /> --logoGap:32px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #catlinks div&gt;a {<br /> font-weight:bold;<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10544 2026-11-01T21:40:46Z

<p>Boba: categories</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:32px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:300px;<br /> --logoHeight:140px;<br /> --logoGap:32px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> #mw-panel nav a:hover, #mw-panel nav a:focus {<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> #catlinks {<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10543 2026-11-01T21:15:34Z

<p>Boba: oh, fine</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:32px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:300px;<br /> --logoHeight:140px;<br /> --logoGap:32px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10542 2026-11-01T21:15:00Z

<p>Boba: </p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:32px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:300px;<br /> --logoHeight:140px;<br /> --logoGap:32px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> a.external {<br /> background-image:url(/images/b/ba/Wiki_External_Link.svg);<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=File:Wiki_External_Link.svg&diff=10541 2026-11-01T21:14:08Z

<p>Boba: Protected &quot;File:Wiki External Link.svg&quot; ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite))</p> <hr /> <div>== Summary ==<br /> An image modified from the default Vector skin.<br /> [[Category:Everybody Edits Wiki media]]<br /> == Licensing ==<br /> {{License Public Domain}}</div>

Boba https://wiki.everybodyedits.com/index.php?title=File:Wiki_External_Link.svg&diff=10540 2026-11-01T21:14:01Z

<p>Boba: == Summary == An image modified from the default Vector skin. Category:Everybody Edits Wiki media == Licensing == {{License Public Domain}}</p> <hr /> <div>== Summary ==<br /> An image modified from the default Vector skin.<br /> [[Category:Everybody Edits Wiki media]]<br /> == Licensing ==<br /> {{License Public Domain}}</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10536 2026-11-01T20:27:52Z

<p>Boba: code styling</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:32px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:300px;<br /> --logoHeight:140px;<br /> --logoGap:32px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }<br /> <br /> pre, code, .mw-code {<br /> border:none;<br /> border-radius:5px;<br /> background:#333333;<br /> color:var(--colWhiteMid);<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=MediaWiki:Vector.css&diff=10533 2026-11-01T19:39:39Z

<p>Boba: search and other improvements</p> <hr /> <div>/* ======================== */<br /> /* GENERIC STYLING */<br /> /* ======================== */<br /> <br /> :root {<br /> --mainGap:32px;<br /> <br /> /* Header */<br /> --headerHeight:50px;<br /> --headerGap:32px;<br /> --headerButtonSize:16px;<br /> --headerSpacing:8px;<br /> <br /> --userIconSize:26px;<br /> <br /> /* Logo */<br /> --logoWidth:300px;<br /> --logoHeight:140px;<br /> --logoGap:32px;<br /> <br /> /* Sidebar */<br /> --sidebarWidth:200px;<br /> --sidebarGap:16px;<br /> --sidebarPadding:16px;<br /> --sidebarHeaderSize:20px;<br /> --sidebarButtonSize:14px;<br /> --sidebarSpacing:8px;<br /> <br /> /* Navigation */<br /> --navigationHeight:50px;<br /> --navigationButtonSize:16px;<br /> <br /> --watchWidth:50px;<br /> --watchIconSize:20px;<br /> <br /> --moreIconSize:20px;<br /> <br /> --searchWidth:300px;<br /> --searchHeight:30px;<br /> --searchSpacing:8px;<br /> --searchIconSize:20px;<br /> <br /> /* Content */<br /> --contentSpacing:24px;<br /> <br /> /* Footer */<br /> --footerGap:32px;<br /> --footerButtonSize:14px;<br /> --footerSpacing:16px;<br /> <br /> --footerLinkSpacing:8px;<br /> <br /> /* Colors */<br /> --colWhiteMid:#DDDDDD;<br /> --colWhiteLight:#FFFFFF;<br /> }<br /> <br /> html, body {<br /> height:unset;<br /> }<br /> <br /> body { <br /> background-image:url(/images/5/5a/Everybody_Edits_Wiki_Background.png);<br /> background-color:#181818;<br /> }<br /> <br /> /* ======================== */<br /> /* HEADER BAR */<br /> /* ======================== */<br /> <br /> #mw-page-base {<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal {<br /> top:0px;<br /> left:0px;<br /> z-index:1;<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border-bottom:2px solid #7B7B7B;<br /> background:linear-gradient(#333333, #222222);<br /> width:100%;<br /> height:var(--headerHeight);<br /> }<br /> <br /> #p-personal div, #p-personal ul {<br /> height:100%;<br /> }<br /> <br /> #p-personal ul {<br /> display:flex;<br /> justify-content:flex-end;<br /> align-items:center;<br /> gap:var(--headerSpacing);<br /> padding:0px var(--mainGap);<br /> }<br /> <br /> #p-personal ul * {<br /> margin:0px;<br /> padding:0px;<br /> font-weight:bold;<br /> font-size:var(--headerButtonSize);<br /> }<br /> <br /> #p-personal #pt-userpage a {<br /> display:flex;<br /> align-items:center;<br /> background-image:url(/images/f/fe/Smiley_smiley.png);<br /> background-position:left;<br /> background-size:contain;<br /> padding:0px 0px 0px calc(var(--userIconSize) + 4px);<br /> image-rendering:pixelated;<br /> min-height:var(--userIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* LOGO */<br /> /* ======================== */<br /> <br /> #mw-navigation {<br /> position:absolute;<br /> top:0px;<br /> width:100%;<br /> height:0px;<br /> }<br /> <br /> #mw-panel {<br /> position:unset;<br /> margin-top:var(--sidebarOffset) !important;<br /> padding-bottom:var(--mainGap) !important;<br /> padding:0px;<br /> width:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #p-logo {<br /> display:flex;<br /> position:absolute;<br /> z-index:1;<br /> filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));<br /> margin:0px;<br /> width:100%;<br /> height:auto;<br /> }<br /> <br /> #p-logo a {<br /> background-image:url(/images/c/c9/Everybody_Edits_Wiki_Logo.png);<br /> background-size:contain;<br /> width:var(--logoWidth);<br /> height:var(--logoHeight);<br /> }<br /> <br /> #p-logo a:hover, #p-logo a:focus {<br /> filter:brightness(1.15);<br /> }<br /> <br /> #p-logo a:active {<br /> filter:brightness(0.85);<br /> }<br /> <br /> /* ======================== */<br /> /* CENTERED LOGO */<br /> /* ======================== */<br /> <br /> :root {<br /> --topOffset:calc(var(--headerHeight) + var(--headerGap) + var(--logoHeight) + var(--logoGap));<br /> --sidebarOffset:var(--topOffset);<br /> }<br /> <br /> #p-logo {<br /> top:calc(var(--headerHeight) + var(--headerGap));<br /> justify-content:center;<br /> }<br /> <br /> /* ======================== */<br /> /* SIDEBAR */<br /> /* ======================== */<br /> <br /> #mw-panel nav {<br /> box-sizing:border-box;<br /> margin:0px;<br /> margin-bottom:var(--sidebarGap);<br /> margin-left:var(--mainGap);<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--sidebarPadding);<br /> width:var(--sidebarWidth);<br /> }<br /> <br /> #mw-panel nav:last-of-type {<br /> margin-bottom:unset;<br /> }<br /> <br /> #mw-panel nav h3 {<br /> display:block !important;<br /> margin:0px;<br /> margin-bottom:var(--sidebarSpacing);<br /> background:none;<br /> padding:0px;<br /> color:var(--colWhiteLight);<br /> font-size:var(--sidebarHeaderSize);<br /> }<br /> <br /> #mw-panel nav div {<br /> margin:0px;<br /> }<br /> <br /> #mw-panel nav ul {<br /> display:flex;<br /> flex-direction:column;<br /> gap:var(--sidebarSpacing);<br /> padding:0px;<br /> }<br /> <br /> #mw-panel nav li {<br /> padding:0px;<br /> font-size:var(--sidebarButtonSize);<br /> }<br /> <br /> #mw-panel nav a {<br /> color:var(--colWhiteMid) !important;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION TABS */<br /> /* ======================== */<br /> <br /> #mw-head-base {<br /> box-sizing:border-box;<br /> margin-top:calc(var(--topOffset) - var(--headerHeight));<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #mw-head {<br /> height:var(--topOffset);<br /> }<br /> <br /> #left-navigation, #right-navigation {<br /> position:absolute;<br /> bottom:calc(0px - var(--navigationHeight));<br /> margin:0px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation {<br /> left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> }<br /> <br /> #right-navigation {<br /> right:var(--mainGap);<br /> }<br /> <br /> #left-navigation *, #right-navigation * {<br /> margin:0px;<br /> padding:0px;<br /> }<br /> <br /> #left-navigation nav, #right-navigation nav, #left-navigation li, #right-navigation li {<br /> background:none;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions, #right-navigation #p-search {<br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> box-sizing:border-box;<br /> margin-right:-2px;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px 5px 0px 0px;<br /> background:#222222;<br /> padding:0px 8px;<br /> height:var(--navigationHeight);<br /> }<br /> <br /> #left-navigation .selected a, #right-navigation .selected a {<br /> border-bottom:0px;<br /> background:#333333;<br /> padding-bottom:2px;<br /> color:var(--colWhiteLight) !important;<br /> }<br /> <br /> #left-navigation a, #right-navigation a, #right-navigation #p-cactions-label {<br /> font-weight:bold;<br /> font-size:var(--navigationButtonSize);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - WATCHLIST */<br /> /* ======================== */<br /> <br /> #right-navigation .mw-watchlink a {<br /> min-width:var(--watchWidth);<br /> font-size:0px;<br /> }<br /> <br /> #right-navigation .mw-watchlink a:before {<br /> top:unset;<br /> left:unset;<br /> background-size:contain;<br /> width:100%;<br /> height:var(--watchIconSize);<br /> }<br /> <br /> #right-navigation #ca-watch a:before {<br /> background-image:url(/images/1/1a/Wiki_Watch_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-watch a:hover:before {<br /> background-image:url(/images/7/77/Wiki_Watch_Star_Hover.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:before {<br /> background-image:url(/images/6/6b/Wiki_Watched_Star.svg);<br /> }<br /> <br /> #right-navigation #ca-unwatch a:hover:before {<br /> background-image:url(/images/3/33/Wiki_Watched_Star_Hover.svg);<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - MORE */<br /> /* ======================== */<br /> <br /> #right-navigation #p-cactions-label {<br /> display:flex;<br /> align-items:center;<br /> outline:none;<br /> background:none;<br /> min-height:var(--moreIconSize);<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #right-navigation #p-cactions-label:after {<br /> margin-left:4px;<br /> background-image:url(/images/b/b8/Wiki_More_Arrow.svg);<br /> background-size:contain;<br /> width:var(--moreIconSize);<br /> height:var(--moreIconSize);<br /> }<br /> <br /> #right-navigation #p-cactions div {<br /> left:-2px;<br /> box-sizing:border-box;<br /> box-shadow:none;<br /> border:2px solid #7B7B7B;<br /> border-radius:0px 0px 5px 5px;<br /> min-width:calc(100% + 4px);<br /> }<br /> <br /> #right-navigation #p-cactions a {<br /> border:none;<br /> border-radius:0px;<br /> background:#222222;<br /> }<br /> <br /> /* ======================== */<br /> /* NAVIGATION - SEARCH */<br /> /* ======================== */<br /> <br /> #right-navigation #p-search {<br /> margin:0px;<br /> }<br /> <br /> #simpleSearch {<br /> width:var(--searchWidth);<br /> min-width:unset;<br /> max-width:unset;<br /> height:var(--searchHeight);<br /> }<br /> <br /> #simpleSearch #searchInput {<br /> box-sizing:border-box;<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:#222222;<br /> padding:0px calc(var(--searchIconSize) + var(--searchSpacing) * 2) 0px var(--searchSpacing);<br /> height:100%;<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> #simpleSearch #searchButton {<br /> top:calc((var(--searchHeight) - var(--searchIconSize)) / 2);<br /> right:var(--searchSpacing);<br /> opacity:unset;<br /> background-image:url(/images/e/ee/Wiki_Search.svg);<br /> background-size:contain;<br /> width:var(--searchIconSize);<br /> min-width:unset;<br /> height:var(--searchIconSize);<br /> }<br /> <br /> /* ======================== */<br /> /* MAIN CONTENT */<br /> /* ======================== */<br /> <br /> #content {<br /> margin-top:0px;<br /> margin-right:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);<br /> border:2px solid #7B7B7B;<br /> border-top:0px;<br /> border-radius:0px 0px 5px 5px;<br /> background: linear-gradient(#333333 0px, #222222 54px);<br /> padding:var(--contentSpacing);<br /> color:var(--colWhiteMid);<br /> }<br /> <br /> /* ======================== */<br /> /* FOOTER */<br /> /* ======================== */<br /> <br /> #footer {<br /> display:flex;<br /> position:relative;<br /> flex-direction:column;<br /> margin-top:var(--footerGap);<br /> margin-right:var(--mainGap);<br /> margin-bottom:var(--mainGap);<br /> margin-left:calc(var(--mainGap) + var(--sidebarWidth) + var(--sidebarGap));<br /> border:2px solid #7B7B7B;<br /> border-radius:5px;<br /> background:linear-gradient(#333333, #222222);<br /> padding:var(--mainGap);<br /> }<br /> <br /> #footer li {<br /> margin:0px;<br /> margin-bottom:var(--footerSpacing);<br /> }<br /> <br /> #footer #footer-places {<br /> display:flex;<br /> gap:var(--footerLinkSpacing);<br /> font-weight:bold;<br /> }<br /> <br /> #footer #footer-places li {<br /> margin:0px;<br /> }<br /> <br /> #footer #footer-icons {<br /> display:none;<br /> }<br /> <br /> #footer * {<br /> margin:0px;<br /> padding:0px;<br /> color:var(--colWhiteMid);<br /> font-size:var(--footerButtonSize);<br /> line-height:normal !important;<br /> }<br /> <br /> /* ======================== */<br /> /* PAGE CONTENT */<br /> /* ======================== */<br /> <br /> /* Links */<br /> a {<br /> color:#FFBB00 !important;<br /> text-decoration:none;<br /> }<br /> <br /> a:hover, a:focus {<br /> color:#FFD419 !important;<br /> text-decoration:underline 0.1em;<br /> text-underline-offset:0.1em;<br /> }<br /> <br /> a:visited {<br /> color:#EB8C40 !important;<br /> }<br /> <br /> a:visited:hover {<br /> color:#FFA559 !important;<br /> }<br /> <br /> a.new {<br /> color:#FF2800 !important;<br /> }<br /> <br /> a.new:hover, a.new:focus {<br /> color:#FF4119 !important;<br /> }<br /> <br /> a.new:visited {<br /> color:#EB1D40 !important;<br /> }<br /> <br /> a.new:visited:hover {<br /> color:#FF3659 !important;<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> color:var(--colWhiteLight);<br /> }<br /> <br /> ul {<br /> list-style-image:none;<br /> }</div>

Boba https://wiki.everybodyedits.com/index.php?title=File:Wiki_Search.svg&diff=10532 2026-11-01T19:38:39Z

<p>Boba: Protected &quot;File:Wiki Search.svg&quot; ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite))</p> <hr /> <div>== Summary ==<br /> An image modified from the default Vector skin.<br /> [[Category:Everybody Edits Wiki media]]<br /> == Licensing ==<br /> {{License Public Domain}}</div>

Boba https://wiki.everybodyedits.com/index.php?title=File:Wiki_Search.svg&diff=10531 2026-11-01T19:38:32Z

<p>Boba: == Summary == An image modified from the default Vector skin. Category:Everybody Edits Wiki media == Licensing == {{License Public Domain}}</p> <hr /> <div>== Summary ==<br /> An image modified from the default Vector skin.<br /> [[Category:Everybody Edits Wiki media]]<br /> == Licensing ==<br /> {{License Public Domain}}</div>

Boba https://wiki.everybodyedits.com/index.php?title=File:Wiki_Watched_Star.svg&diff=10530 2026-11-01T19:28:49Z

<p>Boba: Protected &quot;File:Wiki Watched Star.svg&quot; ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite))</p> <hr /> <div>== Summary ==<br /> An image modified from the default Vector skin.<br /> [[Category:Everybody Edits Wiki media]]<br /> == Licensing ==<br /> {{License Public Domain}}</div>

Boba https://wiki.everybodyedits.com/index.php?title=File:Wiki_Watched_Star_Hover.svg&diff=10529 2026-11-01T19:28:44Z

<p>Boba: Protected &quot;File:Wiki Watched Star Hover.svg&quot; ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite))</p> <hr /> <div>== Summary ==<br /> An image modified from the default Vector skin.<br /> [[Category:Everybody Edits Wiki media]]<br /> == Licensing ==<br /> {{License Public Domain}}</div>

Boba https://wiki.everybodyedits.com/index.php?title=File:Wiki_Watch_Star.svg&diff=10528 2026-11-01T19:28:39Z

<p>Boba: Protected &quot;File:Wiki Watch Star.svg&quot; ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite))</p> <hr /> <div>== Summary ==<br /> An image modified from the default Vector skin.<br /> [[Category:Everybody Edits Wiki media]]<br /> == Licensing ==<br /> {{License Public Domain}}</div>

Boba https://wiki.everybodyedits.com/index.php?title=File:Wiki_Watch_Star_Hover.svg&diff=10527 2026-11-01T19:28:34Z

<p>Boba: Protected &quot;File:Wiki Watch Star Hover.svg&quot; ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite))</p> <hr /> <div>== Summary ==<br /> An image modified from the default Vector skin.<br /> [[Category:Everybody Edits Wiki media]]<br /> == Licensing ==<br /> {{License Public Domain}}</div>

Boba