Prices

From GrinderScape Wiki
Revision as of 11:15, 19 May 2024 by LadderGoat (talk | contribs)
Jump to navigation Jump to search

/*=============================================

Variable declarations

=============================================*/

root {
   --bg-content: hsl(0, 0%, 15%);
   --bg-main: hsl(0, 0%, 10%);
   --bg-warningbox: hsla(64, 84%, 47%, 0.3);
   --bg-wikitable: hsl(0, 0%, 25%);
   --bg-wikitable-header: hsl(0, 0%, 20%);
   --border-color-warningbox: hsl(64, 84%, 47%);
   --border-light: hsl(205, 87%, 82%);
   --border-dark: hsl(206, 50%, 23%);
   --sc-light: hsl(280.21deg 68.06% 80.74%);
   --text-primary: hsl(197, 100%, 50%);
   --text-secondary: hsl(0, 0%, 100%);
   --wikitable-link: hsl(211, 63%, 60%);

}

/*===== End of Variable declarations ======*/

/*=============================================

Main styling

=============================================*/

body { 

   background-color: var(--bg-main);
   font-size: 15px;
   line-height: 1.75;

}

h1, h2, h3 { 

   border-bottom: 1px solid var(--bg-wikitable);

}

h1, h2, h3, h4, h5, h6 { 

   color: var(--text-primary);

}

a, a.new, a.new:visited, a:hover, a:visited { 

   color: var(--wikitable-link);

}

a:hover { 

   text-shadow: 0 2px 15px;

}

.mw-body { 

   border-color: var(--bg-wikitable);
   background-color: var(--bg-content);
   color: var(--text-secondary);

}

  1. mw-page-base {
   background: none;

}

/* Main page styling */ .mainContainer { 

   display: flex;
   flex-direction: column;
   align-items: center;

}

.generalContainer, .guideLinesContainer { 

   margin: 20px 0;

}

.generalHeader, .guideLinesHeader { 

   border: none;
   font-size: 48px;
   text-align: center;

}

.generalListing, .guideLinesListing { 

   list-style: none;
   display: flex;
   justify-content: center;
   padding: 0;
   margin: 0;

}

.generalListing > li, .guideLinesListing > li { 

   display: flex;
   flex-direction: column;
   align-items: flex-start;
   margin: 0 20px;

}

.generalListing > li > ul, .guideLinesListing > li > ul { 

   list-style: none;
   padding: 0;
   margin: 5px 0 0;
   text-align: left;

}

/*===== End of Main styling ======*/

/*=============================================

Notification styling

=============================================*/

.mw-editform #editpage-copywarn { 

   padding: 1em;

}

.mw-message-box, .oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) { 

   color: var(--text-secondary);

}

.mw-message-box-warning { 

   background-color: var(--bg-warningbox);
   border-color: var(--border-color-warningbox);

}

.mw-message-box-error { 

   background-color: hsl(2.84deg 100% 50% / 21.96%);

}

.mw-notification { 

   background-color: var(--bg-main);
   border: 1px solid var(--border-dark);

}

/*===== End of Notification styling ======*/

/*=============================================

TOC & Wikitable styling

=============================================*/

.toctogglelabel, .mw-parser-output a.extiw, .mw-parser-output a.external, .mw-parser-output .wikitable tbody tr td a, .mw-collapsible-toggle-default .mw-collapsible-text, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { 

   color: var(--wikitable-link);

}

.mw-parser-output a { 

   color: var(--border-light);

}

.toc { 

   font-size: 0.9em;
   background: var(--bg-wikitable);
   margin-top: 1em;
   padding: 0;
   border: 1px solid var(--border-dark);
   box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
   clear: left;

}

.toc .toctitle { 

   background: var(--bg-wikitable-header);
   box-sizing: content-box;
   height: 21px;
   padding-top: 3px;

}

.toc h2 { 

   color: var(--text-secondary);

}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { 

   background-color: var(--bg-wikitable);
   border: 1px solid var(--border-dark);

}

.tocnumber { 

   display: none;

}

.toc ul { 

   list-style: none;
   line-height: 20px;
   font-size: 13px;
   margin-left: 1em;
   padding-right: 10px;

}

