Difference between revisions of "MediaWiki:Vector.css"

From Funtoo
Jump to navigation Jump to search
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/* personal bar styling */
/* Personal menu in upper left. */


div.vectorTabs li.new a, div.vectorTabs li.new span a:visited {
#p-personal .vector-menu-content {
    color: #a55858;
  font-family: "Lato", sans-serif;
}
}


div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
/* Make it transparent except when you hover. */
    color: #a55858;
}
 
div#mw-panel div.portal div.body ul li a:visited {
    color: #678aa9;
}
 
#mw-panel .portal .body li a {
    color: #678aa9;
}
 
#p-personal li#pt-userpage a {
    text-transform: lowercase;
    color: #678aa9;
    text-decoration: none;
}
 
#p-personal li#pt-mytalk a {
    color: #678aa9;
    text-decoration: none;
}


#p-personal a {
#p-personal a {
    text-decoration: none;
  opacity: 50%;
    color: #678aa9;
  color: #35435a;
    font-family: Arial, Helvetica, sans-serif;
}
}


 
#p-personal a:visited {
/* smaller tabs */
  color: #35435a;
 
#ca-unwatch.icon a, #ca-watch.icon a {
    padding-top: 2.3em;
}
}


div.vectorTabs li a {
#p-personal a:hover {
    padding-top: 0.55em;
  opacity: 100%;
    color: #385c96;
}
}


div.vectorTabs {
    height: 2.0em;
}


div.vectorMenu h3 span {
/* Sidebar */
    padding-top: 0.55em;
    color: #2133388;
}


#left-navigation {
#mw-panel .vector-menu-heading, #mw-panel .vector-menu-content {
    margin-top: 3.0em;
  font-family: "Lato", sans-serif;
}
}


#right-navigation {
/* body text defaults and background */
    margin-top: 3.0em;
}


div#simpleSearch {
body {
     margin-top: 0.15em;
     background: linear-gradient(to bottom, #b0b6d6 0%,#f3f7fe 17%);
     width: none;
     background-repeat: no-repeat;
    min-width: none;
     background-color: #f3f7fe;
    max-width: 15em;
     background-color: #f5f4f5;
}
}
#p-search {
    float: right;
}
#p-search form {
    margin-top: 0;
}
/* end smaller tabs */
/* background */


#mw-page-base {
#mw-page-base {
Line 88: Line 40:
}
}


body {
/* 'More' drop-down menu -- make it match our navigation tabs */
    background: linear-gradient(to bottom, #b0b6d6 0%,#f3f7fe 17%);
    background-repeat: no-repeat;
    background-color: #f3f7fe;
}
 
/* pretty up search form */


input, textarea, select, button {
#p-cactions .vector-menu-content {
    font-family: 'Open Sans', sans-serif;
  border-radius: 0px 0px 8px 8px;
}
}


#searchform {
.vector-menu-content, .mw-portlet {
     border-radius: 6px;
     font-family: 'Zilla Slab', serif;
    font-weight: 500;
}
}


/* search form end */
/* Left and right tab navigation */


body {
/* A proper tab font with excellent weight! */
    font-family: 'Open Sans', sans-serif;
}


div.vectorTabs li a {
.vector-menu-tabs li a {
     font-family: 'Open Sans', sans-serif;
     font-family: 'Zilla Slab', serif;
     font-weight: 500;
     font-weight: 500;
}
}


div.vectorTabs li.selected a {
.vector-menu-tabs li.selected a {
     font-weight: 600;
     font-weight: 600;
     border-bottom: none;
     border-bottom: none;
}
}


div.vectorTabs li.new a, div.vectorTabs li.new a:visited {
/* Rounded corners on navigation tabs */
    /* discussion red link */
    color: #c52626;
}
 
a.new, #p-personal a.new {
    color: #a92121;
    text-decoration: dotted underline;
}
 
.mw-body {
    border: 0px solid #a7d7f9;
    border-radius: 0px 5px 5px 5px;
    margin-right: 15px;
    font-family: 'Open Sans', serif;
    margin-top: 0;
}
 
.mw-body-content p {
    /* selected for noto sans */
    line-height: 1.6;
}
 
.mw-body, .parsoid-body {
    /* increase contrast ratio */
    color: #110633;
}
 
#mw-head-base {
    /* alignment fixup with lines removed. */
    border-bottom: none;
}
 
