Screamer Wiki

MediaWiki:Vector.css: Difference between revisions

← Older edit
No edit summary
No edit summary
 
(182 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
/* CSS placed here will affect users of the Vector skin */
@font-face {
@font-face {
   font-family: Rubik;
   font-family: "Rubik";
   src: url('skins/DarkVector/Rubik-Regular.ttf') format('truetype');
   src: url("/resources/assets/Rubik.woff2") format("woff2"),
      url("/resources/assets/Rubik-Bold.woff2") format("woff2"),
      url("/resources/assets/Rubik-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
} in
 
@font-face {bl
  font-family: "Rubik";
  src: url("/resources/assets/Rubik-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
 
@font-face {#
  font-family: "Rubik";
  src: url("/resources/assets/Rubik-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}
 
@font-face {
  font-family: "Rubik";
  src: url("/resources/assets/Rubik-Italic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
}
}
body, .mw-headline {
body, .mw-headline {
font-family: Rubik, "Helvetica Neue", "Segoe UI", "Arial", sans-serif;
font-family: "Rubik", "Arial", "Helvetica Neue", "Segoe UI", Rubix, sans-serif !important;
}
}


Line 15: Line 40:
  font-size: 90%
  font-size: 90%
}
}
 
a
.mw-editsection {
.mw-editsection {
padding-left: 10px;
padding-left: 10px;
}
}h


.toctogglelabel {
.toctogglelabel {
Line 25: Line 50:


.toc {
.toc {
background-color: #4b4b4b;
display: none;
}
}


Line 184: Line 209:
}
}


#CodeMirror {
background-color: #FFFFFF !important;
}
.mw-undelete-revlist {
color: white;
}
#mw-delete-table label.oo-ui-labelElement-label {
  color: white !important;
}
form.mw-htmlform .oo-ui-labelElement-label {
  color: white;
}
#movepage-wrapper label.oo-ui-labelElement-label {
color: white !important;
}
#wpSummaryLabel label, #mw-editpage-minoredit label, #mw-editpage-watch label {
  color: white !important;
}
.cancelLink .oo-ui-labelElement-label {
  color: white !important;
}
.oo-ui-fieldLayout-header {
color: black !important;
}
.oo-ui-tabOptionWidget,
.oo-ui-tabOptionWidget,
.oo-ui-tabSelectWidget-framed {
.oo-ui-tabSelectWidget-framed {
     color: #e87057 !important;
     color: #e87057 !important;
}
.oo-ui-window-body {
color: lightgray; !important
}
}


Line 247: Line 300:
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
     border-bottom-color: transparent !important;
     border-bottom-color: transparent !important;
}
/* CSS for post-edit message */
#mw-notification-area .oo-ui-labelElement-label {
    color: black !important;
}
}


input,
input,
Line 342: Line 400:
.mw-mmv-post-image,.mw-mmv-image-metadata{
.mw-mmv-post-image,.mw-mmv-image-metadata{
     background-color: #4c4c4c !important;
     background-color: #4c4c4c !important;
}
.mw-searchoptions {
color: black !important;
}
}


Line 364: Line 426:
.oo-ui-tagItemWidget.oo-ui-widget-enabled {
.oo-ui-tagItemWidget.oo-ui-widget-enabled {
     background-color: #aaa !important;
     background-color: #aaa !important;
}
.movepage-wrapper {
  color: white !important;
}
}


Line 394: Line 459:
     background-color: #3d3d3d;
     background-color: #3d3d3d;
     border-color: #666
     border-color: #666
}
figure, figcaption {
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
    border-style: solid !important;
    border-width: 2px !important;
}
}


Line 486: Line 557:


div#simpleSearch #searchButton {
div#simpleSearch #searchButton {
     background-color: rgba(210, 138, 13, 0.27)!important;
     background-color: rgba(232, 112, 87 0.27)!important;
}
.oo-ui-messageDialog-text label {
  color: black !important;
}
}


.oo-ui-buttonElement-button,
.oo-ui-buttonElement-button,
Line 535: Line 610:
}
}


#left-navigation div.vectorTabs,
#p-namespaces .vector-menu-content-list,
#right-navigation div.vectorTabs {
#p-views .vector-menu-content-list {
    background-image: inherit;
  display: flex;
    background-color: #e87057
  gap: 2px;
  border-bottom: 1px solid #444;
  background: transparent;
  margin: 0;
  padding: 0;
}
}


#left-navigation div.vectorTabs ul,
/* Base tab look */
#right-navigation div.vectorTabs ul {
#p-namespaces li a,
    background-color: #e87057
