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

De Wiki Gla
Ir para navegação Ir para pesquisar
(Página substituída por ' <!-- Widget: Dark Blur Theme for GLA Wiki --> <style> /* * This is the CSS common to all desktop skins on en.Wikipedia. * Styling inside .mw-parser-output should gen...')
Etiqueta: Substituído
 
(10 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');


<!-- Widget: Dark Blur Theme for GLA Wiki -->
#footer-info-lastmod {
<style>
display: none;
/*
* This is the CSS common to all desktop skins on en.Wikipedia.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}
}


/* Straight quote marks for <q> */
/*** Template:HK CP Header. ***/
q {
.hk-cp-header {
quotes: '"' '"' "'" "'";
display: block;
font-family: var(--font-headline);
margin-block-start: 1em;
text-align: center;
width: 100%;
}
}


/* Avoid collision of blockquote with floating elements by swapping margin and padding */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section-metaitem,
blockquote {
.ext-discussiontools-init-pageframe-latestcomment,
overflow: hidden;
.ext-discussiontools-ui-replyWidget-footer,
margin: 1em 0;
.ext-discussiontools-ui-replyWidget-preview::before,
padding: 0 40px;
.oo-ui-popupToolGroup-header {
color: var(--theme-secondary);
}
}


/* Consistent size for <small>, <sub> and <sup> */
.ve-ui-targetWidget-focused {
small {
border-color: rgb(var(--theme-accent));
font-size: 85%;
box-shadow: inset 0 0 0 1px rgb(var(--theme-accent));
}
}


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


/* Same spacing for indented and unindented paragraphs on talk pages */
.ext-discussiontools-init-targetcomment {
.ns-talk .mw-body-content dd {
background-color: unset;
margin-top: 0.4em;
margin-bottom: 0.4em;
}
}


/* Reduce page jumps by hiding collapsed/dismissed content */
body {
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
background: url('https://i.imgur.com/5txNFHg.png') no-repeat center center fixed;
background-size: cover;
color: #d0d0d0;
font-family: 'Inter', sans-serif;
}


/* Avoid FOUC/reflows on collapsed elements. */
#content {
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
background: rgba(24, 24, 24, 0.85);
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
backdrop-filter: blur(10px);
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
-webkit-backdrop-filter: blur(10px);
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
padding: 20px;
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
border-radius: 0;
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
}
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,


/* Hide charinsert base for those not using the gadget */
#mw-head,
#editpage-specialchars {
#mw-page-base,
display: none;
#mw-navigation {
background: transparent;
color: #d0d0d0;
border: none;
}
}


/* Different margin on references */
a {
.references {
color: #79a8ff;
margin-bottom: 0.5em;
}
}


/* Cite customizations */
a:visited {
span[ rel="mw:referencedBy" ] {
color: #a079ff;
counter-reset: mw-ref-linkback 0;
}
}


span[ rel='mw:referencedBy' ] > a::before {
a:hover {
content: counter( mw-ref-linkback, lower-alpha );
color: #ffffff;
font-size: 80%;
font-weight: bold;
font-style: italic;
}
}


a[ rel="mw:referencedBy" ]::before {
input,
font-weight: bold;
textarea {
content: "^";
background-color: #303030;
color: #e0e0e0;
border: 1px solid #555555;
}
}


span[ rel="mw:referencedBy" ]::before {
button,
content: "^ ";
input[type="submit"] {
background-color: #3a3a3a;
color: #e0e0e0;
border: 1px solid #666666;
}
}


/* Styling for jQuery makeCollapsible, matching that of collapseButton */
button:hover,
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
input[type="submit"]:hover {
font-weight: normal;
background-color: #555555;
padding-right: 0.2em;
padding-left: 0.2em;
}
}


.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
h1,
/* @noflip */
h2,
float: left;
h3,
h4,
h5 {
color: #ffffff;
font-weight: 600;
}
}


/* Lists in wikitable data cells are always left-aligned */
h1 {
.wikitable td ul,
border-bottom: 1px solid #444444;
.wikitable td ol,
padding-bottom: 5px;
.wikitable td dl {
/* @noflip */
text-align: left;
}
}


/* Change the external link icon to a PDF icon for all PDF files */
.vector-menu-tabs li {
.mw-parser-output a[href$=".pdf"].external,
background: rgba(36, 36, 36, 0.9) !important;
.mw-parser-output a[href*=".pdf?"].external,
background-image: none !important;
.mw-parser-output a[href*=".pdf#"].external,
border: 1px solid rgba(100, 100, 100, 0.5) !important;
.mw-parser-output a[href$=".PDF"].external,
border-bottom: none !important;
.mw-parser-output a[href*=".PDF?"].external,
margin-right: 2px;
.mw-parser-output a[href*=".PDF#"].external {
color: #d0d0d0 !important;
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}
}