.toc ul ul { 

   border-left: 1px dotted #596e96;
   padding-left: 0.5em;

}

  1. filetoc {
   background-color: var(--bg-wikitable);

}

em { 

   font-style: normal;
   background: #555555;
   color: white;
   border: 1px solid #979797;
   border-radius: 2px;
   font-size: 0.9em;
   margin: 0 0.1em;
   padding: 0.2em 0.5em;
   white-space: nowrap;

}

.wikitable { 

   color: var(--text-secondary);
   border: 1px solid var(--bg-content);

}

.wikitable tr { 

   background-color: var(--bg-wikitable);

}

.wikitable > tr > th, .wikitable > tbody > tr > th, .wikitable > thead > tr > th { 

   background-color: var(--bg-wikitable-header);

}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > tbody > tr > th, .wikitable > tbody > tr > td, .wikitable > thead > tr > th { 

   border: 1px solid var(--bg-content);

}

.wikitable img { 

   display: block;
   margin: auto;
   padding: 3px 0;

}

.wikitable th.headerSort { 

   background-image: url(Sort_both.png);
   background-repeat: no-repeat;
   background-position: right;

}

.wikitable th.headerSortUp { 

   background-image: url(Sort_up.png);
   background-repeat: no-repeat;
   background-position: right;

}

.wikitable th.headerSortDown { 

   background-image: url(Sort_down.png);
   background-repeat: no-repeat;
   background-position: right;

}

/*===== End of TOC & Wikitable styling ======*/

/*=============================================

Forms, input & editor styling

=============================================*/

fieldset { 

   border: 1px solid var(--bg-wikitable);

}

.wikiEditor-ui-toolbar { 

   background-color: var(--bg-main);

}

.wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .group .tool-select .options .option { 

   color: var(--text-secondary);

}

.wikiEditor-ui-toolbar .booklet > .index > .current, .wikiEditor-ui-toolbar .booklet > .index > :hover, .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle, .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-popupToolGroup-tools, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { 

   background-color: var(--bg-content);
   color: var(--border-light);

}

.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { 

   color: var(--border-light);

}

.wikiEditor-ui-toolbar .group .tool-select .options { 

   background-color: var(--bg-main);
   border: 1px solid var(--border-dark);

}

.mw-input input, .mw-input textarea { 

   background-color: var(--bg-wikitable);
   border: 1px solid var(--border-dark);

}

.wikiEditor-ui-toolbar .tabs span.tab a::before { 

   width: 14px;
   height: 30px;

}

.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { 

   border-color: var(--border-dark);

}

.wikiEditor-ui-toolbar .group .label { 

   color: var(--text-primary);

}

.codeEditor-status { 

   background-color: var(--bg-wikitable-header);

}

.wikiEditor-ui .wikiEditor-ui-view { 

   border: 1px solid var(--border-dark);

}

.wikiEditor-ui-toolbar .page-characters div span { 

   border: 1px solid var(--border-dark);
   color: var(--border-light);

}

.wikiEditor-ui-toolbar .group, .section-secondary .group { 

   border-color: var(--border-dark);

}

.wikiEditor-ui-toolbar .sections .section { 

   border-top: 1px solid var(--border-dark);

}

.wikiEditor-ui .wikiEditor-ui-top { 

   border-bottom: 1px solid var(--border-dark);

}

.codeEditor-status { 

   border: none;

}

.codeEditor-status-message { 

   border-left: none;
   border-right: none;

}

.ace_scrollbar-inner { 

   background: var(--bg-content);

}

.ace-tm .ace-comment { 

   color: hsl(0deg 0% 53.69%);

}

.ace-tm, .ace_support.ace_function { 

   background-color: var(--bg-content);
   color: hsl(0deg 100% 72.24%);

}

.ace-tm .ace_constant, .ace-tm .ace_support.ace_type, .ace-tm .ace_support.ace_class { 

   color: var(--text-primary);

}

.ace-tm .ace_support.ace_constant { 

   color: hsl(39.59deg 100% 80.98%);
   font-style: italic;

}