#p-views li a {
  display: block;
  padding: .6em .9em;
  background: #2a2a2a;
  color: #e87057;
  text-decoration: none;
  border: 1px solid #e87057;
  border-bottom: none;
  transition: background .2s, color .2s;
}
}


#left-navigation div.vectorTabs ul li,
#p-namespaces li a:hover,
#right-navigation div.vectorTabs ul li {
#p-views li a:hover {
    background-color: #e87057;
  background: #3a3a3a;
    background-image: -moz-linear-gradient(top, #333 20%, #2a2a2a 100%);
  color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #333), color-stop(100%, #2a2a2a));
    background-image: -webkit-linear-gradient(top, #333 20%, #2a2a2a 100%);
    background-image: linear-gradient(#333 20%, #2a2a2a 100%)
}
}


#left-navigation div.vectorTabs li.new a,
#p-namespaces .selected a,
#right-navigation div.vectorTabs li.new a,
#p-views .selected a {
#left-navigation div.vectorTabs li.new a:visited,
  background: #222;
#right-navigation div.vectorTabs li.new a:visited {
  color: #D28A0D;
    color: #d44
  font-weight: bold;
  border: 2px solid #e87057;
  border-bottom: none;
  position: relative;
  top: 1px;
  z-index: 2;
}
}


#left-navigation div.vectorTabs li.selected,
#p-namespaces li a.new,
#right-navigation div.vectorTabs li.selected {
#p-views li a.new {
    background-color: #333;
  color: #d44 !important;
    background-image: -moz-linear-gradient(top, #e87057 0, #333 10%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e87057), color-stop(10%, #333));
    background-image: -webkit-linear-gradient(top, #e87057 0, #333 10%);
    background-image: linear-gradient(#e87057 0, #333 10%)
}
}


#left-navigation div.vectorTabs li.selected a,
#p-cactions .vector-menu-heading {
#right-navigation div.vectorTabs li.selected a,
  display: inline-block;
#left-navigation div.vectorTabs li.selected a:visited,
  padding: .6em .9em;
#right-navigation div.vectorTabs li.selected a:visited {
  background: #2a2a2a;
    color: #D28A0D
  color: #e87057;
  border: 1px solid #e87057;
  border-bottom: none;
  cursor: pointer;
}
}


#left-navigation div.vectorTabs li a,
#p-cactions .vector-menu-content-list {
#right-navigation div.vectorTabs li a {
  background: #333;
    color: #e87057
  border: 1px solid #e87057;
}
}


#left-navigation div.vectorTabs span,
#p-cactions .vector-menu-content-list li a {
#right-navigation div.vectorTabs span {
  display: block;
    background: transparent
  padding: .4em .8em;
  background: #333;
  color: #c1c1c1;
  border-bottom: 1px solid #444;
}
}


#mw-head #right-navigation div.vectorMenu h3 {
#p-cactions .vector-menu-content-list li a:hover {
    background: inherit
  background: #3a3a3a;
  color: #fff;
}
}


#mw-head div.vectorMenu h3 span {
.vector-menu-tabs li a,
     color: #e87057
.vector-menu-tabs li.selected a {
     outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
}


div.vectorMenu h3 a {
.vector-menu-tabs li.selected {
     background: inherit
    border: 1px solid #e87057 !important;
     background: #333;
}
}


div.vectorMenu ul {
.vector-menu-tabs li.selected a {
    background-color: black;
     color: #e87057 !important;
    border: solid 1px #0c0c0c
}
 
div.vectorMenu li a {
    color: #e87057
}
 
div.vectorMenu li.selected a,
div.vectorMenu li.selected a:visited {
     color: #D28A0D;
    text-decoration: none
}
 
div.vectorMenu#p-cactions div.menu {
    border-color: #666
}
 
div.vectorMenu#p-cactions ul {
    border: 0;
    background-color: #4c4c4c
}
}


Line 753: Line 829:
}
}


body.vector-animateLayout .mw-body,
body.darkvector-animateLayout .mw-body,
body.vector-animateLayout #footer,
body.darkvector-animateLayout #footer,
body.vector-animateLayout #left-navigation {
body.darkvector-animateLayout #left-navigation {
     -webkit-transition: margin-left 250ms, padding 250ms;
     -webkit-transition: margin-left 250ms, padding 250ms;
     -moz-transition: margin-left 250ms, padding 250ms;
     -moz-transition: margin-left 250ms, padding 250ms;
Line 762: Line 838:
}
}


body.vector-animateLayout #p-logo {
body.darkvector-animateLayout #p-logo {
     -webkit-transition: left 250ms;
     -webkit-transition: left 250ms;
     -moz-transition: left 250ms;
     -moz-transition: left 250ms;
