Jump to: navigation, search

Difference between revisions of "MediaWiki:Gamepress.css"

 
(78 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Green color scheme */
+
/* Blue color scheme */
  
 
/* Links */
 
/* Links */
article a, a.more { color: #317909; }
+
article a, a.more, a:visited { color: #317909; }
 
a:hover { color: #64AC3C; }
 
a:hover { color: #64AC3C; }
 +
  
 
/* Main Navigation */
 
/* Main Navigation */
 
#header nav {
 
#header nav {
 
/* @embed */
 
/* @embed */
background: #60a700 url("nav-green.png") repeat-x 0 top;
+
background: #3461b7 url("nav-blue.png") repeat-x 0 top;
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#60a700),color-stop(100%,#459300));
+
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#3461b7),color-stop(100%,#244386));
background-image: -webkit-linear-gradient(#60a700,#459300);
+
background-image: -webkit-linear-gradient(#3461b7,#244386);
background-image: -moz-linear-gradient(#60a700,#459300);
+
background-image: -moz-linear-gradient(#3461b7,#244386);
background-image: -o-linear-gradient(#60a700,#459300);
+
background-image: -o-linear-gradient(#3461b7,#244386);
background-image: linear-gradient(#60a700,#459300);
+
background: -ms-linear-gradient(top, #3461b7 0%,#244386 100%);
background: -ms-linear-gradient(top, #60a700 0%,#459300 100%);
+
background: linear-gradient(#3461b7,#244386);
background: linear-gradient(#60a700,#459300);
+
 
}
 
}
  
 
#primary-nav li {
 
#primary-nav li {
border-right: 1px solid #66b71d;
+
border-right: 1px solid #3a68cd;
 
}
 
}
  
 
#primary-nav a {
 
#primary-nav a {
border-left: 1px solid #067000;
+
border-left: 1px solid #182d5b;
 
}
 
}
  
 
#primary-nav a:hover {
 
#primary-nav a:hover {
 
/* @embed */
 
/* @embed */
background: url("nav-green.png") repeat-x bottom left;
+
background: url("nav-blue.png") repeat-x bottom left;
background: -moz-linear-gradient(top, #569600 0%, #427200 100%);
+
background: -moz-linear-gradient(top, #244386 0%, #1b356b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#569600), color-stop(100%,#427200));
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#244386), color-stop(100%,#1b356b));
background: -webkit-linear-gradient(top, #569600 0%,#427200 100%);
+
background: -webkit-linear-gradient(top, #244386 0%,#1b356b 100%);
background: -o-linear-gradient(top, #569600 0%,#427200 100%);
+
background: -o-linear-gradient(top, #244386 0%,#1b356b 100%);
background: -ms-linear-gradient(top, #569600 0%,#427200 100%);
+
background: -ms-linear-gradient(top, #244386 0%,#1b356b 100%);
background: linear-gradient(top, #569600, #427200);
+
background: linear-gradient(top, #244386, #1b356b);
 +
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#244386, endColorstr=#1b356b)";
 +
opacity: 1;
 
}
 
}
  
 
#primary-nav > li:last-child {
 
#primary-nav > li:last-child {
border-right: 1px solid #067000;
+
border-right: 1px solid #182d5b;
 
}
 
}
  
#primary-nav > li:last-child > a{
+
#primary-nav > li:last-child > a {
border-right: 1px solid #66b71d;
+
border-right: 1px solid #3a68cd;
 
}
 
}
  
 
#primary-nav ul li {
 
#primary-nav ul li {
border-right: 1px solid #067000;
+
border-right: 1px solid #182d5b;
 
}
 
}
  
 
#primary-nav ul > li:first-child {
 
#primary-nav ul > li:first-child {
-moz-box-shadow: 0 -1px #66b71d;
+
-moz-box-shadow: 0 -1px #3a68cd;
-webkit-box-shadow: 0 -1px 0 #66b71d;
+
-webkit-box-shadow: 0 -1px 0 #3a68cd;
box-shadow: 0 -1px 0 #66b71d;
+
box-shadow: 0 -1px 0 #3a68cd;
 
}
 
}
  
 
#primary-nav ul li {
 
#primary-nav ul li {
border-bottom: 1px solid #66b71d;
+
border-bottom: 1px solid #3a68cd;
background: #569600;
+
background: #244386;
 
}
 
}
  
 
#primary-nav ul a {
 
#primary-nav ul a {
border-bottom: 1px solid #067000;
+
border-bottom: 1px solid #182d5b;
 
}
 
}
  
#primary-nav ul.sub-menu a:hover {
+
#primary-nav ul a:hover {
 
/* @embed */
 
/* @embed */
background: url("nav-green.png") repeat-x bottom left;
+
background: url("nav-blue.png") repeat-x bottom left;
background: -moz-linear-gradient(top, #569600 0%, #427200 100%);
+
background: -moz-linear-gradient(top, #244386 0%, #1b356b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#569600), color-stop(100%,#427200));
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#244386), color-stop(100%,#1b356b));
background: -webkit-linear-gradient(top, #569600 0%,#427200 100%);
+
background: -webkit-linear-gradient(top, #244386 0%,#1b356b 100%);
background: -o-linear-gradient(top, #569600 0%,#427200 100%);
+
background: -o-linear-gradient(top, #244386 0%,#1b356b 100%);
background: -ms-linear-gradient(top, #569600 0%,#427200 100%);
+
background: -ms-linear-gradient(top, #244386 0%,#1b356b 100%);
background: linear-gradient(top, #569600, #427200);
+
background: linear-gradient(top, #244386, #1b356b);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#569600, endColorstr=#427200)";
+
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#244386, endColorstr=#1b356b)";
 
opacity: 1;
 
opacity: 1;
 
}
 
}
Line 90: Line 92:
  
 
#primary-nav ul li:first-child a:hover:after {
 
#primary-nav ul li:first-child a:hover:after {
border-bottom-color: #66b71d;
+
border-bottom-color: #182d5b;
 
}
 
}
  
 
/* Date background */
 
/* Date background */
article.list-small-thumb .entry-date, article.list-big-thumb .entry-date {
+
article.list-small-thumb .entry-date, article.list-big-thumb .entry-date{
 
/* @embed */
 
/* @embed */
 
background: url("date-bg.png") repeat-x 0 0;
 
background: url("date-bg.png") repeat-x 0 0;
Line 101: Line 103:
 
/* Pagination */
 
/* Pagination */
 
.wp-pagenavi .current, .wp-pagenavi a:hover {
 
.wp-pagenavi .current, .wp-pagenavi a:hover {
background: #64991e;
+
background: #1C5EA0;
background: -webkit-gradient(linear, left top, left bottom, from(#60a700), to(#459300));
+
background: -webkit-gradient(linear, left top, left bottom, from(#1C5EA0), to(#064792));
background: -webkit-linear-gradient(top, #60a700, #459300);
+
background: -webkit-linear-gradient(top, #1C5EA0, #064792);
background: -moz-linear-gradient(top, #60a700, #459300);
+
background: -moz-linear-gradient(top, #1C5EA0, #064792);
background: -ms-linear-gradient(top, #60a700, #459300);
+
background: -ms-linear-gradient(top, #1C5EA0, #064792);
background: -o-linear-gradient(top, #60a700, #459300);
+
background: -o-linear-gradient(top, #1C5EA0, #064792);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#60a700, endColorstr=#459300)";
+
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1C5EA0, endColorstr=#064792)";
background: linear-gradient(top, #60a700, #459300);
+
background: linear-gradient(top, #1C5EA0, #064792);
 
}
 
}
  
 
/* Form */
 
/* Form */
 
input[type="submit"] {
 
input[type="submit"] {
border: solid 1px #538312 !important;
+
border: 1px solid #064792 !important;
background: #64991e;
+
background: #1C5EA0;
background: -webkit-gradient(linear, left top, left bottom, from(#60a700), to(#459300));
+
background: -webkit-gradient(linear, left top, left bottom, from(#1C5EA0), to(#064792));
background: -webkit-linear-gradient(top, #60a700, #459300);
+
background: -webkit-linear-gradient(top, #1C5EA0, #064792);
background: -moz-linear-gradient(top, #60a700, #459300);
+
background: -moz-linear-gradient(top, #1C5EA0, #064792);
background: -ms-linear-gradient(top, #60a700, #459300);
+
background: -ms-linear-gradient(top, #1C5EA0, #064792);
background: -o-linear-gradient(top, #60a700, #459300);
+
background: -o-linear-gradient(top, #1C5EA0, #064792);
background: linear-gradient(top, #60a700, #459300);
+
background: linear-gradient(top, #1C5EA0, #064792);
 
}
 
}
 
input[type="submit"]:hover {
 
input[type="submit"]:hover {
background: #538018;
+
background: #064792;
background: -webkit-gradient(linear, left top, left bottom, from(#569600), to(#427200));
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e5296), color-stop(99%,#064792));
background: -webkit-linear-gradient(top, #569600, #427200);
+
background: -webkit-linear-gradient(top, #0e5296, #064792);
background: -moz-linear-gradient(top, #569600, #427200);
+
background: -moz-linear-gradient(top, #0e5296, #064792);
background: -ms-linear-gradient(top, #569600, #427200);
+
background: -ms-linear-gradient(top, #0e5296, #064792);
background: -o-linear-gradient(top, #569600, #427200);
+
background: -o-linear-gradient(top, #0e5296, #064792);
background: linear-gradient(top, #569600, #427200);
+
background: linear-gradient(top, #0e5296, #064792);
 
}
 
}
  
#logo {
+
#logo h1 {
  ...
+
}
+
 
+
#logo a {
+
 
   display:block;
 
   display:block;
   width: actual_image_width;
+
   width: 931px;
   height: actual_image_height;
+
   height: 211px;
 
   background: url(site_logo.png) no-repeat left top;
 
   background: url(site_logo.png) no-repeat left top;
 
}
 
}
 +
#logo a {display: none}
 +
#logo p {display:none}
 +
#header-inner {padding: 0 0 0 0; background: #000;}
 +
#header {background:#000;}
  
/* for accessibility reasons - without styles variant*/
+
#toc.toc {background: #111;border: 1px solid #000;box-shadow: 3px 3px 5px #000;}
#logo a span {display: none}
+
div.thumbinner {background: #000;border: 1px solid #111;}
 +
html .thumbimage {border:0px;}
 +
 
 +
i, cite, em, var, address, dfn {
 +
    font-style: italic;
 +
}
 +
 
 +
table {
 +
    border: initial;
 +
    border-right: initial;
 +
    border-bottom: initial;
 +
    background: initial;
 +
    margin: initial;
 +
    padding: initial;
 +
    vertical-align: initial;
 +
}
 +
table th, table tbody td {
 +
    border-right: initial;
 +
    border-bottom: initial;
 +
    padding: initial;
 +
    vertical-align: initial;
 +
}
  
div.logo  {
+
h1,h2,h3 {
background: url(site_logo.png);
+
  display: table-row;
background-size: contain;
+
background-repeat:no-repeat;
+
 
}
 
}

Latest revision as of 06:35, 24 May 2021

/* Blue color scheme */
 
/* Links */
article a, a.more, a:visited {	color: #317909; }
a:hover { color: #64AC3C; }
 
 
/* Main Navigation */
#header nav {
	/* @embed */
	background: #3461b7 url("nav-blue.png") repeat-x 0 top;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#3461b7),color-stop(100%,#244386));
	background-image: -webkit-linear-gradient(#3461b7,#244386);
	background-image: -moz-linear-gradient(#3461b7,#244386);
	background-image: -o-linear-gradient(#3461b7,#244386);
	background: -ms-linear-gradient(top, #3461b7 0%,#244386 100%);
	background: linear-gradient(#3461b7,#244386);
}
 
#primary-nav li {
	border-right: 1px solid #3a68cd;
}
 
#primary-nav a {
	border-left: 1px solid #182d5b;
}
 
#primary-nav a:hover {
	/* @embed */
	background: url("nav-blue.png") repeat-x bottom left;
	background: -moz-linear-gradient(top, #244386 0%, #1b356b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#244386), color-stop(100%,#1b356b));
	background: -webkit-linear-gradient(top, #244386 0%,#1b356b 100%);
	background: -o-linear-gradient(top, #244386 0%,#1b356b 100%);
	background: -ms-linear-gradient(top, #244386 0%,#1b356b 100%);
	background: linear-gradient(top, #244386, #1b356b);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#244386, endColorstr=#1b356b)";
	opacity: 1;
}
 
#primary-nav > li:last-child {
	border-right: 1px solid #182d5b;
}
 
#primary-nav > li:last-child > a {
	border-right: 1px solid #3a68cd;
}
 
#primary-nav ul li {
	border-right: 1px solid #182d5b;
}
 
#primary-nav ul > li:first-child {
	-moz-box-shadow: 0 -1px #3a68cd;
	-webkit-box-shadow: 0 -1px 0 #3a68cd;
	box-shadow: 0 -1px 0 #3a68cd;
}
 
#primary-nav ul li {
	border-bottom: 1px solid #3a68cd;
	background: #244386;
}
 
#primary-nav ul a {
	border-bottom: 1px solid #182d5b;
}
 
#primary-nav ul a:hover {
	/* @embed */
	background: url("nav-blue.png") repeat-x bottom left;
	background: -moz-linear-gradient(top, #244386 0%, #1b356b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#244386), color-stop(100%,#1b356b));
	background: -webkit-linear-gradient(top, #244386 0%,#1b356b 100%);
	background: -o-linear-gradient(top, #244386 0%,#1b356b 100%);
	background: -ms-linear-gradient(top, #244386 0%,#1b356b 100%);
	background: linear-gradient(top, #244386, #1b356b);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#244386, endColorstr=#1b356b)";
	opacity: 1;
}
 
#primary-nav > li > ul > li:first-child > a:before,
#primary-nav > li > ul > li:first-child > .before {
	/* @embed */
	background: url("submenu-arrow.png") no-repeat bottom left;
}
 
#primary-nav ul ul li:first-child > a:before,
#primary-nav ul ul > li:first-child > .before {
	/* @embed */
	background: url("submenu-arrow.png") no-repeat bottom right;
}
 
#primary-nav ul li:first-child a:hover:after {
	border-bottom-color: #182d5b;
}
 
/* Date background */
article.list-small-thumb .entry-date, article.list-big-thumb .entry-date{
	/* @embed */
	background: url("date-bg.png") repeat-x 0 0;
}
 
/* Pagination */
.wp-pagenavi .current, .wp-pagenavi a:hover {
	background: #1C5EA0;
	background: -webkit-gradient(linear, left top, left bottom, from(#1C5EA0), to(#064792));
	background: -webkit-linear-gradient(top, #1C5EA0, #064792);
	background: -moz-linear-gradient(top, #1C5EA0, #064792);
	background: -ms-linear-gradient(top, #1C5EA0, #064792);
	background: -o-linear-gradient(top, #1C5EA0, #064792);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1C5EA0, endColorstr=#064792)";
	background: linear-gradient(top, #1C5EA0, #064792);
}
 
/* Form */
input[type="submit"] {
	border: 1px solid #064792 !important;
	background: #1C5EA0;
	background: -webkit-gradient(linear, left top, left bottom, from(#1C5EA0), to(#064792));
	background: -webkit-linear-gradient(top, #1C5EA0, #064792);
	background: -moz-linear-gradient(top, #1C5EA0, #064792);
	background: -ms-linear-gradient(top, #1C5EA0, #064792);
	background: -o-linear-gradient(top, #1C5EA0, #064792);
	background: linear-gradient(top, #1C5EA0, #064792);
}
input[type="submit"]:hover {
	background: #064792;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e5296), color-stop(99%,#064792));
	background: -webkit-linear-gradient(top, #0e5296, #064792);
	background: -moz-linear-gradient(top, #0e5296, #064792);
	background: -ms-linear-gradient(top, #0e5296, #064792);
	background: -o-linear-gradient(top, #0e5296, #064792);
	background: linear-gradient(top, #0e5296, #064792);
}
 
#logo h1 {
   display:block;
   width: 931px;
   height: 211px;
   background: url(site_logo.png) no-repeat left top;
}
#logo a {display: none}
#logo p {display:none}
#header-inner {padding: 0 0 0 0; background: #000;}
#header {background:#000;}
 
#toc.toc {background: #111;border: 1px solid #000;box-shadow: 3px 3px 5px #000;}
div.thumbinner {background: #000;border: 1px solid #111;}
html .thumbimage {border:0px;}
 
i, cite, em, var, address, dfn {
    font-style: italic;
}
 
table {
    border: initial;
    border-right: initial;
    border-bottom: initial;
    background: initial;
    margin: initial;
    padding: initial;
    vertical-align: initial;
}
table th, table tbody td {
    border-right: initial;
    border-bottom: initial;
    padding: initial;
    vertical-align: initial;
}
 
h1,h2,h3 {
   display: table-row;
}