MediaWiki:Vector.css

/* CSS placed here will affect users of the Vector skin */
/* CSS placed here will affect users of the Vector skin */

/* Importing selection coloration */
::selection {
  background: #3A9B86; /* WebKit/Blink Browsers */
  color: #fff7e9;
}
::-moz-selection {
  background: #3A9B86; /* Gecko Browsers */
  color: #fff7e9;
}

/*==================================================
  ALL PAGES
==================================================*/

body {
  background-color: #256356;
  background-repeat: repeat;
}

#content { 
         border-left: 2px solid #3A9B86; 
         border-right: 2px solid #3A9B86; 
         border-top: 2px solid #3A9B86; 
         background: #f4fbf9;
}

/* Styles the account information box in the top right corner */

#p-personal {
  background-color: #f4fbf9;
  top: -0.09em;
  margin-right: 4em;
  padding: 2px 12px 2px 0;
  border-radius: 2px 2px 10px 10px;
  border-style: solid;
  border-color: #3A9B86;
  border-width: 2px;
}

/* Tab stuff */
div.vectorTabs {
  background-image: none;
}

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

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

  div.vectorTabs ul li {
    background-color: #f4fbf9;
    background-image: none;
    border: 2px;
    border-radius: 0.95em 0.95em 0 0;
    height: 1.9em;
    line-height: 1px;
    margin-right: 0.15em;
    margin-top: 0.5em;
    border-style: solid;
    border-color: #3A9B86;
    min-width: 30px;
    border-top:2px solid #3A9B86;
    border-right:2px solid #3A9B86;
    border-bottom:1px solid #3A9B86;
    border-left:2px solid #3A9B86;
  }

.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a {
  background-position: 90% 50%;
  width: 60px;
  overflow: visible;
  padding: 16px;
}

div.vectorTabs li.selected {
    background: #3A9B86 !important;
    border-bottom: 1px #E7C6FF;
}

div#mw-head div.vectorMenu h3 {
  background: #f4fbf9;
  height: 28px;
  margin-top: 0.6em;
  border-style: solid;
  border-color: #3A9B86;
  border-radius: 10px 10px 0 0;
  margin-left: 0.1em;
  margin-right: 0.4em;
  border-top:2px solid #3A9B86;
  border-right:2px solid #3A9B86;
  border-bottom:1px solid #3A9B86;
  border-left:2px solid #3A9B86;
}

div#mw-head div.vectorMenu h3 {
    background: #f4fbf9; 
    color: #f4fbf9;
    border-top: 2px solid #3A9B86;
    border-right: 2px solid #3A9B86;
}

div.vectorMenu h3 span {
  padding-top: 6px;
}

#left-navigation {
  margin-left: 11em;
}

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

.selected {
 background: #f4fbf9;
}

div.vectorTabs li.selected a:link, div.vectorTabs li.selected a:link {
  text-decoration: none;
  color: #f4fbf9;
}

div#mw-panel div.portal div.body {background-image:linear-gradient(-90deg, #3A9B86, #3A9B86 16.7%, #3A9B86 83.3%, #3A9B86); background-size: 100% 1px;}

#right-navigation {
  margin-right: 4em;
  overflow: visible;
  display: inline;
}

#p-logo {
  left: -1em;
  margin-top: -185px;
  margin-left: -15px;
}
/* Importing selection coloration 
.mw-wiki-logo {
    background-image: url("https://www.ponywiki.mlpwiki.net/wiki/images/f/f8/Pride_month_and_other_important_days_for_LGBT_stuff_logo.png");
}
*/
div#mw-page-base {
  background-image: none;
  background-color: rgba(255,255,255,0);
  opacity: 0;
}

#mw-panel {
  background-color: #f4fbf9;
  max-width: 8em;
  margin-left: 0.8em;
  margin-top: 11em;
  padding: 1em 0.5em 1em 0em;
  border-style: solid;
  border-color: #3A9B86;
  border-width: 2px 2px 2px 10px;
  border-radius: 2px;
}

.mw-body {
  border-style: solid;
  border-color: #3A9B86;
  border-width: 2px 2px 0 2px;
  margin-left: 11em;
  margin-right: 5em;
}

  .mw-body h1, .mw-body h2, .mw-body #firstHeading {
    font-family: sans-serif;
    background-position: 95% -1.75%;
    background-repeat: no-repeat;
  }

/* Fixes an issue where File:Drip-heading.png shows behind the word "Contents" in the table of contents */
div.toctitle > h2 {
  background-image: none
}

#footer {
  background-color: #3A9B86;
  color: #FFF;
  border-style: solid;
  border-color: #3A9B86;
  border-width: 2px 2px 2px 2px;
  margin-right: 5em;
  margin-bottom: 5em;
  border-radius: 0 0 10px 10px;
}

#footer a:link { color: #FFF; } /* normal unvisited links */
#footer a:link:visited { color: #FFF; } /* visited links */
#footer a:link:active { color: #FFF; } /* active links */
#footer a:link.new { color: #FFF; } /* new links */
#footer a:link.extiw { color: #FFF; } /* interwiki links */
#footer a:link.external { color: #FFF; } /* external links */
#footer a:link.stub { color: #FFF; } /* hovered links */

/* Search */

div#simpleSearch #searchInput {
	top: 0;
	left: 0;
	width: 100%;
	padding: 0.2em 0em 5px 0.2em;
	font-size: 13px;
	direction: ltr;
	-webkit-appearance: textfield;
}

#p-search input {}

#p-search div#simpleSearch {
	border-radius: 0.5em;
	border: none;
	background: #fff7e9;
	color: #3A9B86;
	padding: 0 0;
}

div#simpleSearch #searchButton,
div#simpleSearch #mw-searchButton {
	background-position: center center;
	background-repeat: no-repeat;
}

#searchInput {
	border-radius: 0.5em;
	border: none;
	background: #fff7e9;
	color: #3A9B86;
	padding: 0 0;
}

div#simpleSearch input {
	color: #3A9B86;
	background-image: none;
	background-color: #f4fbf9;
	border-radius: 0.5em;
}

div.suggestions,
html>body div.suggestions {
	border-radius: 0.5em;
	border: 2px solid #362668;
	background: #4A338E;
	color: #fff7e9;
}

.suggestions-results {
	border: none;
	background: #4A338E;
	color: #fff7e9;
}

.suggestions-special {
	border: none;
	border-top: 1px solid #362668;
	background: #4A338E;
	color: #fff7e9;
}

.suggestions-result,
.suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
	color: #fff7e9;
}

.suggestions-special .special-label {
	color: #FFFCAD;
}

.suggestions-result-current .special-label {
	color: #FFFCAD;
}

.suggestions-result-current {
	background: #3A9B86 !important;
	color: #FFFCAD;
}

.suggestions-result-current .special-query,
.suggestions-result-current a.mw-searchSuggest-link,
.suggestions-result-current a.mw-searchSuggest-link:hover,
.suggestions-result-current a.mw-searchSuggest-link:active,
.suggestions-result-current a.mw-searchSuggest-link:focus {
	color: #FFFCAD;
}


/* Search Results Page */

.mw-search-profile-tabs {
	background-color: #3A9B86;
	margin-top: 1em;
	border: none;
	border-radius: 0.5em;
}

.mw-search-profile-tabs div.search-types ul li.current a {
	color: #fff7e9;
	cursor: default;
}

.results-info {
	color: #fff7e9;
}