Line 769: Line 845:
}
}


body.vector-animateLayout #mw-panel {
body.darkvector-animateLayout #mw-panel {
     -webkit-transition: padding-right 250ms;
     -webkit-transition: padding-right 250ms;
     -moz-transition: padding-right 250ms;
     -moz-transition: padding-right 250ms;
Line 776: Line 852:
}
}


body.vector-animateLayout #p-search {
body.darkvector-animateLayout #p-search {
     -webkit-transition: margin-right 250ms;
     -webkit-transition: margin-right 250ms;
     -moz-transition: margin-right 250ms;
     -moz-transition: margin-right 250ms;
Line 783: Line 859:
}
}


body.vector-animateLayout #p-personal {
body.darkvector-animateLayout #p-personal {
     -webkit-transition: right 250ms;
     -webkit-transition: right 250ms;
     -moz-transition: right 250ms;
     -moz-transition: right 250ms;
Line 790: Line 866:
}
}


body.vector-animateLayout #mw-head-base {
body.darkvector-animateLayout #mw-head-base {
     -webkit-transition: margin-left 250ms;
     -webkit-transition: margin-left 250ms;
     -moz-transition: margin-left 250ms;
     -moz-transition: margin-left 250ms;
Line 922: Line 998:
     overflow: hidden;
     overflow: hidden;
     background-image: url('images/search-ltr.png');
     background-image: url('images/search-ltr.png');
     background-image: -webkit-linear-gradient(transparent, transparent), url('skins/darkvector/images/search.svg');
     background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/images/search.svg');
     background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/search.svg');
     background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/search.svg');
     background-position: center center;
     background-position: center center;
Line 932: Line 1,008:
}
}


div.vectorTabs h3 {
div.darkvectorTabs h3 {
     display: none
     display: none
}
}


div.vectorTabs {
div.darkvectorTabs {
     float: left;
     float: left;
     height: 2.5em;
     height: 2.5em;
Line 945: Line 1,021:
}
}


div.vectorTabs ul {
div.darkvectorTabs ul {
     float: left;
     float: left;
     height: 100%;
     height: 100%;
Line 957: Line 1,033:
}
}


div.vectorTabs ul li {
div.darkvectorTabs ul li {
     float: left;
     float: left;
     line-height: 1.125em;
     line-height: 1.125em;
Line 971: Line 1,047:
}
}


div.vectorTabs ul>li {
div.darkvectorTabs ul>li {
     display: block
     display: block
}
}


div.vectorTabs li.new a,
div.darkvectorTabs li.new a,
div.vectorTabs li.new a:visited {
div.darkvectorTabs li.new a:visited {
     color: #a55858
     color: #a55858
}
}


div.vectorTabs li.selected {
div.darkvectorTabs li.selected {
     background-image: url('images/tab-current-fade.png')
     background-image: url('images/tab-current-fade.png')
}
}


div.vectorTabs li.selected a,
div.darkvectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
div.darkvectorTabs li.selected a:visited {
     color: #333;
     color: #333;
     text-decoration: none
     text-decoration: none
}
}


div.vectorTabs li.icon a {
div.darkvectorTabs li.icon a {
     background-position: bottom right;
     background-position: bottom right;
     background-repeat: no-repeat
     background-repeat: no-repeat
}
}


div.vectorTabs li a {
div.darkvectorTabs li a {
     display: inline-block;
     display: inline-block;
     height: 1.9em;
     height: 1.9em;
Line 1,005: Line 1,081:
}
}


div.vectorTabs li>a {
div.darkvectorTabs li>a {
     display: block
     display: block
}
}


div.vectorTabs span {
div.darkvectorTabs span {
     display: inline-block;
     display: inline-block;
     background-image: url('images/tab-break.png');
     background-image: url('images/tab-break.png');
Line 1,016: Line 1,092:
}
}


div.vectorTabs span a {
div.darkvectorTabs span a {
     display: inline-block;
     display: inline-block;
     padding-top: 1.25em
     padding-top: 1.25em
}
}


div.vectorTabs span>a {
div.darkvectorTabs span>a {
     float: left;
     float: left;
     display: block
     display: block
}
}


div.vectorMenu {
div.darkvectorMenu {
     direction: ltr;
     direction: ltr;
     float: left;
     float: left;
Line 1,033: Line 1,109:
}
}


body.rtl div.vectorMenu {
body.rtl div.darkvectorMenu {
     direction: rtl
     direction: rtl
}
}


#mw-head div.vectorMenu h3 {
#mw-head div.darkvectorMenu h3 {
     float: left;
     float: left;
     background-image: url('images/tab-break.png');
     background-image: url('images/tab-break.png');