/* System messages styled similarly to fmbox */
.vector-menu-tabs li.current a {
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
background: rgba(60, 60, 60, 0.9) !important;
* the edit-protected notice and the special:Contribs for blocked users
color: #ffffff !important;
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}
}


/* default colors for partial block message */
.vector-menu-tabs li a:hover {
/* gotta get over the hump introduced by the triple class above */
background: rgba(50, 50, 50, 0.9) !important;
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
color: #ffffff !important;
border-color: #fc3;
background-color: var(--background-color-warning-subtle, #fef6e7);
}
}


/* Minimum thumb width */
.vector-menu-tabs,
@media (min-width: 640px) {
.vector-menu-tabs a,
figure[typeof~='mw:File/Thumb'],
#mw-head .vector-menu-dropdown h3 {
figure[typeof~='mw:File/Frame'],
background: none !important;
.thumbinner {
background-image: none !important;
min-width: 100px;
background-repeat: no-repeat !important;
}
background-size: 0 !important;
border: none !important;
}
}


/* Prevent floating boxes from overlapping any category listings,
.mw-body {
  file histories, edit previews, and edit [Show changes] views. */
margin-top: 0 !important;
#mw-subcategories,
border: 1px solid rgba(100, 100, 100, 0.5) !important;
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}
}


/* Hide stuff meant for accounts with special permissions. Made visible again in
.vector-menu-tabs:first-child {
  [[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
margin-left: 20px;
  [[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
  [[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
  [[MediaWiki:Group-extendedconfirmed.css]], and [[Mediawiki:Group-autoconfirmed.css]]. */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}
}


/* Hide the redlink generated by {{Editnotice}},
body,
  this overrides the ".sysop-show { display: none; }" above that applies
.mw-body-content,
  to the same link as well. See [[phab:T45013]]
.vector-menu-tabs li a,
#mw-head a,
#mw-head h1,
#p-personal li a,
#footer a,
.searchbox input {
color: #d0d0d0 !important;
}


  Hide the images in editnotices to keep them readable in VE view.
.searchbox input::placeholder {
  Long term, editnotices should become a core feature so that they can be designed responsive. */
color: #aaaaaa;
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}
}


/* Remove bullets when there are multiple edit page warnings */
h1,
ul.permissions-errors {
h2,
margin: 0;
h3,
h4,
h5,
h6 {
font-family: 'Inter', sans-serif !important;
}
}


ul.permissions-errors > li {
h1 {
list-style: none;
font-weight: 700;
font-size: 1.8em;
}
}


/* larger inline math */
h2 {
span.mwe-math-mathml-inline {
font-weight: 600;
font-size: 118%;
font-size: 1.5em;
}
}


/* Make <math display="block"> be left aligned with one space indent for
.toc {
* compatibility with style conventions
background-color: rgba(36, 36, 36, 0.9);
*/
color: #d0d0d0;
.mwe-math-fallback-image-display,
border: 1px solid rgba(100, 100, 100, 0.5);
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}
}


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


@media screen {
.thumb .thumbcaption {
/* Put a chequered background behind images, only visible if they have transparency,
color: #d0d0d0;
* except on main, user, and portal namespaces
}
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}


/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
.mw-warning,
  do not apply to print mode */
.mw-content-ltr .infobox,
#siteSub {
.mw-message-box {
display: block;
background-color: rgba(36, 36, 36, 0.9);
}
color: #d0d0d0;
border: 1px solid rgba(100, 100, 100, 0.5);
/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}
}


/* Hide FlaggedRevs notice UI when there are no pending changes */
table:not(.wikitable) {
.flaggedrevs_draft_synced,
background: transparent;
.flaggedrevs_stable_synced,
border: none;
/* "Temporary" to remove links in sidebar T255381 */
border-collapse: collapse;
#t-upload,
width: 100%;
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}
}


/*
table:not(.wikitable) th,
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
table:not(.wikitable) td {
* SEE [[MediaWiki talk:Common.css/to do]]
border: none;
* CSS is separated by component (which is why media queries are not joined)
padding: 4px 8px;
*/
background: transparent;
 
color: #d0d0d0;
/* Infoboxes */
text-align: left;
.infobox {
border: 1px solid #a2a9b1;
color: black;
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
}
}


