/*Theme Name: Fun98
Theme URI: Fun98.org
Author: http://Fun98.org
Tags:Fun98
*/
@font-face{
font-family: 'yekan';
src: url('fonts/yekan/BYekan.eot?#') format('eot'), /* IE6-8 */
url('fonts/yekan/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('fonts/yekan/BYekan.ttf') format('truetype'); /* Saf3-5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face{
font-family: 'mitra';
src: url('fonts/mitra/BMitra.eot?#') format('eot'), /* IE6-8 */
url('fonts/mitra/BMitra.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('fonts/mitra/BMitra.ttf') format('truetype'); /* Saf3-5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
font-family: 'BebasNeue';
src: url('fonts/BebasNeue/BebasNeue.eot?') format('eot'),
url('fonts/BebasNeue/BebasNeue.otf') format('opentype'),
url('fonts/BebasNeue/BebasNeue.woff') format('woff'),
url('fonts/BebasNeue/BebasNeue.ttf') format('truetype'),
url('fonts/BebasNeue/BebasNeue.svg#BebasNeue') format('svg');
}
body {
background: url("images/bg.jpg") no-repeat top center background fixed;
margin:0px;
}
.tbl {
width:980px;
height:auto;
position:relative;
}
.logo {
width:280px;
height:115px;
background:url("images/logo.png") no-repeat center center;
float:left;
margin:5px;
padding:0px;
text-indent:-9000px;
overflow:hidden;
}
.links {
width:auto;
height:100px;
position:absolute;
top:0px;
right:50px;
}
.links li {
width:85px;
height:75px;
list-style-type:none;
background:url("images/menu.png") no-repeat top center;
float:right;
margin:0 3px;
-webkit-transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
transition:all 0.3s ease-in;
}
.links li:hover {
background-position:bottom center;
-webkit-transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
transition:all 0.3s ease-in;
}
.links li img {
margin:12px 0 10px 0;
display:block;
}
.links li a {
display:block;
font-family:yekan;
font-size:10pt;
color:#ffffff;
}
.slider {
width:980px;
height:320px;
border-top:3px solid #474f5d;
direction:ltr;
overflow:hidden;
}
.series {
width:980px;
height:auto;
background:#222222;
overflow:hidden;
}
.ser {
width:960px;
height:250px;
position:relative;
margin:5px 0;
}
.ser .top {
width:133px;
height:163px;
position:absolute;
top:0px;
left:-27px;
background:url("images/ser_top.png") no-repeat center center;
overflow:hidden;
z-index:6;
}
.ser .top h3 {
font-family:BebasNeue;
font-size:14pt;
color:#ffffff;
font-weight:normal;
padding:0px;
margin:15px 6px;
text-align:left;
}
.ser .bot {
width:133px;
height:163px;
position:absolute;
right:-30px;
bottom:5px;
background:url("images/ser_bottom.png") no-repeat center center;
z-index:5;
}
.ser .here {
position:absolute;
right:27px;
width:903px;
top:0px;
height:230px;
}
.items {
width:219px;
height:215px;
float:right;
margin:3px 2px;
position:relative;
overflow:hidden;
}
.items .title {
width:100%;
height:auto;
padding:3px;
position:absolute;
bottom:2px;
right:2px;
text-align:right;
z-index:3;
}
.items .light {
width:100%;
height:30px;
background:#000000;
position:absolute;
bottom:0px;
right:0px;
z-index:2;
-webkit-transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
transition:all 0.3s ease-in;
}
.items:hover .light {
height:230px;
opacity:0.6;
-webkit-transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
transition:all 0.3s ease-in;
}
.items .title a{
font-family:mitra,BebasNeue;
color:#ffffff;
font-size:11pt;
}
.bx-wrapper {
direction:ltr;
}
.bx-prev {
width:23px;
height:22px;
text-indent:900px;
overflow:hidden;
position:absolute;
bottom:10px;
right:0px;
z-index:999;
background:url("images/arrows.png") no-repeat center left;
}
.bx-next {
width:23px;
height:22px;
text-indent:900px;
overflow:hidden;
position:absolute;
bottom:10px;
right:-20px;
z-index:999;
background:url("images/arrows.png") no-repeat center right;
}
.bx-pager-item {
display:none;
}
.bx-pager-item a {
width:15px;
height:15px;
background:#ffffff;
display:block;
text-indent:50px;
overflow:hidden;
border-radius:50px;
margin:3px;
}
.active {
background:#c7c7c7;
}
.keeper {
width:980px;
height:auto;
background:#ffffff;
box-shadow:inset 0px 0px 3px #000000;
overflow:hidden;
}
.ads_keeper {
width:970px;
height:auto;
background:#f6f6f6;
border-radius:3px;
box-shadow:inset 0px 0px 3px #d1d1d1;
margin:3px 0;
}
.sidebar {
width:240px;
height:auto;
float:right;
margin:0 4px;
}
.block-up {
width:234px;
height:37px;
background:url("images/block.png") no-repeat center center;
overflow:hidden;
}
.block-up h3 {
font-family:mitra;
font-size:15pt;
color:#d5d5d5;
font-weight:normal;
margin:3px;
padding:0px;
}
.block-co {
width:235px;
height:auto;
background:#fafafa;
border-radius:3px;
box-shadow:inset 0px 0px 15px #dfdfdf;
margin:3px 0;
overflow:hidden;
padding:2px 0;
}
.block-co ul {
margin:0px;
padding:0px;
}
.block-co li {
width:90%;
height:20px;
background:#ededed;
border-radius:3px;
list-style-type:none;
text-align:right;
margin:3px 0;
-webkit-transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
transition:all 0.3s ease-in;
}
.block-co li a {
font-family:yekan;
font-size:10pt;
color:#737373;
display:block;
margin:2px;
}
.block-co li:hover {
background:#bfdb4e;
-webkit-transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
transition:all 0.3s ease-in;
}
.block-co li:hover a {
color:#000000;
}
.posts {
font-family:tahoma;
width:720px;
height:auto;
float:left;
margin:0 4px;
}
.post {
width:720px;
height:560px;
background:#ffffff;
box-shadow:inset 0px 0px 5px #bebebe;
overflow:hidden;
position:relative;
margin-bottom:5px;
}
.post .text {
width:300px;
font-family:tahoma;
font-size:8pt;
float:right;
margin:5px;
text-align:right;
}
.post .text img {
display:none;
}
.box {
width:705px;
height:auto;
padding:5px;
background:#fafafa;
border-radius:3px;
box-shadow:inset 0px 0px 15px #dfdfdf;
margin:3px;
font-family:tahoma;
font-size:8pt;
text-align:right;
}
.post .title {
width:100%;
height:38px;
background:url("images/post_tit.png") repeat-x top left;
overflow:hidden;
box-shadow:inset 0px 0px 5px #bebebe;
}
.post1 {
width:720px;
height:100%;
background:#ffffff;
box-shadow:inset 0px 0px 5px #bebebe;
overflow:hidden;
position:relative;
margin-bottom:5px;
}
.post1 .title1 {
width:720;
height:38px;
background:url("images/p-t.gif");
overflow:hidden;
box-shadow:inset 0px 0px 5px #bebebe;
}
.post .title h2 {
font-size:14pt;
font-weight:normal;
color:#3d3d3d;
text-align:right;
margin:3px 5px;
padding:0px;
}
.post .title h2 a {
color:#3d3d3d;
font-family:mitra,arial;
font-size:14pt;
}
.post .pic {
width:370px;
height:510px;
overflow:hidden;
box-shadow:0px 0px 5px #888;
position:absolute;
top:0px;
left:1px;
z-index:2;
}
.post .date {
width:100px;
height:50px;
background:#ffffff;
position:absolute;
top:0px;
left:1px;
color:#e20000;
font-family:mitra;
font-size:12pt;
z-index:3;
}
.post .date .day {
width:100%;
height:30px;
background:#e20000;
color:#ffffff;
font-size:15pt;
}
.post .info {
width:582px;
height:37px;
background:#494949;
border-bottom:3px solid #ce0000;
position:absolute;
bottom:0px;
right:0px;
}
.post1 .info1 {
width:720px;
height:37px;
background:url("images/p-f.gif");
border-bottom:3px solid #ce0000;
position:absolute;
bottom:0px;
right:0px;
}
.post .info .aut {
width:auto;
height:37px;
background:url("images/aut.png") no-repeat center right;
padding-right:25px;
border-left:1px solid #333333;
float:right;
}
.post .info .views {
width:auto;
height:37px;
background:url("images/views.png") no-repeat center right;
padding-right:25px;
border-left:1px solid #333333;
float:right;
margin-left:10px;
}
.post .info .cm {
width:auto;
height:37px;
background:url("images/cm.png") no-repeat center right;
padding-right:25px;
border-left:1px solid #333333;
float:right;
margin-left:10px;
}
.post .info span {
font-family:mitra,BebasNeue;
font-size:13pt;
color:#ffffff;
display:block;
margin:6px 3px 0 5px;
}
.post .info a {
color:#ffffff;
}
.post .more {
width:138px;
height:40px;
position:absolute;
bottom:0px;
left:0px;
background:url("images/more.png") no-repeat top center;
}
.post .more a {
width:138px;
height:40px;
position:relative;
top:0px;
right:0px;
display:block;
}
.post .more:hover {
background-position:bottom center;
}
.edm {
height:auto;
border-bottom:3px solid #ce0000;
}
#wp_page_numbers {
margin:5px 0;
}
#wp_page_numbers ul{
padding:0px;
margin:0px;
}
#wp_page_numbers li {
display:inline-block;
list-style-type:none;
border-radius:3px;
margin:3px;
padding:10px;
background:#3e3f41;
box-shadow:inset 1px 1px 0px #5a5b5c;
}
#wp_page_numbers li a , #wp_page_numbers li {
font-family:tahoma;
font-size:8pt;
color:#ffffff;
text-shadow:1px 1px 2px #000000;
}
#wp_page_numbers li:hover {
background:#c8181e;
}
.footer {
width:100%;
height:245px;
background:#444444;
}
.footer .block {
width:245px;
height:200px;
float:right;
background:url("images/line.png") no-repeat center left;
text-align:right;
}
.footer h2 {
width:245px;
margin:2px 0 10px 0;
padding:0px;
font-family:mitra;
font-size:14pt;
color:#ffffff;
float:right;
font-weight:normal;
}
.footer li {
width:90%;
background:#343434;
list-style-type:none;
padding:3px;
font-family:tahoma;
font-size:8pt;
margin:3px 2px;
text-align:right;
-webkit-transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
transition:all 0.3s ease-in;
}
.footer li:hover {
background:#004336;
-webkit-transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
transition:all 0.3s ease-in;
}
.footer li a {
color:#ffffff;
}
.footer .block:last-child {
background:none;
}
.copy {
width:100%;
height:40px;
background:#222222;
box-shadow:inset 0px 0px 10px #000000;
color:#ffffff;
font-family:tahoma;
font-size:8pt;
text-align:right;
overflow:hidden;
}
.copy a {
color:#ffa946;
}
.copy span {
display:block;
margin:10px;
}
.footer ul {
margin:0px;
padding:0px;
}
.footer .recentcomments , .footer .recentcomments .url {
color:#5fb2ff;
}
#cont a {
margin:5px 0;
display:block;
}
.co {
margin:3px;
font-family:tahoma;
font-size:8pt;
text-align:right;
}
a {
text-decoration:none;
font-family:tahoma;
font-size:8pt;
color:#222222;
}
.cl {
clear:both;
}
/* Comments */
#commentform
{
background:url('images/comm-bg.png') repeat;
height:auto;
direction:rtl;
padding-right:20px;
padding-top:8px;
padding-left:17px;
margin-bottom:15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family:Tahoma;
font-size:11px;
text-align:right;
}
#author,#email,#url,#comment{
width:180px;
height:30px;
direction:rtl;
font-family:Tahoma;
font-size:11px;
color:#666666;
margin-le:0px;
padding-right:5px;
padding-left:5px;
border:2px solid #E5E5E5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1) inset;
}
#author {
margin-top:15px;
}
#comment{
width:485px;
height:150px;
border:2px solid #E5E5E5;
padding-top:5px;
background:url('images/comm-text-ico.png') no-repeat bottom left ;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-sizing: border-box;
text-align:right;
}
#submit {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:2px solid #E5E5E5;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1) inset;
margin-right:25px;
margin-top:15px;
font-family:Tahoma;
font-size:11px;
color:#333333;
}
.bg-comm{
background:url('images/user-comm-bg.png') repeat;
border:1px solid #F2F2F2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-left:0px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1) inset;
margin-bottom:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
padding-top:10px;
width:500px;
font-family:Tahoma;
font-size:11px;
color:#333333;
line-height:18px;
text-align:right;
}
.bg-comm img {
width:16px;
height:16px;
}
/* Categories */
.block-co .cat-item-1 , .block-co .cat-item-4{
background:#595959;
}
.block-co .cat-item-1 a , .block-co .cat-item-4 a {
color:#ffffff;
}
.urlfinder {
width:390px;
height:35px;
background:url("images/url.png") no-repeat center center;
float:right;
margin-top:100px;
margin-bottom:10px;
}
.urlfinder .dl {
float:right;
margin:5px 10px 0 0;
font-family:yekan;
font-size:10pt;
display:block;
color:#ffffff;
}
.urlfinder .newurl {
float:left;
margin:8px 0 0 10px;
font-family:tahoma;
font-size:8pt;
color:#ffffff;
}
.newurl1 {
float:left;
margin:8px 0 0 10px;
font-family:tahoma;
font-size:8pt;
color:#ffffff;
}
#search {
background:url(images/sch.png);
padding:5px;
float:right;
margin:100px 0px 0 0;
}
#search form {
height:30px;
width:175px;
float:right;
margin:0px 110px 0 0;
}
#search form input.in {
float:right;
background:none;
border:none;
padding:4px 5px 3px;
width:150px;
color:#FFFFFF;
font-family:tahoma;
font-size:8pt;
}
#search form input.su {
float:right;
text-indent:-999em;
outline:none;
background:none;
border:none;
margin:8px 0 0 10px;
margin-left:-30px;
margin-top:6px;
cursor:pointer;
text-align:center;
}
