|
|
| Line 1: |
Line 1: |
| − | /*
| |
| | | | |
| − | Theme Name: GamePress
| |
| − | Theme URI: http://webtuts.pl/gamepress-en/
| |
| − | Description: GamePress is a gaming oriented WordPress theme, perfect for game reviews, videos and news or other entertainment related website. It comes in 4 color schemes and it's easy to use and customize.
| |
| − | Version: 1.0.5
| |
| − | Author: Aleksandra Łączek
| |
| − | Author URI: http://webtuts.pl/themes/
| |
| − | Tags: dark, two-columns, fixed-width, right-sidebar, threaded-comments, translation-ready, custom-menu, custom-background, custom-colors, theme-options
| |
| − | License: GNU General Public License v2.0
| |
| − | License URI: http://www.gnu.org/licenses/gpl-2.0.html
| |
| − | -------------------------------------------------------------------------------------
| |
| − |
| |
| − | 00. <s>CSS Reset</s> just kidding :)
| |
| − | 01. Document Setup
| |
| − | 02. Typography (header, paragraph, blockquote, lists, links, tables etc.)
| |
| − | 03. Forms & Buttons
| |
| − | 04. Header (logo, main navigation, search field)
| |
| − | 05. Content
| |
| − | 06. Sidebar
| |
| − | 07. Prefooter
| |
| − | 08. Footer
| |
| − | 09. Misc
| |
| − | 10. @font-face
| |
| − | */
| |
| − |
| |
| − | /**
| |
| − | * I moved the CSS reset stuff to reset.css on 16 January 2014 so that this skin
| |
| − | * wouldn't overwrite the /skins/common/common*.css styles. --ashley
| |
| − | */
| |
| − |
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − | /* 01. Document Setup
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − | body {
| |
| − | line-height: 1;
| |
| − | font: 13px/20px "OpenSansRegular", Tahoma, sans-serif;
| |
| − | -ms-word-wrap: break-word;
| |
| − | word-wrap: break-word;
| |
| − | }
| |
| − |
| |
| − | img { display: inline-block; }
| |
| − | img {
| |
| − | max-width: 100%;
| |
| − | height: auto;
| |
| − | width: auto; /* IE 8 */
| |
| − | }
| |
| − |
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − | /* 02. Typography
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − |
| |
| − | /* Headers */
| |
| − | h1, h2, h3, h4, h5, h6 {
| |
| − | font-family: "Merienda", "OpenSansRegular", Tahoma, sans-serif;
| |
| − | line-height: 1.6em;
| |
| − | }
| |
| − | h1, h2 { margin-bottom: 12px; }
| |
| − | h3, h4, h5, h6 { margin-bottom: 6px; }
| |
| − | h1 { font-size: 30px; }
| |
| − | h1#firstHeading, h2 { font-size: 20px; }
| |
| − | h3 { font-size: 16px; }
| |
| − | h4 { font-size: 14px; }
| |
| − | h5, h6 { font-size: 12px; }
| |
| − |
| |
| − | h1 a:hover, h2 a:hover {
| |
| − | border: none !important;
| |
| − | }
| |
| − | .entry-content h1,
| |
| − | .entry-content h2,
| |
| − | .entry-content h3,
| |
| − | .entry-content h4,
| |
| − | .entry-content h5,
| |
| − | .entry-content h6 {
| |
| − | clear: both;
| |
| − | }
| |
| − |
| |
| − | /* Text */
| |
| − | p { margin: 12px 0; }
| |
| − | em { font-style: italic; }
| |
| − | strong, b { font-weight: bold; }
| |
| − | small { font-size: 80%; }
| |
| − | hr { border: none; }
| |
| − | em { font-style: italic; }
| |
| − |
| |
| − | /* Links */
| |
| − | a {
| |
| − | color: #30b5ec;
| |
| − | text-decoration: none;
| |
| − | border-bottom: 1px dotted transparent;
| |
| − | }
| |
| − | /* added by ashley because the default (from one of the /skins/common/common*.css files) is an eyesore */
| |
| − | a:visited {
| |
| − | color: #30c6ec; /* light blue */
| |
| − | }
| |
| − | #content a:hover, #sidebar a:hover, #prefooter a:hover {
| |
| − | border-bottom: 1px dotted;
| |
| − | }
| |
| − | a:focus {
| |
| − | outline: none;
| |
| − | }
| |
| − |
| |
| − | a.img-bevel:hover, a.img:hover, a.nohover:hover, a:hover img {
| |
| − | text-decoration: none !important;
| |
| − | border: none !important;
| |
| − | }
| |
| − | article a { color: #30b5ec; }
| |
| − | a img {
| |
| − | border: 0;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | a.more {
| |
| − | text-transform: uppercase;
| |
| − | text-decoration: none;
| |
| − | font-size: 11px;
| |
| − | color: #30b5ec;
| |
| − | }
| |
| − |
| |
| − | /* Blockquotes */
| |
| − | blockquote {
| |
| − | margin: 12px 0;
| |
| − | padding-left: 18px;
| |
| − | font-style: italic;
| |
| − | }
| |
| − | blockquote.left, blockquote.right {
| |
| − | float: right;
| |
| − | width: 43%;
| |
| − | }
| |
| − | blockquote.left {
| |
| − | float: left;
| |
| − | }
| |
| − |
| |
| − | /* Lists */
| |
| − | ul {
| |
| − | list-style-type: disc;
| |
| − | margin: 0 0 12px 0;
| |
| − | padding: 0 0 0 18px;
| |
| − | }
| |
| − | ol {
| |
| − | list-style: decimal;
| |
| − | margin: 0 0 12px 20px;
| |
| − | padding: 0 0 0 18px;
| |
| − | }
| |
| − | ol li, ul li {
| |
| − | line-height: 18px;
| |
| − | margin-bottom: 6px;
| |
| − | }
| |
| − |
| |
| − | ul.square { list-style: inside square; }
| |
| − | ul.circle { list-style: inside circle; }
| |
| − |
| |
| − | ul ul, ol ol, ul ol, ol ul {
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − |
| |
| − | /* Tables */
| |
| − | table {
| |
| − | margin: 12px 0;
| |
| − | border-collapse: collapse;
| |
| − | border-spacing: 0;
| |
| − | }
| |
| − | table thead th {
| |
| − | text-transform: uppercase;
| |
| − | font-size: 11px;
| |
| − | }
| |
| − | table th, table tbody td {
| |
| − | padding: 6px 12px;
| |
| − | }
| |
| − | td, th {
| |
| − | display: table-cell;
| |
| − | vertical-align: inherit;
| |
| − | }
| |
| − |
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − | /* 03. Forms & Buttons
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − | input, textarea, select {
| |
| − | border-radius: 2px 2px 2px 2px;
| |
| − | padding: 5px;
| |
| − | margin: 0 5px 0 0;
| |
| − | font: 12px/18px 'OpenSansRegular';
| |
| − | }
| |
| − | form p {
| |
| − | overflow: hidden;
| |
| − | }
| |
| − | textarea:focus, input:focus {
| |
| − | outline: none;
| |
| − | }
| |
| − |
| |
| − | /* Buttons */
| |
| − | .button, input[type="submit"] {
| |
| − | color: #FFFFFF;
| |
| − | border-left-color:rgba(0,0,0,.5);
| |
| − | border-right-color:rgba(0,0,0,.5);
| |
| − | border:1px solid #000;
| |
| − | border-radius:4px;
| |
| − | margin: 0;
| |
| − | padding: 6px 10px 5px;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | /* red */
| |
| − | .button.red, input[type="submit"] {
| |
| − | border: solid 1px #980c10 !important;
| |
| − | background: #d81b21;
| |
| − | background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
| |
| − | background: -moz-linear-gradient(top, #ed1c24, #aa1317);
| |
| − | background: -webkit-linear-gradient(top, #ed1c24 0%,#aa1317 100%);
| |
| − | background: -o-linear-gradient(top, #ed1c24 0%,#aa1317 100%);
| |
| − | background: -ms-linear-gradient(top, #ed1c24 0%,#aa1317 100%);
| |
| − | background: linear-gradient(top, #ed1c24 0%,#aa1317 100%);
| |
| − | }
| |
| − | .button.red:hover, input[type="submit"]:hover {
| |
| − | background: #b61318;
| |
| − | background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
| |
| − | background: -moz-linear-gradient(top, #c9151b, #a11115);
| |
| − | background: -webkit-linear-gradient(top, #c9151b 0%,#a11115 100%);
| |
| − | background: -o-linear-gradient(top, #c9151b 0%,#a11115 100%);
| |
| − | background: -ms-linear-gradient(top, #c9151b 0%,#a11115 100%);
| |
| − | background: linear-gradient(top, #c9151b 0%,#a11115 100%);
| |
| − | text-decoration: none;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − | .button.red:active {
| |
| − | background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
| |
| − | background: -moz-linear-gradient(top, #aa1317, #ed1c24);
| |
| − | background: -webkit-linear-gradient(top, #aa1317 0%,#ed1c24 100%);
| |
| − | background: -o-linear-gradient(top, #aa1317 0%,#ed1c24 100%);
| |
| − | background: -ms-linear-gradient(top, #aa1317 0%,#ed1c24 100%);
| |
| − | background: linear-gradient(top, #aa1317 0%,#ed1c24 100%);
| |
| − | }
| |
| − | /* orange */
| |
| − | .button.orange {
| |
| − | border: solid 1px #dd6611 !important;
| |
| − | background: #f78d1d;
| |
| − | background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
| |
| − | background: -moz-linear-gradient(top, #faa51a, #f47a20);
| |
| − | background: -webkit-linear-gradient(top, #faa51a 0%,#f47a20 100%);
| |
| − | background: -o-linear-gradient(top, #faa51a 0%,#f47a20 100%);
| |
| − | background: -ms-linear-gradient(top, #faa51a 0%,#f47a20 100%);
| |
| − | background: linear-gradient(top, #faa51a 0%,#f47a20 100%);
| |
| − | }
| |
| − | .button.orange:hover {
| |
| − | background: #f47c20;
| |
| − | background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
| |
| − | background: -moz-linear-gradient(top, #f88e11, #f06015);
| |
| − | background: -webkit-linear-gradient(top, #f88e11 0%,#f06015 100%);
| |
| − | background: -o-linear-gradient(top, #f88e11 0%,#f06015 100%);
| |
| − | background: -ms-linear-gradient(top, #f88e11 0%,#f06015 100%);
| |
| − | background: linear-gradient(top, #f88e11 0%,#f06015 100%);
| |
| − | }
| |
| − | .button.orange:active {
| |
| − | background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
| |
| − | background: -moz-linear-gradient(top, #f47a20, #faa51a);
| |
| − | background: -webkit-linear-gradient(top, #f47a20 0%,#faa51a 100%);
| |
| − | background: -o-linear-gradient(top, #f47a20 0%,#faa51a 100%);
| |
| − | background: -ms-linear-gradient(top, #f47a20 0%,#faa51a 100%);
| |
| − | background: linear-gradient(top, #f47a20 0%,#faa51a 100%);
| |
| − | }
| |
| − |
| |
| − | /* blue */
| |
| − | .button.blue {
| |
| − | 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);
| |
| − | }
| |
| − | .button.blue: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);
| |
| − | }
| |
| − | .button.blue:active {
| |
| − | background: -webkit-gradient(linear, left top, left bottom, from(#064792), to(#0e5296));
| |
| − | background: -webkit-linear-gradient(top, #064792, #0e5296);
| |
| − | background: -moz-linear-gradient(top, #064792, #0e5296);
| |
| − | background: -ms-linear-gradient(top, #064792, #0e5296);
| |
| − | background: -o-linear-gradient(top, #064792, #0e5296);
| |
| − | background: linear-gradient(top, #064792, #0e5296);
| |
| − | }
| |
| − | /* green */
| |
| − | .button.green {
| |
| − | border: solid 1px #538312 !important;
| |
| − | background: #64991e;
| |
| − | background: -webkit-gradient(linear, left top, left bottom, from(#60a700), to(#459300));
| |
| − | background: -webkit-linear-gradient(top, #60a700, #459300);
| |
| − | background: -moz-linear-gradient(top, #60a700, #459300);
| |
| − | background: -ms-linear-gradient(top, #60a700, #459300);
| |
| − | background: -o-linear-gradient(top, #60a700, #459300);
| |
| − | background: linear-gradient(top, #60a700, #459300);
| |
| − | }
| |
| − | .button.green:hover {
| |
| − | background: #538018;
| |
| − | background: -webkit-gradient(linear, left top, left bottom, from(#569600), to(#427200));
| |
| − | background: -webkit-linear-gradient(top, #569600, #427200);
| |
| − | background: -moz-linear-gradient(top, #569600, #427200);
| |
| − | background: -ms-linear-gradient(top, #569600, #427200);
| |
| − | background: -o-linear-gradient(top, #569600, #427200);
| |
| − | background: linear-gradient(top, #569600, #427200);
| |
| − | }
| |
| − | .button.green:active {
| |
| − | background: -webkit-gradient(linear, left top, left bottom, from(#459300), to(#60a700));
| |
| − | background: -webkit-linear-gradient(top, #459300, #60a700);
| |
| − | background: -moz-linear-gradient(top, #459300, #60a700);
| |
| − | background: -ms-linear-gradient(top, #459300, #60a700);
| |
| − | background: -o-linear-gradient(top, #459300, #60a700);
| |
| − | background: linear-gradient(top, #459300, #60a700);
| |
| − | }
| |
| − |
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − | /* 04. Header
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − | #header {
| |
| − | text-align: center;
| |
| − | margin-bottom: 52px;
| |
| − | width: auto !important;
| |
| − | }
| |
| − | #header-inner {
| |
| − | max-width: 980px !important;
| |
| − | padding: 35px 0 0 0;
| |
| − | margin: 0 auto;
| |
| − | text-align: left;
| |
| − | position: relative;
| |
| − | width: auto !important;
| |
| − | }
| |
| − | header #logo {
| |
| − | float: left;
| |
| − | }
| |
| − | header #logo h1 {
| |
| − | font: 48px 'Merienda', sans-serif;
| |
| − | float: left;
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − | header #logo p {
| |
| − | float: left;
| |
| − | text-transform: uppercase;
| |
| − | font-size: 11px;
| |
| − | margin: 38px 0 0 6px;
| |
| − | }
| |
| − |
| |
| − | /* Main Navigation */
| |
| − | #primary-nav, #primary-nav ul {
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | list-style: none;
| |
| − | list-style-type: none;
| |
| − | list-style-position: outside;
| |
| − | }
| |
| − | #primary-nav {
| |
| − | width: 805px;
| |
| − | display: table-cell;
| |
| − | }
| |
| − | .nosearch #primary-nav {
| |
| − | width: 980px;
| |
| − | }
| |
| − | #header nav {
| |
| − | background-color: #064792;
| |
| − | /* Apparently ResourceLoader is a moron and is unable to resolve the correct
| |
| − | path to the image when using the shorthand property...sigh. */
| |
| − | /* @embed */
| |
| − | background-image: url("../images/nav-red.png");
| |
| − | background-position: 0 top;
| |
| − | background-repeat: repeat-x;
| |
| − | width: 100%;
| |
| − | position: relative;
| |
| − | bottom: -16px;
| |
| − | margin: 0 0 16px 0;
| |
| − | background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#064792),color-stop(100%,#1c5ea0));
| |
| − | background: -webkit-linear-gradient(#064792,#1c5ea0);
| |
| − | background: -moz-linear-gradient(#064792,#1c5ea0);
| |
| − | background: -o-linear-gradient(#064792,#1c5ea0);
| |
| − | background: -ms-linear-gradient(top, #064792 0%,#1c5ea0 100%);
| |
| − | background: linear-gradient(#064792,#1c5ea0);
| |
| − | border-radius: 6px;
| |
| − | box-shadow: 0 2px 10px rgba(0,0,0,0.35);
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | #primary-nav:before,
| |
| − | #primary-nav:after {
| |
| − | /*content: "";*/
| |
| − | display: table;
| |
| − | }
| |
| − |
| |
| − | #primary-nav:after {
| |
| − | clear: both;
| |
| − | }
| |
| − |
| |
| − | #primary-nav {
| |
| − | zoom: 1;
| |
| − | }
| |
| − |
| |
| − | #primary-nav li {
| |
| − | float: left;
| |
| − | border-right: 1px solid #064792;
| |
| − | position: relative;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | #primary-nav a {
| |
| − | float: left;
| |
| − | padding: 10px 22px;
| |
| − | color: #ffffff;
| |
| − | text-transform: uppercase;
| |
| − | text-decoration: none;
| |
| − | border-left: 1px solid #064792;
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | #primary-nav a:hover {
| |
| − | /* @embed */
| |
| − | background: url("../images/nav-blue.png") repeat-x bottom left;
| |
| − | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#064792), color-stop(100%,#1c5ea0));
| |
| − | background: -webkit-linear-gradient(top, #064792 0%,#1c5ea0 100%);
| |
| − | background: -moz-linear-gradient(top, #064792 0%, #1c5ea0 100%);
| |
| − | background: -o-linear-gradient(top, #064792 0%,#1c5ea0 100%);
| |
| − | background: -ms-linear-gradient(top, #064792 0%,#1c5ea0 100%);
| |
| − | background: linear-gradient(top, #064792, #1c5ea0);
| |
| − | }
| |
| − |
| |
| − | #primary-nav > li:first-child > a {
| |
| − | border-left: none;
| |
| − | }
| |
| − | #primary-nav > li:first-child > a:hover {
| |
| − | border-radius: 6px 0 0 6px;
| |
| − | }
| |
| − | #primary-nav > li:last-child {
| |
| − | border-right: 1px solid #064792;
| |
| − | }
| |
| − |
| |
| − | #primary-nav > li:last-child > a {
| |
| − | border-right: 1px solid #7B0D0F;
| |
| − | }
| |
| − | #primary-nav ul a {
| |
| − | float: none;
| |
| − | }
| |
| − |
| |
| − | #primary-nav ul li {
| |
| − | float: none;
| |
| − | border-right: 1px solid #064792;
| |
| − | }
| |
| − |
| |
| − | #primary-nav li:hover > a {
| |
| − | color: #ffffff;
| |
| − | }
| |
| − |
| |
| − | *html #primary-nav li a:hover { /* IE6 only */
| |
| − | color: #ffffff;
| |
| − | }
| |
| − |
| |
| − | #primary-nav ul {
| |
| − | margin: 0;
| |
| − | opacity: 0;
| |
| − | visibility: hidden;
| |
| − | position: absolute;
| |
| − | left: 0;
| |
| − | z-index: 99999;
| |
| − | -webkit-transition: all .2s ease-in-out;
| |
| − | -moz-transition: all .2s ease-in-out;
| |
| − | -ms-transition: all .2s ease-in-out;
| |
| − | -o-transition: all .2s ease-in-out;
| |
| − | transition: all .2s ease-in-out;
| |
| − | }
| |
| − |
| |
| − | #primary-nav > li > ul {
| |
| − | top: 50px;
| |
| − | }
| |
| − |
| |
| − | #primary-nav > li > ul {
| |
| − | padding-top: 10px;
| |
| − | }
| |
| − |
| |
| − | #primary-nav ul > li:first-child {
| |
| − | box-shadow: 0 -1px 0 #064792;
| |
| − | border-radius: 3px;
| |
| − | }
| |
| − |
| |
| − | #primary-nav > li:hover > ul {
| |
| − | top: 38px;
| |
| − | }
| |
| − |
| |
| − | #primary-nav li:hover > ul {
| |
| − | opacity: 1;
| |
| − | visibility: visible;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | #primary-nav ul ul {
| |
| − | top: 0;
| |
| − | left: 163px;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | #primary-nav li ul li:hover > ul {
| |
| − | left: 153px;
| |
| − | }
| |
| − |
| |
| − | #primary-nav ul li {
| |
| − | float: none;
| |
| − | display: block;
| |
| − | border: 0;
| |
| − | _line-height: 0; /*IE6 only*/
| |
| − | border-bottom: 1px solid #064792;
| |
| − | background: #064792;
| |
| − | width: auto;
| |
| − | min-width: 145px;
| |
| − | }
| |
| − |
| |
| − | #primary-nav ul li:last-child {
| |
| − | border: none;
| |
| − | }
| |
| − |
| |
| − | #primary-nav ul a {
| |
| − | padding: 10px;
| |
| − | width: auto;
| |
| − | _height: 10px; /*IE6 only*/
| |
| − | display: block;
| |
| − | white-space: nowrap;
| |
| − | border-left: none;
| |
| − | border-bottom: 1px solid #7B0D0F;
| |
| − | float: none;
| |
| − | text-transform: none;
| |
| − | }
| |
| − |
| |
| − | #primary-nav ul a:hover {
| |
| − | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#064792), color-stop(100%,#1c5ea0));
| |
| − | background: -webkit-linear-gradient(top, #064792 0%,#1c5ea0 100%);
| |
| − | background: -o-linear-gradient(top, #064792 0%,#1c5ea0 100%);
| |
| − | background: -moz-linear-gradient(top, #064792 0%, #1c5ea0 100%);
| |
| − | background: -ms-linear-gradient(top, #064792 0%,#1c5ea0 100%);
| |
| − | -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#064792, endColorstr=#1c5ea0)";
| |
| − | background: linear-gradient(top, #064792, #1c5ea0);
| |
| − | }
| |
| − |
| |
| − | #primary-nav ul li:first-child > a {
| |
| − | border-radius: 3px 3px 0 0;
| |
| − | }
| |
| − |
| |
| − | #primary-nav > li > ul > li:first-child > a:before,
| |
| − | #primary-nav > li > ul > li:first-child > .before {
| |
| − | content: '';
| |
| − | position: absolute;
| |
| − | left: 15px;
| |
| − | width: 15px;
| |
| − | height: 10px;
| |
| − | top: -30px;
| |
| − | padding-top: 20px;
| |
| − | border-left: 6px solid transparent;
| |
| − | border-right: 6px solid transparent;
| |
| − | /* @embed */
| |
| − | background: url("../images/submenu-arrow.png") no-repeat bottom left;
| |
| − | }
| |
| − |
| |
| − | #primary-nav ul ul li:first-child > a:before,
| |
| − | #primary-nav ul ul > li:first-child > .before {
| |
| − | content: '';
| |
| − | position: absolute;
| |
| − | left: -13px;
| |
| − | width: 8px;
| |
| − | height: 10px;
| |
| − | top: -3px;
| |
| − | padding-top: 20px;
| |
| − | border-left: 6px solid transparent;
| |
| − | border-right: 6px solid transparent;
| |
| − | /* @embed */
| |
| − | background: url("../images/submenu-arrow.png") no-repeat bottom right;
| |
| − | }
| |
| − |
| |
| − | #primary-nav ul li:first-child a:hover:after {
| |
| − | border-bottom-color: #064792;
| |
| − | }
| |
| − |
| |
| − | #primary-nav ul li:last-child > a {
| |
| − | border-radius: 0 0 3px 3px;
| |
| − | }
| |
| − |
| |
| − | /* Search field */
| |
| − | #search {
| |
| − | /* @embed */
| |
| − | background: url(../images/searchbar-bg.png) no-repeat top left;
| |
| − | width: 150px;
| |
| − | margin: 7px 18px 0 0;
| |
| − | float: right;
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | right: 0;
| |
| − | height: 25px;
| |
| − | }
| |
| − | #search input {
| |
| − | width: 125px;
| |
| − | height: 25px;
| |
| − | margin: 0;
| |
| − | background: none;
| |
| − | padding: 0 0 0 20px;
| |
| − | border: none !important;
| |
| − | box-shadow: none;
| |
| − | }
| |
| − |
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − | /* 05. Content
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − |
| |
| − | #content-wrapper {
| |
| − | text-align: center;
| |
| − | padding: 0 0 36px 0;
| |
| − | }
| |
| − | #content-inner {
| |
| − | max-width: 980px;
| |
| − | margin: 0 auto;
| |
| − | text-align: left;
| |
| − | width: auto !important;
| |
| − | }
| |
| − | #content {
| |
| − | float: left;
| |
| − | max-width: 642px;
| |
| − | width: auto;
| |
| − | }
| |
| − | #content.full-width {
| |
| − | float: none;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | /* Grid */
| |
| − |
| |
| − | .grid {
| |
| − | overflow: hidden;
| |
| − | clear: both;
| |
| − | }
| |
| − | .grid > * {
| |
| − | float: left;
| |
| − | margin-left: 3.75%;
| |
| − | min-height: 1px;
| |
| − | }
| |
| − | .grid > *:first-child {
| |
| − | margin-left: 0;
| |
| − | }
| |
| − | .one-half, .one-third, .one-fourth {
| |
| − | float: left;
| |
| − | }
| |
| − | .one-half {
| |
| − | width: 46%;
| |
| − | }
| |
| − | .one-third {
| |
| − | width: 30.8333%;
| |
| − | }
| |
| − | .two-third {
| |
| − | width: 61.6666%;
| |
| − | }
| |
| − | .one-fourth {
| |
| − | width: 22%;
| |
| − | }
| |
| − | .three-fourth {
| |
| − | width: 66%;
| |
| − | }
| |
| − | .grid .last {
| |
| − | margin-right: 0 !important;
| |
| − | }
| |
| − |
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − | /* 06. Sidebar
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − | #sidebar {
| |
| − | float: left;
| |
| − | width: 300px;
| |
| − | margin-left: 38px;
| |
| − | }
| |
| − |
| |
| − | /* Widgets */
| |
| − | .widget {
| |
| − | margin: 0 0 18px 0;
| |
| − | clear: both;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − | .widget h3.widget-title {
| |
| − | text-transform: uppercase;
| |
| − | font-size: 18px;
| |
| − | margin: 0 0 12px 0;
| |
| − | padding: 0 0 6px 0;
| |
| − | }
| |
| − | .widget a {
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | .widget ul {
| |
| − | padding: 0;
| |
| − | }
| |
| − | .widget ul li {
| |
| − | padding-left: 18px;
| |
| − | list-style: none;
| |
| − | }
| |
| − |
| |
| − | .widget .entry-content {
| |
| − | padding: 0;
| |
| − | background: none;
| |
| − | }
| |
| − |
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − | /* 07. Prefooter
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − | #prefooter {
| |
| − | text-align: center;
| |
| − | padding-bottom: 36px;
| |
| − | }
| |
| − | #prefooter-inner {
| |
| − | width: auto;
| |
| − | padding: 35px 0 0 0;
| |
| − | margin: 0 auto;
| |
| − | text-align: left;
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − | /* 08. Footer
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − | #footer-border {
| |
| − | height: 2px;
| |
| − | }
| |
| − | #footer-inner {
| |
| − | width: auto;
| |
| − | padding: 0;
| |
| − | margin: 0 auto;
| |
| − | font-size: 11px;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − |
| |
| − | #f-poweredbyico {
| |
| − | float: right;
| |
| − | height: 1%;
| |
| − | margin-left: 10px;
| |
| − | }
| |
| − | #f-copyrightico {
| |
| − | float: left;
| |
| − | height: 1%;
| |
| − | margin-right: 10px;
| |
| − | }
| |
| − |
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − | /* 09. Misc
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − |
| |
| − |
| |
| − |
| |
| − | .alignleft {
| |
| − | float: left;
| |
| − | margin: 6px 12px 6px 0;
| |
| − | }
| |
| − |
| |
| − | .alignright {
| |
| − | float: right;
| |
| − | margin: 6px 0 12px 12px;
| |
| − | }
| |
| − | .aligncenter {
| |
| − | display: block;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − | clear: both;
| |
| − | }
| |
| − | .gallery-caption {
| |
| − | font-size: 11px;
| |
| − | font-style: italic;
| |
| − | padding: 0;
| |
| − | margin: 0 10px;
| |
| − | }
| |
| − |
| |
| − | img.size-auto,
| |
| − | img.size-full,
| |
| − | img.size-large {
| |
| − | height: auto;
| |
| − | max-width: 98%;
| |
| − | }
| |
| − | img.wp-smiley {
| |
| − | background: transparent;
| |
| − | border: none;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − | .img-bevel {
| |
| − | display: inline-block;
| |
| − | position: relative;
| |
| − | line-height: 0;
| |
| − | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)
| |
| − | }
| |
| − | article.list-big-thumb .img-bevel {
| |
| − | box-shadow: none;
| |
| − | }
| |
| − | .img-bevel:before,
| |
| − | .before-img-bevel-fix {
| |
| − | content: "";
| |
| − | height: 1px;
| |
| − | background: #ffffff;
| |
| − | opacity: 0.2;
| |
| − | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
| |
| − | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
| |
| − | top: 0;
| |
| − | position: absolute;
| |
| − | width: 100%;
| |
| − | z-index: 100;
| |
| − | }
| |
| − |
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − | /* 10. @font-face
| |
| − | /*-----------------------------------------------------------------------------------*/
| |
| − |
| |
| − | /* Generated by Font Squirrel (http://www.fontsquirrel.com) */
| |
| − |
| |
| − | @font-face {
| |
| − | font-family: 'OpenSansRegular';
| |
| − | src: url('../fonts/opensans-regular.eot');
| |
| − | src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
| |
| − | url('../fonts/opensans-regular.woff') format('woff'),
| |
| − | url('../fonts/opensans-regular.ttf') format('truetype')/*,
| |
| − | url('../fonts/opensans-regular.svg#OpenSansRegular') format('svg')*/;
| |
| − | font-weight: normal;
| |
| − | font-style: normal;
| |
| − | }
| |
| − | @font-face {
| |
| − | font-family: 'OpenSansSemiboldRegular';
| |
| − | src: url('../fonts/opensans-semibold.eot');
| |
| − | src: url('../fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
| |
| − | url('../fonts/opensans-semibold.woff') format('woff'),
| |
| − | url('../fonts/opensans-semibold.ttf') format('truetype')/*,
| |
| − | url('../fonts/opensans-semibold.svg#OpenSansSemiboldRegular') format('svg')*/;
| |
| − | font-weight: normal;
| |
| − | font-style: normal;
| |
| − | }
| |
| − | @font-face {
| |
| − | font-family: 'OpenSansBold';
| |
| − | src: url('../fonts/opensans-bold.eot');
| |
| − | src: url('../fonts/opensans-bold.eot?#iefix') format('embedded-opentype'),
| |
| − | url('../fonts/opensans-bold.woff') format('woff'),
| |
| − | url('../fonts/opensans-bold.ttf') format('truetype')/*,
| |
| − | url('../fonts/opensans-bold.svg#OpenSansBold') format('svg')*/;
| |
| − | font-weight: normal;
| |
| − | font-style: normal;
| |
| − | }
| |
| − | @font-face {
| |
| − | font-family: 'OpenSansItalic';
| |
| − | src: url('../fonts/opensans-italic.eot');
| |
| − | src: url('../fonts/opensans-italic.eot?#iefix') format('embedded-opentype'),
| |
| − | url('../fonts/opensans-italic.woff') format('woff'),
| |
| − | url('../fonts/opensans-italic.ttf') format('truetype')/*,
| |
| − | url('../fonts/opensans-italic.svg#OpenSansItalic') format('svg')*/;
| |
| − | font-weight: normal;
| |
| − | font-style: normal;
| |
| − | }
| |
| − | @font-face {
| |
| − | font-family: 'Merienda';
| |
| − | src: url('../fonts/francoisone.eot');
| |
| − | src: url('../fonts/francoisone.eot?#iefix') format('embedded-opentype'),
| |
| − | url('../fonts/francoisone.woff') format('woff'),
| |
| − | url('../fonts/francoisone.ttf') format('truetype')/*,
| |
| − | url('../fonts/francoisone.svg#Merienda') format('svg')*/;
| |
| − | font-weight: normal;
| |
| − | font-style: normal;
| |
| − | }
| |
| − |
| |
| − | /** Miscellaneous MediaWiki fixes & tweaks */
| |
| − | /* Logo text fixes */
| |
| − | h1#site-title a:focus, h1#site-title a:hover {
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | h1#site-title {
| |
| − | border-bottom: none;
| |
| − | }
| |
| − |
| |
| − | /* Turn the "Back to top" link into UPPERCASE via CSS so that we don't need to make changes to the source i18n messages */
| |
| − | a.scrollup {
| |
| − | text-transform: uppercase;
| |
| − | }
| |
| − |
| |
| − | /* Make legends readable, black-on-almost-black isn't that... */
| |
| − | legend {
| |
| − | color: #FFF;
| |
| − | }
| |
| − |
| |
| − | /* Victoria's trying to make the TOC background grey here */
| |
| − |
| |
| − | div.toc {
| |
| − | background-color: #494c4f;
| |
| − | }
| |
| − |
| |
| − | /* The text shadow is sometimes useful and nifty, but on some places it's bloody annoying, so remove it from:
| |
| − | * -any and all special pages
| |
| − | * -search suggestions
| |
| − | * -"you have (a new message|new messages)" bar
| |
| − | * -page categories
| |
| − | * -page (un)watch notifications
| |
| − | * -SocialProfile's empty containers on (your own) profile page
| |
| − | * -SocialProfile's "use (wiki|social) user page" button on your own profile page
| |
| − | * -Victoria added the toc part, let's hope it works; it did, but for all text and now Contents is unreadable!
| |
| − | */
| |
| − | body.ns--1 article,
| |
| − | div.suggestions,
| |
| − | div.usermessage,
| |
| − | div.catlinks,
| |
| − | div.mw-notification,
| |
| − | div.no-info-container,
| |
| − | div.toc,
| |
| − | div#profile-toggle-button {
| |
| − | text-shadow: none;
| |
| − | }
| |
| − |
| |
| − | /* noarticletext */
| |
| − | div.noarticletext {
| |
| − | border: 1px solid #ccc;
| |
| − | background: #fff;
| |
| − | color: #000;
| |
| − | padding: .2em 1em;
| |
| − | text-shadow: none; /* to make it actually readable... */
| |
| − | }
| |
| − |
| |
| − | div.noarticletext p {
| |
| − | margin: 5px;
| |
| − | }
| |
| − |
| |
| − | /* Diffs */
| |
| − | table.diff {
| |
| − | background-color: transparent;
| |
| − | }
| |
| − |
| |
| − | /* Special:SpecialPages */
| |
| − | table.mw-specialpages-table,
| |
| − | table.mw-specialpages-table td,
| |
| − | table.mw-specialpages-table th {
| |
| − | border: none;
| |
| − | }
| |
| − |
| |
| − | div#mw-content-text h2.mw-specialpagesgroup {
| |
| − | margin-bottom: 0.5em;
| |
| − | }
| |
| − |
| |
| − | /** ProblemReports */
| |
| − | /* remove shadowing from the dialog, it looks fugly there */
| |
| − | div#reportProblemForm, span#ui-dialog-title-reportProblemForm {
| |
| − | text-shadow: none;
| |
| − | }
| |
| − |
| |
| − | /* List of templated responses on individual ticket view */
| |
| − | #mailer #mailer-templates {
| |
| − | margin-top: 20px;
| |
| − | width: 22% !important;
| |
| − | }
| |
| − |
| |
| − | /* "Send" button on individual ticket view */
| |
| − | #mailer .actionBar input {
| |
| − | /* can't get this to inherit it so I'll just hardcode it here...at least it works! */
| |
| − | background-color: #b61318 !important;
| |
| − | }
| |
| − |
| |
| − | /** CSS fixes for social tools -- verbatim copypasta from /skins/Dusk/resources/css/main.css */
| |
| − | /** PollNY */
| |
| − | div.create-poll-top {
| |
| − | background-color: transparent;
| |
| − | }
| |
| − |
| |
| − | div.create-poll-top {
| |
| − | width: auto;
| |
| − | }
| |
| − |
| |
| − | /* Special:TopNetworks */
| |
| − | span.network-number {
| |
| − | /* tone it down by 100px */
| |
| − | width: 300px !important;
| |
| − | }
| |
| − |
| |
| − | /* This is pretty damn unholy... */
| |
| − | div.top-networks-navigation {
| |
| − | width: 120px;
| |
| − | }
| |
| − |
| |
| − | div.network-row {
| |
| − | margin-left: -75px;
| |
| − | }
| |
| − |
| |
| − | /* Special:UpdateFavoriteTeams */
| |
| − | p.profile-update-unit {
| |
| − | width: auto;
| |
| − | }
| |
| − |
| |
| − | /* Special:UpdateFavoriteTeams & Special:UpdateProfile */
| |
| − | div.profile-tab {
| |
| − | margin-bottom: 5px;
| |
| − | }
| |