Note

The Funtoo Linux project has transitioned to "Hobby Mode" and this wiki is now read-only.

MediaWiki:Vector.css

From Funtoo
Revision as of 19:05, December 6, 2018 by Drobbins (talk | contribs)
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* personal bar styling */

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

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
    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 {
    text-decoration: none;
    color: #678aa9;
    font-family: Arial, Helvetica, sans-serif;
}


/* smaller tabs */

#ca-unwatch.icon a, #ca-watch.icon a {
    padding-top: 2.3em;
}

div.vectorTabs li a {
    padding-top: 0.55em;
    color: #385c96;
}

div.vectorTabs {
    height: 2.0em;
}

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

#left-navigation {
    margin-top: 3.0em;
}

#right-navigation {
    margin-top: 3.0em;
}

div#simpleSearch {
    margin-top: 0.15em;
    width: none;
    min-width: none;
    max-width: 15em;
    background-color: #f5f4f5;
}

#p-search {
    float: right;
}

#p-search form {
    margin-top: 0;
}

/* end smaller tabs */

/* background */

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

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

/* pretty up search form */

input, textarea, select, button {
    font-family: 'Open Sans', sans-serif;
}

#searchform {
    border-radius: 6px;
}

/* search form end */

body {
    font-family: 'Open Sans', sans-serif;
}

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

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

div.vectorTabs li.new a, div.vectorTabs li.new a:visited {
    /* 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 {
    /* 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;
}

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

div.vectorTabs li.selected {
    background-image: none;
    background-color: #fff;
}

div.vectorTabs span {
    background-image: none;
}

h1 {
    border-bottom: 1px solid #ececec;
}



.mw-body h1 {
    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 {
    border: 0px;
    border-radius: 4px;
    background-image: none;
}

div#simpleSearch #searchInput {
    padding: 0.2em 0 0.2em 0.4em;
}