@media screen {
.toc ul {
.infobox {
color: #d0d0d0;
background-color: #f8f9fa;
    }
}
}


@media (max-width: 640px) {
.thumbinner {
.infobox {
background-color: rgba(36, 36, 36, 0.9) !important;
width: 100%;
border: 1px solid rgba(100, 100, 100, 0.5) !important;
}
   
.infobox .nowrap {
white-space: normal;
}
}
}


@media (min-width: 640px) {
.thumbcaption {
.infobox {
color: #d0d0d0 !important;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}
}


.infobox-header,
#p-tb {
.infobox-label,
display: none;
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
vertical-align: top;
}
}


.infobox-label,
#ca-view {
.infobox-data,
display: none;
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}
}


/* Remove .infobox when element selectors above are removed */
#ca-history {
.infobox .infobox-above,
display: none;
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}
}


.infobox-title,
#ca-viewsource {
/* Remove element selector when every .infobox thing is using the standard module/templates  */
display: none !important;
.infobox caption {
padding: 0.2em;
}
}


/* Remove .infobox when element selectors above are removed */
body.anonymous #p-tb {
.infobox .infobox-header,
display: none !important;
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}
}


/* Remove .infobox when element selectors above are removed */
body.anonymous #ca-history {
.infobox .infobox-navbar {
display: none !important;
/* @noflip */
text-align: right;
}
}


/* Normal font styling for wikitable row headers with scope="row" tag */
#p-variants {
.wikitable.plainrowheaders th[scope=row],
display: none !important;
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}
}


/* Remove underlines from certain links */
/*sidebar*/
.nounderlines a,
#mw-panel .vector-menu-portal {
.IPA a:link,
background: rgba(0, 0, 0, 0.7);
.IPA a:visited {
backdrop-filter: blur(4px);
text-decoration: none !important;
padding: 0.5rem 0.5rem;
margin: 0.5rem 0;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
}


/* Prevent line breaks in silly places where desired (nowrap)
#mw-panel .vector-menu-heading {
  and links when we don't want them to (nowraplinks a) */
font-family: sans-serif;
.nowrap,
font-size: 1rem;
.nowraplinks a {
font-weight: bold;
white-space: nowrap;
color: #cccccc;
text-align: center;
margin-bottom: 0.5rem;
}
}


/* But allow wrapping where desired: */
#mw-panel .vector-menu-content {
.wrap,
list-style: none;
.wraplinks a {
margin: 0;
white-space: normal;
padding: 0;
}
}


/* texhtml class for inline math (based on generic times-serif class) */
#mw-panel .vector-menu-content li {
/* remove spans when this is TemplateStyled */
margin: 0.2rem 0;
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}
}


span.texhtml span.texhtml {
#mw-panel .vector-menu-content li a {
font-size: 100%;
display: block;
padding: 0.4rem 0.5rem;
color: #88bbee;
font-size: 0.9rem;
text-decoration: none;
text-align: center;
position: relative;
transition: color 0.3s ease;
border-radius: 4px;
}
}


@media (min-width: 640px) {
#mw-panel .vector-menu-content li a::before {
span.texhtml {
content: '';
white-space: nowrap;
position: absolute;
}
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
opacity: 0;
transition: opacity 0.4s ease;
border-radius: 4px;
pointer-events: none;
}
}


/* Prevent flags in tables from collapsing: Fix for T116318
#mw-panel .vector-menu-content li a:hover::before {
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
opacity: 1;
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}
}


@media screen {
#mw-panel .vector-menu-content li a:hover {
.nochecker .gallerybox .thumb img {
color: #aaccee;
background-image: none;
}
}
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
</style>
</style>

Edição atual tal como às 01h43min de 29 de abril de 2025

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

  1. footer-info-lastmod {

display: none; }

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

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

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

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

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

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

  1. content {

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

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

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

a { color: #79a8ff; }

a:visited { color: #a079ff; }

a:hover { color: #ffffff; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.thumb .thumbcaption { color: #d0d0d0; }

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

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

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

.toc ul { color: #d0d0d0; }

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

.thumbcaption { color: #d0d0d0 !important; }

  1. p-tb {

display: none; }

  1. ca-view {

display: none; }

  1. ca-history {

display: none; }

  1. ca-viewsource {

display: none !important; }

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

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

  1. p-variants {

display: none !important; }

/*sidebar*/

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

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

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

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

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

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

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

margin: 0.2rem 0; }

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

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

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

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

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

opacity: 1; }

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

color: #aaccee; } </style>