the style.css
/*
Theme Name: GameFun
Theme URI: http://smthemes.com/gamefun/
Author: The Smart Magazine Themes
Author URI: http://smthemes.com/
Description: Template by SMThemes.com
Version: 2.0
License: Creative Commons 3.0
Theme date: 05/01/2013
License URI: license.txt
Tags: white, red, light, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options
*/
/* -==========================- GENERAL -==========================- */
/*------------------------------ PAGE ------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Oswald);
html {
background:#f8f8f8;
}
body {
color:#acacac;
}
#all {
background:url(images/picture.jpg) 50% top no-repeat;
}
a {
color:#e8e8e8;
}
a:hover {
color:#fff;
}
h1, h2, h3, h4, h5, h6, a.post_ttl {
color:#fff;
text-decoration:none;
}
a.post_ttl {
font-size:22px;
color:#fff;
}
/*------------------------------ HEADER ------------------------------*/
#header {
}
#header .container{
padding:0 20px;
background:url(images/top.jpg) left top no-repeat;
}
#secondarymenu-container {
position:relative;
}
/*------------------------------ SEARCH ------------------------------*/
#s {
border:none;
background:none;
float:left;
color:#f8f8f8;
height:20px;
line-height:20px;
width:150px;
}
.searchbtn {
height:20px;
width:16px;
margin-right:5px;
}
.searchform {
background:#6a6c6f;
border:1px solid #353637;
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
margin:0;
box-shadow:0 0 1px #000 inset;
}
/*------------------------------ CONTENT ------------------------------*/
.articles {
padding-top:15px;
}
.articles .post-caption h2 {
background:url(images/article.jpg) left top repeat-y;
margin:0 -19px;
padding:5px 19px;
}
#commentform #submit, input.readmore, a.readmore {
background:#202123;
border: 4px solid #3C3E41;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
box-shadow: 1px 1px 5px #111111;
color: #FFFFFF;
margin-right: 5px;
text-decoration: none;
}
a.readmore:hover {
background:none;
}
.featured_image {
padding:3px;
background:#fff;
border:none;
}
.widget_posts ul li img,.widget_flickr a {
padding:2px;
background:none;
}
.page-numbers {
padding:0 20px;
line-height:51px;
}
a.page-numbers {
color:#b3b3b3;
text-decoration:none;
}
a.page-numbers:hover {
color:#fff;
}
span.page-numbers {
color:#fff;
}
/*------------------------------ FOOTER ------------------------------*/
#footer {
color:#b3b3b3;
}
#footer .container {
background:url(images/content/main-n.png) 50% top repeat-y;
padding:0 20px;
}
#footer a {
color:#fff;
}
#footer h3 {
color:#b3b3b3;
border-bottom:1px solid #b3b3b3;
}
#footer .footer_txt {
padding-top:31px;
background:url(images/separator.png) left top repeat-x;
}
/*------------------------------ WIDGETS AND SLIDER ------------------------------*/
#content .widget {
background:url(images/separator.png) left top repeat-x;
padding-top:31px;
}
#content .widget:first-child {
background:none;
padding-top:15px;
}
.fp-next, .fp-prev {
width:55px;
height:55px;
}
.widget_categories ul li:before {
content:"";
}
.widget_categories ul li {
padding-left:20px;
background:url(images/cat-li.png) left 6px no-repeat;
}
.widget_categories ul li:hover {
background:url(images/cat-li-h.png) left 50% no-repeat;
}
/* -==========================- DESKTOP -==========================- */
@media only screen and (min-width:1024px) {
#content-top {
height:5px;
background:url(images/content/top-n.png) left top repeat-y !important;
width:1040px;
}
#content-bottom {
height:31px;
padding:0 20px;
}
#content .container {
padding:0 20px;
}
#logo {
position:absolute;
left:30px;
top:80px;
}
.menusearch {
float:rigth;
margin-top:12px;
margin-right:20px;
}
/*------------------------------ MENU ------------------------------*/
#secondarymenu-container {
height:56px;
position:relative;
z-index:11;
}
#secondarymenu {
float:left;
margin-left:20px;
margin-top:13px;
}
#secondarymenu li {
margin-right:5px;
}
#secondarymenu a {
color:#b5b8bb;
text-decoration:none;
padding:6px;
display:block;
font-size:12px;
}
#secondarymenu a:hover{
color:#fff;
}
#mainmenu-container {
height:100px;
background:url(images/mainmenu.png) right 30px no-repeat;
padding-top:30px;
padding-left:320px;
margin-right:-10px;
}
#mainmenu {
float:left;
}
#mainmenu li a {
text-align:center;
color:#e8e8e8;
display:block;
text-decoration:none;
font-size:13px;
font-family:'Oswald';
padding:21px 25px;
}
#mainmenu a:hover{
color:#fff;
}
#header li ul {
top:31px;
}
#mainmenu li ul {
top:58px;
left:0%;
}
#header li ul .inner {
background:#333333;
padding:0;
}
#header ul.children li, #header .sub-menu li {
padding:0 !important;
margin:0 !important;
height:25px;
line-height:25px;
}
#header ul.children li a, .sub-menu li a {
color:#fff !important;
padding:0 !important;
background:none;
height:25px;
line-height:25px;
}
#header .sub-menu .sub-menu {
top:0;
}
#header ul.children li a:hover, .sub-menu li a:hover {
background:#454545;
}
/*------------------------------ SLIDER ------------------------------*/
.slider-container {
margin:15px 0;
margin-top:-19px;
}
.slider {
position:relative;
width:906px;
margin:0 auto;
padding:10px;
background:#202020;
border:1px solid #2c2d2f;
}
.fp-prev-next-wrap {
margin:-10px;
}
.fp-prev,.fp-next {
margin:0 20px;
margin-top:-22px;
}
.fp-slides,.fp-thumbnail,.fp-slides-items {
height:429px;
width:906px;
}
.fp-content-fon {
border-bottom:none;
border-left:none;
border-right:none;
}
.fp-content-fon, .fp-content {
left:0;
right:0;
bottom:0;
}
.slider-nothumb .fp-content-fon {
background:#fff;
}
.slider-nothumb .fp-content a,.slider-nothumb .fp-content p{
color:#000;
}
.fp-nav {
bottom:25px;
right:30px;
left:auto;
}
}
/* -==========================- TABLET -==========================- */
@media only screen and (min-width:640px) and (max-width:1023px) {
#header .container {
background-position:50% top;
}
#logo {
float:left;
margin-left:20px;
}
#header-banner {
margin-top:25px;
float:right;
}
/*------------------------------ MENU ------------------------------*/
.menusearch {
float:right;
margin-top:6px;
margin-right:40px;
clear:right;
}
#secondarymenu-container {
height:100px;
padding-top:3px;
}
#secondarymenu {
float:right;
clear:right;
margin-right:15px;
margin-top:20px;
}
#secondarymenu li {
padding:18px;
}
#secondarymenu li a{
color:#f8f8f8;
text-decoration:underline;
}
#mainmenu-container {
padding-bottom:13px;
clear:left;
background:url(images/mainmenu-tablet.png) left top repeat;
margin-bottom:15px;
}
#mainmenu {
margin:0 10px;
}
#mainmenu li {
float:left;
}
#mainmenu a {
color:#f8f8f8;
text-decoration:none;
font-size:15px;
padding:21px 20px;
display:block;
font-family:'Oswald';
}
#header ul.children li a, .sub-menu li a {
color:#686868;
}
.slider-container { padding-bottom:35px;}
}
/* -==========================- MOBILE -==========================- */
@media only screen and (min-width:240px) and (max-width:639px) {
#header {
background:#020203;
}
#header .container {
background-position:50% top;
}
.menusearch {padding:3px 0;}
#secondarymenu-container {
padding-top:3px;
}
#logo {
margin-bottom:20px;
}
#secondarymenu, #mainmenu {
background:#fff;
margin:0 -2%;
padding:0 2%;
margin-top:10px;
}
#secondarymenu li, #mainmenu li {
border-top:1px solid #eee;
}
#secondarymenu li a, #mainmenu li a{
color:#142736;
}
.fp-next, .fp-prev {
margin:0 -5px;
}
.footer-widgets .widgetf:first-child {
border:none;
}
#footer {
width:100%;
}
.widgetf {
border-top:1px solid #d3d3d3;
}
.articles .post-date {
float:none;
}
.articles dt p img {
display:none;
}
.fp-nav {
bottom:-5px;
}
.slider-container {
padding-bottom:20px;
}
#s {
width:70%;
}
}