body div.vectorTabs {
    padding-left: 0px;
    background-image: none;
}
 
div.vectorMenu div.menu {
    border: none;
    box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.05), 2px 2px 6px 0 rgba(0,0,0,0.2);
    border-radius: 0px 5px 5px 0px;
}


div#mw-head div.vectorMenu h3 {
.vector-menu-tabs li:first-child {
    /* near more menu, vertical blue line */
    background-image: none;
}
 
div.vectorTabs ul {
    background-image: none;
}
 
div.vectorTabs ul li:first-child {
     border-top-left-radius: 8px;
     border-top-left-radius: 8px;
}
}


div.vectorTabs ul li:last-child {
.vector-menu-tabs li:last-child {
     border-top-right-radius: 8px;
     border-top-right-radius: 8px;
}
}


div.vectorTabs li.selected {
#searchform input {
     background-image: none;
     font-family: 'Zilla Slab', serif;
     background-color: #fff;
     border-radius: 6px;
}
}


div.vectorTabs span {
/* smaller tabs */
    background-image: none;
 
.vector-menu-tabs li a {
  padding-top: 8px;
  /* inherit from parent */
  height: 100%;
}
}


h1 {
.vector-menu-tabs {
     border-bottom: 1px solid #ececec;
     height: 2em;
    margin-top: 0.5em;
}
}




 
.vector-menu-tabs li {
.mw-body h1 {
  height: 2em;
    font-family: 'Noto Serif';
    font-size: 1.875em;
}
 
.mw-body h2 {
    font-family: 'Noto Serif', serif;
}
}


.mw-body h3 {
    font-family: 'Noto-Serif', serif;
}


div#simpleSearch {
/* Reduce contrast of vertical separator line between navigation tabs */
    border: 0px;
    border-radius: 4px;
    background-image: none;
}


div#simpleSearch #searchInput {
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
     padding: 0.2em 0 0.2em 0.4em;
     background-image: url(/skins/Vector/resources/skins.vector.styles/images/tab-separator.png?09d4b);
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#8ac0d5ab 100%);
    background-repeat: no-repeat;
    background-size: 1px 100%;
}
}

Latest revision as of 03:58, November 15, 2021

/* Personal menu in upper left. */

#p-personal .vector-menu-content {
  font-family: "Lato", sans-serif;
}

/* Make it transparent except when you hover. */

#p-personal a {
  opacity: 50%;
  color: #35435a;
}

#p-personal a:visited {
  color: #35435a;
}

#p-personal a:hover {
  opacity: 100%;
}


/* Sidebar */

#mw-panel .vector-menu-heading, #mw-panel .vector-menu-content {
  font-family: "Lato", sans-serif;
}

/* body text defaults and background */

body {
    background: linear-gradient(to bottom, #b0b6d6 0%,#f3f7fe 17%);
    background-repeat: no-repeat;
    background-color: #f3f7fe;
}

#mw-page-base {
    background-image: none;
    background-color: transparent;
}

/* 'More' drop-down menu -- make it match our navigation tabs */

#p-cactions .vector-menu-content {
  border-radius: 0px 0px 8px 8px;
}

.vector-menu-content, .mw-portlet {
    font-family: 'Zilla Slab', serif;
    font-weight: 500;
}

/* Left and right tab navigation */

/* A proper tab font with excellent weight! */

.vector-menu-tabs li a {
    font-family: 'Zilla Slab', serif;
    font-weight: 500;
}

.vector-menu-tabs li.selected a {
    font-weight: 600;
    border-bottom: none;
}

/* Rounded corners on navigation tabs */

.vector-menu-tabs li:first-child {
    border-top-left-radius: 8px;
}

.vector-menu-tabs li:last-child {
    border-top-right-radius: 8px;
}

#searchform input {
    font-family: 'Zilla Slab', serif;
    border-radius: 6px;
}

/* smaller tabs */

.vector-menu-tabs li a {
  padding-top: 8px;
  /* inherit from parent */
  height: 100%;
}

.vector-menu-tabs {
    height: 2em;
    margin-top: 0.5em;
}


.vector-menu-tabs li {
  height: 2em;
}


/* Reduce contrast of vertical separator line between navigation tabs */

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
    background-image: url(/skins/Vector/resources/skins.vector.styles/images/tab-separator.png?09d4b);
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#8ac0d5ab 100%);
    background-repeat: no-repeat;
    background-size: 1px 100%;
}