Line 1,049: Line 1,125:
}
}


div.vectorMenu h3 span {
div.darkvectorMenu h3 span {
     display: block;
     display: block;
     font-size: .8em;
     font-size: .8em;
Line 1,059: Line 1,135:
}
}


div.vectorMenu h3 a {
div.darkvectorMenu h3 a {
     position: absolute;
     position: absolute;
     top: 0;
     top: 0;
Line 1,076: Line 1,152:
}
}


div.vectorMenu.menuForceShow h3 a {
div.darkvectorMenu.menuForceShow h3 a {
     background-position: 100% 100%
     background-position: 100% 100%
}
}


div.vectorMenuFocus h3 a {
div.darkvectorMenuFocus h3 a {
     background-image: url('images/arrow-down-focus-icon.png');
     background-image: url('images/arrow-down-focus-icon.png');
     background-image: -webkit-linear-gradient(transparent, transparent), url('images/arrow-down-focus-icon.svg');
     background-image: -webkit-linear-gradient(transparent, transparent), url('images/arrow-down-focus-icon.svg');
Line 1,086: Line 1,162:
}
}


div.vectorMenu div.menu {
div.darkvectorMenu div.menu {
     min-width: 100%;
     min-width: 100%;
     position: absolute;
     position: absolute;
Line 1,099: Line 1,175:
}
}


div.vectorMenu:hover div.menu,
div.darkvectorMenu:hover div.menu,
div.vectorMenu.menuForceShow div.menu {
div.darkvectorMenu.menuForceShow div.menu {
     display: block
     display: block
}
}


div.vectorMenu ul {
div.darkvectorMenu ul {
     list-style-type: none;
     list-style-type: none;
     list-style-image: none;
     list-style-image: none;
Line 1,112: Line 1,188:
}
}


div.vectorMenu ul,
div.darkvectorMenu ul,
x:-moz-any-link {
x:-moz-any-link {
     min-width: 5em
     min-width: 5em
}
}


div.vectorMenu ul,
div.darkvectorMenu ul,
x:-moz-any-link,
x:-moz-any-link,
x:default {
x:default {
Line 1,123: Line 1,199:
}
}


div.vectorMenu li {
div.darkvectorMenu li {
     padding: 0;
     padding: 0;
     margin: 0;
     margin: 0;
Line 1,130: Line 1,206:
}
}


div.vectorMenu li a {
div.darkvectorMenu li a {
     display: inline-block;
     display: inline-block;
     padding: .5em;
     padding: .5em;
Line 1,139: Line 1,215:
}
}


div.vectorMenu li>a {
div.darkvectorMenu li>a {
     display: block
     display: block
}
}


div.vectorMenu li.selected a,
div.darkvectorMenu li.selected a,
div.vectorMenu li.selected a:visited {
div.darkvectorMenu li.selected a:visited {
     color: #333;
     color: #333;
     text-decoration: none
     text-decoration: none
Line 1,213: Line 1,289:
     background-position: 5px 60%
     background-position: 5px 60%
}
}
 
#ca-unwatch.icon a,
#ca-watch.icon a,
#ca-unwatch.icon a:hover,
#ca-watch.icon a:hover,
#ca-unwatch.icon a:focus,
#ca-watch.icon a:focus,
#ca-unwatch.icon a.loading,
#ca-watch.icon a.loading {
  background-repeat: no-repeat;
}
#ca-unwatch.icon a {
#ca-unwatch.icon a {
     background-image: url('images/unwatch-icon.svg');
     background-image: url('images/unwatch-icon.svg');
Line 1,243: Line 1,328:
#ca-watch.icon a.loading {
#ca-watch.icon a.loading {
     background-image: url('images/watch-icon-loading.svg');
     background-image: url('images/watch-icon-loading.svg');
     background-image: -webkit-linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg');
     background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon-loading.svg');
     background-image: linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg');
     background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon-loading.svg');
     -webkit-animation: rotate 700ms infinite linear;
     -webkit-animation: rotate 700ms infinite linear;
     -moz-animation: rotate 700ms infinite linear;
     -moz-animation: rotate 700ms infinite linear;
Line 1,342: Line 1,427:
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-image: url('images/portal-break.png')
     background-image: url('images/portal-break.png')
}
.mw-search-result-data {
color: #999;
}
.history-deleted {
color: #999 !important;
}
}


