|
|
(98 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | /*-----------------------------------------------------------------------------------*/ | + | /* Blue color scheme */ |
− | /* 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: "FrancoisOneRegular", "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: 24px; }
| + | |
− | h3 { font-size: 20px; }
| + | |
− | h4 { font-size: 18px; }
| + | |
− | h5, h6 { font-size: 16px; }
| + | |
− | | + | |
− | 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;
| + | |
− | }
| + | |
− | | + | |
− | .p404 h1 {
| + | |
− | line-height: 65px;
| + | |
− | font-size: 62px;
| + | |
− | text-shadow: 2px 2px #ed1c24;
| + | |
− | }
| + | |
− | | + | |
− | /* 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 */ | | /* Links */ |
− | a { | + | article a, a.more, a:visited { color: #317909; } |
− | text-decoration: none;
| + | a:hover { color: #64AC3C; } |
− | 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: #a0522d; /* sienna */
| + | |
− | }
| + | |
− | #content a:hover, #sidebar a:hover, #prefooter a:hover {
| + | |
− | border-bottom: 1px dotted;
| + | |
− | }
| + | |
− | a:focus {
| + | |
− | outline: none;
| + | |
− | }
| + | |
− | .nivo-directionNav a:hover, .nivo-controlNav a:hover { | + | |
− | border: none !important;
| + | |
− | }
| + | |
− | a.img-bevel:hover, a.img:hover, a.nohover:hover, a:hover img {
| + | |
− | text-decoration: none !important;
| + | |
− | border: none !important;
| + | |
− | }
| + | |
− | article a { color: #ed1c24; }
| + | |
− | a img { | + | |
− | border: 0;
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− | a.more {
| + | |
− | text-transform: uppercase;
| + | |
− | text-decoration: none;
| + | |
− | font-size: 11px;
| + | |
− | color: #ed1c24;
| + | |
− | } | + | |
| | | |
− | /* 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;
| |
− | }
| |
− |
| |
− | /* Tabs */
| |
− | .tabs-nav {
| |
− | height: 39px;
| |
− | margin-bottom: 0;
| |
− | padding: 0 !important;
| |
− | list-style: none;
| |
− | margin-left: 0;
| |
− | text-shadow: none;
| |
− | }
| |
− | .tabs-wrapper ul.tabs-nav li {
| |
− | float: left;
| |
− | height: 36px;
| |
− | list-style-type: none;
| |
− | margin-right: 3px;
| |
− | position: relative;
| |
− | text-align: center;
| |
− | padding: 0;
| |
− | width: 95px;
| |
− | overflow: hidden;
| |
− | -moz-border-radius: 5px 5px 0 0;
| |
− | -webkit-border-radius: 5px 5px 0 0;
| |
− | -khtml-border-radius: 5px 5px 0 0;
| |
− | border-radius: 5px 5px 0 0;
| |
− | }
| |
− | .tabs-wrapper ul.tabs-nav li a {
| |
− | border-bottom: medium none;
| |
− | text-transform: uppercase;
| |
− | height: 100%;
| |
− | left: 0;
| |
− | line-height: 36px;
| |
− | position: absolute;
| |
− | text-decoration: none;
| |
− | top: 0;
| |
− | width: 100%;
| |
− | -moz-border-radius: 5px 5px 0 0;
| |
− | -webkit-border-radius: 5px 5px 0 0;
| |
− | -khtml-border-radius: 5px 5px 0 0;
| |
− | border-radius: 5px 5px 0 0;
| |
− | }
| |
− | .tabs-wrapper ul.tabs li a {
| |
− | text-transform: none;
| |
− | }
| |
− | .tabs-wrapper .pane {
| |
− | clear: both;
| |
− | }
| |
− |
| |
− | /* Accordion */
| |
− | .accordion {
| |
− | position: relative;
| |
− | }
| |
− | .accordion-header {
| |
− | font-family: 'OpenSansRegular', Tahoma, sans-serif;
| |
− | font-size: 13px;
| |
− | padding: 6px 12px;
| |
− | border-radius: 5px;
| |
− | -moz-border-radius: 5px;
| |
− | -webkit-border-radius: 5px;
| |
− | margin: 0 0 1px 0;
| |
− | cursor: pointer;
| |
− | }
| |
− | .accordion-header a:hover {
| |
− | border: none !important;
| |
− | }
| |
− | .accordion-header a:before {
| |
− | content: '';
| |
− | width: 8px;
| |
− | height: 8px;
| |
− | display: block;
| |
− | float: left;
| |
− | margin: 6px 6px 0 0;
| |
− | }
| |
− | .accordion-header.current a:before {
| |
− | margin: 4px 6px 0 0;
| |
− | }
| |
− | .accordion-header a {
| |
− | border: none;
| |
− | }
| |
− | .accordion .pane {
| |
− | padding: 10px 22px;
| |
− | border-top: 0;
| |
− | margin-top: -2px;
| |
− | position: relative;
| |
− | top: 1px;
| |
− | margin-bottom: 2px;
| |
− | overflow: auto;
| |
− | display: hidden;
| |
− | zoom: 1;
| |
− | }
| |
− |
| |
− | /*-----------------------------------------------------------------------------------*/
| |
− | /* 03. Forms & Buttons
| |
− | /*-----------------------------------------------------------------------------------*/
| |
− | input, textarea, select {
| |
− | -webkit-border-radius: 2px 2px 2px 2px;
| |
− | -moz-border-radius: 2px 2px 2px 2px;
| |
− | 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;
| |
− | -webkit-box-shadow:
| |
− | inset 0px 1px 0px rgba(255,255,255,.15),
| |
− | 0px 1px 2px rgba(0,0,0,.5);
| |
− | -moz-box-shadow:
| |
− | inset 0px 1px 0px rgba(255,255,255,.15),
| |
− | 0px 1px 2px rgba(0,0,0,.5);
| |
− | box-shadow:
| |
− | inset 0px 1px 0px rgba(255,255,255,.15),
| |
− | 0px 1px 2px rgba(0,0,0,.5);
| |
− | -webkit-border-radius:4px;
| |
− | -moz-border-radius:4px;
| |
− | border-radius:4px;
| |
− | margin: 0;
| |
− | padding: 6px 10px 5px;
| |
− | text-decoration: none;
| |
− | text-shadow: #000 1px 1px 0px;
| |
− | }
| |
− |
| |
− | .big {
| |
− | font-size: 14px;
| |
− | padding: 0.6em 1.5em 0.62em;
| |
− | }
| |
− | .small {
| |
− | font-size: 11px;
| |
− | padding: 0.2em 1em 0.275em;
| |
− | }
| |
− | /* 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);
| |
− | }
| |
− | /* Notifications */
| |
− | .message {
| |
− | display: block;
| |
− | color: white;
| |
− | padding: 12px;
| |
− | margin-bottom: 12px;
| |
− | position: relative;
| |
− | border-radius: 5px;
| |
− | -moz-border-radius: 6px;
| |
− | -webkit-border-radius: 6px;
| |
− | border-width: 1px;
| |
− | border-style: solid;
| |
− | text-shadow: none;
| |
− | }
| |
− | .message.success {
| |
− | background: #ACEA90;
| |
− | border-color: #98D27E;
| |
− | color: #466638;
| |
− | }
| |
− | .message.information {
| |
− | background: #AAEBFE;
| |
− | border-color: #7BD5E2;
| |
− | color: #30839C;
| |
− | }
| |
− | .message.warning {
| |
− | background: #F1E884;
| |
− | color: #AFA214;
| |
− | border-color: #E7D728;
| |
− | }
| |
− | .message.error {
| |
− | background: #EE6669;
| |
− | color: #993333;
| |
− | border-color: #D23939;
| |
− | }
| |
− | .message .close {
| |
− | position: absolute;
| |
− | top: 10px;
| |
− | right: 10px;
| |
− | color: white !important;
| |
− | width: 20px;
| |
− | height: 20px;
| |
− | padding: 0;
| |
− | margin: 0;
| |
− | text-align: center;
| |
− | border-radius: 10px;
| |
− | -webkit-transition: all .3s ease;
| |
− | -moz-transition: all .3s ease;
| |
− | -o-transition: all .3s ease;
| |
− | -ms-transition: all .3s ease;
| |
− | transition: all .3s ease;
| |
− | display: block;
| |
− | opacity: 0.8;
| |
− | font-weight: bold;
| |
− | text-indent: 0px;
| |
− | }
| |
− | .message.success .close:hover {
| |
− | cursor: pointer;
| |
− | background: #98D27E;
| |
− | opacity: 1;
| |
− | }
| |
− | .message.information .close:hover {
| |
− | cursor: pointer;
| |
− | background: #7BD5E2;
| |
− | opacity: 1;
| |
− | }
| |
− | .message.warning .close:hover {
| |
− | cursor: pointer;
| |
− | background: #E7D728;
| |
− | opacity: 1;
| |
− | }
| |
− | .message.error .close:hover {
| |
− | cursor: pointer;
| |
− | background: #D23939;
| |
− | opacity: 1;
| |
− | }
| |
− | /*-----------------------------------------------------------------------------------*/
| |
− | /* 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 'FrancoisOneRegular', sans-serif;
| |
− | float: left;
| |
− | margin-bottom: 0;
| |
− | }
| |
− | header #logo p {
| |
− | float: left;
| |
− | text-transform: uppercase;
| |
− | font-size: 11px;
| |
− | margin: 38px 0 0 6px;
| |
− | }
| |
− | .header-ad-section {
| |
− | float: right;
| |
− | width: 468px;
| |
− | height: 60px;
| |
− | position: relative;
| |
− | }
| |
| | | |
| /* Main Navigation */ | | /* 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 { | | #header nav { |
− | background-color: #C32420;
| |
− | /* Apparently ResourceLoader is a moron and is unable to resolve the correct
| |
− | path to the image when using the shorthand property...sigh. */
| |
| /* @embed */ | | /* @embed */ |
− | background-image: url("../images/nav-red.png"); | + | background: #3461b7 url("nav-blue.png") repeat-x 0 top; |
− | background-position: 0 top;
| + | background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#3461b7),color-stop(100%,#244386)); |
− | background-repeat: repeat-x; | + | background-image: -webkit-linear-gradient(#3461b7,#244386); |
− | width: 100%;
| + | background-image: -moz-linear-gradient(#3461b7,#244386); |
− | position: relative;
| + | background-image: -o-linear-gradient(#3461b7,#244386); |
− | bottom: -16px;
| + | background: -ms-linear-gradient(top, #3461b7 0%,#244386 100%); |
− | margin: 0 0 16px 0;
| + | background: linear-gradient(#3461b7,#244386); |
− | background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#C32420),color-stop(100%,#8F050E));
| + | |
− | background: -webkit-linear-gradient(#C32420,#8F050E); | + | |
− | background: -moz-linear-gradient(#C32420,#8F050E); | + | |
− | background: -o-linear-gradient(#C32420,#8F050E); | + | |
− | background: -ms-linear-gradient(top, #C32420 0%,#8F050E 100%); | + | |
− | background: linear-gradient(#C32420,#8F050E); | + | |
− | -moz-border-radius: 6px;
| + | |
− | -webkit-border-radius: 6px;
| + | |
− | border-radius: 6px;
| + | |
− | -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.35);
| + | |
− | -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.35);
| + | |
− | 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 { | | #primary-nav li { |
− | float: left;
| + | border-right: 1px solid #3a68cd; |
− | border-right: 1px solid #7B0D0F; | + | |
− | position: relative;
| + | |
− | margin: 0;
| + | |
| } | | } |
| | | |
| #primary-nav a { | | #primary-nav a { |
− | float: left;
| + | border-left: 1px solid #182d5b; |
− | padding: 10px 22px;
| + | |
− | color: #ffffff;
| + | |
− | text-transform: uppercase;
| + | |
− | text-decoration: none;
| + | |
− | text-shadow: 0 1px 0 #000;
| + | |
− | border-left: 1px solid #B11719; | + | |
− | position: relative;
| + | |
| } | | } |
| | | |
| #primary-nav a:hover { | | #primary-nav a:hover { |
| /* @embed */ | | /* @embed */ |
− | background: url("../images/nav-red.png") repeat-x bottom left; | + | background: url("nav-blue.png") repeat-x bottom left; |
− | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b1211), color-stop(100%,#760509)); | + | background: -moz-linear-gradient(top, #244386 0%, #1b356b 100%); |
− | background: -webkit-linear-gradient(top, #9b1211 0%,#760509 100%); | + | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#244386), color-stop(100%,#1b356b)); |
− | background: -moz-linear-gradient(top, #9b1211 0%, #760509 100%); | + | background: -webkit-linear-gradient(top, #244386 0%,#1b356b 100%); |
− | background: -o-linear-gradient(top, #9b1211 0%,#760509 100%); | + | background: -o-linear-gradient(top, #244386 0%,#1b356b 100%); |
− | background: -ms-linear-gradient(top, #9b1211 0%,#760509 100%); | + | background: -ms-linear-gradient(top, #244386 0%,#1b356b 100%); |
− | background: linear-gradient(top, #9b1211, #760509); | + | background: linear-gradient(top, #244386, #1b356b); |
| + | -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#244386, endColorstr=#1b356b)"; |
| + | opacity: 1; |
| } | | } |
| | | |
− | #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 { | | #primary-nav > li:last-child { |
− | border-right: 1px solid #B11719; | + | border-right: 1px solid #182d5b; |
| } | | } |
| | | |
| #primary-nav > li:last-child > a { | | #primary-nav > li:last-child > a { |
− | border-right: 1px solid #7B0D0F; | + | border-right: 1px solid #3a68cd; |
− | }
| + | |
− | #primary-nav ul a {
| + | |
− | float: none;
| + | |
| } | | } |
| | | |
| #primary-nav ul li { | | #primary-nav ul li { |
− | float: none;
| + | border-right: 1px solid #182d5b; |
− | border-right: 1px solid #B11719; | + | |
− | }
| + | |
− | | + | |
− | #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 { | | #primary-nav ul > li:first-child { |
− | -moz-box-shadow: 0 -1px #AC1417; | + | -moz-box-shadow: 0 -1px #3a68cd; |
− | -webkit-box-shadow: 0 -1px 0 #AC1417; | + | -webkit-box-shadow: 0 -1px 0 #3a68cd; |
− | box-shadow: 0 -1px 0 #AC1417; | + | box-shadow: 0 -1px 0 #3a68cd; |
− | -moz-border-radius: 3px;
| + | |
− | -webkit-border-radius: 3px;
| + | |
− | 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 { | | #primary-nav ul li { |
− | float: none;
| + | border-bottom: 1px solid #3a68cd; |
− | display: block;
| + | background: #244386; |
− | border: 0;
| + | |
− | _line-height: 0; /*IE6 only*/
| + | |
− | border-bottom: 1px solid #B11719; | + | |
− | background: #9b1211; | + | |
− | width: auto;
| + | |
− | min-width: 145px;
| + | |
− | }
| + | |
− | | + | |
− | #primary-nav ul li:last-child {
| + | |
− | border: none;
| + | |
| } | | } |
| | | |
| #primary-nav ul a { | | #primary-nav ul a { |
− | padding: 10px;
| + | border-bottom: 1px solid #182d5b; |
− | 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 { | | #primary-nav ul a:hover { |
| /* @embed */ | | /* @embed */ |
− | background: url("../images/nav-red-hover.png") repeat-x bottom left; | + | background: url("nav-blue.png") repeat-x bottom left; |
− | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b1211), color-stop(100%,#760509)); | + | background: -moz-linear-gradient(top, #244386 0%, #1b356b 100%); |
− | background: -webkit-linear-gradient(top, #9b1211 0%,#760509 100%); | + | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#244386), color-stop(100%,#1b356b)); |
− | background: -o-linear-gradient(top, #9b1211 0%,#760509 100%); | + | background: -webkit-linear-gradient(top, #244386 0%,#1b356b 100%); |
− | background: -moz-linear-gradient(top, #9b1211 0%, #760509 100%); | + | background: -o-linear-gradient(top, #244386 0%,#1b356b 100%); |
− | background: -ms-linear-gradient(top, #9b1211 0%,#760509 100%); | + | background: -ms-linear-gradient(top, #244386 0%,#1b356b 100%); |
− | -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#9b1211, endColorstr=#760509)"; | + | background: linear-gradient(top, #244386, #1b356b); |
− | background: linear-gradient(top, #9b1211, #760509); | + | -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#244386, endColorstr=#1b356b)"; |
− | }
| + | opacity: 1; |
− | | + | |
− | #primary-nav ul li:first-child > a {
| + | |
− | -moz-border-radius: 3px 3px 0 0;
| + | |
− | -webkit-border-radius: 3px 3px 0 0;
| + | |
− | border-radius: 3px 3px 0 0;
| + | |
| } | | } |
| | | |
| #primary-nav > li > ul > li:first-child > a:before, | | #primary-nav > li > ul > li:first-child > a:before, |
| #primary-nav > li > ul > li:first-child > .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 */ | | /* @embed */ |
− | background: url("../images/submenu-arrow.png") no-repeat bottom left; | + | 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 > a:before, |
| #primary-nav ul ul > li:first-child > .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 */ | | /* @embed */ |
− | background: url("../images/submenu-arrow.png") no-repeat bottom right; | + | background: url("submenu-arrow.png") no-repeat bottom right; |
| } | | } |
| | | |
| #primary-nav ul li:first-child a:hover:after { | | #primary-nav ul li:first-child a:hover:after { |
− | border-bottom-color: #7B0D0F; | + | border-bottom-color: #182d5b; |
| } | | } |
| | | |
− | #primary-nav ul li:last-child > a {
| + | /* Date background */ |
− | -moz-border-radius: 0 0 3px 3px;
| + | article.list-small-thumb .entry-date, article.list-big-thumb .entry-date{ |
− | -webkit-border-radius: 0 0 3px 3px;
| + | |
− | border-radius: 0 0 3px 3px;
| + | |
− | }
| + | |
− | | + | |
− | /* Search field */
| + | |
− | #search {
| + | |
| /* @embed */ | | /* @embed */ |
− | background: url(images/searchbar-bg.png) no-repeat top left;
| + | background: url("date-bg.png") repeat-x 0 0; |
− | 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%;
| + | |
− | }
| + | |
− | #content.p404 {
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | #content.p404 .entry-content{
| + | |
− | padding: 100px 0;
| + | |
− | }
| + | |
− | | + | |
− | /* 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;
| + | |
− | }
| + | |
− | | + | |
− | /* Home Page Slider */
| + | |
− | | + | |
− | .slider-wrapper {
| + | |
− | width: 642px;
| + | |
− | height: 362px;
| + | |
− | margin: 0 0 165px 0;
| + | |
− | }
| + | |
− | .slider-wrapper.theme-default {
| + | |
− | margin: 0 0 40px 0;
| + | |
− | }
| + | |
− | #slider{
| + | |
− | width: 642px;
| + | |
− | height: 362px;
| + | |
− | position: relative;
| + | |
− | }
| + | |
− | .slider-captions h2 a, .entry-header h2 a {
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− | .slider-captions p {
| + | |
− | text-align: justify;
| + | |
− | margin: 0 !important;
| + | |
− | }
| + | |
− | /* Nivo Slider with thumbnail navigation */
| + | |
− | .nivo-controlNav.nivo-thumbs-enabled {
| + | |
− | position:absolute;
| + | |
− | width: 620px;
| + | |
− | padding: 20px 0 20px 22px;
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− | .theme-thumbnails a.nivo-control {
| + | |
− | width: 128px;
| + | |
− | margin: 0 26px 0 0;
| + | |
− | }
| + | |
− | | + | |
− | /* Home Page Article List */
| + | |
− | article.list-small-thumb, article.list-big-thumb {
| + | |
− | margin-bottom: 36px;
| + | |
− | position: relative;
| + | |
− | clear: both;
| + | |
− | }
| + | |
− | article.list-small-thumb:last-child, .list-big-thumb:last-child {
| + | |
− | margin: 0 !important;
| + | |
− | }
| + | |
− | article.list-small-thumb .entry-date, article.list-big-thumb .entry-date {
| + | |
− | /* @embed */
| + | |
− | background: url("../images/date-bg.png") repeat-x 0 0; | + | |
− | width: 48px;
| + | |
− | height: 48px;
| + | |
− | position: absolute;
| + | |
− | top: 18px; /* ashley */
| + | |
− | /*top: 0px;*/
| + | |
− | left: -68px;
| + | |
− | z-index: 10;
| + | |
− | color: #ffffff;
| + | |
− | font-family: "FrancoisOneRegular", "OpenSansRegular", Tahoma, sans-serif;
| + | |
− | font-size: 18px;
| + | |
− | text-align: center;
| + | |
− | text-transform: uppercase;
| + | |
− | padding: 10px;
| + | |
− | text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
| + | |
− | }
| + | |
− | article.list-small-thumb .entry-date span.day, article.list-big-thumb .entry-date span.day {
| + | |
− | font-size: 22px;
| + | |
− | display: block;
| + | |
− | margin-bottom: 10px;
| + | |
− | }
| + | |
− | article.list-small-thumb .entry-date {
| + | |
− | top: 1px;
| + | |
− | }
| + | |
− | article.list-small-thumb h2, article.list-big-thumb h2 {
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | article.list-small-thumb .entry-content, article.list-big-thumb .entry-content {
| + | |
− | padding: 0 22px 18px;
| + | |
− | text-align: left;
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− | article.list-small-thumb .img-wrapper {
| + | |
− | float: left;
| + | |
− | width: 200px;
| + | |
− | height: 200px;
| + | |
− | }
| + | |
− | article.list-small-thumb .entry-header {
| + | |
− | display: block;
| + | |
− | margin-left: 200px;
| + | |
− | padding: 12px 12px 8px 22px;
| + | |
− | text-align: left;
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− | article.list-small-thumb .noimage .entry-header {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | article.list-small-thumb .entry-header h2{
| + | |
− | font-size: 18px;
| + | |
− | }
| + | |
− | article.list-small-thumb .entry-content {
| + | |
− | height: 114px;
| + | |
− | }
| + | |
− | article.list-small-thumb .noimage .entry-content {
| + | |
− | height: auto;
| + | |
− | }
| + | |
− | article.list-small-thumb .img-wrapper a {
| + | |
− | height: 199px;
| + | |
− | }
| + | |
− | article.list-big-thumb .img-wrapper {
| + | |
− | width: 642px;
| + | |
− | height: 362px;
| + | |
− | position: relative;
| + | |
− | }
| + | |
− | article.list-big-thumb .img-wrapper > a {
| + | |
− | border: none !important;
| + | |
− | }
| + | |
− | article.list-big-thumb .entry-header {
| + | |
− | bottom: 0;
| + | |
− | display: block;
| + | |
− | left: 0;
| + | |
− | padding: 12px 22px;
| + | |
− | position: absolute;
| + | |
− | right: 0;
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | article.list-big-thumb .noimage .entry-header {
| + | |
− | position: relative;
| + | |
− | opacity: 1;
| + | |
− | filter: alpha(opacity=100);
| + | |
− | padding: 5px 12px;
| + | |
− | }
| + | |
− | .entry-meta {
| + | |
− | text-transform: uppercase;
| + | |
− | font-size: 11px;
| + | |
− | }
| + | |
− | | + | |
− | /* Single Post & Page */
| + | |
− | section.full-height {
| + | |
− | overflow: hidden;
| + | |
− | padding-bottom: 36px;
| + | |
− | }
| + | |
− | section.full-height header {
| + | |
− | overflow: hidden;
| + | |
− | padding: 12px 22px;
| + | |
− | }
| + | |
− | | + | |
− | .entry-content, .archive-content {
| + | |
− | padding: 12px 22px 0;
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− | .single .entry-meta {
| + | |
− | margin: 6px 0;
| + | |
− | }
| + | |
− | .video-embed {
| + | |
− | margin: 12px 0;
| + | |
− | }
| + | |
− | .tags {
| + | |
− | text-transform: uppercase;
| + | |
− | font-size: 11px;
| + | |
− | padding-left: 18px;
| + | |
− | }
| + | |
− | a.post-edit-link {
| + | |
− | float: right;
| + | |
− | padding-top: 6px;
| + | |
− | }
| + | |
− | | + | |
− | /* Single Review Post */
| + | |
− | article.review.single header {
| + | |
− | text-align: left;
| + | |
− | padding: 0 22px 0 0;
| + | |
− | height: 160px;
| + | |
− | margin: 0;
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− | article.review.single header.noimage {
| + | |
− | padding: 0 22px;
| + | |
− | }
| + | |
− | article.review header img.cover {
| + | |
− | float: left;
| + | |
− | margin-right: 18px;
| + | |
− | }
| + | |
− | article.review header h2 {
| + | |
− | margin: 12px 0;
| + | |
− | line-height: 30px;
| + | |
− | }
| + | |
− | article.review header .subtitle {
| + | |
− | font: 14px/20px "OpenSansRegular", Tahoma, sans-serif;
| + | |
− | margin-bottom: 12px;
| + | |
− | }
| + | |
− | | + | |
− | /* Archives */
| + | |
− | .filter {
| + | |
− | float: right;
| + | |
− | overflow: hidden;
| + | |
− | text-transform: uppercase;
| + | |
− | margin-top: 12px;
| + | |
− | font-size: 11px;
| + | |
− | }
| + | |
− | .filter ul {
| + | |
− | overflow: hidden;
| + | |
− | float: right;
| + | |
− | }
| + | |
− | .filter ul li {
| + | |
− | float: left;
| + | |
− | margin-left: 10px;
| + | |
− | list-style-type: none;
| + | |
− | }
| + | |
− | .filter li.current a {
| + | |
− | border-bottom: 1px dotted #ffffff;
| + | |
− | }
| + | |
− | | + | |
− | /* Video Archives */
| + | |
− | .video-item {
| + | |
− | overflow: hidden;
| + | |
− | padding: 18px 0 12px;
| + | |
− | float: left;
| + | |
− | margin-right: 30px;
| + | |
− | }
| + | |
− | .video-item.l {
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | .video-item.last {
| + | |
− | background: none;
| + | |
− | padding-bottom: 0;
| + | |
− | }
| + | |
− | | + | |
− | .video-item .img-wrapper{
| + | |
− | position: relative;
| + | |
− | height: 158px;
| + | |
− | width: 284px;
| + | |
− | margin: 0 0 6px 0;
| + | |
− | }
| + | |
− | .video-item .img-wrapper a {
| + | |
− | box-shadow: none;
| + | |
− | }
| + | |
− | .video-item .entry-header{
| + | |
− | bottom: 0;
| + | |
− | display: block;
| + | |
− | left: 0;
| + | |
− | padding: 6px 12px;
| + | |
− | position: absolute;
| + | |
− | right: 0;
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | .video-item .entry-header a {
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | .video-item .entry-header a:hover {
| + | |
− | border: none !important;
| + | |
− | }
| + | |
− | /* Review Archives */
| + | |
− | .review-item {
| + | |
− | overflow: hidden;
| + | |
− | padding: 18px 0;
| + | |
− | }
| + | |
− | .review-item:last-child {
| + | |
− | background: none;
| + | |
− | }
| + | |
− | .review-thumb {
| + | |
− | float: left;
| + | |
− | margin-right: 12px;
| + | |
− | }
| + | |
− | .review-content {
| + | |
− | margin-left: 112px;
| + | |
− | }
| + | |
− | .review-item.noimage .review-content {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .review-item p {
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− | .review-item .rating-bar {
| + | |
− | float: right;
| + | |
| } | | } |
| | | |
| /* Pagination */ | | /* Pagination */ |
− | .page-link { | + | .wp-pagenavi .current, .wp-pagenavi a:hover { |
− | clear: both; | + | 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); |
| } | | } |
| | | |
− | .wp-pagenavi{
| + | /* Form */ |
− | display: block; | + | input[type="submit"] { |
− | float: left; | + | border: 1px solid #064792 !important; |
− | font-size: 12px; | + | background: #1C5EA0; |
− | line-height: 18px; | + | background: -webkit-gradient(linear, left top, left bottom, from(#1C5EA0), to(#064792)); |
− | padding: 36px 0 18px 0; | + | background: -webkit-linear-gradient(top, #1C5EA0, #064792); |
− | width: 642px; | + | background: -moz-linear-gradient(top, #1C5EA0, #064792); |
− | text-align: left; | + | background: -ms-linear-gradient(top, #1C5EA0, #064792); |
| + | background: -o-linear-gradient(top, #1C5EA0, #064792); |
| + | background: linear-gradient(top, #1C5EA0, #064792); |
| } | | } |
− | .wp-pagenavi .pages {
| + | input[type="submit"]:hover { |
− | background: none; | + | background: #064792; |
− | box-shadow: none; | + | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e5296), color-stop(99%,#064792)); |
− | border: none;
| + | background: -webkit-linear-gradient(top, #0e5296, #064792); |
− | text-transform: uppercase;
| + | background: -moz-linear-gradient(top, #0e5296, #064792); |
− | font-size: 11px;
| + | background: -ms-linear-gradient(top, #0e5296, #064792); |
− | float: right;
| + | background: -o-linear-gradient(top, #0e5296, #064792); |
− | text-align: right;
| + | background: linear-gradient(top, #0e5296, #064792); |
− | width: 150px;
| + | |
− | color: #999999;
| + | |
− | filter: none; | + | |
− | padding: 0;
| + | |
− | }
| + | |
− | .wp-pagenavi a, .wp-pagenavi span {
| + | |
− | -webkit-border-radius: 4px;
| + | |
− | -moz-border-radius: 4px; | + | |
− | border-radius: 4px; | + | |
− | margin: 0 3px 0 0; | + | |
− | padding: 6px 10px 5px; | + | |
− | text-decoration: none;
| + | |
| } | | } |
| | | |
− | /* Comments */
| + | #logo h1 { |
− | #comments {
| + | display:block; |
− | padding: 12px 22px 0;
| + | width: 931px; |
− | overflow: hidden;
| + | height: 211px; |
− | }
| + | background: url(site_logo.png) no-repeat left top; |
− | #comments h3 {
| + | |
− | text-transform: uppercase;
| + | |
− | }
| + | |
− | .comments-header{
| + | |
− | text-transform: uppercase;
| + | |
− | padding: 0 22px;
| + | |
− | }
| + | |
− | #comments nav {
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− | #comments #comment-nav-above {
| + | |
− | padding-bottom: 10px;
| + | |
− | margin-bottom: 10px;
| + | |
− | }
| + | |
− | #comments nav .nav-previous {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | #comments nav .nav-next {
| + | |
− | float: right;
| + | |
− | }
| + | |
− | #comments nav h1 { | + | |
− | display: none;
| + | |
− | }
| + | |
− | .commentlist {
| + | |
− | list-style-type: none;
| + | |
− | margin: 0;
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− | .commentlist .the-comment {
| + | |
− | margin: 0 0 20px;
| + | |
− | overflow: hidden;
| + | |
− | padding: 0 0 5px;
| + | |
− | }
| + | |
− | .commentlist img.avatar {
| + | |
− | float: left;
| + | |
− | margin: 0 10px 10px 0;
| + | |
− | padding: 3px;
| + | |
− | }
| + | |
− | .comment-meta {
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− | .comment-time {
| + | |
− | float: right;
| + | |
− | }
| + | |
− | .comment-text {
| + | |
− | clear: both;
| + | |
− | margin: 6px 0;
| + | |
− | }
| + | |
− | .comment-text p {
| + | |
− | margin: 12px 0;
| + | |
− | }
| + | |
− | .comment-form {
| + | |
− | padding: 12px 22px 0;
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− | ol.children {
| + | |
− | padding: 0 0 0 40px;
| + | |
− | list-style-type: none;
| + | |
− | }
| + | |
− | /* Comment Form */
| + | |
− | #cancel-comment-reply-link {
| + | |
− | font-family: 'OpenSansRegular', Tahoma, Arial;
| + | |
− | font-size: 11px;
| + | |
− | text-transform: none;
| + | |
− | }
| + | |
− | #commentform input {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | #commentform div {
| + | |
− | margin-bottom: 10px;
| + | |
− | }
| + | |
− | #commentform p.form-submit {
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− | /* Contact Form */
| + | |
− | #contact-form p.short {
| + | |
− | float: left;
| + | |
− | margin-right: 6px;
| + | |
− | width: 216px;
| + | |
− | }
| + | |
− | #contact-form p.long {
| + | |
− | clear: both;
| + | |
− | }
| + | |
− | #contact-form p.short input {
| + | |
− | width: 200px;
| + | |
− | }
| + | |
− | #contact-form p.long input {
| + | |
− | width: 425px;
| + | |
− | }
| + | |
− | #contact-form textarea {
| + | |
− | width: 425px;
| + | |
− | }
| + | |
− | #contact-form label.error {
| + | |
− | text-align: left;
| + | |
− | color: #ED1C24;
| + | |
− | padding: 5px;
| + | |
− | display: block;
| + | |
− | font-size: 11px;
| + | |
− | width: 260px;
| + | |
− | line-height: 1em;
| + | |
− | }
| + | |
− | #contact-form input.error, #contact-form textarea.error, #contact-form select.error {
| + | |
− | border: 1px solid #ED1C24;
| + | |
− | border-color: #ED1C24;
| + | |
− | box-shadow: 0 0 5px #ED1C24;
| + | |
− | outline: 0 none;
| + | |
− | }
| + | |
− | #contact-form.loading input, #contact-form.loading textarea {
| + | |
− | background: #e7e7e7;
| + | |
− | }
| + | |
− | #contact-form.loading input[type="submit"] {
| + | |
− | border: solid 1px #bbbbbb !important;
| + | |
− | color: #555555;
| + | |
− | background: #d1d1d1;
| + | |
− | background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#d1d1d1));
| + | |
− | background: -moz-linear-gradient(top, #e7e7e7, #d1d1d1);
| + | |
− | background: -webkit-linear-gradient(top, #e7e7e7 0%,#d1d1d1 100%);
| + | |
− | background: -o-linear-gradient(top, #e7e7e7 0%,#d1d1d1 100%);
| + | |
− | background: -ms-linear-gradient(top, #e7e7e7 0%,#d1d1d1 100%);
| + | |
− | background: linear-gradient(top, #e7e7e7 0%,#d1d1d1 100%);
| + | |
− | }
| + | |
− | #thank-you-for-contact {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | /*-----------------------------------------------------------------------------------*/
| + | |
− | /* 06. Sidebar
| + | |
− | /*-----------------------------------------------------------------------------------*/
| + | |
− | #sidebar {
| + | |
− | float: left;
| + | |
− | width: 300px;
| + | |
− | margin-left: 38px;
| + | |
| } | | } |
| + | #logo a {display: none} |
| + | #logo p {display:none} |
| + | #header-inner {padding: 0 0 0 0; background: #000;} |
| + | #header {background:#000;} |
| | | |
− | /* Widgets */
| + | #toc.toc {background: #111;border: 1px solid #000;box-shadow: 3px 3px 5px #000;} |
− | .widget { | + | div.thumbinner {background: #000;border: 1px solid #111;} |
− | margin: 0 0 18px 0;
| + | html .thumbimage {border:0px;} |
− | 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 {
| + | i, cite, em, var, address, dfn { |
− | padding: 0;
| + | font-style: italic; |
− | background: none;
| + | |
| } | | } |
| | | |
− | /* RECENT POSTS WIDGET */
| + | table { |
− | .reviews_widget .entry-wrapper {
| + | border: initial; |
− | float: left;
| + | border-right: initial; |
− | margin: 0;
| + | border-bottom: initial; |
− | width: 200px;
| + | background: initial; |
| + | margin: initial; |
| + | padding: initial; |
| + | vertical-align: initial; |
| } | | } |
− | .reviews_widget .entry-thumb {
| + | table th, table tbody td { |
− | float: left;
| + | border-right: initial; |
− | position: relative;
| + | border-bottom: initial; |
− | margin: 0 15px 0 0;
| + | padding: initial; |
− | }
| + | vertical-align: initial; |
− | .reviews_widget .entry-thumb a {
| + | |
− | height: 79px;
| + | |
− | }
| + | |
− | .reviews_widget .entry-title {
| + | |
− | font-size: 13px;
| + | |
− | font-family: 'OpenSansSemiboldRegular';
| + | |
− | margin-bottom: 6px;
| + | |
− | }
| + | |
− | .reviews_widget .entry-wrapper .entry-meta {
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | .reviews_widget .entry-title a {
| + | |
− | color: #FFFFFF;
| + | |
− | text-decoration: none;
| + | |
− | font-size: 13px;
| + | |
− | }
| + | |
− | .reviews_widget ul.pane li {
| + | |
− | padding: 0 0 12px;
| + | |
− | margin: 12px 0 0;
| + | |
− | list-style: none !important;
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− | .reviews_widget ul.pane li:last-child {
| + | |
− | background: none;
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− | /* Social Media Widget */
| + | |
− | .sidebar-social a {
| + | |
− | float: left;
| + | |
− | margin-right: 6px;
| + | |
− | }
| + | |
− | #sidebar .sidebar-social a:hover, #prefooter .sidebar-social a:hover {
| + | |
− | border-bottom: 1px dotted transparent;
| + | |
− | }
| + | |
− | | + | |
− | /*-----------------------------------------------------------------------------------*/
| + | |
− | /* 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
| + | |
− | /*-----------------------------------------------------------------------------------*/
| + | |
− | .clear {
| + | |
− | clear: both;
| + | |
− | }
| + | |
− | | + | |
− | .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;
| + | |
− | }
| + | |
− | | + | |
− | /* Highlight */
| + | |
− | span.hl-yellow {
| + | |
− | background-color: #fff461;
| + | |
− | text-shadow: none;
| + | |
− | color: #222222;
| + | |
− | }
| + | |
− | span.hl-red {
| + | |
− | background-color: #C83A37;
| + | |
− | text-shadow: none;
| + | |
− | color: #ffffff;
| + | |
− | }
| + | |
− | | + | |
− | /* Horizontal Dividers */
| + | |
− | .divider-solid {
| + | |
− | height: 4px;
| + | |
− | clear: both;
| + | |
− | margin: 18px 0;
| + | |
− | border: none;
| + | |
− | }
| + | |
− | .divider-dotted {
| + | |
− | height: 2px;
| + | |
− | margin: 18px 0;
| + | |
− | clear: both;
| + | |
− | border: none;
| + | |
− | }
| + | |
− | | + | |
− | /* Image Captions */
| + | |
− | .wp-caption {
| + | |
− | margin-bottom: 10px;
| + | |
− | position: relative;
| + | |
− | max-width: 100%;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | #content .wp-caption a:hover {
| + | |
− | border-bottom: 1px dotted transparent;
| + | |
− | }
| + | |
− | .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd {
| + | |
− | font-size: 11px;
| + | |
− | font-style: italic;
| + | |
− | padding: 6px 12px;
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | .wp-caption img {
| + | |
− | border: 0 none;
| + | |
− | height: auto;
| + | |
− | margin: 0;
| + | |
− | max-width: 100%;
| + | |
− | padding: 0;
| + | |
− | width: auto;
| + | |
− | }
| + | |
− | | + | |
− | /* Rating */
| + | |
− | | + | |
− | /* RATING */
| + | |
− | .rating-bar {
| + | |
− | margin: 6px 0 0;
| + | |
− | color: #FFFFFF;
| + | |
− | text-transform: uppercase;
| + | |
− | font-size: 12px;
| + | |
− | font-family: "FrancoisOneRegular", "OpenSansRegular", Tahoma, sans-serif;
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− | .rating-bar span {
| + | |
− | padding: 1px 5px;
| + | |
− | display: block;
| + | |
− | float: left;
| + | |
− | height: 17px;
| + | |
− | line-height: 17px;
| + | |
− | }
| + | |
− | .rating-bar .desc {
| + | |
− | width: 60px;
| + | |
− | }
| + | |
− | .rating-bar .score.s1 {
| + | |
− | border: 1px solid #5d0006;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBar-bg.png") repeat-x 0 -19px;
| + | |
− | }
| + | |
− | .rating-bar .score.s2 {
| + | |
− | border: 1px solid #a01301;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBar-bg.png") repeat-x 0 -38px;
| + | |
− | }
| + | |
− | .rating-bar .score.s3 {
| + | |
− | border: 1px solid #982801;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBar-bg.png") repeat-x 0 -57px;
| + | |
− | }
| + | |
− | .rating-bar .score.s4 {
| + | |
− | border: 1px solid #a43c01;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBar-bg.png") repeat-x 0 -76px;}
| + | |
− | .rating-bar .score.s5 {
| + | |
− | border: 1px solid #a04f02;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBar-bg.png") repeat-x 0 -95px;
| + | |
− | }
| + | |
− | .rating-bar .score.s6 {
| + | |
− | border: 1px solid #585f00;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBar-bg.png") repeat-x 0 -114px;
| + | |
− | }
| + | |
− | .rating-bar .score.s7 {
| + | |
− | border: 1px solid #3d4001;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBar-bg.png") repeat-x 0 -133px;
| + | |
− | }
| + | |
− | .rating-bar .score.s8 {
| + | |
− | border: 1px solid #124001;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBar-bg.png") repeat-x 0 -152px;
| + | |
− | }
| + | |
− | .rating-bar .score.s9, .score.s10 {
| + | |
− | border: 1px solid #003e0c;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBar-bg.png") repeat-x 0 -171px;
| + | |
− | }
| + | |
− | .rating-box{
| + | |
− | margin: 0;
| + | |
− | color: #FFFFFF;
| + | |
− | text-transform: uppercase;
| + | |
− | font-size: 30px;
| + | |
− | font-family: "FrancoisOneRegular", "OpenSansRegular", Tahoma, sans-serif;
| + | |
− | }
| + | |
− | .rating-box span {
| + | |
− | width: 64px;
| + | |
− | padding: 0 0 2px;
| + | |
− | display: block;
| + | |
− | text-align: center;
| + | |
− | height: 17px;
| + | |
− | }
| + | |
− | .rating-box .score {
| + | |
− | height: 22px;
| + | |
− | padding: 18px 0;
| + | |
− | }
| + | |
− | .rating-box .score.s1 {
| + | |
− | border: 1px solid #5d0006;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBox-bg.png") repeat-x 0 0;
| + | |
− | }
| + | |
− | .rating-box .score.s2 {
| + | |
− | border: 1px solid #a01301;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBox-bg.png") repeat-x 0 -60px;
| + | |
− | }
| + | |
− | .rating-box .score.s3 {
| + | |
− | border: 1px solid #982801;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBox-bg.png") repeat-x 0 -120px;
| + | |
− | }
| + | |
− | .rating-box .score.s4 {
| + | |
− | border: 1px solid #a43c01;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBox-bg.png") repeat-x 0 -180px;}
| + | |
− | .rating-box .score.s5 {
| + | |
− | border: 1px solid #a04f02;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBox-bg.png") repeat-x 0 -240px;
| + | |
− | }
| + | |
− | .rating-box .score.s6 {
| + | |
− | border: 1px solid #585f00;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBox-bg.png") repeat-x 0 -300px;
| + | |
− | }
| + | |
− | .rating-box .score.s7 {
| + | |
− | border: 1px solid #3d4001;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBox-bg.png") repeat-x 0 -360px;
| + | |
− | }
| + | |
− | .rating-box .score.s8 {
| + | |
− | border: 1px solid #124001;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBox-bg.png") repeat-x 0 -420px;
| + | |
− | }
| + | |
− | .rating-box .score.s9, .score.s10 {
| + | |
− | border: 1px solid #003e0c;
| + | |
− | /* @embed */
| + | |
− | background: url("../images/ratingBox-bg.png") repeat-x 0 -480px;
| + | |
− | }
| + | |
− | .rating {
| + | |
− | overflow: hidden;
| + | |
− | margin: 12px 0;
| + | |
− | }
| + | |
− | .rating p {
| + | |
− | margin: 0 0 12px 0;
| + | |
− | }
| + | |
− | .rating .rating-box {
| + | |
− | float: left;
| + | |
− | margin-right: 12px;
| + | |
− | }
| + | |
− | .rating .label {
| + | |
− | text-transform: uppercase;
| + | |
− | font-family: 'OpenSansSemiboldRegular', Tahoma, sans-serif;
| + | |
− | font-size: 11px;
| + | |
− | }
| + | |
− | | + | |
− | /*-----------------------------------------------------------------------------------*/
| + | |
− | /* 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: 'FrancoisOneRegular';
| + | |
− | 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#FrancoisOneRegular') 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;
| + | |
− | }
| + | |
− | | + | |
− | /* 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
| + | |
− | */
| + | |
− | body.ns--1 article,
| + | |
− | div.suggestions,
| + | |
− | div.usermessage,
| + | |
− | div.catlinks,
| + | |
− | div.mw-notification,
| + | |
− | div.no-info-container,
| + | |
− | div#profile-toggle-button {
| + | |
− | text-shadow: none;
| + | |
− | }
| + | |
− | | + | |
− | /** Delicious copypasta from Monobook's main.css */
| + | |
− | /* js pref toc */
| + | |
− | #preftoc {
| + | |
− | margin: 0;
| + | |
− | padding: 0;
| + | |
− | width: 100%;
| + | |
− | clear: both;
| + | |
− | }
| + | |
− | #preftoc li {
| + | |
− | /*background-color: #f0f0f0;*/
| + | |
− | color: #000;
| + | |
− | }
| + | |
− | #preftoc li {
| + | |
− | margin: 1px -2px 1px 2px;
| + | |
− | float: left;
| + | |
− | padding: 2px 0 3px 0;
| + | |
− | border: 1px solid #fff;
| + | |
− | border-right-color: #716f64;
| + | |
− | border-bottom: 0;
| + | |
− | position: relative;
| + | |
− | white-space: nowrap;
| + | |
− | list-style-type: none;
| + | |
− | list-style-image: none;
| + | |
− | z-index: 3;
| + | |
− | }
| + | |
− | #preftoc li.selected {
| + | |
− | font-weight: bold;
| + | |
− | background-color: transparent;
| + | |
− | border: 1px solid #aaa;
| + | |
− | border-bottom: none;
| + | |
− | cursor: default;
| + | |
− | top: 1px;
| + | |
− | padding-top: 2px;
| + | |
− | margin-right: -3px;
| + | |
− | }
| + | |
− | #preftoc > li.selected {
| + | |
− | top: 2px;
| + | |
− | }
| + | |
− | #preftoc a,
| + | |
− | #preftoc a:active {
| + | |
− | display: block;
| + | |
− | /*color: #FFF;*/
| + | |
− | padding: 0 .7em;
| + | |
− | position: relative;
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− | #preftoc li.selected a {
| + | |
− | cursor: default;
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− | #preftoc a:visited {
| + | |
− | color: #808080; /* Gray -- beats the default blue... */
| + | |
− | }
| + | |
− | #preferences {
| + | |
− | margin: 0;
| + | |
− | border: 1px solid #aaa;
| + | |
− | clear: both;
| + | |
− | padding: 1.5em;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− | .prefsection {
| + | |
− | border: none;
| + | |
− | padding: 0;
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | | + | |
− | .prefsection legend {
| + | |
− | font-weight: bold;
| + | |
− | }
| + | |
− | .prefsection table, .prefsection legend {
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− | .mainLegend {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | td.htmlform-tip {
| + | |
− | font-size: x-small;
| + | |
− | padding: .2em 2em;
| + | |
− | color: #666;
| + | |
− | }
| + | |
− | | + | |
− | .preferences-login {
| + | |
− | clear: both;
| + | |
− | margin-bottom: 1.5em;
| + | |
− | }
| + | |
− | | + | |
− | .prefcache {
| + | |
− | font-size: 90%;
| + | |
− | margin-top: 2em;
| + | |
− | }
| + | |
− | | + | |
− | /* 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 */
| + | |
− | /* Social profiles + Special:UpdateProfile */
| + | |
− | #profile-top, .profile-info {
| + | |
− | background-color: transparent !important;
| + | |
− | }
| + | |
− | | + | |
− | /* Social tools' clearfix thingy, required for the proper display of most
| + | |
− | social tools' special pages, such as Special:UserActivity, Special:TopUserboxes, etc. */
| + | |
− | .cleared {
| + | |
− | clear: both;
| + | |
− | }
| + | |
− | | + | |
− | .clearfix:after {
| + | |
− | content: ".";
| + | |
− | display: block;
| + | |
− | height: 0;
| + | |
− | clear: both;
| + | |
− | visibility: hidden;
| + | |
− | }
| + | |
− | | + | |
− | .clearfix {
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− | | + | |
− | /** 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 */
| + | h1,h2,h3 { |
− | div.profile-tab {
| + | display: table-row; |
− | margin-bottom: 5px;
| + | |
| } | | } |