User:Trevor807/common.css: Difference between revisions
From the Audiovisual Identity Database, the motion graphics museum
Content deleted Content added
No edit summary |
|||
Line 1: | Line 1: | ||
.mw-inputbox-createbox:required:invalid ~ .mw-ui-button { |
|||
background-color: #c8ccd1; |
|||
color: #ffffff; |
|||
border-color: #c8ccd1; |
|||
cursor: default; |
|||
font-weight: normal; |
|||
border-radius: 5px; |
|||
} |
|||
.mw-ui-button.mw-ui-progressive:not(:disabled) { |
|||
background-color: #0c62da; |
|||
color: #fff; |
|||
border-color: #0c62da; |
|||
font-weight: normal; |
|||
border-radius: 5px; |
|||
} |
|||
.user-section-title { |
|||
float: left; |
|||
font-size: 20px; |
|||
letter-spacing: 0px; |
|||
padding: 0 10px 0 0; |
|||
font-weight: normal; |
|||
} |
|||
.profile-actions a { |
|||
text-decoration: none; |
|||
font-weight: normal; |
|||
margin: 0 6px; |
|||
} |
|||
#profile-toggle-button { |
|||
background-color: #ffa800; |
|||
border-radius: 5px; |
|||
top: 5px; |
|||
right: 0; |
|||
padding: 2px 10px; |
|||
position: absolute; |
|||
} |
|||
#profile-toggle-button a { |
|||
color: #fff; |
|||
font-weight: normal; |
|||
} |
|||
.suggestions-result { |
|||
color: #000; |
|||
margin: 0; |
|||
line-height: 1.5em; |
|||
padding: 0.01em 0.25em; |
|||
text-align: left; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
font-size: 15px; |
|||
white-space: nowrap; |
|||
} |
|||
li.gallerybox div.thumb { |
|||
border: 1px solid #e8e8e8; |
|||
background-color: #e8e8e8; |
|||
border-radius: 10px; |
|||
} |
|||
.suggestions-results { |
|||
background-color: #f8f9fa; |
|||
cursor: pointer; |
|||
border: 0px solid #a2a9b1; |
|||
border-radius: 5px; |
|||
padding: 1px; |
|||
margin: 0; |
|||
font-family: 'AVID Sans'; |
|||
} |
|||
.suggestions-special { |
|||
position: relative; |
|||
background-color: #f8f9fa; |
|||
cursor: pointer; |
|||
border: 0px solid #a2a9b1; |
|||
border-radius: 5px; |
|||
margin: 0; |
|||
margin-top: -2px; |
|||
display: none; |
|||
padding: 0.25em 0.25em; |
|||
line-height: 1.25em; |
|||
} |
|||
.suggestions-special .special-label { |
|||
color: #72777d; |
|||
font-family: 'AVID SANS'; |
|||
text-align: left; |
|||
font-size: 10px; |
|||
} |
|||
.suggestions a.mw-searchSuggest-link .special-query { |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
font-family: 'AVID SANS'; |
|||
} |
|||
.suggestions-special .special-query { |
|||
color: #000; |
|||
text-align: left; |
|||
font-style: normal; |
|||
} |
|||
.sitenotice-new { |
|||
background-color: #f8f9fa; |
|||
border: 0px solid #ffa800; |
|||
border-left: 25px solid #ffa800; |
|||
font-weight: normal; |
|||
} |
|||
.sitenotice-open { |
|||
background-color: #f8f9fa; |
|||
border: 0px solid #ffa800; |
|||
border-left: 25px solid #0c62da; |
|||
font-weight: normal; |
|||
} |
|||
body.oo-ui-window-content.oo-ui-dialog-content.oo-ui-processDialog-content.oo-ui-window-content-setup.oo-ui-window-content-ready |
|||
a.new { |
|||
color: #da0c3f; |
|||
} |
|||
.discord-banner { |
|||
background-image: url(https://i.imgur.com/86lmQaU.png); |
|||
background-size: cover; |
|||
background-repeat: no-repeat; |
|||
float: none; |
|||
filter: none; |
|||
} |
|||
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head { |
|||
box-sizing: border-box; |
|||
height: 3.1428571em; |
|||
border-bottom: 0px solid #c8ccd1; |
|||
margin: 0; |
|||
} |
|||
.tabber__tab { |
|||
display: inline-flex; |
|||
align-items: center; |
|||
padding: 0.5em 0.75em; |
|||
color: #0c62da; |
|||
font-weight: normal; |
|||
text-decoration: none; |
|||
white-space: nowrap; |
|||
} |
|||
.tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited { |
|||
color: #0c62da; |
|||
} |
|||
.oo-ui-dropdownWidget-handle { |
|||
min-height: 32px; |
|||
border: 0px solid #a2a9b1; |
|||
border-radius: 2px; |
|||
padding: 5px 2.14285714em 5px 12px; |
|||
line-height: 1; |
|||
} |
|||
.oo-ui-pendingElement-pending { |
|||
background-color: #161f2b; |
|||
background-image: linear-gradient(135deg,#374562 25%,transparent 25%,transparent 50%,#374562 50%,#374562 75%,transparent 75%,transparent); |
|||
background-size: 1.42857143em 1.42857143em; |
|||
animation: oo-ui-pendingElement-stripes 650ms linear infinite; |
|||
} |
|||
.mw-upload-bookletLayout-filePreview p { |
|||
line-height: 1em; |
|||
margin: -9px; |
|||
margin-left: 3px; |
|||
} |
|||
.oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { |
|||
background-color: #0c62da; |
|||
} |
|||
.mw-upload-bookletLayout-filePreview { |
|||
width: 503px; |
|||
height: 1em; |
|||
background-color: #eaecf0; |
|||
background-size: cover; |
|||
background-position: center center; |
|||
padding: 1.42857143em; |
|||
margin: -1.42857143em; |
|||
margin-bottom: 1.42857143em; |
|||
position: relative; |
|||
} |
|||
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head > .oo-ui-labelElement-label { |
|||
margin: 0 0 0 13.47619050000003em; |
|||
font-size: 1.2em; |
|||
font-weight: normal; |
|||
line-height: 2.5595238em; |
|||
text-align: center; |
|||
} |
|||
.oo-ui-popupWidget { |
|||
font-family: AVID Sans; |
|||
} |
|||
.oo-ui-popupWidget-popup { |
|||
background-color: #161f2b; |
|||
border: 0px solid #a2a9b1; |
|||
border-radius: 10px; |
|||
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 25%); |
|||
color: white; |
|||
} |
|||
.oo-ui-floatableElement-floatable, .oo-ui-clippableElement-clippable { |
|||
background-color: #fff; |
|||
z-index: 2000; |
|||
border-radius: 10px; |
|||
} |
|||
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head > .oo-ui-iconWidget { |
|||
float: right; |
|||
height: 100%; |
|||
margin: 0 0 0 1.1428571em; |
|||
opacity: 0; |
|||
} |
|||
.oo-ui-pendingElement-pending { |
|||
background-color: #161f2b; |
|||
background-image: linear-gradient(135deg,#374562 25%,transparent 25%,transparent 50%,#374562 50%,#374562 75%,transparent 75%,transparent); |
|||
background-size: 1.42857143em 1.42857143em; |
|||
animation: oo-ui-pendingElement-stripes 650ms linear infinite; |
|||
} |
|||
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-labelElement > .oo-ui-buttonElement-button { |
|||
padding: 8px; |
|||
border-radius: 5px; |
|||
} |
|||
.oo-ui-labelElement .oo-ui-labelElement-label, .oo-ui-labelElement.oo-ui-labelElement-label { |
|||
box-sizing: border-box; |
|||
font-weight: normal; |
|||
} |
|||
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-labelElement:first-child { |
|||
margin-left: 8px; |
|||
margin-right: 8px; |
|||
margin-top: 8px; |
|||
margin-right: 8px; |
|||
} |
|||
.oo-ui-windowManager-modal > .oo-ui-dialog { |
|||
background-color: rgb(162 162 162 / 50%); |
|||
opacity: 0; |
|||
transition: opacity ease-out 250ms; |
|||
backdrop-filter: blur(4px); |
|||
} |
|||
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-labelElement > .oo-ui-buttonElement-button { |
|||
padding: 8px 13px; |
|||
} |
|||
.oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot { |
|||
outline: 0px solid #c8ccd1; |
|||
} |
|||
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { |
|||
border: solid 0px #ddd; |
|||
border-radius: 15px; |
|||
box-shadow: 0 0px 0px 0; |
|||
} |
|||
.oo-ui-window-content.oo-ui-dialog-content.oo-ui-processDialog-content.oo-ui-window-content-setup.oo-ui-window-content-ready { |
|||
font-family: AVID Sans; |
|||
border: solid 0px #ddd; |
|||
border-radius: 15px; |
|||
} |
|||
.oo-ui-window-head { |
|||
border: solid 0px #ddd; |
|||
border-radius: 5px; |
|||
background-color: #161f2b; |
|||
color: white; |
|||
} |
|||
#p-More_AVID-label { |
|||
background: #801ae5; |
|||
} |
|||
.diff-addedline { |
|||
border-color: #0c62da; |
|||
} |
|||
.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) { |
|||
color: #000000; |
|||
font-family: AVID Sans; |
|||
font-weight: normal; |
|||
} |
|||
.diff-deletedline { |
|||
border-color: #ffa800; |
|||
} |
|||
.mw-notification { |
|||
border: solid 0px #ddd; |
|||
border-radius: 5px; |
|||
border-left: 17px solid #a9b4bf; |
|||
} |
|||
#pending-review { |
|||
display: inline-block; |
|||
padding: 5px; |
|||
margin: 10px; |
|||
margin-left: 0; |
|||
font-weight: bold; |
|||
font-size: 120%; |
|||
text-transform: uppercase; |
|||
font-family: AVID Sans; |
|||
text-align: center; |
|||
border: 0px; |
|||
} |
|||
.mw-parser-output .documentation-heading { |
|||
font-weight: normal; |
|||
font-size: 125%; |
|||
} |
|||
.toc, .toccolours { |
|||
border: 0px solid #a2a9b1; |
|||
border-radius: 5px; |
|||
background-color: #f8f9fa; |
|||
padding: 5px; |
|||
font-size: 95%; |
|||
} |
|||
.toc .h2 { |
|||
display: inline; |
|||
border: 0; |
|||
padding: 0; |
|||
font-size: 100%; |
|||
font-weight: normal; |
|||
} |
|||
.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child { |
|||
margin-left: -6px; |
|||
margin-top: 6px; |
|||
} |
|||
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { |
|||
background-color: #e8e8e8; |
|||
border: 0px solid #a2a9b1; |
|||
border-bottom: 0; |
|||
border-radius: 5px; |
|||
padding: 0 0.6em 0.6em 0.6em; |
|||
line-height: normal; |
|||
} |
|||
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { |
|||
font-weight: normal; |
|||
color: #54595d; |
|||
white-space: nowrap; |
|||
} |
|||
#filetoc { |
|||
border: 0px solid #a2a9b1; |
|||
border-radius: 5px; |
|||
background-color: #f8f9fa; |
|||
padding: 5px; |
|||
font-size: 95%; |
|||
margin-bottom: 0.5em; |
|||
margin-left: 0; |
|||
margin-right: 0; |
|||
text-align: left; |
|||
} |
|||
.mw-message-box-error { |
|||
clear: both; |
|||
margin: 0.2em 0; |
|||
background-color: #ffffff; |
|||
border: 0px solid #da0c3f; |
|||
border-left: 10px solid #161f2b; |
|||
padding: 0.25em 0.9em; |
|||
box-sizing: border-box; |
|||
} |
|||
#p-navigation-label { |
|||
background: #da0c3f; |
|||
border-radius: 5px; |
|||
font-weight: normal; |
|||
} |
|||
#mw-navigation a.nav-link.disabled { |
|||
color: #444; |
|||
margin-top: 1em; |
|||
font-weight: normal; |
|||
border-radius: 5px; |
|||
text-align: center; |
|||
} |
|||
a:visited { |
|||
color: #4840df; |
|||
} |
|||
.ext-darkmode-link::before { |
|||
content: ''; |
|||
display: hidden; |
|||
} |
|||
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { |
|||
border: -7.75px solid #a2a9b1; |
|||
border-radius: 5px; |
|||
padding: 0.2em 0.4em; |
|||
} |
|||
.wikitable { |
|||
font-weight: normal; |
|||
background-color: #f8f9fa; |
|||
color: #202122; |
|||
margin: 1em 0; |
|||
border: 0px solid #a2a9b1; |
|||
border-radius: 5px; |
|||
border-collapse: collapse; |
|||
} |
|||
.usermessage { |
|||
background-color: #ffffff; |
|||
border: 0px solid #ffa800; |
|||
border-left: 10px solid #ffa800; |
|||
border-radius: 5px; |
|||
color: #000; |
|||
font-weight: normal; |
|||
margin: 2em 0 1em; |
|||
padding: 0.5em 1em; |
|||
vertical-align: middle; |
|||
} |
|||
.dropdown-menu { |
|||
position: absolute; |
|||
top: 100%; |
|||
z-index: 1000; |
|||
display: none; |
|||
float: left; |
|||
min-width: 10rem; |
|||
padding: 0.5rem 0; |
|||
margin: 0.125rem 0 0; |
|||
font-size: .8rem; |
|||
color: #212529; |
|||
text-align: left; |
|||
list-style: none; |
|||
background-color: #f3f3f3; |
|||
background-clip: padding-box; |
|||
border: 0px solid rgba(0,0,0,.15); |
|||
border-radius: .75rem; |
|||
} |
|||
#content a:not(.new):visited, #siteNotice a:not(.new):visited { |
|||
color: #0c62da; |
|||
} |
|||
a { |
|||
color: #0c62da; |
|||
text-decoration: none; |
|||
background-color: transparent; |
|||
} |
|||
#pt-uls .uls-trigger:before { |
|||
content: ''; |
|||
background-image: url(/w/extensions/UniversalLanguageSelector/lib/jquery.uls/); |
|||
background-position: left 0.08333333em; |
|||
background-repeat: no-repeat; |
|||
background-size: 1.33333333em 1.33333333em; |
|||
padding-top: 0.33333333em; |
|||
padding-left: 1.66666667em; |
|||
opacity: 0.67; |
|||
} |
|||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { |
|||
background-color: #fff; |
|||
color: #404244; |
|||
border: 0px #a2a9b1; |
|||
} |
|||
.mw-search-profile-tabs { |
|||
background-color: #e8e8e8; |
|||
margin-top: 1em; |
|||
border: 0px solid #c8ccd1; |
|||
border-radius: 8px; |
|||
} |
|||
.oo-ui-dropdownInputWidget select { |
|||
-webkit-appearance: none; |
|||
-moz-appearance: none; |
|||
background-color: transparent; |
|||
background-position: right 12px center; |
|||
box-sizing: border-box; |
|||
height: 2.28571429em; |
|||
border: 0px solid #a2a9b1; |
|||
border-radius: 2px; |
|||
padding-left: 12px; |
|||
padding-right: 2.14285714em; |
|||
font-size: inherit; |
|||
font-family: inherit; |
|||
vertical-align: middle; |
|||
} |
|||
.oo-ui-panelLayout-framed { |
|||
background: #e8e8e8; |
|||
border: 0px solid #a2a9b1; |
|||
border-radius: 15px; |
|||
} |
|||
.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { |
|||
display: inline-block; |
|||
margin-bottom: 8px; |
|||
font-size: 1.5em; |
|||
font-weight: normal; |
|||
} |
|||
.oo-ui-textInputWidget { |
|||
position: relative; |
|||
vertical-align: middle; |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
max-width: 197em; |
|||
} |
|||
.catlinks { |
|||
border: 0px solid #a2a9b1; |
|||
border-left: 10px solid #a9b4bf; |
|||
border-radius: 5px; |
|||
background-color: #f8f9fa; |
|||
padding: 5px; |
|||
padding-left: 15px; |
|||
margin-top: 1em; |
|||
clear: both; |
|||
} |
|||
.oo-ui-buttonElement > .oo-ui-buttonElement-button { |
|||
background-color: #f8f9fa; |
|||
color: #000000; |
|||
display: inline-block; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
margin: 0; |
|||
border: 0px solid #a2a9b1; |
|||
border-radius: 5px; |
|||
cursor: pointer; |
|||
vertical-align: middle; |
|||
font-family: inherit; |
|||
font-size: .85em; |
|||
font-weight: normal; |
|||
text-align: center; |
|||
} |
|||
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning { |
|||
clear: both; |
|||
margin: 0.2em 0; |
|||
background-color: #f8f9fa; |
|||
border: 0px solid #da0c3f; |
|||
border-left: 10px solid #da0c3f; |
|||
padding: 0.25em 0.9em; |
|||
box-sizing: border-box; |
|||
} |
|||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { |
|||
background-color: #f8f9fa; |
|||
border: 0px solid #da0c3f; |
|||
border-radius: 5px; |
|||
border-left: 10px solid #ffa800; |
|||
} |
|||
.mw-continue-editing { |
|||
visibility: hidden |
|||
} |
|||
.mw-message-box-warning{ |
|||
background-color: #f8f9fa; |
|||
border: 0px solid #ffa800; |
|||
border-left: 10px solid #ffa800; |
|||
font-weight: normal; |
|||
} |
|||
.mw-message-box { |
|||
color: #000000; |
|||
box-sizing: border-box; |
|||
margin-bottom: 16px; |
|||
padding: 12px 24px; |
|||
border-radius: 5px; |
|||
word-wrap: break-word; |
|||
overflow-wrap: break-word; |
|||
overflow: hidden; |
|||
} |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span { |
|||
background-color: #0c62da; |
|||
border-color: #0c62da; |
|||
} |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { |
|||
background-color: #0c62da; |
|||
color: #ffffff; |
|||
display: inline-block; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
margin: 0; |
|||
border: 0px solid #a2a9b1; |
|||
border-radius: 5px; |
|||
cursor: pointer; |
|||
vertical-align: middle; |
|||
font-family: inherit; |
|||
font-size: .85em; |
|||
font-weight: normal; |
|||
text-align: center; |
|||
} |
|||
.oo-ui-textInputWidget .oo-ui-inputWidget-input { |
|||
background-color: #ffffff; |
|||
color: #000; |
|||
margin: 0; |
|||
border: 1px solid #e1e1e1; |
|||
border-radius: 2px; |
|||
padding: 5px 8px; |
|||
font-size: inherit; |
|||
font-family: inherit; |
|||
line-height: 1.42857143em; |
|||
} |
|||
.editOptions { |
|||
background-color: #e8e8e8; |
|||
color: #202122; |
|||
border: 0px solid #c8ccd1; |
|||
border-radius: 5px; |
|||
padding: 1em 1em 1.5em 1em; |
|||
margin-bottom: 2em; |
|||
} |
|||
.mw-ui-button:not(.mw-ui-icon-element) { |
|||
padding: 9px 12px; |
|||
-webkit-appearance: none; |
|||
} |
|||
.flex-row .dropdown { |
|||
left:0; |
|||
} |
|||
#mw-editing-your-version { |
|||
border: 0px solid #77cc88; |
|||
border-radius: 5px; |
|||
border-left: 10px solid #1dc82b; |
|||
padding: 12px 24px; |
|||
background-color: #f8f9fa; |
|||
margin-bottom: 5px; |
|||
} |
|||
.ext-discussiontools-visualenhancements-enabled h2.ext-discussiontools-ui-newTopic-sectionTitle .oo-ui-inputWidget-input { |
|||
font-weight: bold; |
|||
font-family: avid sans; |
|||
} |