.ace-tm .ace_gutter { 

   background: var(--bg-wikitable-header);

}

.ace-tm .ace_string, .ace-tm .ace_variable { 

   color: hsl(36.52deg 100% 68.79%);

}

.ace-tm .ace_gutter-active-line { 

   background-color: var(--border-dark);

}

.ace-tm .ace_constant.ace_numeric { 

   color: var(--sc-light);

}

.ace_gutter-cell { 

   color: var(--text-secondary);

}

.ace-tm .ace_print-margin { 

   background: none;

}

.ace-tm .ace_storage, .ace-tm .ace_keyword { 

   color: hsl(36.52deg 100% 53.7%);

}

span.ace_punctuation.ace_operator { 

   color: dimgray;

}

span.ace_paren.ace_lparen, span.ace_paren.ace_rparen { 

   color: hsl(50.37deg 100% 56.29%);

}

.mw-editform #editpage-copywarn { 

   padding: 1em 0;

}

.editOptions { 

   background-color: hsl(0deg 0% 11.17%);
   color: var(--text-secondary);
   border-color: var(--border-dark);
   border-right: 1px solid var(--border-dark);
   border-bottom: 1px solid var(--border-dark);
   border-left: 1px solid var(--border-dark);;

}

.oo-ui-icon-bold, .mw-ui-icon-bold:before { 

   background-image: url(images/code-editor-icons/Bold.svg);

}

.oo-ui-icon-italic, .mw-ui-icon-italic:before { 

   background-image: url(images/code-editor-icons/Italic.svg);

}

.oo-ui-icon-link, .mw-ui-icon-link:before { 

   background-image: url(images/code-editor-icons/Hyperlink.svg);

}

.oo-ui-icon-image, .mw-ui-icon-image:before { 

   background-image: url(images/code-editor-icons/Image.svg);

}

.oo-ui-icon-reference, .mw-ui-icon-reference:before { 

   background-image: url(images/code-editor-icons/Reference.svg);

}

.oo-ui-icon-article, .mw-ui-icon-article:before { 

   background-image: url(images/code-editor-icons/Article.svg);

}

.oo-ui-icon-edit, .mw-ui-icon-edit:before { 

   background-image: url(images/code-editor-icons/Edit.svg);

}

.oo-ui-icon-listBullet, .mw-ui-icon-listBullet:before { 

   background-image: url(images/code-editor-icons/Bullet_list.svg);

}

.oo-ui-icon-listNumbered, .mw-ui-icon-listNumbered:before { 

   background-image: url(images/code-editor-icons/Numbered_list.svg);

}

.oo-ui-icon-noWikiText, .mw-ui-icon-noWikiText:before { 

   background-image: url(images/code-editor-icons/No_WikiText.svg);

}

.oo-ui-icon-newline, .mw-ui-icon-newline:before { 

   background-image: url(images/code-editor-icons/New_line.svg);

}

.oo-ui-icon-bigger, .mw-ui-icon-bigger:before { 

   background-image: url(images/code-editor-icons/Bigger.svg);

}

.oo-ui-icon-smaller, .mw-ui-icon-smaller:before { 

   background-image: url(images/code-editor-icons/Smaller.svg);

}


.oo-ui-icon-superscript, .mw-ui-icon-superscript:before { 

   background-image: url(images/code-editor-icons/Superscript.svg);

}

.oo-ui-icon-subscript, .mw-ui-icon-subscript:before { 

   background-image: url(images/code-editor-icons/Subscript.svg);

}

.oo-ui-icon-imageGallery, .mw-ui-icon-imageGallery:before { 

   background-image: url(images/code-editor-icons/Image_gallery.svg);

}

.oo-ui-icon-articleRedirect, .mw-ui-icon-articleRedirect:before { 

   background-image: url(images/code-editor-icons/Article_redirect.svg);

}

.oo-ui-icon-table, .mw-ui-icon-table:before { 

   background-image: url(images/code-editor-icons/Table.svg);

}

.oo-ui-icon-articleSearch, .mw-ui-icon-articleSearch:before { 

   background-image: url(images/code-editor-icons/Article_search.svg);

}

