7
●976
/*
Theme Name: Creative
Theme URI: http://smthemes.com/creative-free-wordpress-theme
Author: The Smart Magazine Themes
Author URI: http://smthemes.com/
Description: Template by SMThemes.com
Version: 1.0
License: Creative Commons 3.0
Theme date: 01/15/2013
License URI: license.txt
Tags: white, grey, red, three-columns, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options
*/
@import url(https://fonts.googleapis.com/css?family=Oswald);
body {
background:#e8e8e8;
color:#292929;
}
.tags span, h3 {
color:#1b1b1b;
}
a {
color:#222;
}
a.post_ttl {
color:#fff;
text-decoration:none;
}
#header {
background:url(images/top.png) left top repeat-x;
}
#secondarymenu-container {
height:100px;
}
#logo {
float:left;
}
#secondarymenu {
float:right;
}
#secondarymenu ul{
overflow:hidden;
}
#secondarymenu li {
float:left;
padding:0px 10px;
margin-left:-1px;
border-left:1px solid #939393;
line-height:8px;
margin-top:20px;
position:relative;
}
#secondarymenu li a {
color:#939393;
text-decoration:none;
}
.menusearch {
float:right;
clear:right;
width:327px;
height:25px;
margin-top:16px;
padding:3px 10px;
position:relative;
}
.searchform {
position:relative;
overflow:hidden;
margin-top:4px;
}
.searchbtn{
background:#ce0e20;
padding:5px 8px ;
-webkit-border-radius: 40px;
border:none;
-moz-border-radius: 40px;
border-radius: 40px;
float:right;
margin-left:5px;
color:#fff;
font-family: 'Oswald',sans-serif;
}
#s{
height:30px;
width:144px;
float:right;
line-height:30px;
background: #fff;
border:none;
color:#3d3d3d;
font-family: 'Oswald',sans-serif;
text-decoration:none;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
clear:left;
padding:0px;
padding-left:15px;
}
.menusearch #s {
width:186px;
}
#header-box {
position:relative;
clear:both;
padding-bottom:5px;
margin-top:30px;
height:400px;
background:url(images/menu-top.png) left top no-repeat;
}
#mainmenu-container {
float:left;
width:183px;
background:url(images/menu-bottom.png) left bottom no-repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow:1px 1px 5px #666;
position:absolute;
bottom:10px;
top:0px;
}
#mainmenu ul.menus {
background:url(images/menu.png) left top repeat-y;
overflow:hidden;
position:absolute;
bottom:14px;
top:14px;
width:128px;
padding:0 28px;
}
#mainmenu li {
text-align:center;
height:40px;
line-height:40px;
border-top:1px dashed #383838;
margin-top:-1px;
position:relative;
margin-bottom:-2px;
}
#mainmenu a {
color:#fff;
text-shadow:1px 1px #555;
font-family: 'Oswald',sans-serif;
text-decoration:none;
}
.horizontal-menu #header-box {
overflow:visible;
height:67px;
}
.horizontal-menu #mainmenu-container {
width:100%;
position:static;
}
.horizontal-menu #mainmenu {
width:100%;
position:static;
padding:0px;
height:64px;
}
.horizontal-menu #header #mainmenu ul.menus{
margin:0px;
background:url(images/menu-horizontal.png) left top repeat-x;
width:100%;
bottom:0px;
padding:0px;
top:0px;
}
.horizontal-menu #mainmenu li a{
font-size:15px;
}
.horizontal-menu #header #mainmenu li ul li {
line-height:25px !important;
height:auto;
}
.horizontal-menu #header #mainmenu li {
float:left;
padding:0px 30px;
height:64px;
line-height:64px;
margin-left:-3px;
margin-top:0px;
border:none;
}
#header #secondarymenu li ul {
right:0;
left:auto;
top:20px;
}
#header li ul {
display:none;
position:absolute;
left:80%;
top:5px;
left:150px;
height:auto;
background:none;
}
.horizontal-menu #header li ul {
top:70px;
left:-10%;
width:120%;
}
#header li ul .transparent {
background:#e00;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-top-width:0px;
z-index:1;
width: 100%;
height:100%;
position: absolute;
*margin-left:-3px;
}
#header li ul .inner {
opacity:1.0;
height:100%;
padding:10px 0px;
z-index:2;
position:relative;
}
.sub-menu {
display:none;
z-index:999;
}
#header .sub-menu li:hover {
background:none;
}
#header .sub-menu li {
border:none !important;
width:auto;
float:none !important;
display:block !important;
clear:left;
padding:0px !important;
margin:0px 10px;
margin-top:-2px;
text-align:center;
line-height:25px !important;
height:auto;
word-wrap:normal;
white-space:nowrap;
background:none;
}
#header ul.children li a, .sub-menu li a {
color:#fff !important;
font-size:13px !important;
text-shadow:none !important;
}
#header .sub-menu .sub-menu {
background:#f00;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
left: 100%;
top: 0;
}
.slider {
position:relative;
}
.slider-container {
float: left;
padding:7px;
background:#fff;
margin-left:212px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow:1px 1px 5px #666;
}
.fp-nav {
padding:5px;
text-align:center;
z-index:9999;
position:absolute;
bottom:10px;
right:10px;
}
.fp-thumbnail {
height:380px;
width:776px;
}
.fp-prev-next {
bottom: 210px;
}
.fp-next {
margin-right:6px;
width:54px;
height:48px;
}
.fp-prev {
margin-left:6px;
width:54px;
height:48px;
}
.fp-content-fon {
bottom: 30px;
left: 30px;
right: 400px;
background: #333;
border:1px solid #aaa;
}
.fp-content {
bottom: 30px;
left: 30px;
right: 400px;
padding-bottom:5px;
}
.fp-slides {
height:380px;
width:776px;
}
.fp-slides-items {
height:380px;
width:776px;
}
.fp-pager a {
width: 10px;
height: 10px;
}
.slider-nothumb .slider-container {
}
.fp-thumbnail{
background:#000;
}
.slider-nothumb .fp-content {
height:330px;
padding: 5px 40px;
}
.slider-nothumb .fp-content-fon {
height:357px;
background:none;
bottom:0px;
left:0px;
right:0px;
border:none;
}
.slider-nothumb .fp-content {
bottom:0px;
right:80px;
left:80px;
}
/*---------------------------------- content ------------------------------*/
#content {
margin-top:20px;
}
.page-template-page-template-nosidebar-php #content {
background:url(images/content-background-nosidebar.png) 50% top repeat-y;
}
#content .container {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: white 50% top repeat-y;
box-shadow:1px 1px 5px #666;
padding:0px;
padding-bottom:20px;
min-height:400px;
}
.sidebar {
overflow:hidden;
position:relative;
float:right;
width:242px;
}
.sidebar-left {
float:right;
width:298px;
overflow:hidden;
}
.sidebar ul.children, .sidebar-left ul.children {
margin-left:7px;
}
.sidebar ul.children li, .sidebar-left ul.children li {
font-size:90%;
}
.sidebar .widget_categories, .sidebar-left .widget_categories{
font-size:14px;
}
.sidebar .widget_categories li, .sidebar-left .widget_categories li {
padding:10px 0px;
}
.sidebar .children, .sidebar-left .children {
background:url(images/cat-children.png) right top no-repeat;
overflow:hidden;
margin-top:-13px;
padding-top:20px;
}
.widget-container {
overflow:hidden;
}
.widget {
padding:0px 15px;
padding-bottom:20px;
padding-top:20px;
margin-top:-8px;
}
.widget.banners{
padding:10px 15px;
}
.widget2 ul li, .widget ul li {
border-top:1px dotted #fff;
}
.widget2, .widget, .tabs_widget {
border-top:1px solid #d9d9d9;
border-bottom:1px solid #fff;
padding-top:15px;
margin-top:-1px;
margin-bottom:-2px;
}
.tabs_widget .widget {
background:none;
}
#footer .widget ul li {
border-bottom-width:0px;
}
.widgetf ul li {
border-top:1px dotted #c1c1c1;
}
.widget2 .inner {
padding:0px 20px;
padding-bottom:20px;
padding-top:20px;
}
.widget2 .caption h3 a{
text-decoration:none;
font-size:16px;
}
.widget2 .caption h3 {
float:left;
font-size:16px;
padding-right:20px;
background:url(images/widget-caption.png) right 20px no-repeat;
}
.widget2 .caption {
margin:0px -30px;
padding:0px 30px;
overflow:hidden;
}
.tabs_widget {
list-style:none;
padding-top:10px;
margin:0px;
padding-left:20px;
}
.tabs_widget dd{
clear:left;
display:none;
margin:0px;
margin-left:-12px;
}
.tabs_widget dd.active{
display:block;
}
.tabs_widget dt {
float:left;
padding:8px;
margin-right:6px;
margin-bottom:20px;
margin-top:20px;
cursor:pointer;
background:#ececec;
background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(225,225,225,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(225,225,225,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(248,248,248,1) 0%,rgba(225,225,225,1) 100%); /* W3C */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color:#000;
text-decoration:none;
border:none;
cursor:pointer;
box-shadow:1px 1px 5px #aaa;
}
.tabs_widget dt.active {
background: -moz-linear-gradient(top, rgba(223,16,29,1) 0%, rgba(181,11,34,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(223,16,29,1)), color-stop(100%,rgba(181,11,34,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(223,16,29,1) 0%,rgba(181,11,34,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(223,16,29,1) 0%,rgba(181,11,34,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(223,16,29,1) 0%,rgba(181,11,34,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(223,16,29,1) 0%,rgba(181,11,34,1) 100%); /* W3C */
color:#fff;
}
.tabs_widget dt:hover {
color:#fff;
background: -moz-linear-gradient(top, rgba(223,16,29,1) 0%, rgba(181,11,34,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(223,16,29,1)), color-stop(100%,rgba(181,11,34,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(223,16,29,1) 0%,rgba(181,11,34,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(223,16,29,1) 0%,rgba(181,11,34,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(223,16,29,1) 0%,rgba(181,11,34,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(223,16,29,1) 0%,rgba(181,11,34,1) 100%); /* W3C */
}
.main_content {
padding-right:586px;
padding-left:38px;
padding-top:5px;
}
.page-template-page-template-nosidebar-php .main_content {
padding-right:38px;
}
.articles {
}
.articles dd {
overflow:hidden;
padding-bottom:40px;
margin-bottom:-2px;
}
.articles dt p {
color:#828181;
}
.articles dt p img{
margin:0px 5px;
margin-bottom:-4px;
}
.articles dt h2 {
margin:0px -45px;
padding:0px 45px;
padding-top:0px;
background:url(images/post-title.png) left top repeat-y;
line-height:60px;
}
.page-template-page-template-nosidebar-php .articles dt h2 {
background:url(images/post-title-long.png) left top repeat-y;
}
.featured_image {
border:1px solid #d5d5d5;
border-top:1px solid #dfdfdf;
background:#fff;
padding:7px;
}
.widget_comments .avatar img {
border:1px solid #3c3e41;
}
.widget_posts ul li img {
border:1px solid #d5d5d5;
background:#fff;
}
.googlemap {
background:#fff;
border:1px solid #d5d5d5;
}
.related-posts li {
background:#fff;
border:1px solid #d5d5d5;
}
input.readmore, a.readmore {
background:#ececec;
background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(225,225,225,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(225,225,225,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(248,248,248,1) 0%,rgba(225,225,225,1) 100%); /* W3C */
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
padding:5px 35px;
color:#000;
text-decoration:none;
border:none;
cursor:pointer;
box-shadow:1px 1px 5px #aaa;
margin-right:5px;
}
.feedback .input {
border: 1px solid #202123;
}
#comment {
border:1px solid #202123;
color:#dbdada;
}
.comment {
border-top:1px solid #202123;
}
a.page-numbers {
padding:5px 10px;
background:#ececec;
background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(225,225,225,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(225,225,225,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(248,248,248,1) 0%,rgba(225,225,225,1) 100%); /* W3C */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration:none;
border:none;
cursor:pointer;
box-shadow:1px 1px 5px #aaa;
color:#444;
}
span.page-numbers {
padding:5px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: -moz-linear-gradient(top, rgba(223,16,29,1) 0%, rgba(181,11,34,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(223,16,29,1)), color-stop(100%,rgba(181,11,34,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(223,16,29,1) 0%,rgba(181,11,34,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(223,16,29,1) 0%,rgba(181,11,34,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(223,16,29,1) 0%,rgba(181,11,34,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(223,16,29,1) 0%,rgba(181,11,34,1) 100%); /* W3C */
color:#fff;
font-weight:bold;
}
#footer {
background:#282828;
margin-top:20px;
padding:10px 0px;
color:#acacac;
}
#footer .container {
width:100%;
background:#191919;
border-top:1px dashed #474947;
}
.widgetf .caption h3 {
font-size:20px;
color:#fff;
}
.widgetf, .widgetf a {
color:#fff;
}
.footer_txt a{
color:#c3b9aa;
}
.footer_txt {
background:#282828;
border-top:1px dashed #474947;
color:#c3b9aa;
}
<div style="width:906px;"> <div style="float:left;width:300px;margin-right:2px;"> test </div> <div style="float:left;width:300px;margin-right:2px;"> test </div> <div style="float:left;width:300px;margin-right:2px;"> test </div> </div>mantıkta 906px'e göre olay bu şekilde ama siz nasıl yaparsınız bilemiyorum.
