/* Theme Name: Fragland Author URI: http://www.fragland.net Theme URI: Description: Fragland Main Theme, based on Red Modern and GP3 Author: Speed Version: 1.0 Tags: blue, red, light, two-columns, fixed-width, editor-style, sticky-post License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* Reset browser styles ------------------------------------------ */ * {margin: 0;padding: 0} html {min-height: 100%; padding-bottom: 1px; overflow: scroll;} body {color: #575757; background: url("images/fl-background.jpn") fixed no-repeat center top rgb(97, 98, 102); font: 14px "Verdana", "Helvetica", sans-serif; line-height: 20px;} [class] {list-style: none; padding: 0} h1, h2, h3, h4, h5, h6 {font-size: 1em} dt {font-weight: 400} table {border-collapse: collapse} img {border: none; vertical-align: middle} a {color: #3062a1; text-decoration: none; outline: none; cursor: pointer;} a:hover {color: #3062a1; text-decoration: underline; } textarea, input, select, option, optgroup, button {font: 1em "Arial", "Helvetica", sans-serif} button, [type="radio"], [type="checkbox"], [type="submit"], [type="button"], [type="reset"], label[for], select {cursor: pointer} input, select, textarea {outline: none} fieldset {overflow: hidden; border: none;} legend {display: none;} button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner {padding: 0; border: none} /* Custom fonts ------------------------------------------ */ @font-face {font-family: 'AdventProBold'; src: url('fonts/adventpro-bd1-webfont.eot'); src: url('fonts/adventpro-bd1-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/adventpro-bd1-webfont.woff') format('woff'), url('fonts/adventpro-bd1-webfont.ttf') format('truetype'), url('fonts/adventpro-bd1-webfont.svg#adventproBold1') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'AdventPro'; src: url('fonts/adventpro-re-webfont.eot'); src: url('fonts/adventpro-re-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/adventpro-re-webfont.woff') format('woff'), url('fonts/adventpro-re-webfont.ttf') format('truetype'), url('fonts/adventpro-re-webfont.svg#adventproRegular') format('svg'); font-weight: normal; font-style: normal;} /* Global Styles ------------------------------------------ */ h1 {margin: 0 0 0.5em; padding-bottom: 5px; border-bottom: 1px solid #ae0404; color: #ae0404; font: 2.0em "Verdana", "Ropa Sans",sans-serif;} h1 a {color: #ae0404; } h1 a:hover {color: #fafafa; background: #ae0404; text-decoration: none;} h2 {margin: 0em 0; padding-bottom: 0px; font: 2.0em "Verdana", "Ropa Sans", sans-serif; } h2 a {color: #ae0404; } h2 a:hover {color: #fafafa; background: #ae0404; text-decoration: none;} h3 {color: #969696; font: normal 1.5em "Verdana", "AdventProBold",sans-serif;} h4 {margin: 1em 0 0; font: normal 1.25em "Verdana", "AdventProBold",sans-serif;} h5 {margin: 1em 0 0; font-size: 1.083em; font-weight: bold;} h6 {margin: 1em 0 0; color: #969696; font-size: 1em;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family: "Verdana", "Ropa Sans", "Arial", "Helvetica"; font-weight: 400;} blockquote {margin: 1.5em 0; padding: 10px 20px 10px 50px; border: 1px solid #dedede; background: #f3f3f3 url("images/fl-quotes.png") 10px 20px no-repeat; font-style: italic;} sub, sup {line-height: 1em;} ul li, ol li {margin: 5px 20px;} dl {overflow: hidden; margin: 1em 0; } dt {float: left; clear: left; width: 150px; margin: 0 0 1em; padding: 0; font-weight: bold;} dd {width: 500px; margin: 0 0 1em 150px; } p {margin: 1em 0;} table {margin: 1em auto; border: 0px solid #cacaca;} table th, table th[class] {padding: 5px 10px; border: 1px solid #cacaca; background: #f3f3f3;} table td, table td[class] {padding: 5px 10px; border-bottom: 1px solid #cacaca;} table tr.alternate td {background: #fafafa;} form, form[class] {margin: 1.5em 0; padding: 10px 20px; border: 1px solid #dedede; background: #f3f3f3 url("images/comment2.png") 0 0 no-repeat;} label {float: left; clear: left; width: 150px; padding: 5px 0; font-weight: bold;} input, select, select[class] {width: 250px; margin: 5px 0; padding: 5px 10px; border: 1px solid #d8d7d7; background: #fafafa ; vertical-align: middle; } select option {padding: 0 5px; } input[type="radio"], input[type="checkbox"], input[type="submit"] {width: auto;} span.required {padding: 0 5px; color: #830000; font-weight: bold; font-size: 1.333em;} textarea {width: 95%; min-width: 95%; max-width: 95%; height: 120px; margin: 5px 20px 5px 0; padding: 5px 10px; border: 1px solid #d8d7d7; background: #fff url("images/input.png") 0 0 repeat-x; } p.form-submit, p.form-allowed-tags {margin-left: 150px;} button, input[type="submit"] {display: inline-block; clear: left; height: 27px; padding: 0 15px; border: 1px solid #830000; background: #830000 url("images/button.png") 0 0 no-repeat; color: #fff; font: bold 1em/27px "AdventProBold",sans-serif; vertical-align: middle;} /* Main Layout ------------------------------------------ */ .content {overflow: hidden; width: 960px; margin: 0px auto; padding: 0; } .content form.searchform button {background-image: url("images/button-search.png");} .main {float: left; overflow: hidden; width: 635px; padding: 10px; background: #fafafa ; } .main label {float: none;} .main h3, .main h2 {clear: both;} .score {text-align: center; line-height: 30px; padding: 10px;} .nav {background: #3f3f4b url("images/fl-back-menu-highlight2.jpg") repeat-x; background-position:center center; border-top: 1px solid #ae0404; box-shadow:0px 5px 10px 5px #292929; font-size: 14px} .nav>div {width: 960px; margin: 0 auto; } .nav ul.menu>li {float: left; position: relative; overflow: hidden; margin: 0; padding: 0; } .nav ul.menu>li:hover {overflow: visible; z-index: 50; background: url("images/fl-highlight2.png") repeat-x;} .nav ul.menu>li>a {float: left; height: 33px; padding: 0 15px; border-left: 1px solid #7b7b7b; color: #fff; font-family: "Verdana", "AdventProBold",sans-serif; line-height: 33px; text-decoration: none; text-transform: uppercase; } .nav ul.menu>li>a:hover, .nav ul.menu>li:hover>a, .nav ul.menu>li.current-menu-item>a, .nav ul.menu>li.current_page_item>a {padding-bottom: 0; background-position: 0 -33px; text-decoration: underline; color: #3062a1; background: #fafafa url("images/fl-highlight2.png") repeat-x;} .nav ul.menu>li ul {border-left: 1px solid #7b7b7b; border-right: 1px solid #7b7b7b; border-bottom: 1px solid #7b7b7b; position: absolute; left: 0; top: 33px; width: 180px; list-style: none; margin: 0; background: #fafafa; font-size: 14px; } .nav ul.menu>li ul li {float: none; position: relative; overflow: hidden; margin: 0; padding: 0;} .nav ul.menu>li ul li:hover {overflow: visible; background: #eee;} .nav ul.menu>li ul li a {display: block; padding: 5px 12px; color: #3062a1; font-family: "Verdana", "AdventProBold",sans-serif; text-transform: uppercase;} .nav ul.menu>li ul li a:hover, .nav ul.menu>li ul li:hover>a { text-decoration: underline; color: #3062a1; } .nav ul.menu>li ul li:first-child>a {border-top: none;} .nav ul.menu>li ul li ul {top: 0; left: 180px; } .nav ul.menu>li ul li ul a {border-left: 0px solid #7b7b7b; border-right: 0px solid #7b7b7b;} .toplinks {background: #000000; border-bottom: 1px solid #7b7b7b;} .toplinks>div {width: 960px; margin: 0 auto; padding: 5px 5px; color: #7b7b7b; font: 12px "Verdana", "Arial";} .toplinks>div a {font: 12px "Arial"; color: #7b7b7b;} .toplinks>div a:hover {font: 12px "Arial"; color: #fafafa;} .header {background: #3f3f4b url("images/fl-back-header-main.png") repeat; } .header>div {width: 960px; margin: 0 auto; padding: 5px 0 0; background: url("images/logo-back.png") no-repeat;} .header p {margin: 0;} .header p.title {background: url("images/fl-logo.png") no-repeat left; margin: 0px 0 0; padding: 0; color: #fff; font: normal 2.083em/1em "Verdana", "AdventProBold",sans-serif; } .header p.title a {display: block; height: 80px; width: 400px; color: #fff; font-family: "Verdana", "AdventProBold",sans-serif;} .header p.title a:hover {color: #fff; text-decoration: none;} .header p.tagline {float: right; margin: 0; padding: 10px 0px; color: #fff; font-size: 0.800em; line-height: 14px;} .header form {float: right; width: 240px; height: 28px; margin: 22px 0 0 50px; padding: 0; border: none; background: url("images/search.png"); text-align: right;} .header form button {overflow: hidden; clear: none; width: 30px; height: 28px; margin: 0; padding: 0; border: none; background: transparent; text-indent: -50em; vertical-align: middle;} .header form input {width: 200px; height: 28px; margin: 0; padding: 0 5px; border: none; background: transparent; color: #ccc; line-height: 28px; vertical-align: middle;} .advert {margin: 0 auto;padding: 20px 0 10px; text-align: center; width: 760px;} .advert>div {width: 960px; text-align: center; } .footer {width: 960px; margin: 0 auto; padding: 20px 20px 20px 20px; text-align: center;} .footer p {margin: 0; color: #989898; font-size: 0.846em; line-height: 1.5em; text-align: center;} .footer p a {color: #838383;} .footer ul {display: block; width: 960px; text-align: center;} .footer ul li {display: inline; margin: 0; } .footer ul li:first-child {border-left: none;} .footer ul a {display: inline-block; height: 1em; padding: 0 10px; border-left: 1px solid #bebebe; color: #838383; font: 400 1em/1em "Verdana", "AdventPro",sans-serif; text-transform: uppercase;} .footer ul li:first-child a {border-left: none;} .footer ul a:hover {color: #eee; text-decoration: none;} .footer ul>li.current-menu-item>a, .footer ul>li.current_page_item>a {color: #eee;} .footer ul ul {display: none;} /* sidebar ------------------------------------------ */ .sidebar {float: right; padding: 0px 0px 0px 0px; width: 300px; } .widget {margin-bottom: 0.5em; padding: 5px; border: 1px solid #cecece; background: #fafafa;} .sidebar h3 {margin-bottom: 5px; padding: 0 5px; border-top: 4px solid #6b91c1; background: #3062a1 url("images/fl-highlight.png") repeat-x; color: #fff; font: normal 1.385em/32px "Verdana", "AdventProBold", sans-serif; text-transform: uppercase;} .sidebar ul {list-style: none; margin: 5px 0px 0px 0px; padding: 0px; background: #fafafa;} .sidebar ul li {margin: 5px 0px 0px 0px; color: #aaa; font-size: 0.846em; padding: 5px; background: #fafafa } .sidebar ul li.current-menu-item>a, .sidebar ul li.current_page_item>a, .sidebar ul li.current-cat>a {font-weight: bold; } .sidebar ul li a {color: #777; font-size: 1.091em; } .sidebar ul li a:visited {color: #999;} .sidebar ul li a:hover {color: #3062a1; text-decoration: underline;} .sidebar ul li ul {margin: 5px 0 -5px;} .sidebar ul ul li {background-image: url("images/arrow2.gif"); font-size: 1em;} .sidebar ul ul li a {padding-left: 20px;} .sidebar ul ul ul li {background-image: url("images/arrow3.gif");} .sidebar ul ul ul li a {padding-left: 35px; } .sidebar form {padding: 0; border: none; background: none;} .sidebar form input {width: 100px;} .sidebar select {width: 250px;} .sidebarspacer {width: 300px; height: 250px;} /* post styles ------------------------------------------ */ .post {clear: both; overflow: hidden; border-bottom: solid 3px #cbcbcb; margin-bottom: 15px; margin-top: 5px; } .page {clear: both; overflow: hidden; } .post h2, .page h2 {margin: 0px 0px 0px 0px; padding: 0;} .sticky p {color: #000} p.post-meta {color: #525252; font-size: 11px; } p.post-meta span {font-size: 11px; } p.post-meta span.cats {font-size: 11px;} p.post-meta span.comments {font-size: 11px;} p.post-meta a {padding: 0px; color: #3062a1;} p.post-meta a:hover {color: #fafafa; background: #3062a1; text-decoration: none;} p.post-meta span.social {float: right; } p.post-meta span.info {float: left; padding: 0px 0px 10px 0px; } p.tags {font-size: 11px;} p.tags span {color: #525252; } p.tags a {color: #aaa;} p.tags a:hover {color: #000; text-decoration: none;} p.more {float: left; } p.more a {float: left; } .spacer {color: #525252; height: 5px; background: #cbcbcb; width: 100%; margin-bottom: 10px;} .post-meta {color: #525252; font-size: 11px; } .post-meta span {font-size: 11px; line-height: 15px; } .post-meta span.social {float: right; width: 140px;} .post-meta span.info {float: left; padding: 0px 0px 20px 0px; width: 400px;} .post-meta span.info a {padding: 0px 0px; color: #3062a1;} .post-meta span.info a:hover {color: #fafafa; background: #3062a1; text-decoration: none;} .meta {color: #525252; font-size: 11px; border-top: 3px solid #cbcbcb; padding: 20px 0px;} .meta span {font-size: 11px; margin-top: 0px; line-height: 15px; } .meta span.social {float: right; vertical-align: top;} .meta span.info {float: left; padding: 0px 0px 10px 0px; width: 400px; vertical-align: top;} .meta span.info a {padding: 0px 0px; color: #3062a1;} .meta span.info a:hover {color: #fafafa; background: #3062a1; text-decoration: none;} /* p.more {float: left; margin-top: 0.5em; padding-left: 20px; background: url("images/icons.png") 0 -110px no-repeat; text-indent: -90em;} p.more a {float: right; overflow: hidden; width: 24px; height: 25px; padding: 0; text-indent: -90em;} --- */ .post img.attachment-post-thumbnail {float: left; margin: 0px 0px 0px 0;} /* comments ------------------------------------------ */ .comments {clear: both;} ul.commentlist {margin: 1em 0;} ul.commentlist li {overflow: hidden; margin: 0.5em 0; padding: 10px 20px; border: 1px solid #dedede; background: #fff url("images/comment1.png") 0 0 no-repeat;} ul.commentlist li.odd {background: #f3f3f3 url("images/comment2.png") 0 0 no-repeat;} ul.commentlist li li {clear: both; margin-left: 20px;} ul.commentlist ul {clear: both;} img.avatar {float: left; margin: 0 10px 0 0; padding: 1px; border: 1px solid #dedede; background: #fff;} .reply {float: right; overflow: hidden; } .reply a {float: right; margin-bottom: 1em; padding-left: 30px; background: url("images/icons.png") 5px -66px no-repeat;} ul.commentlist li .comment-body ul {margin: 1em 0; list-style: disc;} ul.commentlist li .comment-body ol {margin: 1em 0; list-style: decimal;} ul.commentlist li .comment-body li {overflow: visible; margin: 0 0 0 20px; padding: 0; border: none; background: transparent;} .comment-meta, .comment-author-vcard {font-size: 0.923em;} .comment-author.vcard .fn {font-weight: bold;} .comment-author.vcard .fn a {color: #575757;} .comment-author.vcard .fn a:hover {color: #000; text-decoration: none;} .comment-author.vcard .says {display: none;} .commentmetadata a {color: #999;} .commentmetadata a:hover {color: #000;} .comments label {float: left; width: 150px;} /* Meta data on 'Single' post page ------------------------------------------ */ .meta-main {color: #666; font-family: "Verdana", "Georgia", sans-serif; font-size: 14px; } .meta-main p {margin-bottom: 10px; padding-left: 22px; } .meta-main a {color: #666; text-decoration: none; } .meta-main a:hover {text-decoration: underline; } .meta-main p.tags {background: url("images/tag.png") no-repeat left center; } .meta-main p.categories {background: url("images/category.png") no-repeat left center; } .meta-main p.author {background: url("images/author.png") no-repeat left center; } .meta-main p.datetime {background: url("images/datetime.png") no-repeat left center; } .meta-main p.games {background: url("images/gear.png") no-repeat left center; } .marabove {margin-top: 40px; } /* Game Summary ------------------------------------------ */ .game-summary {display: block; } .game-summary.embed {margin-bottom: 10px;} .game-summary img.boxart, .game-summary div.boxart img {float: left; margin: 0 15px 0px 0; } .game-summary h1 span {color: #aaa; font-family: "Verdana", "Allerta", "Arial", sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; } .game-summary h1 span a {color: #aaa; } .game-summary h1 span.xbox {color: #336600; } .game-summary ul#meta {background: #eeeeee; border: 1px solid #ececec; margin: 0 0 15px 135px; padding: 7px 10px; } .game-summary ul#meta a {color: #121212; text-decoration: none; } .game-summary ul#meta a:hover {text-decoration: underline; } .game-summary ul.noboxart { margin-left: 0 !important; } .game-summary ul#meta li {background: #fff; list-style: none; margin: 0 0 5px 0; padding: 1px 5px; } .game-summary ul#meta li:last-child {margin: 0; } .game-summary ul#meta li span {font-size: 13px; font-weight: bold; text-transform: uppercase; } /* Game Summary navigation (eg. News, Reviews, Previews) ------------------------------------------ */ ul#game-nav {border-top: 4px solid #6b91c1; background: #3062a1 url("images/fl-highlight.png") repeat-x; margin: 0 0 10px 0; } ul#game-nav li {display: inline; font-size: 14px; font-family: "League Gothic", "Helvetica", "Arial", sans-serif; line-height: 1em; margin: 0 0 0 -4px; } ul#game-nav li:first-child {margin: 0; } ul#game-nav li a {color: #fff; display: inline-block; outline: none; padding: 8px 12px;ext-decoration: none; } ul#game-nav li.current a, ul#game-nav li a:hover {background: #264e81 url("/images/fl-highlight.png") repeat-x ; } .no-items {font-style: italic; } /* Game User Score ------------------------------------------ */ #user-score-panel {width: 160px; float: left; position: relative; left: 0px; border-width: 1px; padding: 10px; } .user-score-votes {float: left; width: auto; } .user-score-rating {float: right; width: auto; font-size: 20pt; line-height: 20pt; padding: 5px 0 0 0; } .user-score-stars {width: 160px; float: left; height: 16px; } /* Featured Post Slider ------------------------------------------ */ #slider {background: #fafafa ; color: #ffffff; height: 250px; margin-bottom: 0px; overflow: hidden; position: relative; font-size: 14px; } #slider .slide {height: 182px; } #slider .selected {display: block;} #slider .slide .wrap {background: url("images/fl-trans.png") repeat; display: block; height: 162px; overflow: hidden; padding: 10px 10px; position: relative; top: -182px; left: 315px; width: 300px; } #slider .slide .wrap a {color: #ae0404; font-weight: bold;} #slider .slide .wrap div {display: block; height: 160px; overflow: hidden; width: 300px;} #slider .ui-tabs-hide {display: none;} #slider h1 {font-family: "Verdana", "Ropa Sans", sans-serif; font-size: 26px; font-weight: bold; margin-bottom: 5px; background: #3f3f4b; padding: 5px;} #slider h1:hover {color: #fff; background: #ae0404; text-decoration: none;} #slider h1 a {display: block; color: #fff; } #slider h1 a:hover {color: #fff; } #slider .more-link {display: none;} #slider .controls {height: 7px; margin: 0; position: absolute; right: 0px; bottom: 8px; font-size: 0px; display: block; z-index: 1; } #slider .controls li {display: inline; list-style: none; margin: 0 5px 0 0; width: 7px; height: 7px; } #slider .controls a {background: #3f3f4b; display: inline-block; height: 10px; outline: none; text-indent: -9999em; width: 10px; } #slider .controls li.ui-tabs-selected a {background: #ae0404; } /* misc ------------------------------------------ */ .clear {height: 0; margin: 0; padding: 0; clear: both; float: none; overflow: hidden; border: none;} .alignleft {float: left; margin: 5px 20px 5px 0; padding: 0; } .alignright {float: right; margin: 5px 0 5px 20px; padding: 0; } .aligncenter {display: block; margin: 1em auto; text-align: center;} .wp-caption-text {margin: 0.5em 0; color: font-size: 0.846em;} .nocomments {clear: both;} img.size-thumbnail {margin: 5px 5px 5px 5px;} a.post-edit-link {font-size: 0.5em;} .wp-caption {max-width: 590px;} img {margin: 0; height: auto;} embed {max-width: 630px;} .gallery {overflow: hidden; padding: 1.5em 0;} .gallery dl {text-align: center;} .gallery dl dt {float: none; width: auto;} .gallery dl dd {clear: left; width: auto; margin: 0; text-align: center;} .gallery a img, .gallery a img[class] {padding: 1px; border: 1px solid #dedede !important; background: transparent;} .gallery a:hover img, .gallery a:hover img[class] {border-color: #000 !important;} .wp-caption, .gallery-caption {padding: 5px; border: 1px solid #dedede; background: #f3f3f3; text-align: center;} .gallery-caption {font-size: 0.923em;} .wp-caption img {max-width: 580px;} p.pagination {border-bottom: solid 3px #cbcbcb; overflow: hidden; clear:both; padding-bottom: 20px;} p.pagination a {height: 22px; background: url("images/icons.png") no-repeat; font: normal 1.154em/22px "Verdana", "AdventProBold",sans-serif;} p.pagination a:hover {color: #000; text-decoration: none;} p.pagination .prev a {float: left; padding: 0 0 0 30px; background-position: 0 -154px; } p.pagination .next a {float: right; padding: 0 30px 0 0; background-position: 100% -132px;} p label {display: inline; margin-bottom: 0;} p.comment-form-comment label {display: block; float: left;} .gallery-caption {position: static;} .bypostauthor {position: static;}