Difference between revisions of "MediaWiki:Vector.css"

From CraftCitizen
Jump to navigation Jump to search
Line 193: Line 193:
 
-ms-transition: color 750ms linear;
 
-ms-transition: color 750ms linear;
 
transition: color 750ms linear;
 
transition: color 750ms linear;
 +
}
 +
 +
/*
 +
* Horizontal List
 +
*/
 +
.hlist dt, .hlist dd {
 +
  display: inline;
 
}
 
}

Revision as of 12:50, 24 July 2020

/* CSS placed here will affect users of the Vector skin */
body, .mw-body, .parsoid-body {
background-color: #333;
}

#mw-panel .portal .body li a:visited, #mw-panel .portal .body li a, #mw-panel a, #mw-panel .portal h3  {
text-decoration: none;
color: lightgray;

-webkit-transition: color 750ms linear;
-ms-transition: color 750ms linear;
transition: color 750ms linear;
}

tbody {
background-color: rbg(245, 110, 110);
}
tr th{
background-color: black;
}

#mw-head {
background-color: #333;
}

#content {
border-radius: 20px;
margin-top: 20px;
margin-right: 20px;
background-color: lightgray;
}
#footer a, #footer-info, #footer ul li {
color: white;
text-decoration: underline;
bottom: 0;
}

#footer-icons {
visibility: hidden;
}

#mw-panel a {
color: white;
text-decoration: underline;
}

#p-personal li a, #p-personal li a.new, #p-personal a.new, #p-personal li a.new:visited, #p-personal a.new:visited{
color: white;
text-decoration: none;
font-weight: bold;

-webkit-transition: color 750ms linear;
-ms-transition: color 750ms linear;
transition: color 750ms linear;
}

.vectorTabs {
background-image: none;
height: unset;
}

/*
*
* LEFT NAV BAR 2 BUTTONS
*
*/

#p-namespaces {
padding: 0px;
background-image: none;
margin-bottom: 10px;
}

#p-namespaces ul, .vectorTabs span, .vectorTabs li, .vectorTabs li.selected {
background-image: none;
}

#p-namespaces ul li {
  margin-bottom: 10px;
  margin-right: 20px;
  border-radius: 10px;
  border: 1px double black;
  background-color: rgb(255, 64, 64);
    box-shadow: gray 0 0 4px;
  width: 100px;
  text-align: center;
  -webkit-transition: background-color 750ms linear;
  -ms-transition: background-color 750ms linear;
  transition: background-color 750ms linear;
}
#p-namespaces ul li span a {
color: black;
font-weight: bold;
text-decoration: none;
}


/*
*
* RIGHT NAV BAR 4 BUTTONS
*
*/
#p-views ul li {
  margin-right: 10px;
  width: 100px;
  border: 1px double black;
  border-radius: 10px;
  background-color: rgb(255, 64, 64);
  text-align: center;
  -webkit-transition: background-color 750ms linear;
  -ms-transition: background-color 750ms linear;
  transition: background-color 750ms linear;
  box-shadow: gray 0 0 4px;
}

#p-views ul li span a {
  color: black;
  font-weight: bold;
  text-decoration: none;
}
.vectorTabs ul {
background-image: none;
}
/*
*
* RIGHT NAV BAR MENU^ BUTTON
*
*/
.vectorMenu .menu {
background-color: transparent;
border: none;
margin-top: 2px;
width: 75px;
}

#mw-head .vectorMenu h3 {
background-image: none;
}

.vectorMenu, .vectorMenuCheckbox {
height: 2.7em;
  width: 75px;
}

.vectorMenu, .vectorMenu ul li a {
color: black;
font-weight: bold;
text-decoration: none;
  line-height: 1.125em;
  margin-right: 10px;
  background-image: none;
  border: 1px double black;
  border-radius: 10px;
  background-color: rgb(255, 64, 64);
  text-align: center;
  -webkit-transition: background-color 750ms linear;
  -ms-transition: background-color 750ms linear;
  transition: background-color 750ms linear;
  box-shadow: gray 0 0 4px;

-webkit-transition: background-color 750ms linear;
-ms-transition: background-color 750ms linear;
transition: background-color 750ms linear;
}
#p-cactions-label span {
color: black;
text-decoration: none;
font-weight: bold;
text-align: center;
}
.vectorMenu li a {
width: 75px;
padding-top: 10px;
padding-bottom: 10px;
}

/*
*
* ANIMATION
*
*/
#p-namespaces ul li:hover, #p-views ul li:hover, .vectorMenu:hover, .vectorMenu ul li a:hover {
background-color: rgb(242, 0, 0);
-webkit-transition: background-color 750ms linear;
-ms-transition: background-color 750ms linear;
transition: background-color 750ms linear;
}

#mw-panel .portal .body li a:visited:hover, #mw-panel .portal .body li a:hover, #mw-panel a:hover, #p-personal li a:hover {
color: red;

-webkit-transition: color 750ms linear;
-ms-transition: color 750ms linear;
transition: color 750ms linear;
}

/*
 * Horizontal List
 */
.hlist dt, .hlist dd {
  display: inline;
}