.oo-ui-icon-markup, .mw-ui-icon-markup:before { 

   background-image: url(images/code-editor-icons/Markup.svg);

}

.oo-ui-icon-indent, .mw-ui-icon-indent:before { 

   background-image: url(images/code-editor-icons/Indent.svg);

}

.oo-ui-icon-outdent, .mw-ui-icon-outdent:before { 

   background-image: url(images/code-editor-icons/Outdent.svg);

}

.oo-ui-icon-pilcrow { 

   background-image: url(images/code-editor-icons/Pilcrow.svg);

}

.oo-ui-icon-wrapping { 

   background-image: url(images/code-editor-icons/Wrapping.svg);

}

.oo-ui-icon-gotoLine { 

   background-image: url(images/code-editor-icons/Go_to_line.svg);

}

.oo-ui-icon-play, .mw-ui-icon-play:before { 

   background-image: url(images/code-editor-icons/Play.svg);

}

.oo-ui-icon-settings, .mw-ui-icon-settings:before { 

   background-image: url(images/code-editor-icons/Settings.svg);

}

.oo-ui-icon-tag, .mw-ui-icon-tag:before { 

   background-image: url(images/code-editor-icons/Tag.svg);

}

.oo-ui-icon-bookmark, .mw-ui-icon-bookmark:before { 

   background-image: url(images/code-editor-icons/Bookmark.svg);

}

.oo-ui-icon-trash, .mw-ui-icon-trash:before { 

   background-image: url(images/code-editor-icons/Trash.svg);

}

  1. mw-indicator-mw-helplink a {
   background-image: url(images/code-editor-icons/Help_notice.svg);

}

.oo-ui-icon-menu, .mw-ui-icon-menu:before { 

   background-image: url(images/code-editor-icons/Menu.svg);

}

.vector-menu-tabs #ca-unwatch.icon a::before { 

   background-image: url(images/code-editor-icons/Unwatch_icon.svg);

}

.vector-menu-tabs #ca-unwatch.icon a:hover::before { 

   background-image: url(images/code-editor-icons/Unwatch_icon_hover.svg);

}

.oo-ui-textInputWidget .oo-ui-inputWidget-input { 

   background-color: var(--bg-wikitable-header);
   color: var(--border-light);
   border-color: var(--border-dark);

}

.oo-ui-checkboxInputWidget [type='checkbox'] + span { 

   background-color: var(--bg-wikitable-header);
   border-color: var(--border-dark);

}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { 

   background-color: var(--bg-wikitable-header);
   color: var(--border-light);
   border-color: var(--border-dark);

}

.ext-WikiEditor-realtimepreview-textbox#wpTextbox1, .mw-editform .ext-WikiEditor-realtimepreview-textbox#wpTextbox1, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { 

   background-color: var(--bg-content);
   color: var(--text-secondary);

}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { 

   background-color: var(--bg-main);

}

.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget { 

   border-bottom: 1px solid var(--border-dark);

}

.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select { 

   background-color: var(--bg-wikitable-header);

}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { 

   color: var(--text-secondary);

}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { 

   color: var(--border-light);

}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { 

   color: var(--text-primary);

}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { 

   background-color: var(--bg-main);
   border: 1px solid var(--border-dark);
   border-bottom-width: 0;

}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { 

   border: 1px solid var(--border-dark);
   border-left-width: 0;

}

.ext-WikiEditor-ResizingDragBar { 

   background-color: hsl(0deg 0.71% 27.65%);

}

.ext-WikiEditor-ResizingDragBar-ns { 

   border-top: 1px solid var(--text-primary);

}

.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { 

   box-shadow: inset 1em 0 0 #0083ff1c;
   padding-left: 2em;

}

pre, code, .mw-code { 

   background-color: var(--bg-wikitable-header);
   color: #ffffff;
   border-color: #0069b980;

}

.diff-addedline .diffchange, .diff-deletedline .diffchange { 

   background: var(--bg-wikitable);

}

.diff-context { 

   background: var(--bg-main);
   border-color: var(--border-dark);
   color: var(--bg-wikitable);

}

.catlinks { 

   background-color: var(--bg-wikitable-header);
   border: 1px solid var(--border-dark);

}


