MediaWiki:Vector.css

Iš wiki.angis.net.
Jump to navigation Jump to search

Dėmesio: Išsaugojus jums gali prireikti išvalyti jūsų naršyklės podėlį, kad pamatytumėte pokyčius.

  • Firefox / Safari: Laikydami Shift pasirinkite Perkrauti, arba paspauskite Ctrl-F5 ar Ctrl-R (sistemoje Apple Mac ⌘-R)
  • Google Chrome: Spauskite Ctrl-Shift-R (sistemoje Apple Mac ⌘-Shift-R)
  • Internet Explorer: Laikydami Ctrl paspauskite Naujinti, arba paspauskite Ctrl-F5
  • Opera: Eikite į Meniu → Nuostatos (sistemoje Apple Mac Opera → Nustatymai), tuomet Privatumas ir sauga → išvalyti naršymo podėlį → išsaugotos talpyklos vaizdai ir failai.
/* All CSS here will be loaded for users of the Vector skin */
body {
	background: #f8f8fb;
}

#mw-head {
	background: #615dfa;
    color: white;
	min-height: 80px;
}

#mw-head a {
	color: white;
}

#mw-head .vector-menu-tabs li.selected {
	background: #5653df;
}

#mw-head .vector-menu-tabs li {
	background: #615dfa;
}

#mw-head .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
	color: white;
}

#mw-head .vector-menu-tabs .new a, .vector-menu-tabs .new a:visited {
	color: white;
}

#mw-head .vector-menu-tabs li a {
	color: white;
}

#mw-head  .vector-menu-tabs, #mw-head .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
    background-image: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(167,215,249,0)),to(#1d2333));
    background-image: -o-linear-gradient(top,rgba(167,215,249,0) 0,#1d2333 100%);
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#1d2333 100%);
	color: white;
}

#mv-head .vector-menu-dropdown h3 {
	color: white;
}

#mv-head .menu .vector-menu-content-list {
	background: #615dfa;
}

.vector-menu-dropdown .vector-menu-content-list {
	background: #615dfa;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-content .vector-menu-content-list {
	background: #615dfa;
	border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 0;
}

#mw-panel {
    border-radius: 12px;
    width: 176px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    -webkit-box-shadow: 0px 1px 1px 0px #bfbfbf;
    box-shadow: 0px 1px 1px 0px #bfbfbf;
    padding: 27px;
    background: white;
    margin-top: 80px;
}

#content {
	padding: 32px 28px;
    border-radius: 12px;
    background-color: white;
    -webkit-box-shadow: 0 0 40px 0 rgb(94 92 154 / 6%);
    box-shadow: 0 0 40px 0 rgb(94 92 154 / 6%);
    position: relative;
    max-width: 50em;
    margin-top: 25px;
	border: 0;
}

#searchInput::-webkit-input-placeholder {
	color: #fbfbfb;
}

#searchInput {
	color: white;
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
	font-family: Rajdhani,sans-serif;
	border: 0;
}

@media screen and (min-width: 1366px) {
  #content {
	margin-left: auto;
	margin-right: auto;
  }
  
  #footer {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
  }
}

@media screen and (min-width: 769px) and (max-width: 1365px) {
  #content {
	margin-left: 255px;
    margin-right: 25px;
  }
  #footer {
	margin-left: 255px;
  }
}

@media screen and (max-width: 768px) {
	#mw-panel {
		width: 10em;
		padding: 0;
	}
}