MediaWiki:Common.css: Difference between revisions

From DocsMaulana
No edit summary
Tag: Reverted
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
@import url('/load.php?modules=ext.timeless.syntax');
blockquote {
blockquote {
     background: black;
     background: black;
Line 9: Line 8:
     border-top-width: thick;
     border-top-width: thick;
}
}
:root {
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
  --identifierColour: #E06B75;
  --tagColour: #8E94A1;
  --equals: #ABB2BF;
  --valColour: #92BA76;
  --codeBg: #282C34;
  --lineColours: #363C49;
  --commentColour: #6A7181;
  --linkColour: #56B6C2;
  --hoverColour: #518BFF;
}
 
.identifier {
  color: var(--identifierColour);
}
 
 
 
.identifier::before {
  display: inline-block;
  content: '<';
  color: var(--tagColour);
}
 
.identifier::after {
  display: inline-block;
  content: '>';
  color: var(--tagColour);
}
 
.value {
  color: var(--valColour);
}
 
.attribute,
.value,
.identifier {
  display: inline-block;
}
 
.value::before {
  content: '"';
  color: var(--valColour);
  display: inline-block;
 
}
 
.value::after {
  content: '"';
  color: var(--valColour);
  display: inline-block;
 
}
 
.value.link {
  color: var(--linkColour);
  text-decoration: underline;
}
 
.attribute {
  color: #D19A66;
  text-decoration: none !important;
  margin-left: 0.5em;
}
 
.attribute::after {
  content: '=';
  color: var(--equals);
}
 
.syntaxbox {
  font-family: monaco, Consolas, Lucida Console, monospace;
  background-color: var(--codeBg);
  padding: 20px;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  counter-reset: lines;
  border-radius: 10px;
  color: #A0A8B5;
}
 
.identifier.end::before {
  content: '</';
}
 
.newline {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
 
.newline:hover {
  background-color: var(--lineColours);
}
 
.newline::before {
  color: var(--tagColour);
  padding-right: 3em;
  counter-increment: lines;
  content: counter(lines);
}
 
.newline[data-level='1']>span:first-of-type {
  padding-left: 1.5em;
}
 
.newline[data-level='2']>span:first-of-type {
  padding-left: 3.5em;
}
 
.newline[data-level='3']>span:first-of-type {
  padding-left: 5em;
}
 
.comment {
  color: var(--commentColour);
  font-style: italic;
}
 
.comment::before {
  content: '<!--';
}
 
.comment::after {
  content: '-->';
}
 
.identifier:not([class*="end"]):hover,
.identifier:not([class*="end"]):hover+.identifier.end {
  text-decoration: 1.5px underline;
  text-decoration-color: var(--hoverColour);
}

Latest revision as of 23:31, 6 December 2023

/* CSS placed here will be applied to all skins */
blockquote {
    background: black;
    padding: 30px;
    color: white;
    border-top: double;
    border-top-color: blue;
    border-top-width: thick;
}
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
Retrieved from "https://wiki.maulanasopian.my.id/index.php?title=MediaWiki:Common.css&oldid=23"