/*===== End of Forms, input & editor editor styling ======*/

/*=============================================

Navigation styling

=============================================*/

  1. p-logo {
   margin-bottom: -1em;

}

.vector-menu-tabs li { 

   background-image: linear-gradient(to bottom, var(--bg-wikitable) 0, var(--bg-content) 1px, var(--bg-main) 100%);

}

.vector-user-menu-legacy #pt-userpage a { 

   color: #54595d;

}

.vector-user-menu-legacy li { 

   font-size: 0.75em;

}

.vector-menu-dropdown { 

   line-height: 1em;

}

.vector-menu-dropdown .vector-menu-content { 

   border: 1px solid var(--bg-wikitable)

}

.vector-menu-dropdown .mw-list-item { 

   background-color: var(--bg-content);

}

.vector-menu-dropdown .mw-list-item a { 

   border: none;
   color: var(--text-secondary);

}

.vector-menu-portal .vector-menu-content li { 

   font-size: 0.75em;

}

.vector-menu-portal .vector-menu-content li a, .vector-menu-tabs-legacy li a, .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a, .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited { 

   color: var(--text-secondary);

}

.vector-menu-tabs .selected { 

   background: var(--bg-content);

}

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { 

   color: var(--text-primary);

}

.oo-ui-indicator-down, .vector-menu-dropdown .vector-menu-heading::after { 

   background: url(images/icons/arrow-down.svg) 100% 50% no-repeat;

}

.vector-menu-checkbox:checked ~ .vector-menu-content { 

   border-color: var(--bg-wikitable);

}

.vector-menu-dropdown .vector-menu-heading { 

   color: var(--text-secondary);

}

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

  1. mw-head .vector-menu-dropdown .vector-menu-heading {
   background-image: linear-gradient(to bottom, rgba(167, 215, 249, 0) 0, var(--bg-wikitable) 100%);

}

.skin-vector-legacy .vector-menu-tabs .new a, .skin-vector-legacy .vector-menu-tabs .new a:visited { 

   color: #a55858;

}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { 

   background-image: linear-gradient(to right, rgba(200, 204, 209, 0) 0, var(--bg-wikitable) 33%, var(--bg-wikitable) 66%, rgba(200, 204, 209, 0) 100%);
   color: var(--text-primary);
   padding: 0.4em 0;
   font-weight: bold;

}

.oo-ui-icon-tray, .mw-ui-icon-tray:before { 

   background-image: url(images/icon-inbox.png);

}

.oo-ui-icon-bell, .mw-ui-icon-bell:before { 

   background-image: url(images/icon-bell.png);

}

.mw-echo-notifications-badge { 

   background-repeat: round;

}

.vector-search-box form { 

   margin: 0.5em 2em 0 0;

}

.vector-search-box-input { 

   background-color: var(--bg-content);
   color: var(--text-secondary);
   box-sizing: content-box;
   border: 1px solid var(--bg-wikitable);
   height: 1em;

}

  1. n-Discord a::before {
   content: 'Join our ';
   font-weight: normal;
   opacity: 0.85;

}

  1. n-Discord a {
   color: white;
   font-weight: bold;
   border-radius: 5px;
   border: 1px solid #4c57d0;
   background-color: #5865f2;
   display: block;
   position: relative;
   padding: 4px 0 5px calc(17px + 6.5px * 2);
   margin-top: 10px;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
   transition: 0.2s ease;

}

  1. n-Discord a::after {
   content: ;
   background: url(images/Discord_icon.png) no-repeat;
   background-size: 17px 13px;
   filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
   position: absolute;
   left: 7px;
   width: 17px;
   height: 13px;

}

/*===== End of Navigation styling ======*/

/*=============================================

Footer styling

=============================================*/

li#footer-poweredbyico { 

   display: none;

}

.mw-footer li { 

   color: gray;

}

/*===== End of Footer styling ======*/

/*=============================================

List styling

=============================================*/

ul { 

   list-style-type: disc;
   list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A);

}

Retrieved from "https://staging.grinderscape.org/index.php?title=Prices&oldid=260"