MediaWiki:Timeless.css: различия между версиями

(Содержимое страницы заменено на «→‎CSS placed here will affect users of the Timeless skin: @import url('https://fonts.googleapis.com/css?family=Merriweather'); h...»)
Метка: замена
Строка 1: Строка 1:
−
/* CSS placed here will affect users of the Timeless skin */
+
div.editOptions {
−
@import url('https://fonts.googleapis.com/css?family=Merriweather');
+
border: #222;
−
html {
+
background: #555;
−
background: rgb(0,0,0) !important;
 
−
height: 100%;
 
−
font-size: 1.1em;
 
−
filter: brightness(100%) contrast(100%) grayscale(0%) !important;
 
−
-webkit-filter: brightness(100%) contrast(100%) grayscale(0%) !important;
 
−
overflow-x: hidden;
 
 
}
 
}
−
body {
+
#mw-header-nav-hack {
 +
border-top: solid 2px #333;
 +
background: #333;
 +
}
 +
#mw-site-navigation .sidebar-inner {
 +
background: #333;
 +
border: 0;
 +
}
 +
@media screen and (min-width: 851px) {
 +
#p-logo-text a {
 +
position: fixed;
 +
right: 75vw;
 +
}
 +
}
 +
@media screen and (max-width: 850px) {
 +
#p-logo-text {
 +
margin-top: 0;
 +
}
 +
}
 +
@media screen and (max-width: 1099px) and (min-width: 851px) {
 +
#p-logo-text a.long {
 +
padding-left: 7px;
 +
float: left;
 +
font-size: 23px !important;
 +
}
 +
}
 +
@media screen and (max-width: 1099px) and (min-width: 851px) {
 +
#mw-related-navigation .sidebar-inner {
 +
background: #222 !important;
 +
border: solid #111;
 +
}
 +
}
 +
@media screen and (max-width: 1099px) and (min-width: 851px) {
 +
#mw-site-navigation .sidebar-inner {
 +
background: #222;
 +
border: solid #111;
 +
}
 +
}
 +
#mw-site-navigation .sidebar-chunk {
 +
border: outset #222;
 +
background: #333;
 +
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
 +
border-radius: 3px;
 +
}
 +
@media screen and (max-width: 851px) {
 +
#mw-site-navigation .sidebar-chunk {
 +
padding: 0 15px 5px 20px;
 +
}
 +
}
 +
@media screen and (max-width: 1099px) and (min-width: 851px) {
 +
#mw-site-navigation .sidebar-inner {
 +
background: #222 !important;
 +
border: solid #111 !important;
 +
}
 +
}
 +
.mw-parser-output a.external {
 +
color: #ff9900;
 +
}
 +
#searchInput {
 +
padding: 0.2em 4.5em 0.2em 2em !important;
 
margin: 0;
 
margin: 0;
−
background: #000;
 
−
color: #ccccff;
 
−
font-family: 'Merriweather', serif;
 
 
}
 
}
−
a {
+
#searchInput-container {
−
color: #cc6600;
+
background: #333;
 +
height: 35px;
 +
}
 +
#simpleSearch {
 +
border: inset 1px #000;
 +
border-radius: 3px;
 +
background: #333;
 +
height: 35px;
 +
width: 48vw;
 +
position: absolute;
 +
left: 0;
 +
right: 0;
 +
margin-left: auto;
 +
margin-right: auto;
 +
top: 7px;
 
}
 
}
−
a:hover, a:visited {
+
#user-tools {
−
color: #cc3300;
+
position: fixed;
 +
right: 86px;
 
}
 
}
−
h1 {
+
@media screen and (min-width: 851px) {
−
color: white;
+
#user-tools {
−
text-shadow: 1px 1px 1px #000;
+
left: 74vw;
−
font-size: 40px !important;
+
top: 5px;
 
}
 
}
−
h1, h2, h3, h4 {
 
−
color: #6699ff;
 
−
font-family: 'Merriweather', serif;
 
 
}
 
}

Версия 00:15, 28 ноября 2019

div.editOptions {
	border: #222;
	background: #555;
}
#mw-header-nav-hack {
	border-top: solid 2px #333;
	background: #333;
}
#mw-site-navigation .sidebar-inner {
	background: #333;
	border: 0;
}
@media screen and (min-width: 851px) {
#p-logo-text a {
	position: fixed;
	right: 75vw;
}
}
@media screen and (max-width: 850px) {
#p-logo-text {
	margin-top: 0;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#p-logo-text a.long {
	padding-left: 7px;
	float: left;
	font-size: 23px !important;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-related-navigation .sidebar-inner {
	background: #222 !important;
	border: solid #111;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-site-navigation .sidebar-inner {
	background: #222;
	border: solid #111;
}
}
#mw-site-navigation .sidebar-chunk {
	border: outset #222;
	background: #333;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
	border-radius: 3px;
}
@media screen and (max-width: 851px) {
#mw-site-navigation .sidebar-chunk {
	padding: 0 15px 5px 20px;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-site-navigation .sidebar-inner {
	background: #222 !important;
	border: solid #111 !important;
}
}
.mw-parser-output a.external {
	color: #ff9900;
}
#searchInput {
	padding: 0.2em 4.5em 0.2em 2em !important;
	margin: 0;
}
#searchInput-container {
	background: #333;
	height: 35px;
}
#simpleSearch {
	border: inset 1px #000;
	border-radius: 3px;
	background: #333;
	height: 35px;
	width: 48vw;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 7px;
}
#user-tools {
	position: fixed;
	right: 86px;
}
@media screen and (min-width: 851px) {
#user-tools {
	left: 74vw;
	top: 5px;
}
}