/* Theme Name: The Cornish Way Theme URI: guide.thecornishway.co.uk Description: Basic Theme for use at New Forge Guide Version: 1.0 Author: Kean Richmond Author URI: http://www.bronco.co.uk */ /*---------------------------------------------------- RESET.CSS CREATED: Wed 19.12.07 @ 11:09 a.m. AUTHOR: Kean Richmond ----------------------------------------------------*/ html, * {margin:0; padding:0;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} fieldset, iframe, img {border:0;} table {border-collapse:collapse; border-spacing:0;} th {font-style:normal; font-weight:normal; text-align:left;} ol,ul {list-style:none;} cite {font-style:normal;} a {outline:none;} header, section, footer, aside, nav, article, figure {display: block;} /*---------------------------------------------------- SCREEN.CSS ----------------------------------------------------*/ @import url("reset.css"); #supersized-loader {position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:0; height:100%; width:100%; } #supersized img{ height:auto; width:auto; position:relative; outline:none; border:none; -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*--- 00. Common Elements ---------------------------------------------------------------------------*/ body {background:#000000; color:#404041; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;} a {color:#436076;} a:hover {color:#D86E71; text-decoration:none;} /*--- 01. Headings ---------------------------------------------------------------------------*/ h1 {color:#4892B5; font-size:2em; font-weight:bold; line-height:1.15em; margin:0 0 24px 0;} h3 {color:#4892B5; font-size:1.6em; font-weight:bold; line-height:1.15em; margin:0 0 24px 0;} /*--- 02. Global Layout Elements ---------------------------------------------------------------------------*/ #main-container {margin:0 0 0 100px; position:relative; width:940px; z-index:5;} #content-container {height:100%; overflow:hidden; padding:185px 0 40px 0; position:relative;} article, .page, #comments, #commentform, #sidebar > li {background:rgb(211,211,201); background:rgba(211,211,201,0.95); margin:0 0 40px 0; padding:20px; -moz-border-radius:10px; border-radius:10px;} /*--- 03. Header ---------------------------------------------------------------------------*/ header {background:#404041; height:60px; left:0; position:absolute; top:0; width:100%; z-index:5;} #logo {display:block; float:left; margin:7px 0 0 100px;} header form {border-left:1px solid #5A5F65; border-left:1px solid rgba(255,255,255,0.2); float:left; margin:14px 0 0 20px; padding:0 0 0 17px;} header input[type='text'] {border:3px solid #5A5F65; border:3px solid rgba(255,255,255,0.2); font-size:11px; font-weight:bold; margin:0; padding:6px 34px 6px 10px; width:177px; -moz-border-radius:20px; border-radius:20px;} header input[type='submit'] {background:url(img/_spyglass.png) no-repeat; border:0; cursor:pointer; height:26px; margin:3px 3px 0 -33px; padding:0 0 0 26px; text-indent:-9999px; width:26px;} header input[type='submit']:hover {background:url(img/_spyglass.png) -26px 0 no-repeat;} #goto-newforge {color:#75787A; float:right; font-size:1.8em; font-weight:bold; margin:0 100px 0 0; padding:10px 0; text-decoration:none; text-transform:uppercase;} #goto-newforge strong {font-size:1.3em; margin:-5px 0 0 0;} #goto-newforge span {background-image:url(img/_btn_cornishway.png); background-repeat:no-repeat; background-position:center center; display:inline-block; height:22px; margin:0 0 0 8px; position:relative; top:-2px; text-indent:-9999px; width:101px;} #goto-newforge:hover span {top:0; -moz-box-shadow:inset 0 -5px 5px rgba(255,255,255,0.3), 0 2px 0 rgb(52,105,130); -webkit-box-shadow:inset 0 -5px 5px rgb(255,255,255,0.3), 0 2px 0 rgba(52,105,130); box-shadow:inset 0 -5px 5px rgba(255,255,255,0.3), 0 2px 0 rgb(52,105,130);} /*--- 04. Content ---------------------------------------------------------------------------*/ #page-title {background:#FFFFFF; color:#404041; margin:-88px 0 20px 0; padding:20px 20px 19px 20px; -moz-border-radius:10px; border-radius:10px;} #content {float:left; font-size:1.2em; width:580px;} #content p {line-height:1.5em; padding:9px 0;} #content ul, #content ol {margin:10px 0 20px 40px;} #content ul {list-style:square;} #content ol {list-style:decimal;} #content li {padding:5px 5px;} /*--- 05. Posts ---------------------------------------------------------------------------*/ article h1 a, .page h1 a {text-decoration:none;} article time {display:block; font-weight:bold; margin:1px 0; text-transform:uppercase;} .morelink-container {margin:10px 0 5px 0;} .alignright {float:right; margin:0 0 10px 10px;} .alignleft {float:left; margin:0 10px 10px 0;} .entry blockquote {background:url(img/_blockquote.png) 0 4px no-repeat; color:#999999; font-size:12px; line-height:1.4em; margin:20px 0 10px 0; padding:0 0 0 40px;} .entry cite {color:#999999; display:block; font-size:12px; font-style:italic; padding:0 0 20px 0;} .entry {overflow:hidden;} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {clear:both; font-weight:bold; margin:20px 0 10px 0;} .entry h1 {color:#4892B5; font-size:2em;} .entry h2 {color:#FFFFFF; font-size:2em;} .entry h3 {color:#4892B5; font-size:1.8em;} .entry h4 {color:#FFFFFF; font-size:1.6em;} .entry h5 {color:#4892B5; font-size:1.4em;} .entry h6 {color:#FFFFFF; font-size:1.2em;} .post-meta {color:#666; font-size:0.9em;} .post-meta a {color:#666; text-decoration:none;} .post-meta a:hover {color:#4891B4;} .social-buttons {height:100%; overflow:hidden;} .social-buttons__child {float:left;} /*--- 06. Comments ---------------------------------------------------------------------------*/ #content #comments ul {list-style:none; margin:-20px 0 0 0;} #content #comments li {border-top:1px solid rgba(255,255,255,0.3); clear:both; padding:20px 0; position:relative;} #content #comments li:first-child {border-top:0;} #content #comments p {padding:5px 0 0 0;} .avatar {border:3px solid rgba(0,0,0,0.2); float:right; margin:0 0 10px 10px; padding:3px;} .comment-meta {color:#666; font-size:0.9em; font-style:italic; padding:0;} .comment-meta cite {color:#4892B5; font-size:1.2em; font-style:normal; font-weight:bold; margin:0} .comment-meta cite a {text-decoration:none;} /*--- 07. Pages ---------------------------------------------------------------------------*/ .page input[type="text"] {float:none; margin-right:10px;} /*--- 08. Sidebar ---------------------------------------------------------------------------*/ #sidebar {float:right; width:300px;} #sidebar h6 {color:#404041; display:block; font-size:1.8em; font-weight:bold; margin:0 0 7px 0;} #sidebar h6 a {color:#404041; text-decoration:none;} #sidebar > li {padding:10px;} #sidebar li li {font-size:1.1em; line-height:1.3em; padding:3px 0 5px 0;} #sidebar li li a {color:#404041; text-decoration:none;} #sidebar li li a:hover {color:#D86E71;} /*--- 09. Paging ---------------------------------------------------------------------------*/ #content #paging ul {list-style:none; margin:0;} #content #paging ul li {padding:0;} #paging a, #paging span {background:url(img/_paging.png) no-repeat rgba(0,0,0,0.75); color:#FFFFFF; font-size:11px; height:12px; padding:19px 0; text-align:center; text-decoration:none; text-indent:-9999px; text-transform:uppercase; width:50px; -moz-border-radius:50%; border-radius:25px;} #paging a:hover {background:#4892B5; color:#444444; text-indent:0;} #paging span {opacity:0.3;} #paging-older a, #paging-older span {background-position:-50px 0; float:right;} #paging-newer a, #paging-newer span {float:left;} /*--- 50. Footer ---------------------------------------------------------------------------*/ footer {border-top:1px solid #EEEEEE; color:#999999; margin:40px 0 0 0; padding:20px 0; text-align:center;} #copyright {font-size:1.1em;} /*--- 51. Form Elements ---------------------------------------------------------------------------*/ #content form p {height:100%; overflow:hidden; padding:5px 0;} label {color:#404041; float:left; font-weight:bold; margin:6px 10px 0 0; width:100px;} input[type='text'], textarea {background:0; border:3px solid #404041; color:#404041; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 10px 5px 0; padding:5px; width:200px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} textarea {height:150px; width:350px;} input[type='text']:focus, textarea:focus {border-color:#FFFFFF; outline:none;} #content input[type='submit'] {background:#4892B5; border:0; color:#FFF; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; height:29px; position:relative; width:120px; -moz-border-radius:15px; border-radius:15px; -moz-box-shadow:inset 0 -5px 5px rgba(255,255,255,0.3), 0 4px 0 rgb(52,105,130); -webkit-box-shadow:inset 0 -5px 5px rgba(255,255,255,0.3), 0 4px 0 rgb(52,105,130); box-shadow:inset 0 -5px 5px rgba(255,255,255,0.3), 0 4px 0 rgb(52,105,130);} #content input[type='submit']:hover {color:#16455B; top:2px; -moz-box-shadow:inset 0 -5px 5px rgba(255,255,255,0.3), 0 2px 0 rgb(52,105,130); -webkit-box-shadow:inset 0 -5px 5px rgba(255,255,255,0.3), 0 2px 0 rgb(52,105,130); box-shadow:inset 0 -5px 5px rgba(255,255,255,0.3), 0 2px 0 rgb(52,105,130);} .formalign {margin-left:110px;} form .optional {background:url(img/icon_optional.gif) no-repeat; display:block; float:left; height:7px; margin:12px 0 0 0; text-indent:-9999px; width:53px;} form .hidden {background:url(img/icon_hidden.gif) no-repeat; display:block; float:left; height:7px; margin:12px 0 0 0; text-indent:-9999px; width:44px;} /*--- 53. Skip Link ---------------------------------------------------------------------------*/ #skip-link {float:left; margin:0 0 0 -9999px; text-decoration:none;} #skip-link:focus {background:#333333; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color:#FFFFFF; font-size:11px; margin:0; padding:3px 7px 3px 5px; position:relative; z-index:1000;} /*--- 54. Links & Buttons ---------------------------------------------------------------------------*/ .link-btn {background:#4892B5; color:#FFF; font-weight:bold; padding:9px 13px; position:relative; text-decoration:none; -moz-border-radius:15px; border-radius:15px; -moz-box-shadow:inset 0 -5px 5px rgba(255,255,255,0.3), 0 4px 0 rgb(52,105,130); -webkit-box-shadow:inset 0 -5px 5px rgba(255,255,255,0.3), 0 4px 0 rgb(52,105,130); box-shadow:inset 0 -5px 5px rgba(255,255,255,0.3), 0 4px 0 rgb(52,105,130);} .link-btn:hover {color:#FFF; top:2px; -moz-box-shadow:inset 0 -5px 5px rgba(255,255,255,0.3), 0 2px 0 rgb(52,105,130); -webkit-box-shadow:inset 0 -5px 5px rgb(255,255,255,0.3), 0 2px 0 rgb(52,105,130); box-shadow:inset 0 -5px 5px rgba(255,255,255,0.3), 0 2px 0 rgb(52,105,130);} @media all and (max-width:1140px){ #main-container {margin:0px auto; padding:0 10px;} header div {margin:0px auto; padding:0 10px; width:940px;} #logo {margin-left:0;} #goto-newforge {margin-right:0;} }