/*
Theme Name: Kfblog
Version: 1.0
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,600,400);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400);
body {
background: #f0f2fa;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #333;
line-height: 28px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 700
}
.entry .h1, .entry .h2, .entry .h3, .entry .h4, .entry .h5, .entry .h6, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
line-height: 44px
}
.clearfix {clear:both}
img {
max-width: 100%
}
.entry b, .entry strong {
color: #333
}
ul,ol {
margin:0;
padding:0
}
li {
list-style: none
}
a {
color:#009688;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
a:hover {
text-decoration:underline
}
.def-color {
background-color: #009688 !important
}
.has-success .input-group-addon, .has-success .form-control-feedback {
background-color: #009688;
color: #fff
}
.def-border {
border-color: #009688 !important
}
.entry-margin {
margin-top: 10px
}
.entry-marginbottom {
margin-bottom: 10px
}
.nomargin {
margin: 0 !important
}
.entry-header .entry-meta, .category-widget-content .post-meta, .post-content .post-meta,.post-category, .pagination, .bg_homepage_1col .block-posts .allposts, .carousel-caption .carousel-cat, .justsidebarsearch .form-control, blockquote, #comments .comment, .ptserif{
font-family: 'PT Serif', serif;
}
#footer .blog-shadow, #footer .blog-background {
padding:0;
box-shadow: none;
background: transparent
}
.blog-shadow, .sidebar .widget_categories ul, .sidebar .widget_archive ul, .sidebar .justsidebarsearch, .sidebar [class*="widget_"] ul, .sidebar #calendar_wrap, .sidebar .tagcloud, .sidebar .textwidget, #comments .comment {
-webkit-box-shadow: 0 0 0 1px #e6e6e6;
-moz-box-shadow: 0 0 0 1px #e6e6e6;
box-shadow: 0 0 0 1px #e6e6e6
}
.blog-background, .sidebar .widget_categories ul, .widget_archive ul, .sidebar .justsidebarsearch, .sidebar [class*="widget_"] ul, #calendar_wrap, .sidebar .tagcloud, .sidebar .textwidget, #comments .comment {
background: #fff;
padding: 1em
}
.nopaddingleft {
padding-left: 0 !important
}
.nopadding {
padding:0
}
.padding5 {
padding:5px
}
/* Post Like System */
a.jm-post-like {
font-weight: normal;
display: inline-block;
width: auto;
font-size: 14px;
line-height: 1.846153846;
-moz-transition: all 0.3s ease-out 0.2s;
-webkit-transition: all 0.3s ease-out 0.2s;
-o-transition: all 0.3s ease-out 0.2s;
}
.content a.jm-post-like, .category-widget-image a.jm-post-like {
color: #fff;
}
a.jm-post-like.liked {
color: #009688
}
.post-single a.jm-post-like.liked {
color: #fff
}
#popular-like-posts a.jm-post-like.liked {
color: #fff;
background-color: #009688 !important;
color: #fff !important;
border-radius: 15px;
padding: 0 10px;
font-size: 12px;
}
#popular-like-posts .post-meta a.jm-post-like {
margin-right: 10px;
background-color: #ececec;
padding: 0 10px;
border-radius: 10px;
color: #bbb;
}
.entry dt{color:#444}
.entry ol,.entry ul{margin:0 0 15px 30px}
.entry ol ol,.entry ol ul,.entry ul ul,.entry ul ol{margin-bottom:0}
.entry li{margin:0}
.entry ul li,.entry ol ul li{list-style:inherit}
.entry ol li,.entry ol ul ol li{list-style:decimal}
.entry dt{font-weight:600}
.entry address{margin-bottom:1em}
blockquote{margin-top: 15px;border-left: 3px solid #009688;background-color: #F5F5F5;}
.entry ins{background:#fff486}
.entry sub,.entry sup{font-size:62.5%}
.entry sub{vertical-align:sub}
.entry sup{vertical-align:super}
.entry img.size-auto,.entry img.size-large,.entry img.size-medium,.entry attachment img{max-width:100%;height:auto}
.entry img{height:auto}
.entry .alignleft{margin:5px 20px 18px 0;float:left}
.entry .alignright{margin:5px 0 18px 20px;float:right}
.entry img.aligncenter{margin:18px auto;clear:both;display:block}
.entry img .size-full{width:100%!important}
.entry .gallery img,.entry img.wp-smiley{margin:0}
.entry .wp-caption{max-width:100%;text-align:right}
.entry .wp-caption a{border-bottom:none}
.entry .wp-caption img{margin:0;max-width:100%;height:auto}
.entry .wp-caption.alignleft{margin-right:20px}
.entry .wp-caption.alignright{margin-left:20px}
.entry .wp-caption.alignnone{width:100%!important;overflow:hidden}
.entry .wp-caption.alignnone img{margin:0 auto;max-width:100%!important}
.entry .wp-caption-text{color:#999;font-size:13px;border-bottom: 1px dotted #B7B7B7; display: inline-block}
.entry table tr.alt{background:#f1f1f1}
.entry table th{font-weight:600;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;padding:10px 5px}
/* Header */
#header {
background-color: #fff;
width: 100%;
color: #333;
}
.header-top {
width: 100%;
padding: 4em 0;
position: relative
}
.logo-text {
margin:3.572em 0 3.572em 0
}
.logo-text h1 {
font-size: 20px;
margin: 0
}
.header-top a {
color: #333;
font-weight: 600
}
#header .reklam {
text-align:right
}
.reklam-menu {
margin-bottom: 2em;
text-align:center
}
#top-menu {
background: #4E4E4E;
color:#fff;
text-transform: uppercase;
font-size: 12px;
height: 35px;
line-height: 36px;
position: relative
}
#top-menu .pull-center {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
margin: 0;
border: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#top-menu .sosyal-medya a{
color: #fff;
margin-right: 10px
}
#top-menu .random-post a{
color: #fff
}
#top-menu a:hover, #top-menu .btn:Hover {
color: #fff;
text-decoration:none
}
.search-form{
height: 25px;
margin-top:5px;
margin-bottom:5px;
line-height: 24px;
position: relative
}
.search-form .btn {
position: absolute;
right:0;
top:-4px;
background:transparent
}
.search-form .search-control {
border:0;
outline:none;
text-align: right;
padding-right: 2.5em;
background-color: transparent
}
/* Header End */
/* Navbar */
/* actual dropdown animation */
.navbar-default {
border: 0;
border-radius: 0;
}
.navbar-default a:before {
content: "";
position: absolute;
bottom: 0;
transition: all 0.2s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
left: 50%;
height: 3px;
width: 0;
background: #fff;
}
.navbar-default li:hover a:before {
left: 0;
width: 100%;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>li>a:hover {
color: #fff !important;
background: transparent;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .dropdown-menu>li:hover>a {
background: transparent;
color: #000 !important
}
.navbar-default li .dropdown-menu:after{top:-8px;width:0;height:0;left:10px;z-index:2;content:" ";display:block!important;position:absolute;border-bottom:8px solid #fff;border-right:8px solid transparent;border-left:8px solid transparent}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:visited {
color: #DEF2FF
}
.navbar-default .navbar-nav>li>a {
font-weight: 600;
position: relative;
text-transform: uppercase
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
-webkit-box-shadow:none;
box-shadow:none;
border:0
}
.navbar-default .navbar-toggle .icon-bar {
background: #fff
}
.navbar-default .navbar-toggle {
border-color: #fff
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background: rgba(2, 2, 2, 0.05)
}
.navbar-nav>li>.dropdown-menu {
border:0
}
.navbar-nav>li>.dropdown-menu a {
padding: 10px 15px;
color: #777;
border-bottom: 1px solid #F5F5F5;
}
.navbar-nav>li>.dropdown-menu li:last-child a {
border: 0
}
/* Search Form */
.navbar-form {
position: relative;
}
.justsidebarsearch .form-control {
background-color: rgba(29, 29, 29, 0.11);
border: 0;
box-shadow: none;
-webkit-box-shadow: none;
color: #fff;
transition: 300ms background-color;
}
.sidebar .justsidebarsearch.col-md-2 {width: 100%!important}
.sidebar .navbar-form .form-control, .sidebar .navbar-form .form-group {
width: 100%
}
.sidebar .navbar-form {
padding:0;
float: none !important;
margin: 0;
}
.justsidebarsearch .form-control::-webkit-input-placeholder {
color: #fff
}
.justsidebarsearch .form-control:-moz-placeholder { /* Firefox 18- */
color: #fff
}
.form-control::-moz-placeholder { /* Firefox 19+ */
color: #fff
}
.justsidebarsearch .form-control:-ms-input-placeholder {
color: #fff
}
.form-control:focus {
background: #fff;
color: #333;
box-shadow: none;
-webkit-box-shadow: none;
}
.sidebar .form-control:focus {
background: #E7F0F4;
}
.navbar-form .btn {
position: absolute;
background: 0;
border: 0;
top:1px;
color: #fff;
right:15px
}
.sidebar .navbar-form .btn {
right:0
}
/* Navbar End */
/* Blog Posting Box */
.title-box {
position: relative;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 5px;
z-index: 2;
}
.title-box span {
color: #888;
position: relative;
z-index: 2
}
.title-box p {
font-weight: 400;
text-transform: none
}
.title-box h3, .title-box h4{
z-index: 2;
margin:0;
font-size: 14px;
display: inline-block;
padding-right: 10px;
position: relative;
display:none
}
.content.nopaddingleft .title-box h3, .content.nopaddingleft .title-box p {
padding-left: 15px
}
.title-box h3>a {
color: #333;
}
.title-box:after {
position: absolute;
content: '';
width: 70px;
border-radius: 3px;
background-color: #bbb;
height: 7px;
top: 12px;;
display:none
}
.author .title-box:after {
content:none
}
/*---------------*/
/***** Jazz *****/
/*---------------*/
figure.effect-jazz {
background: -webkit-linear-gradient(-45deg, rgb(0, 0, 0) 0%,#040404 100%);
background: linear-gradient(-45deg, rgb(0, 0, 0) 0%,#040404 100%)
}
figure.effect-jazz img {
opacity: 0.9;
}
figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-jazz figcaption::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
figure.effect-jazz h2,
figure.effect-jazz p {
opacity: 1;
-webkit-transform: scale3d(0.8,0.8,1);
transform: scale3d(0.8,0.8,1);
}
figure.effect-jazz h2 {
padding-top: 26%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-jazz p {
padding: 0.5em 2em;
text-transform: none;
font-size: 0.85em;
opacity: 0;
}
.post-box:hover figure.effect-jazz img {
opacity: 0.7;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
.post-box:hover figure.effect-jazz figcaption::after {
opacity: 1;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.post-single .col-bg-5 {
width: 36%;
}
.post-single.standart {
margin-left: 15px;
}
.box{
margin-right: 15px;
}
.post-single .post-content p, .post-box .post-content p {
margin: 0;
color: #888;
}
.post-single .post-content {
display: table;
padding-right: 10px;
position: relative;
}
.post-single .post-content h1 a {
color: #333
}
.post-box {
width: 48%;
margin-left: 13px;
display:inline-table;
vertical-align:top;
margin-bottom: 20px;
position: relative;
}
.bg_homepage_1col .post-box {
margin-bottom: 15px;
min-height:400px;
}
.post-box .btn {
position: relative;
overflow:hidden
}
.post-box .btn:before{
content: "";
position: absolute;
width: 100%;
height: 100%;
top:0;
left:-110%;
transition:300ms;
background: rgba(255,255,255,0.52);
transform:skew(-30deg);
}
.post-box .btn:hover:before {
left: 110%;
}
.post-box .btn a:hover {
text-decoration:none
}
.sidebar .bg_homepage_1col .post-box, #footer .bg_homepage_1col .post-box, #footer .bg_homepage_1col .post-small {
width: 100%
}
.sidebar .bg_homepage_1col .col-md-6 {
width: 100% !important;
padding:0
}
.bg_homepage_1col .post-box {
width: 49%;
margin-left:0
}
.bg_homepage_1col .post-small {
display: inline-block;
width: 51%;
padding-right:0
}
.bg_homepage_1col .block-posts {
width: 100%;
position:relative;
display: inline-block;
margin-bottom: 2em
}
.sidebar .bg_homepage_1col .block-posts {
margin-bottom: 0;
margin-left:0;
width: 100%
}
.bg_home_article {margin-bottom: 1.5em;}
.bg_home_article .title-box, .bg_home_article .post-single { margin-left:0; margin-right: 0}
.post-single {
width: 100%;
height: 169px;
overflow: hidden;
margin-bottom: 1em;
background: #fff;
}
.post-single .post-content h1 {
font-size: 16px;
line-height: 1.5em;
margin: 15px 0 8px 0;
font-weight: 600;
}
.bg_homepage_1col .block-posts .allposts {
display:inline-block;
width: 49%;
margin-left: 2%;
text-align:right;
padding: 5px 15px;
background: #fff
}
.format {
margin-right: 5px;
margin-left: 5px;
font: normal normal normal 15px/1 FontAwesome;
}
.content .post-like a, .bg_homepage_2col .post-like a, .bg_homepage_1col .post-like a {
color: #fff !important
}
.gallery-icon:before {
content: "\f03e";
}
.video-icon:before {
content: "\f144";
}
.post-box .post-image, .post-single .post-image {
background: #fff;
overflow: hidden;
position: relative
}
.post-single .post-image {
margin-right: 15px;
}
.post-box .post-image img {
display: block;
width: 100%;
height: 215px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.post-box:hover .post-image img, .post-single:hover .post-image img {
opacity: .8;
}
.post-box .post-content {
background: #fff;
width: 100%;
padding: 30px;
}
.sidebar .bg_homepage_2col .post-box {
width: 100%;
margin-left:0;
}
.sidebar .bg_homepage_2col .post-box.last {
margin-bottom: 0
}
.bg_homepage_2col .post-box .post-content {
border-bottom: 1px solid #f9f9f9
}
.post-like {
position: absolute;
z-index: 1;
top: 1em;
right: 1.5em;
color: #fff;
}
.post-box .post-content h1.title {
font-size: 18px;
line-height: 1.5em;
margin:0;
margin-bottom: 10px;
font-weight: 600
}
.post-box .post-content h1.title a {
color: #333
}
.post-box .post-category {
margin-bottom: 10px;
display:inline-block;
position: relative;
padding-left: 15px;
width: 100%
}
.post-box .post-category li {
float:left
}
.post-box .post-category:before {
content: '';
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #ddd;
top: 11px;
left: 0
}
.post-content .description {
color: #666666;
font-size: 15px;
line-height: 1.8em;
}
.post-content .post-meta {
color: #999;
margin-bottom: 15px;
margin-top: 10px
}
.post-content .post-meta .timestamp, .related-post .related-meta .timestamp {
margin: 0 16px 0 0
}
.post-content .btn-red {
background-color: #009688;
border-color: #009688
}
.post-content .btn a {
color: #fff
}
.post-content .btn.red:hover {
background: #fafafa
}
/* Box End */
.pagination {
width: 100%;
margin-left: 15px
}
/* Sidebar */
.sidebar {
display: inline-block
}
.sidebar .tag-cloud li a {
color: #fff
}
.sidebar .widgets {
margin-bottom: 1em;
display:inline-block;
width: 100%
}
.sidebar .widgets a {
color: #333
}
.sidebar .widgets a.btn {
color: #fff
}
.sidebar ul.children {
box-shadow:none
}
.widgets ul>li {
position: relative;
padding-left: 10px;
margin-bottom: 5px
}
.widgets ul>li:last-child {
margin-bottom:0
}
.widgets ul>li:before {
content: '';
position: absolute;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #aaa;
top: 13px;
left:0
}
.widgets #wp-calendar {
width: 100%
}
.widgets .tagcloud a, .widget .tagcloud a{
font-size: 13px !important;
background-color: #E7F0F4;
border-radius: 3px;
padding: 4px 9px;
color: #888
}
/* Category Widget */
.category-widget-single {
width: 100%;
margin-top: 5px;
padding-bottom: 10px;
background: #fff;
display: inline-block;
border-bottom: 1px solid #f9f9f9
}
.bg_homepage_1col .category-widget-single {
border:0;
margin:0;
height: 67px;
overflow:hidden
}
.bg_homepage_2col .category-widget-single {
padding: 15px;
background: #fff;
display:block;
margin-top: 10px !important;
margin:0
}
.homepage-widget.bg_homepage_2col {
width: 100%;
display:inline-block;
margin-left:0
}
.content.nopaddingleft .bg_homepage_2col .title-box h3 {
padding-left:0
}
.bg_homepage_2col .category-widget-single:last-child {
padding-bottom: 2em;
border: 0
}
#sidebar .category-widget-single:last-child{
border:0;
padding:0
}
.category-widget-single img {
width: 100px;
opacity: 1;
height: 67px
}
.category-widget-single:hover img {
opacity: .8
}
.category-widget-single:hover a {
color: #009688
}
.category-widget-single .pull-left {
width: 100px
}
.category-widget-image span.comments {
margin-left: 10px
}
.post-box .post-like a.liked {
color: #fff
}
.category-widget-content {
display:table;
padding-left: 15px
}
.bg_homepage_1col .category-widget-content {
padding-left:0;
height: 67px;
}
.category-widget-content .post-meta {
color: #999
}
.category-widget-content h3 {
font-size: 14px;
line-height: 22px;
font-weight: 600;
margin:0
}
.category-widget-content h3 a {
color: #333
}
.bg_homepage_1col .category-widget-content h3 {
padding: 10px
}
#wp-calendar {
width: 100%;
max-width: 37.5rem;
background: #ccc;
margin-left: auto;
margin-right: auto;
}
#wp-calendar caption {
background: #009688;
color: #fff;
padding: 0.25rem;
text-align: center;
}
#wp-calendar thead tr {
border-right: 1px solid #ccc;
}
#wp-calendar thead th {
font-size: 90%;
font-weight: bold;
padding: 0.25rem;
background: #ccc;
text-transform: uppercase;
text-align: center;
}
#wp-calendar tbody td {
position: relative;
padding: 0.125rem;
text-align: center;
border: 1px solid #ccc;
background: #fff;
}
#wp-calendar tbody td.pad {
opacity: 0.7;
}
#wp-calendar tbody td#today {
font-weight: bold;
}
#wp-calendar tbody td#today:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 10px solid #999;
border-left: 10px solid transparent;
}
#wp-calendar tbody td a {
display: block;
background: rgba(50, 153, 187, 0.2);
}
#wp-calendar tbody td a:hover {
background: #3299bb;
color: #fff;
}
#wp-calendar tfoot tr {
background: rgba(255, 255, 255, 0.7);
border: 1px solid #ccc;
}
#wp-calendar tfoot tr td {
border: 0;
padding: 0;
}
#wp-calendar tfoot tr a {
display: block;
padding: 0.25rem 0.75rem;
}
#wp-calendar tfoot tr a:hover {
background: #fff;
}
#wp-calendar tfoot tr #prev {
text-align: left;
}
#wp-calendar tfoot tr #next {
text-align: right;
}
/* Tab Widget */
#my-tab-content {
display:inline-block;
width: 100%
}
.tab-shortcode .tab-content {
margin-top: 1em
}
.toggle{color:#fff;display:none}
.toggle span.menu-title{margin:10px;line-height:3;font-weight:700}
.toggle i{float:right;margin-top:15px;margin-right:15px}
.toggle-full{margin-bottom:15px;margin-top: 15px}
h3.trigger{font-size:16px !important;line-height:1.5em !important;padding:15px 15px 15px 25px;margin:0;border:1px solid rgba(50,50,50,.1);}
h3.trigger:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;content:"\f067";}
h3.trigger a{color:#333;font-weight:400;margin-left:10px;}
h3.trigger.active:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;content:"\f00d";}
h3.trigger a:hover{color:#0489B7;text-decoration:underline;}
.toggle_container{overflow:hidden;padding:25px;border:1px solid #ececec;border-top:0;}
.tab-menu-widget .nav-tabs>li.active>a, .tab-menu-widget .nav-tabs>li.active>a:focus, .tab-menu-widget .nav-tabs>li.active>a:hover, .tab-menu-widget .nav-tabs>li>a, .tab-menu-widget .nav-tabs {
border:0 !important;
color: #009688
}
.entry .nav-tabs {
margin:0
}
.tab-menu-widget .nav-tabs>li>a {
color: #777;
line-height: 20px !important;
}
.tab-menu-widget .nav-tabs>li:before, #my-tab-content .tag-cloud li:before {content:none!important;}
.tab-menu-widget .nav-tabs>li{padding-left:0 !important;margin-bottom:0 !important}
.tab-menu-widget .nav-tabs>li>a:hover {
text-decoration: underline;
background: transparent
}
.nav-tabs .tag-cloud {
display:inline-block
}
.tag-cloud li {
display:inline-block;
padding-left: 0 !important
}
/* Sidebar End */
/* Pagination */
.pagination>.active>a {
background-color: #009688;
border-color:#009688
}
.pagination>li>a {
color: #333
}
/* Slider Manşet */
.slide-featured {
display:inline-block;
padding-right: 15px;
width: 100%;
margin-bottom: 2em
}
.slide-item-small.col-md-3 {
padding:0;
display:inline-block
}
.slide-item-small a.jm-post-like.liked {color:#fff}
.slide-featured .slide-item-big {
padding-right: 0
}
.slide-featured img {
width: 100%
}
.slide-featured figure{
position: relative;
overflow:hidden
}
.slide-featured figure:before {
position: absolute;
content: '';
height: 100%;
width: 100%;
-webkit-transition: all .2s ease-in-out;
transition: all .8s ease-in-out;
}
.slide-featured .slide-item-small figure:before {
background: linear-gradient(to bottom, rgba(219,78,43,0) 0%,rgba(219, 78, 43, 0) 20%,rgba(0, 0, 0, 0.55) 100%);
}
.slide-featured .slide-item-big figure:before {
background: linear-gradient(to bottom, rgba(219,78,43,0) 0%,rgba(219, 78, 43, 0) 20%,rgba(0, 0, 0, 0.88) 100%);
width: 100%;
height: 100%;
z-index:1;
}
.slide-featured .slide-item-big h2 {
margin:0
}
.slide-featured .slide-item-big h2 a{
font-size: 28px;
line-height: 1.6;
}
.slide-featured .slide-item-big .label {font-size: 13px; font-weight: 400}
.slide-featured .slide-item-small figure:hover:before {
background: rgba(0, 150, 136, 0.28)
}
.slide-featured .slide-item-small figure figcaption {
position: absolute;
bottom:0;
right:0;
top:0;
left:0;
z-index: 2;
padding: 1em
}
figure *,figure::before,figure::after{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
figure{overflow:hidden;position:relative}
.slide-featured .slide-item-big figure:after{background:rgba(1,1,1,.5);width:100%;height:100%}
.slide-featured .slide-item-big figure img{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.slide-featured .slide-item-big figure:hover img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);transform:rotate(2deg) scale(1.1);-webkit-transform:rotate(2deg) scale(1.1);-ms-transform:rotate(2deg) scale(1.1);-o-transform:rotate(2deg) scale(1.1)}
.slide-featured .slide-item-big figure figcaption {
position: absolute;
bottom: 2em;
z-index:2;
left: 2em;
right: 1em
}
.slide-featured .meta {
position: absolute;
right:1em;
color: #fff;
top:1em
}
.featured-meta {
position: relative;
width: 100%;
padding-top: .3em;
display:inline-block
}
.featured-meta li {
color: #fff;
float:left;
margin-right: .7em
}
.slide-item-big .post-category {
color: #fff;
}
.slide-featured a {
color: #fff !important
}
.slide-featured .slide-item-small figcaption h2 {
transform: translate3d(0,0px,0);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
position: absolute;
bottom: .5em;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,0px,0);
}
.slide-featured .slide-item-small figure:hover h2 {
transform: translate3d(0,-20px,0);
-webkit-transform: translate3d(0,-20px,0);
}
.slide-featured figcaption h2 a{
font-size: 20px;
font-weight: 600
}
.slide-featured .slide-item-big figcaption p {
width: 50%;
border-left: 1px solid #fff;
color: #fff;
text-align:left;
padding-left: 10px;
margin-left: 1em
}
.slide-featured .slide-item-small figcaption p {
padding: 0 10px 0 0;
width: 50%;
position: absolute;
bottom:0;
opacity: 0;
color: #fff;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
}
.slide-featured .slide-item-small figure:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/* Slider Carausel */
.carousel-inner .item figure img {
width: 100%;
height: 325px;
}
.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
.carousel-inner .item figure {
position: relative
}
.carousel-inner .item figure:before {
display: block;
width: 100%;
height: 100%;
content: "";
background-color: rgba(0,0,0,.2);
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 1;
}
.carousel-inner {
margin-bottom: 1em
}
.carousel-inner h3 {
margin-top:5px;
margin-bottom: 10px
}
/* Single */
.content-area {
background: #fff;
padding: 1em
}
.content-area .youtube-player {
width: 100%
}
.page-content h1.title {
margin: 10px 0;
font-size: 26px
}
.alignleft {
float: left;
margin: 0px 30px 0px 0;
}
.alignright {
float: right;
margin: 0px 30px 0px 0;
}
.entry-content .btn {
margin-bottom: 15px
}
.entry-content .btn i, .page-content .btn i {
margin-right: 10px
}
.breadcrumb {
background: #F9FDFF;
padding: 0;
padding-left: 15px;
}
.entry-image img {
height: 335px
}
.entry-header {
margin-bottom: 1em
}
.entry-header h1 {
font-size: 24px;
font-weight: 700;
line-height:1.6
}
.entry-header .entry-meta {
display:inline-block;
font-weight: 400;
font-size:15px;
color: #999;
}
.entry-header .entry-like {
margin-left: 10px
}
.entry-header .entry-like a {
background: #979F9A;
padding: 0 10px;
border-radius: 5px;
color: #fff !important;
}
.entry.entry-content p {
color: #565656;
font-size: 15px
}
.entry-image {
margin-bottom: 1em
}
.post-navigation{
display: inline-block;
width: 100%;
}
.post-navigation .newer-posts {
text-align: right;
}
.post-navigation .sub-title {
font-weight: 700;
text-transform:uppercase
}
.post .title-box.title2 span{
background: #fff;
color: #333;
position: relative;
z-index:2;
padding-right: 10px;
}
.post .newer-post .title-box span {
padding-right:0;
padding-left: 10px;
}
.post .title-box.title2:after {
background-color: #F5F5F5;
height: 1px;
top: 14px;
}
.title2 {
width: 100%;
display:inline-block;
position: relative
}
.title2 span {
font-weight: 700;
font-size: 14px;
text-transform:uppercase;
background: #fff;
position: relative;
z-index: 1;
padding: 10px 10px 10px 0
}
.title2:after {
position:absolute;
content: '';
width: 100%;
height: 1px;
background-color: #f5f5f5;
left:0;
top: 13px
}
.entry-tags>ul>li {
display:inline-block;
margin-right: 10px;
margin-bottom: 15px;
}
.entry-navi>ul>li {
display:inline-block;
margin-right: 5px;
font-weight: 700;
}
.entry-navi {
padding-top: 10px;
border-top: 1px solid #F5f5f5;
border-bottom: 1px solid #f5f5f5;
padding-bottom: 10px;
}
.entry-navi>ul>li>a {
font-weight: 400
}
.entry-tags {
padding-top: 10px
}
/* Benzer Yazılar */
.related-posts {
display:inline-block;
width: 100%
}
.related-post {
width: 32%;
margin-left: 2%;
background: #fff;
float:left;
}
.related-header:before {
content: '';
position: absolute;
top: -15px;
left: 30px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 15px;
border-color: transparent transparent #fff;
}
.related-post:hover .related-image img{
opacity: 0.8;
}
.related-post.first {
margin-left:0
}
.related-post .related-image img {
height: 130px;
}
.related-post .related-header {
padding: 1em;
position: relative;
}
.related-header a.title {
font-size: 15px;
color: #333
}
.related-post .related-header .related-meta {
color: #999;
font-size: 15px
}
.btn.def-color {
color: #fff
}
/*Author-Box*/
.author-box {
overflow:hidden;
}
.author-box .pull-left>img {
border-radius: 3px
}
.author-box .yazar-nick {
font-weight:700;
font-size:20px;
margin-bottom:5px;
display:inline-block
}
.author-box p {
margin: 0
}
.author-box .pull-left {
width:75px
}
.author-box .pull-right {
width:88%
}
.author-box .social {
margin-bottom:10px;
margin-top:10px;
display:inline-block
}
.author-box .social a {
color:#fff;
border-radius:3px;
width:25px;
height:25px;
line-height:27px;
text-align:center;
display:inline-block
}
.author-box .fb {
background:#4F71BA
}
.author-box .tw {
background:#33C9FF
}
.author-box .gp {
background:#E78173
}
.author-box .em {
background:#9EA8A9
}
/* Comment */
#comments {
margin-top: 2em
}
#comments .media-list {
margin-top: 1em
}
#comments .media-list {
display:inline-block;
width: 100%
}
#comments ul.children {
display:inline-block
}
#comments .comment-header {
height: 60px;
margin-bottom: 1em
}
#comments .input-group-addon {
border-color: #fff
}
#comments .form-control {
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
border: 0px
}
#comments .comment-notes {
margin-top: 10px
}
#comments, #comments .comment {
margin-bottom: 2em;
}
#comments .comment {
font-size: 16px
}
#comments .comment .media-heading {
font-size: 17px;
}
#comments .comment .pull-left {
margin-right: 15px
}
.comment .avatar {
border-radius: 3px
}
.form-control:focus {
border-color: #009688
}
#comments li.depth-1 {padding: 1em; width;100%}
#comments ul.children li.depth-2{ width: 95%; float:right}
#comments ul.children li.depth-3{ width: 90%; float:right }
#comments ul.children li.depth-4{ width: 85%;float:right}
#comments ul.children li.depth-5{ width: 80%; float: right}
#comments ul.children li.depth-6{ width: 75%; float: right}
#comments .input-group {
margin-bottom: 1em
}
/* Review Box
--------------------------------------------- */
.gp-review-box-top {
margin: 35px 0 30px 0;
}
.gp-review-box-bottom {
margin: -5px 0 30px 0;
}
#review-box {
background: #ececec;
padding: 20px 20px 8px 20px;
margin: 0;
margin-bottom: 1em
}
#review-box ul {
margin: 0;
padding: 0;
list-style: none
}
#review-box ul li {
margin-bottom: 10px;
list-style:inherit;
font-family: 'PT Serif', serif;
}
#review-box .review-top {
overflow: hidden;
}
#review-box .overall-score {
width: 100px;
text-align: center;
float: left;
margin-right: 20px;
margin-bottom: 15px;
}
#review-box .overall-score .overall {
font-size: 50px;
line-height: 1.2;
color: #FFF;
font-weight: bold;
padding: 8px 0;
display: block;
}
#review-box .overall-score .overall-text {
background: #111;
display: block;
color: #FFF;
font-weight: bold;
padding: 6px 0;
text-transform: uppercase;
font-size: 10px;
}
#review-box .review-top {
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #dddddd;
}
#review-box .review-top .review-text .review-title {
color: #111;
font-size: 18px;
font-weight: bold;
line-height: 1;
display: block;
margin: 8px 0 10px;
}
#review-box .review-top .review-text p {
font-size: 14px;
margin-bottom: 0;
}
#review-box ul li .review-criteria-bar-container {
position: relative;
background: #b8b8b8;
height: 40px;
border-radius: 15px;
color: #fff;
text-indent: 1em;
overflow: hidden;
}
#review-box ul li .review-criteria-bar {
float: left;
line-height: 40px;
height: 40px;
}
#review-box ul li .review-criteria-bar span.legp {
font-size: 13px;
font-weight: bold;
color: #ffffff;
line-height: 40px;
padding: 0 0 0 10px;
text-transform: uppercase;
}
#review-box ul li .review-criteria-bar-container span.right {
font-size: 16px;
font-weight: bold;
color: #ffffff;
z-index: 99;
position: absolute;
right: 10px;
top: 6px;
}
#review-box .review-total-score {
background: #f2f2f2;
overflow: hidden;
}
#review-box .review-total-score .left {
float: left;
max-width: 50%;
color: #333;
font-size: 18px;
font-weight: bold;
line-height: 1;
padding: 18px 15px;
margin: 0;
text-transform: uppercase;
}
#review-box .review-total-score .right {
float: right;
font-size: 18px;
background: #ff3718;
color: #FFF;
font-weight: bold;
padding: 0 12px;
height: 54px;
line-height: 54px;
}
#review-box .review-total-score .right i {
color: #FFFFFF;
font-size: 17px;
margin: 0 2px;
}
#review-box .review-summary {
border: 1px solid #eee;
padding: 25px;
margin: 0 0 25px 0;
}
#review-box .review-summary p {
margin: 0 0 0 0;
}
#review-box .review-total-score .type-star {
font-size: 14px;
padding: 7px 15px;
}
#review-box .review-total-score-box [class*="icon-"] {
font-size: 18px;
color: #FFFFFF;
margin: 0 1px;
}
.bg-review-badge.review-badge-number {
position: absolute;
left: 1em;
bottom: 1em;
color: #fff;
width: 35px;
line-height: 30px;
border-radius: 50%;
border: 2px solid #fff;
height: 35px;
font-weight: 700;
text-align:Center
}
/* Footer */
#footer{
background: #fff;
margin-top: 2em
}
.go-top{position:absolute;top: 0px;width: 40px; height: 40px; text-align:center; border-radius: 50px;background:#fff;color:#333;padding:6px;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); left:50%}
#footer .menu-footer li {
float:left
}
#footer .menu-footer li a {
color: #fff;
margin-left: 10px;
}
#footer .menu-footer li a:hover {
color: #fff;
text-decoration:none
}
#footer [class*="footer-sidebar-"] {
padding-top: 1em;
padding-bottom: 1em;
}
.footer-bottom {
padding: 10px ;
background: #4E4E4E;
color: #fff;
position:relative
}
.footer-bottom p {
margin:0
}
#footer h3 {margin:0}
#footer .title-box h3 {
background: #fff
}
#footer .title-box:after {
content: none
}
#footer .category-widgets .category-widget-content {
padding-left: 0;
}
#footer .category-widgets .category-widget-single>.pull-left {
margin-right: 15px
}
.footer-sidebar-widgets {
padding: 1em 0
}
.homepage-widget{
margin-left: 15px
}
/* Button Styles */
#social-container {
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
#social-container a {
font-size: 13px;
border-radius: 3px;
color: #fff;
line-height: 36px;
padding: 5px 10px;
}
#social-container a:hover {
text-decoration: none;
opacity: .9
}
/* Hover background colors */
.twitter {
background-color: #00aced
}
.facebook {
background-color: #3b5998
}
.whatsapp {
background-color: #26B017
}
.pinterest {
background-color: #cc2127
}
.googleplus {
background-color: #dd4b39
}
.dribbble {
background-color: #ea4c89
}
.instagram {
background-color: #417399
}
/* Carousel */
.carousel {
margin-left: 15px
}
.carousel-caption h3 a {
color: #fff;
line-height: 33px;
}
.carousel-caption .carousel-cat {
margin-bottom: 10px
}
.carousel-indicators li {
border-width: 2px;
width: 15px;
height: 15px
}
.carousel-indicators .active {
height: 17px;
width: 17px
}
.carousel-cat .label {
font-weight: 600
}
.carousel-cat a {
color: #fff !important;
}
.carousel-cat .jm-post-like{
vertical-align: -1px;
margin-left: 5px;
}
.widget-sponsor {
text-align:center
}
.notf {
margin-top: 5em;
margin-bottom: 5em
}
.notf .title-box:after {
content:none
}
@media only screen and (min-width:961px) and (max-width:1200px){
.pyre_homepage_1col .post-small {width: 50%}
.slide-featured {padding-left: 15px}
.slide-featured .slide-item-big {padding-left:0}
.post-box {margin-left: 11px}
.slide-featured .slide-item-small{width: 50%; float:left}
}
@media only screen and (min-width:480px) and (max-width:960px){
.header-top .col-md-3 [class*="logo-"] {text-align:center}
.bg_homepage_1col .post-small {width: 50%}
.post-box {margin-left: 10px}
.slide-featured .slide-item-small img {height: 200px}
.navbar-default a:before, .navbar-default li .dropdown-menu:after {content:none}
.slide-featured {padding-left: 15px}
.slide-featured .slide-item-big {padding-left:0; width: 100%}
.slide-featured .slide-item-small{width: 50%; float:left}
}
@media only screen and (max-width:719px){
.bg_homepage_1col .post-box, .bg_homepage_1col .post-small {width:100%;}
.bg_homepage_1col .col-md-6 {padding:0}
.post-box .post-image img, .entry-image img, .related-post .related-image img{width:100%;height: auto}
.header-top .col-md-3 [class*="logo-"] {text-align:center}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff!important;}
.dropdown-menu .divider {background-color: rgba(2, 2, 2, 0.05)}
.navbar-form .btn {top: 10px}
.post-box {margin-left: 6px}
.navbar-default a:before, .navbar-default li .dropdown-menu:after {content:none}
.slide-item-small.col-md-3 {width: 50%; float:left}
.slide-item-small.col-md-3 img {width: 100%; height: 150px}
.slide-item-big.pull-left.col-md-6 img {height:295px}
.slide-featured {padding-left: 15px}
.slide-featured .slide-item-big {padding-left:0; width: 100%}
.slide-featured .slide-item-small figcaption h2 {margin-bottom: 15px;}
.sidebar {display:none}
}
@media only screen and (max-width:479px){
.related-post {width: 100%; margin-left:0;margin-top: 10px}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff!important}
.bg_homepage_1col .block-posts, .author-box .pull-right, .bg_homepage_1col .post-box, .post-box, .post-small.col-md-6, .post-single .post-image, .post-single .post-image .img-responsive {width: 100%}
.author-box, .author-box .pull-left {text-align:center; width: 100%; float: none !important;}
.carousel-inner .item figure img {height: 175px}
.carousel-inner h3 {font-size: 17px; margin-bottom: 0}
.carousel-indicators {display:none}
.carousel-caption {padding:0;}
.slide-featured .slide-item-small, .post-single img {width: 100%;}
.slide-featured .slide-item-small img {height: 210px}
}
Sonrada websayfanı aç ctrl+f5 yap