MediaWiki:Common.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
(102 intermediate revisions by 2 users not shown) | |||
Line 26: | Line 26: | ||
max-width: none; |
max-width: none; |
||
} |
} |
||
.vector-feature-zebra-design-disabled.vector-feature-limited-width-clientpref-1 .vector-header-container , |
|||
.vector-feature-zebra-design-disabled .vector-header-container { |
|||
max-width: none; |
|||
} |
|||
/* content width */ |
/* content width */ |
||
.vector-feature-zebra-design-disabled.vector-feature-limited-width-clientpref-1 .mw-body { |
.vector-feature-zebra-design-disabled.vector-feature-limited-width-clientpref-1 .mw-body { |
||
Line 51: | Line 54: | ||
background-color: #061016; |
background-color: #061016; |
||
color: #202122 |
color: #202122 |
||
} |
|||
.vector-pinned-container { |
|||
background-color: #061016; |
|||
} |
|||
.vector-header-container .mw-header, .vector-header-container .vector-sticky-header { |
|||
background-color: #061016; |
|||
} |
} |
||
Line 303: | Line 314: | ||
background-color: var(--bg-color); |
background-color: var(--bg-color); |
||
} |
} |
||
/* Tabs */ |
|||
.tabber__header { |
|||
border-bottom: 3px solid #3FB9BE; |
|||
box-shadow: #3FB9BE; } |
|||
.tabber__tab { |
|||
padding: 0.4em 0.75em; } |
|||
/* Selected tab */ |
|||
.tabber { |
|||
--tabber-color-progressive: #4DB6B0 !important; |
|||
} |
|||
.tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { |
|||
background: #3FB9BE; |
|||
height: -2.5px; |
|||
color: #061016 !important; } |
|||
.tabber__tab[aria-selected="true"]:hover { |
|||
text-shadow: white; |
|||
cursor: default; } |
|||
.tabber__indicator { |
|||
background-color: #4db6b0 !important; |
|||
} |
|||
/* Search Box */ |
/* Search Box */ |
||
Line 392: | Line 423: | ||
border: 1px #0d2024; |
border: 1px #0d2024; |
||
border-image: url(https://static.miraheze.org/tnowiki/0/05/Border-gallerybox.webp) 40 / 40px round; |
border-image: url(https://static.miraheze.org/tnowiki/0/05/Border-gallerybox.webp) 40 / 40px round; |
||
color: #4db6b0; |
color: #4db6b0 !important; |
||
} |
} |
||
.mw-search-profile-tabs { |
.mw-search-profile-tabs { |
||
Line 758: | Line 789: | ||
background-color: #62b2c0; |
background-color: #62b2c0; |
||
} |
} |
||
/* BELOW ARE ALL OF THE ICONS ON THE WIKI */ |
|||
/* Settings */ |
|||
.popups-icon--settings { |
.popups-icon--settings { |
||
background-image: url(https://static.miraheze.org/tnowiki/5/5e/Settingsbutton.png); |
background-image: url(https://static.miraheze.org/tnowiki/5/5e/Settingsbutton.png); |
||
} |
|||
/* Collapse */ |
|||
.mw-ui-icon-wikimedia-expand { |
|||
background-image: url(https://static.miraheze.org/tnowiki/3/38/Wikimediaexpand.png) !important; |
|||
} |
|||
.vector-icon.mw-ui-icon-wikimedia-expand { |
|||
background-image: url(https://static.miraheze.org/tnowiki/3/38/Wikimediaexpand.png); |
|||
} |
|||
/* Alerts */ |
|||
.vector-icon.mw-ui-icon-wikimedia-bell { |
|||
background-image: url(https://static.miraheze.org/tnowiki/7/74/Notifications.png); |
|||
} |
|||
/* Notices */ |
|||
.vector-icon.mw-ui-icon-wikimedia-tray { |
|||
background-image: url(https://static.miraheze.org/tnowiki/4/46/Specialnotifications.png); |
|||
} |
|||
/* List */ |
|||
.vector-icon.mw-ui-icon-wikimedia-watchlist { |
|||
background-image: url(https://static.miraheze.org/tnowiki/6/6c/Watchpagelist.png); |
|||
} |
|||
/* User options */ |
|||
.vector-icon.mw-ui-icon-wikimedia-userAvatar { |
|||
background-image: url(https://static.miraheze.org/tnowiki/9/98/Userbutton.png); |
|||
} |
|||
/* Watchlist */ |
|||
.vector-icon.mw-ui-icon-wikimedia-star { |
|||
background-image: url(https://static.miraheze.org/tnowiki/e/ec/Watchpageempty.png); |
|||
} |
|||
/* Watchlist On */ |
|||
.vector-icon.mw-ui-icon-wikimedia-unStar { |
|||
background-image: url(https://static.miraheze.org/tnowiki/d/d7/Watchpagefull.png); |
|||
} |
|||
/* Watchlist Half */ |
|||
.vector-icon.mw-ui-icon-wikimedia-halfStar { |
|||
background-image: url(https://static.miraheze.org/tnowiki/7/7d/Watchpagehalf.png); |
|||
} |
|||
.mw-header.vector-header { |
|||
background-color: #031f1f; |
|||
} |
|||
/* Notification Progressive */ |
|||
.vector-icon.mw-ui-icon-wikimedia-halfStar { |
|||
background-image: url(https://static.miraheze.org/tnowiki/7/79/Tnoprognotification.png); |
|||
} |
|||
/* Settings */ |
|||
.vector-icon.mw-ui-icon-wikimedia-settings { |
|||
background-image: url(https://static.miraheze.org/tnowiki/5/5e/Settingsbutton.png); |
|||
} |
|||
/* UserTalk */ |
|||
.vector-icon.mw-ui-icon-wikimedia-userTalk { |
|||
background-image: url(https://static.miraheze.org/tnowiki/b/bc/Usertalk.png); |
|||
} |
|||
/* Contributions */ |
|||
.vector-icon.mw-ui-icon-wikimedia-userContributions { |
|||
background-image: url(https://static.miraheze.org/tnowiki/7/70/Contributionsicon.png); |
|||
} |
|||
/* Flask */ |
|||
.vector-icon.mw-ui-icon-wikimedia-labFlask { |
|||
background-image: url(https://static.miraheze.org/tnowiki/e/e6/Erlenmeyerflask.png); |
|||
} |
|||
/* Logout */ |
|||
.vector-icon.mw-ui-icon-wikimedia-logOut { |
|||
background-image: url(https://static.miraheze.org/tnowiki/6/62/Logout.png); |
|||
} |
|||
/* Elipsis */ |
|||
.vector-icon.mw-ui-icon-wikimedia-elipsis { |
|||
background-image: url(https://static.miraheze.org/tnowiki/d/da/Three-dots.png); |
|||
} |
|||
/* Search */ |
|||
.vector-icon.mw-ui-icon-wikimedia-search { |
|||
background-image: url(https://static.miraheze.org/tnowiki/f/fe/Searchicon.webp); |
|||
} |
|||
.cdx-text-input__icon.cdx-text-input__start-icon { |
|||
background-image: url(https://static.miraheze.org/tnowiki/f/fe/Searchicon.webp); |
|||
} |
|||
/* Search icon in both unfocused and focused */ |
|||
.cdx-text-input__input:enabled~.cdx-text-input__icon-vue, .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon { |
|||
background-image: url(https://static.miraheze.org/tnowiki/f/fe/Searchicon.webp); |
|||
} |
|||
/* Search field footer */ |
|||
.cdx-typeahead-search__search-footer__icon { |
|||
background-image: url(https://static.miraheze.org/tnowiki/f/fe/Searchicon.webp); |
|||
background-repeat: no-repeat; |
|||
background-position: center; |
|||
background-size: contain; |
|||
} |
|||
/* Hide original svg icons for both */ |
|||
.cdx-text-input__input:enabled~.cdx-text-input__icon-vue > *, .cdx-typeahead-search__search-footer__icon > * { |
|||
display: none; |
|||
} |
|||
.cdx-button.cdx-button--icon-only.vector-limited-width-toggle { |
|||
display: none; |
|||
} |
|||
/* Alerts */ |
|||
.vector-icon.mw-ui-icon-wikimedia-bell { |
|||
background-image: url(https://static.miraheze.org/tnowiki/7/74/Notifications.png); |
|||
} |
|||
/* Notices */ |
|||
.vector-icon.mw-ui-icon-wikimedia-tray { |
|||
background-image: url(https://static.miraheze.org/tnowiki/4/46/Specialnotifications.png); |
|||
} |
|||
/* List */ |
|||
.vector-icon.mw-ui-icon-wikimedia-watchlist { |
|||
background-image: url(https://static.miraheze.org/tnowiki/6/6c/Watchpagelist.png); |
|||
} |
|||
/* User options */ |
|||
.vector-icon.mw-ui-icon-wikimedia-userAvatar { |
|||
background-image: url(https://static.miraheze.org/tnowiki/9/98/Userbutton.png); |
|||
} |
|||
/* Watchlist */ |
|||
.vector-icon.mw-ui-icon-wikimedia-star { |
|||
background-image: url(https://static.miraheze.org/tnowiki/e/ec/Watchpageempty.png); |
|||
} |
|||
/* Watchlist On */ |
|||
.vector-icon.mw-ui-icon-wikimedia-unStar { |
|||
background-image: url(https://static.miraheze.org/tnowiki/d/d7/Watchpagefull.png); |
|||
} |
|||
/* Watchlist Half */ |
|||
.vector-icon.mw-ui-icon-wikimedia-halfStar { |
|||
background-image: url(https://static.miraheze.org/tnowiki/7/7d/Watchpagehalf.png); |
|||
} |
|||
/* Notification Progressive */ |
|||
.vector-icon.mw-ui-icon-wikimedia-halfStar { |
|||
background-image: url(https://static.miraheze.org/tnowiki/7/79/Tnoprognotification.png); |
|||
} |
|||
/* Settings */ |
|||
.vector-icon.mw-ui-icon-wikimedia-settings { |
|||
background-image: url(https://static.miraheze.org/tnowiki/5/5e/Settingsbutton.png); |
|||
} |
|||
/* UserTalk */ |
|||
.vector-icon.mw-ui-icon-wikimedia-userTalk { |
|||
background-image: url(https://static.miraheze.org/tnowiki/b/bc/Usertalk.png); |
|||
} |
|||
/* Contributions */ |
|||
.vector-icon.mw-ui-icon-wikimedia-userContributions { |
|||
background-image: url(https://static.miraheze.org/tnowiki/7/70/Contributionsicon.png); |
|||
} |
|||
/* Flask */ |
|||
.vector-icon.mw-ui-icon-wikimedia-labFlask { |
|||
background-image: url(https://static.miraheze.org/tnowiki/e/e6/Erlenmeyerflask.png); |
|||
} |
|||
/* Logout */ |
|||
.vector-icon.mw-ui-icon-wikimedia-logOut { |
|||
background-image: url(https://static.miraheze.org/tnowiki/6/62/Logout.png); |
|||
} |
|||
/* Search */ |
|||
.vector-icon.mw-ui-icon-wikimedia-search { |
|||
background-image: url(https://static.miraheze.org/tnowiki/f/fe/Searchicon.webp); |
|||
} |
|||
.oo-ui-icon-search { |
|||
background-image: url(https://static.miraheze.org/tnowiki/f/fe/Searchicon.webp); |
|||
} |
|||
/* Search icon in both unfocused and focused */ |
|||
.cdx-text-input__input:enabled~.cdx-text-input__icon-vue, .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon { |
|||
background-image: url(https://static.miraheze.org/tnowiki/f/fe/Searchicon.webp); |
|||
} |
|||
/* Search field footer */ |
|||
.cdx-typeahead-search__search-footer__icon { |
|||
background-image: url(https://static.miraheze.org/tnowiki/f/fe/Searchicon.webp); |
|||
background-repeat: no-repeat; |
|||
background-position: center; |
|||
background-size: contain; |
|||
} |
|||
/* Hide original svg icons for both */ |
|||
.cdx-text-input__input:enabled~.cdx-text-input__icon-vue > *, .cdx-typeahead-search__search-footer__icon > * { |
|||
display: none; |
|||
} |
|||
.vector-limited-width-toggle { |
|||
display: none; |
|||
} |
|||
.vector-sticky-header-container { |
|||
display: none !important; |
|||
} |
|||
.vector-pinnable-header-toggle-button { |
|||
display: none !important; |
|||
} |
|||
.vector-icon.mw-ui-icon-wikimedia-speechBubbleAdd { |
|||
background-image: url(https://static.miraheze.org/tnowiki/b/bc/Usertalk.png); |
|||
} |
|||
.vector-icon.mw-ui-icon-wikimedia-speechBubbleAdd-progressive { |
|||
background-image: url(https://static.miraheze.org/tnowiki/b/bc/Usertalk.png); |
|||
} |
|||
.oo-ui-textInputWidget .oo-ui-inputWidget-input { |
|||
color: #4DB6B0; |
|||
background-color: #061016; |
|||
border-color: #4DB6Be; |
|||
} |
|||
/* Editor */ |
|||
.mw-editfont-monospace { |
|||
color: #4DB6B0; |
|||
background-color: #061016; |
|||
} |
|||
.wikiEditor-ui .wikiEditor-ui-view { |
|||
border: 1px solid #4DB6B0; |
|||
} |
|||
.wikiEditor-ui .wikiEditor-ui-top { |
|||
position: relative; |
|||
border-bottom: 1px solid #4DB6B0; |
|||
} |
|||
#msupload-div { |
|||
background: #061016; |
|||
border-top: 1px solid #4DB6B0; |
|||
padding: 0; |
|||
z-index: 0; |
|||
} |
|||
#msupload-dropzone { |
|||
margin: 3px; |
|||
padding: 5px; |
|||
border: 1px dashed #4DB6B0; |
|||
text-align: center; |
|||
height: 20px; |
|||
color: #4DB6B0; |
|||
} |
|||
.wikiEditor-ui-toolbar { |
|||
background-color: #061016; |
|||
box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1); |
|||
} |
|||
.wikiEditor-ui-toolbar .group { |
|||
border-color: #4DB6B0; |
|||
} |
|||
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { |
|||
border-color: #4DB6B0; |
|||
} |
|||
.ve-init-mw-editSwitch .oo-ui-toolbar-bar { |
|||
background: #4DB6B0; |
|||
box-shadow: none; |
|||
border: 0; |
|||
} |
|||
.editOptions { |
|||
background-color: #061016; |
|||
color: #4DB6B0; |
|||
border: 1px solid #4DB6B0; |
|||
border-top: 0; |
|||
padding: 1em 1em 1.5em 1em; |
|||
margin-bottom: 2em; |
|||
} |
|||
.oo-ui-checkboxInputWidget [type="checkbox"] + span { |
|||
background-color: #061016; |
|||
background-size: 0 0; |
|||
box-sizing: border-box; |
|||
position: absolute; |
|||
left: 0; |
|||
width: 1.42857143em; |
|||
height: 1.42857143em; |
|||
border-color: #4DB6B0; |
|||
border-style: solid; |
|||
border-radius: 2px; |
|||
border-width: 1px; |
|||
} |
|||
.oo-ui-checkboxInputWidget [type="checkbox"] + span { |
|||
background-color: #061016; |
|||
background-size: 0 0; |
|||
box-sizing: border-box; |
|||
position: absolute; |
|||
left: 0; |
|||
width: 1.42857143em; |
|||
height: 1.42857143em; |
|||
border-color: #4DB6B0; |
|||
border-style: solid; |
|||
border-radius: 2px; |
|||
border-width: 1px; |
|||
} |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { |
|||
background-color: #061016; |
|||
border-color: #4DB6B0; |
|||
} |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { |
|||
background-color: #061016; |
|||
border-color: #4DB6B0; |
|||
} |
|||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { |
|||
background-color: #061016; |
|||
color: #4DB6B0; |
|||
transition-property: background-color,border-color,box-shadow; |
|||
transition-duration: 750ms; |
|||
} |
|||
.oo-ui-dropdownWidget-handle { |
|||
min-height: 32px; |
|||
border: 1px solid #4DB6B0; |
|||
border-radius: 2px; |
|||
padding: 5px 2.14285714em 5px 12px; |
|||
padding-right: 2.14286em; |
|||
line-height: 1; |
|||
} |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { |
|||
color: #061016; |
|||
background-color: #4DB6B0; |
|||
border-color: #4DB6B0; |
|||
} |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled .oo-ui-buttonElement-button { |
|||
color: #4DB6B0; |
|||
background-color: #061016; |
|||
border-color: #4DB6B0; |
|||
} |
|||
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { |
|||
color: #4DB6B0; |
|||
text-shadow: 0 1px 1px #4DB6B0; |
|||
border-color: #4DB6B0; |
|||
background-color: #061016; |
|||
} |
|||
/* Syntax Editor */ |
|||
.CodeMirror { |
|||
position: relative; |
|||
overflow: hidden; |
|||
background: #061016; |
|||
font-family: 'Aldrich'; |
|||
height: 300px; |
|||
color: #4DB6B0; |
|||
direction: ltr; |
|||
} |
|||
.CodeMirror-gutters { |
|||
border-right: 1px solid #4DB6B0; |
|||
background-color: #033; |
|||
white-space: nowrap; |
|||
} |
|||
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button { |
|||
min-width: 32px; |
|||
min-height: 32px; |
|||
border-color: #061016; |
|||
border-style: solid; |
|||
border-width: 2px; |
|||
background-color: #4DB6B0; |
|||
padding-top: 2.14285714em; |
|||
padding-left: 2.14285714em; |
|||
} |
|||
/* Wikibox Fix */ |
|||
@media screen { |
|||
.wikitable > tr > th, .wikitable > * > tr > th { |
|||
color: #fff; |
|||
text-align: center; |
|||
} |
|||
} |
|||
@media screen { |
|||
.mw-editsection, .mw-editsection-like { |
|||
font-family: aldrich; |
|||
} |
|||
} |
|||
#managewiki .managewiki-submit-formfields { |
|||
position: -webkit-sticky; |
|||
position: sticky; |
|||
bottom: 0; |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 1em 0; |
|||
border-top: 1px solid #4DB6B0; |
|||
background: #061016; |
|||
} |
|||
/* IRC CHAT */ |
|||
#mwchat-container { |
|||
position: relative; |
|||
width: 100%; |
|||
border: 3px solid #4DB6B0; |
|||
} |
|||
#mwchat-topic { |
|||
text-align: center; |
|||
border-bottom: 1px solid #061016; |
|||
padding-bottom: 0.5em; |
|||
margin-bottom: 0.5em; |
|||
} |
|||
.mwchat-item-timestamp.real { |
|||
padding-left: 0.5em; |
|||
position: absolute; |
|||
right: 0; |
|||
top: 0; |
|||
background-color: #061016; |
|||
padding-bottom: 5px; |
|||
white-space: nowrap; |
|||
} |
|||
#mwchat-options { |
|||
text-align: center; |
|||
border-top: 1px solid #061016; |
|||
padding-top: 0.5em; |
|||
margin-top: 1em; |
|||
display: none; |
|||
} |
|||
#mwchat-me { |
|||
display: none; |
|||
} |
|||
#mwchat-type input { |
|||
width: 98.8%; |
|||
float: right; |
|||
background-color: #061016; |
|||
border: 3px solid #4DB6B0; |
|||
color: #06FFF1; |
|||
font-family: aldrich; |
|||
} |
|||
.mwchat-useritem { |
|||
background-color: #061016; |
|||
} |
|||
.mwchat-useritem-header { |
|||
background-color: #4DB6B0 !important; |
|||
} |
|||
.mwchat-useritem-content { |
|||
height: 200px; |
|||
overflow-y: scroll; |
|||
border-left: 3px #4DB6B0 solid; |
|||
} |
|||
.mwchat-useritem input { |
|||
margin-top: 0; |
|||
width: 99%; |
|||
font-family: aldrich; |
|||
color: #4DB6B0; |
|||
background-color: #061016; |
|||
border-color: #4DB6B0; |
|||
} |
|||
.mwchat-avatar-replacement { |
|||
display: inline-block; |
|||
width: 16px; |
|||
height: 16px; |
|||
text-align: center; |
|||
color: #061016; |
|||
} |
} |