Line 1,455: Line 1,546:
background-color: transparent;
background-color: transparent;
border-color:#666;
border-color:#666;
color:#db8200
color: #e87057
}
}
.toctogglelabel {
.toctogglelabel {
     cursor: pointer;
     cursor: pointer;
     color: #db8200
     color: #e87057
}
}
.mw-changeslist-legend {
.mw-changeslist-legend {
Line 1,483: Line 1,574:
     color: #c9c9c9
     color: #c9c9c9
}
}
div#mw-panel div.portal div.body ul li a:visited{color:#db8200}
div#mw-panel div.portal div.body ul li a:visited{color:#e87057}
div#mw-panel div.portal div.body ul li a{color:#e87057}
div#mw-panel div.portal div.body ul li a{color:#e87057}
div#mw-panel div.portal h3 {color:#7c7c7c}
div#mw-panel div.portal h3 {color:#7c7c7c}


/* Portable Infobox CSS here */
/* Portable Infobox CSS here */
/* Portable Infobox CSS here */
.portable-infobox.pi-background {
.portable-infobox.pi-background {
Line 1,521: Line 1,611:
  background-color: #312B2A;
  background-color: #312B2A;
}
}


gallerytext{
gallerytext{
Line 1,538: Line 1,629:
url('skins/Vector/resources/common/images/external-link-ltr-icon.svg');
url('skins/Vector/resources/common/images/external-link-ltr-icon.svg');
padding-right:13px
padding-right:13px
}
.label.format {
color: #999999;
}
/* CommentStreams */
.cs-comment-header {
background-color: black;
}
}


Line 1,543: Line 1,642:


body {
body {
   cursor: url('http://screamer.wiki/images/4/4c/Cursor.png'), pointer; HEIGHT:40; WIDTH:30;}
   cursor: url('https://screamer.wiki/images/4/4c/Cursor.png'), pointer; height:40; width:30;}
   
   
a:link {
a:link {
   cursor: url('http://screamer.wiki/images/f/fd/Link.png'), pointer; }
   cursor: url('https://screamer.wiki/images/f/fd/Link.png'), pointer; }
   
   
a:hover{
a:hover{
   cursor: url('http://screamer.wiki/images/f/fd/Link.png'), pointer; }
   cursor: url('https://screamer.wiki/images/f/fd/Link.png'), pointer; }
   
   
a:active{
a:active{
   cursor: url('http://screamer.wiki/images/c/ce/Press.png'), pointer; }
   cursor: url('https://screamer.wiki/images/c/ce/Press.png'), pointer; }
    
    
a:element{
a:element{
   cursor: url('http://screamer.wiki/images/4/4c/Cursor.png'), pointer; }
   cursor: url('https://screamer.wiki/images/4/4c/Cursor.png'), pointer; }


/* Scrollbar */
/* Scrollbar */
Line 1,589: Line 1,688:
}
}
/* Add your usernames here */
/* Add your usernames here */
a[href$=":SkyBlueCat"], a[href$="/SkyBlueCat"]{
a[href$=":Lawiki"], a[href$="/Lawiki"], a[visited$=":Lawiki"], a[visited$="/Lawiki"]{
    font-weight:bold;
    color: #34b1e3 !important;
}
a[href$=":Angeleno"], a[href$="/Angeleno"], a[visited$=":Angeleno"], a[visited$="/Angeleno"]{
     font-weight:bold;
     font-weight:bold;
     color: #2871F7 !important;
     color: #2871F7 !important;
Line 1,601: Line 1,696:
     color: cyan !important;
     color: cyan !important;
}
}
a[href$=":DevinMillar"], a[href$="/DevinMillar"]{
a[href$=":Sump"], a[href$="/Sump"]{
     font-weight:bold;
     font-weight:bold;
     color: yellow !important;
     color: cyan !important;
}
}
a[href$=":TabbyGarf"], a[href$="/TabbyGarf"]{
a[href$=":Tankman_fan_44"], a[href$="/Tankman_fan_44"]{
     font-weight:bold;
     font-weight:bold;
     color: orange !important;
     color: #FFFFFF !important;
    text-shadow: 0px 0px 5px #2a9df4;
}
}
a[href$=":Sump"], a[href$="/Sump"]{
a[href$=":LuaGunsX"], a[href$="/LuaGunsX"]{
     font-weight:bold;
     font-weight:bold;
     color: cyan !important;
     color: #9C3838 !important;
}
}
a[href$=":Tankman_fan_44"], a[href$="/Tankman_fan_44"]{
a[href$=":TheEpikShyGuy"], a[href$="/TheEpikShyGuy"]{
     font-weight:bold;
     font-weight:bold;
     color: #d4d4d4 !important;
    text-shadow: 0px 0px 10px #ffffff;
     color: black !important;
}
}
Retrieved from "https://screamer.wiki/MediaWiki:Vector.css"