Style.css aşağıdaki gibidir;
<?php
header("Content-type: text/css;");
$current_url = dirname(__FILE__);
$wp_content_pos = strpos($current_url, 'wp-content');
$wp_content = substr($current_url, 0, $wp_content_pos);
require_once($wp_content . 'wp-load.php');
?>
body, ul , h1, h2, h3, .bizden-haberler p {
margin : 0;
padding : 0;
}
h1 {
font-size:22px;
}
ul, li {
list-style:none;
}
body{
font-family: 'Open Sans', sans-serif;
font-size : 13px;
background: #<?php echo get_option("kp_sitebg_color"); ?> url(<?php echo get_option("kp_bg_img"); ?>) <?php echo get_option("kp_sitebg_img_repeat"); ?>;
border-top: 4px solid #<?php echo get_option("kp_site_color"); ?>;
}
.alignright{
float:right;
margin:5px 0 10px 10px;
}
.alignleft{
float:left;
margin:5px 10px 10px 0;
}
.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
#boxed {
width:1150px;
margin: 0 auto;
box-shadow: 0px 0px 10px 1px rgba(50, 50, 50, 0.5);
}
a {
color : #<?php echo get_option("kp_site_color"); ?>; text-decoration : none;
}
a:hover {
color : #<?php echo get_option("kp_site2_color"); ?>;
}
.clear {
clear:both;
}
header {
background:#fff;
}
.header-top, .footer-content {
width:1080px;
margin:0 auto;
}
.logo {
z-index:4;
position: relative;
padding: 15px 20px;
display: inline-block;
background:#fff;
margin-top:25px;
border:0;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
box-shadow: -5px 0 10px -7px #666,5px 0 10px -7px #666,0 7px 10px -7px #666;
}
#dil-menusu, #iletisim, #arama, .arama-butonu, #arama-kutusu {
color:#fff;
background:#<?php echo get_option("kp_site_color"); ?>;
border-bottom-left-radius:7px;
float:right;
display:inline-block;
font-size:18px;
height:38px;
line-height:38px;
padding: 0 20px 0 0;
}
#dil-menusu {
height: 28px;
padding: 5px;
width:30px;
border-bottom-right-radius:7px;
}
#dil-liste {
background:#<?php echo get_option("kp_site_color"); ?>;
z-index: 4;
margin-top: 37px;
position: absolute;
line-height: 30px;
margin-left: -5px;
padding: 8px 0 8px 8px;
border-radius: 5px;
}
#dil-liste li {
margin-right: 5px;
float:left;
}
.dil {
float:left;
width:35px;
height:26px;
position:relative;
background: url(images/dil-sprite.png) no-repeat;
}
.tr-icon { background-position: 0px 0px;}
.ing-icon { background-position: 0px -26px;}
.alm-icon { background-position: 0px -52px;}
.fra-icon { background-position: 0px -78px;}
.ita-icon { background-position: 0px -104px;}
.rus-icon { background-position: 0px -130px;}
.por-icon { background-position: 0px -156px;}
.isp-icon { background-position: 0px -182px;}
.kor-icon { background-position: 0px -208px;}
.jap-icon { background-position: 0px -234px;}
.cin-icon { background-position: 0px -260px;}
.arap-icon { background-position: 0px -286px;}
#arama-kutusu {
line-height:30px;
}
#iletisim {
border-right:5px;
}
#iletisim i {
margin:0 7px 0 20px;
}
#arama, .arama-butonu {
border-bottom-right-radius:7px;
border-bottom-left-radius:0px;
background:#<?php echo get_option("kp_site2_color"); ?>;
color: #<?php echo get_option("kp_site2_font_color"); ?>;
padding:0px 12px;
height:38px;
line-height:38px!important;
border:0;
}
.arama-butonu {
border-radius:0;
}
#arama a {
color : #<?php echo get_option("kp_site2_font_color"); ?>;
}
#arama a:hover {
color : #<?php echo get_option("kp_site2_font_color"); ?>;
}
#arama i {
line-height:38px;
}
#arama-kutusu {
position:relative;
padding:0px;
background:transparent;
}
#arama-kutusu input, #mobil-arama input {
border: 2px solid #<?php echo get_option("kp_site2_color"); ?>;
border-right:0;
width:306px;
height:34px;
padding: 0 10px;
border-bottom-left-radius:5px;
}
nav {
width:100%;
height:60px;
background:#<?php echo get_option("kp_site_color"); ?>;
margin-top: -90px;
z-index:3;
position: relative;
box-shadow: 0 7px 10px -7px #666, inset 0 30px 0 rgba(255,255,255,0.08);
}
<?php $logow = get_option('kp_logow')+40; ?>
.site-menu div {
max-width: <?php echo 1055-$logow; ?>px;
float:right;
}
.site-menu li a {
font-family: 'Open Sans', sans-serif;
color:#<?php echo get_option("kp_site_font_color"); ?>;
font-size:16px;
}
.site-menu li:before {
font-size:18px;
margin-right:7px;
}
.site-menu li {
color:#<?php echo get_option("kp_site_font_color"); ?>;
float: left;
height: 60px;
padding: 0 10px;
line-height: 59px;
transition: .25s all;
-moz-transition: .25s all;
-webkit-transition: .25s all;
}
.site-menu li:hover {
background:#<?php echo get_option("kp_site2_color"); ?>;
color:#<?php echo get_option("kp_site2_font_color"); ?>;
}
.site-menu li:hover a {
color:#<?php echo get_option("kp_site2_font_color"); ?>;
background: transparent;
}
.site-menu ul ul{
padding: 0;
margin: 0;
z-index: 2000;
}
.site-menu ul li:hover ul, ul.menu li.over ul {
display: block;
}
.site-menu ul li ul {
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
display: none;
position: absolute;
list-style:none;
margin-left: -10px;
padding-bottom:5px;
background: #fff;
}
.site-menu ul li ul li {
display:block;
float: none;
min-width: 200px;
height: 35px;
line-height: 32px;
padding: 7px 10px;
}
.sub-menu li {
color:#333333!important;
transition: .25s linear;
-moz-transition: .25s linear;
-webkit-transition: .25s linear;
}
.sub-menu li a {
color:#333333!important;
margin:0px;
padding:0px;
}
.sub-menu li:hover {
background:#dcdcdc;
}
/************************************************* Orta Kısım *******************************************/
.slider {
width:100%;
overflow:hidden;
}
.slider img {
width:100%;
height:auto;
border-bottom: 4px solid #<?php echo get_option("kp_site_color"); ?>;
box-shadow: 0 7px 10px -7px #666;
}
.callbacks_container {
width:100%;
position: relative;
display: inline-block;
}
.rslides li {
width:100%;
}
.centered-btns_tabs {
top:-65px;
position:relative;
z-index:2;
text-align: center;
display: inline-block;
width: 100%;
}
.centered-btns_nav {
position: absolute;
top: 50%;
z-index: 3;
overflow: hidden;
height: 65px;
width: 45px;
background: rgba(<?php echo hexToRGB(get_option("kp_site_color")); ?>,0.9);
color: #<?php echo get_option("kp_site_font_color"); ?>;
text-align:center;
font-size: 30px;
line-height: 84px;
margin-top: -45px;
}
.centered-btns_nav:active {
opacity: 1.0;
}
.centered-btns_nav.next {
left: auto;
right: 25px;
}
.centered-btns_nav.prev {
left: 25px;
}
.centered-btns_tabs li{
display: inline;
margin-right: 5px;
}
.centered-btns_tabs a {
text-indent: -9999px;
overflow: hidden;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background: #<?php echo get_option("kp_site_color"); ?>;
opacity: 0.4;
display: inline-block;
_display: block;
*display: block;
-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
width: 15px;
height: 15px;
}
.centered-btns_here a{
opacity: 1;
}
.content {
color:#<?php echo get_option("kp_site_font_color"); ?>;
font-size:16px;
width: 160px;
margin-left: 0;
padding: 20px;
left: inherit;
<?php if (get_option('kp_slider_tasarim')=="Başlık Gösterilsin") {?>
top: 65%;
<?php } else {?>
top: 45%;
<?php } ?>
background-color:rgba(<?php echo hexToRGB(get_option("kp_site_color")); ?>,0.9);
position: absolute;
}
#boxed .content {
margin-left: 50px;
}
.content h2 {
font-size: 13px;
opacity: 0.6;
margin: 10px 0 20px 0;
border-top: 1px dotted #<?php echo get_option("kp_site_font_color"); ?>;
padding-top: 10px;
font-weight: lighter;
line-height:20px;
}
.content a, .butmorenews {
border-radius:5px;
padding:10px 15px;
font-size:14px;
font-weight:bold;
background: #<?php echo get_option("kp_site2_color"); ?>;
color: #<?php echo get_option("kp_site2_font_color"); ?>;
}
.site-menu, .slider-content {
width:1080px;
margin:0 auto;
}
main {
display:block;
<?php if (get_option('kp_yerlesim')=="genis") {?>
background: #e5e5e5 url(<?php echo get_option("kp_bg_img"); ?>) <?php echo get_option("kp_sitebg_img_repeat"); ?>;
-webkit-box-shadow: 0px 0px 10px 1px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 0px 10px 1px rgba(50, 50, 50, 0.5);
box-shadow: 0px 0px 10px 1px rgba(50, 50, 50, 0.5);
<?php } else {?>
background: rgba(255,255,255,0.5);
<?php } ?>
}
.wrapper {
width:1100px;
padding-left:10px;
margin:0 auto;
margin-top:-50px;
position:relative;
z-index:4;
<?php if (get_option('kp_yerlesim')=="genis") {?>
<?php if (get_option('kp_map_gorunum')=="Göster") {?>margin-bottom:553px;<?php } else {?>margin-bottom:150px;<?php }?>
<?php } else {?>
margin-bottom:0;
<?php } ?>
}
#boxed .wrapper {
padding-left:25px;
}
.hr {
width:1078px;
border-top: 5px solid #<?php echo get_option("kp_site_color"); ?>;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
.leftbox {
float:left;
}
.rightbox {
float:right;
}
.homepage-box {
float:left;
background:#fff;
border: 1px solid #dedede;
border-bottom:2px solid #c2c2c2;
margin-bottom:25px;
margin-right:10px;
padding: 0;
}
.fullbox {
width:1078px;
}
.halfbox {
width:533px;
}
.ucteiki {
width:714px;
}
.uctebir {
width:352px;
}
.homepage-box .title {
widht:100%;
}
.homepage-box h3 {
font-size: 15px;
text-align:center;
}
.homepage-box h3 span {
background-color: #<?php echo get_option("kp_site2_color"); ?>;
color: #<?php echo get_option("kp_site2_font_color"); ?>;
display: inline-block;
padding: 0px 27px;
vertical-align: top;
line-height: 40px;
}
.projeler {
padding:10px 0;
}
.projeler li {
width:245px;
float:left;
text-align:center;
}
.fullbox .viewport .projeler li {
width:258.5px;
}
.projeler li p {
font-size:18px;
margin:5px 0;
}
.projeler li img, .bizden-haberler li img {
border-radius:50%;
border:1px solid #dedede;
padding:2px;
transition: .5s all;
-moz-transition: .5s all;
-webkit-transition: .5s all;
}
.projeler li:hover img, .bizden-haberler li:hover img {
transform:scale(1.03);
-ms-transform:scale(1.03); /* IE 9 */
-moz-transform:scale(1.03); /* Firefox */
-webkit-transform:scale(1.03); /* Safari and Chrome */
-o-transform:scale(1.03); /* Opera */
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
.referanslar li {
width:206.8px;
float:left;
text-align:center;
}
.halfbox .referanslar li, .halfbox .viewport .projeler li {
width:255.5px;
}
.ucteiki .referanslar li, .ucteiki .viewport .projeler li {
width:228.7px;
}
.uctebir .referanslar li, .uctebir .viewport .projeler li {
width:338px;
}
.referanslar li img {
opacity: 1;
transition: .5s all;
-moz-transition: .5s all;
-webkit-transition: .5s all;
}
.referanslar li img:hover {
opacity: 0.5;
}
.viewport {
width:96%;
margin: 0 2%;
overflow: hidden;
position: relative;
padding: 0;
}
.overview {
list-style: none;
position: relative;
margin: 0;
}
.buttons {
top: -158px;
position: relative;
float:left;
}
.referansbuton {
top: -72px;
}
.next {
float: right;
}
.buttons i {
width:40px;
text-align: center;
}
.buttons i:hover {
color: #<?php echo get_option("kp_site_font_color"); ?>;
background: #4f4f4f;
}
.disable {
visibility: hidden;
}
.bizden-haberler {
padding:10px;
}
.bizden-haberler .bizden-baslik {
font-weight:bold;
padding: 10px 5px 5px 0;
max-height: 18px;
line-height: 20px;;
overflow: hidden;
}
.bizden-haberler .bizden-icerik {
height:40px;
overflow: hidden;
}
.bizden-haberler li {
float:left;
margin-bottom:15px;
}
.fullbox .bizden-haberler li {
width: 33%;
}
.ucteiki .bizden-haberler li {
width: 49%;
}
.bizden-haberler li img {
float:left;
margin-right:10px;
}
.haber-tarih {
display: inline-block;
float: left;
margin-right:10px;
text-align:center;
background:#E8E8E8;
border-radius:5px;
color:#394041;
padding: 5px 7px;
font-size:12px;
}
.haber-tarih .gun {
font-size:30px;
font-weight:bold;
}
.bizden-haberler li:hover .haber-tarih {
background:#<?php echo get_option("kp_site_color"); ?>;
color:#fff;
}
blockquote.testimonial:before {
left: 2px;
top: 0;
content: "\201C";
font-size: 45px;
position: absolute;
}
blockquote.testimonial:after {
font-size: 45px;
position: absolute;
bottom: -0.5em;
content: "\201D";
right: 10px;
}
blockquote.testimonial {
background: #<?php echo get_option("kp_site_color"); ?>;
border-radius: 10px;
border: 0;
color: #<?php echo get_option("kp_site_font_color"); ?>;
font-style: italic;
margin: 0;
padding: 10px 30px;
position: relative;
}
.down {
color: #<?php echo get_option("kp_site_color"); ?>;
margin:-16px 0 -5px 30px;
}
#slider2 li {
width:96%;
padding: 10px 2%;
}
.musteri-yorumlari .centered-btns_tabs {
margin-bottom: 5px;
top:0;
}
.musteri-yorumlari .centered-btns_tabs a {
width: 10px;
height: 10px;
}
.slogan-metin {
padding:20px;
}
/******************** Sayfalar ********************/
.pagetop {
width:100%;
height: 175px;
background:url(<?php echo get_option("kp_page_bg_img"); ?>);
background-size: 100% auto;
background-repeat: no-repeat;
border-bottom: 4px solid #<?php echo get_option("kp_site_color"); ?>;
}
.page-wrapper {
position:inherit;
}
.page-title {
background: #<?php echo get_option("kp_site_color"); ?>;
color:#<?php echo get_option("kp_site_font_color"); ?>;
height:49px;
border: 1px solid #<?php echo get_option("kp_site_color"); ?>;
border-bottom:0;
border-top-left-radius:5px;
border-top-right-radius:5px;
position: relative;
z-index: 2;
}
.page-title h1 {
margin-left: 15px;
line-height:49px;
position: absolute;
}
/******************** Kategori Sayfası ********************/
.page-content {
width: 808px;
padding:10px;
}
.page-content p, .fullwidth p {
margin: 10px 0;
}
.page-content ul li{
display: inline-block;
margin-bottom: 20px;
}
.page-content .haber-tarih {
font-size: 20px;
padding: 0;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
margin-right:0;
}
.page-content .haber-tarih p {
padding: 7px 10px;
margin:0;
}
.page-content .haber-tarih .gun {
font-size: 40px;
padding: 0px 10px;
line-height: 40px;
}
.page-content .haber-tarih .yorum {
background: #<?php echo get_option("kp_site2_color"); ?>;
color: #<?php echo get_option("kp_site2_font_color"); ?>;
border-bottom-left-radius:5px;
font-size: 15px;
padding: 5px 0;
}
.page-content .haber-tarih .yorum a, .page-content .haber-tarih .yorum a:hover {
color : #<?php echo get_option("kp_site2_font_color"); ?>;
}
.page-content .haber-tarih .yorum span{
margin-right:5px;
}
.page-content .resim {
float:left;
margin-right:10px;
}
.page-content .resim img {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.page-content .bizden-baslik {
font-size:18px;
font-weight: bold;
margin-bottom: 7px;
max-height: 48px;
overflow: hidden;
}
.page-content .bizden-icerik {
margin-bottom: 7px;
max-height: 72px;
overflow: hidden;
}
.butmorenews {
padding: 5px 7px;
margin-top: 22px;
display: inline-block;
}
.butmorenews:hover {
color : #<?php echo get_option("kp_site_color"); ?>;
}
/******** Sayfalama ********/
.sayfalama {
width:100%;
background: #E8E8E8;
border-radius: 5px;
text-align: center;
height: 30px;
}
.sayfalama ul li {
padding: 0 10px;
height: 30px;
line-height:30px;
background-color:rgba(<?php echo hexToRGB(get_option("kp_site_color")); ?>,0.5);
color : #<?php echo get_option("kp_site_font_color"); ?>;
}
.sayfalama ul li a {
color : #<?php echo get_option("kp_site_font_color"); ?>;
}
.sayfalama ul .aktif {
padding: 0 10px;
height: 30px;
line-height:30px;
background-color:rgba(<?php echo hexToRGB(get_option("kp_site_color")); ?>,1);
}
/********** Referanslar Sayfası **********/
.referans-listesi {
width: 100%;
display:inline-block;
}
.referans-listesi li {
margin:10px;
width:242px;
float:left;
text-align:center;
font-weight:bold;
}
.referans-listesi li p {
height:40px;
overflow:hidden;
}
.filter li {
background: #<?php echo get_option("kp_site2_color"); ?>;
padding: 5px 7px;
border-radius:3px;
}
.filter .current {
background: #<?php echo get_option("kp_site_color"); ?>;
}
.filter li a {
color: #<?php echo get_option("kp_site2_font_color"); ?>;
}
.filter .current a {
color: #<?php echo get_option("kp_site_font_color"); ?>;
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
/********** Ürün Sayfası **********/
.fullwidth {
padding:10px;
width: 1058px;
}
.postslider {
float:left;
margin-right: 10px;
}
#postslide, #paginate-postslide {
width:312px;
text-align:center;
}
#postslide img {
padding:4px;
border: 1px solid #d3d9de;
}
.toc {
margin-right:1px;
}
.toc img {
padding:3px;
border: 1px solid #d3d9de;
}
.toc img:hover {
border: 1px solid #<?php echo get_option("kp_site2_color"); ?>;
}
.page-content img {
max-width:100%;
height:auto;
}
/********** İletişim Sayfası **********/
.contact-form, .contact-form .row {
width:50%;
float:left;
}
.contact-form .row {
width:49%;
}
.contact-form label, .wpcf7-form p {
color:#777777;
}
.contact-form input, .contact-form textarea, .wpcf7-form input, .wpcf7-form textarea {
width:93%;
height: 25px;
padding: 3px 3%;
border: 1px solid #ccc;
border-radius: 4px;
margin:7px 0 15px 0;
}
.contact-form textarea, .wpcf7-form textarea {
height:auto;
}
.submitcontact, .wpcf7-submit {
width:100px!important;
padding:7px 0!important;
height:35px!important;
text-align:center;
font-weight:bold;
background: #<?php echo get_option("kp_site2_color"); ?>;
color: #<?php echo get_option("kp_site2_font_color"); ?>;
border:0!important;
}
#callback .yanlis, .contact-form .yanlis {
border-color: #ff0000;
-moz-box-shadow: 0 0 2px #ff0000;
-webkit-box-shadow: 0 0 2px #ff0000;
box-shadow: 0 0 2px #ff0000;
}
/******** Sidebar ********/
.sidebar {
width:230px;
padding:10px;
}
.widget_sidebar {
background: #<?php echo get_option("kp_site_color"); ?>;
color: #<?php echo get_option("kp_site_font_color"); ?>;
margin-bottom: 10px;
display: inline-block;
width: 100%;
}
.widget_sidebar h2 {
line-height:45px;
padding:0px 15px;
}
.widget_sidebar .menu, .widget_liste {
background: rgba(255,255,255,0.1);
line-height:30px;
}
.widget_liste {
padding: 8px 0 0 8px;
display:inline-block;
}
.widget_liste li {
margin: 0 8px 0px 0;
float:left;
}
.widget_liste li img {
border:1px solid #<?php echo get_option("kp_site2_color"); ?>;
}
.widget_sidebar .menu li {
list-style-type: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgba(255,255,255,0.1);
background: rgba(255,255,255,0.1);
}
.widget_sidebar .menu li a {
display:block;
color:#<?php echo get_option("kp_site_font_color"); ?>;
font-weight: bold;
text-decoration:none;
padding: 10px 15px;
}
.widget_sidebar .menu li a:hover {
color:#<?php echo get_option("kp_site2_font_color"); ?>;
background-color:#<?php echo get_option("kp_site2_color"); ?>;
}
.widget_sidebar .menu ul {
display:none;
background-color: rgba(255,255,255,0.1);
}
.widget_sidebar .menu ul li{
background-color: rgba(255,255,255,0.1);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgba(255,255,255,0.1);
}
.widget_sidebar .menu ul a {
display:block;
padding-left: 25px;
color:#<?php echo get_option("kp_site_font_color"); ?>!important;
}
.widget_sidebar .menu ul li:hover, ul ul a:hover {
color:#<?php echo get_option("kp_site2_font_color"); ?>!important;
background-color:#<?php echo get_option("kp_site2_font_color"); ?>;
}
.widget_sidebar .menu ul a:hover {
color:#<?php echo get_option("kp_site2_font_color"); ?>!important;
}
/******** Sizi Arayalım ********/
.slide-out-div a {
background: rgba(<?php echo hexToRGB(get_option("kp_site2_color")); ?>,0.8);
color: #<?php echo get_option("kp_site2_font_color"); ?>;
text-align:center;
line-height:75px;
font-size:45px;
width:75px;
height:75px;
}
.slide-out-div {
padding: 20px;
width: 300px;
height: 175px!important;
background: rgba(<?php echo hexToRGB(get_option("kp_site2_color")); ?>,0.8);
border: 0;
z-index:999;
}
.slide-out-div h2 {
text-align:center;
margin-bottom:10px;
}
#callback label {
width:30%;
margin-right:2%;
float:left;
margin-top:15px;
}
#callback input {
width:62%;
float:left;
height: 25px;
padding: 3px 3%;
border-radius: 4px;
border:0;
margin-top:15px;
}
#callback .submitcontact, #callback-form-2 .wpcf7-submit {
background: #<?php echo get_option("kp_site_color"); ?>;
color:#<?php echo get_option("kp_site_font_color"); ?>;
float:right;
}
#callback-form-2 {
height:200px!important;
}
#callback-form-2 input {
border:0;
}
#callback-form-2 .wpcf7 {
margin-top:15px;
}
#callback-form-2 p {
margin:0;
padding:0;
color:#000;
}
/****************************** Alt Kısım ******************************/
footer {
<?php if (get_option('kp_yerlesim')=="genis") {?>
bottom:0;
position:fixed;
z-index:-1;
margin: 20px 0px 0px 0px;
<?php } ?>
background: #ffffff;
width: 100%;
height: auto;
overflow: hidden;
padding: 2px 0px 0px 0px;
border: 0px;
}
.footer {
<?php if (get_option('kp_yerlesim')=="genis") {?>
width:100%;
<?php } else { ?>
width:1150px;
<?php } ?>
height:150px;
background:rgba(0,0,0,0.8);
border-top:1px solid #000;
-webkit-box-shadow: 0px 0px 10px 1px rgba(50, 50, 50, 1);
-moz-box-shadow: 0px 0px 10px 1px rgba(50, 50, 50, 1);
box-shadow: 0px 0px 10px 1px rgba(50, 50, 50, 1);
z-index:2;
<?php if (get_option('kp_map_gorunum')=="Göster") {?>
margin-top:400px;
position:absolute;
<?php } else { ?>
position:relative;
<?php } ?>
}
.footer-menu {
width:100%;
display:inline-block;
margin:35px 0;
}
.footer-menu ul li {
float:left;
margin-right:20px;
}
.footer-menu ul li a {
color:#c6c6c6;
}
.social {
display:inline-block;
float:right;
}
.social a {
color:#fff;
font-size:25px;
width:40px;
height:40px;
float:right;
display:inline-block;
line-height:40px;
text-align:center;
transition: .25s all;
-moz-transition: .25s all;
-webkit-transition: .25s all;
}
.social .facebook:hover {
background:#3b5998;
}
.social .twitter:hover {
background:#3bc6f5;
}
.social .google-plus:hover {
background:#c30806;
}
.social .instagram:hover {
background:#8b5c48;
}
.social .youtube:hover {
background:#e90a07;
}
.social .pinterest:hover {
background:#cc2128;
}
.social .rss:hover {
background:#ff6501;
}
.copyright {
color:#c6c6c6;
height:40px;
float:left;
display:inline-block;
line-height:40px;
}
/************************************************ Shortcodes *********************************/
/******** Çizgi ********/
.divider {width:100%; margin:15px 0;}
.normal-type {border-top: 2px solid #ccc;}
.bold-type {border-top: 5px solid #ccc;}
.dashed-type {border-top: 2px dashed #ccc;}
.dotted-type {border-top: 2px dotted #ccc;}
/******** Buton ********/
.button {background:#<?php echo get_option("kp_site_color"); ?>; color:#<?php echo get_option("kp_site_font_color"); ?>; padding: 5px 10px; margin:5px; line-height:38px;}
.button:hover {color:#fff; opacity:0.8;}
.medium {padding: 7px 15px; font-size: 16px; line-height:46px;}
.large {padding: 10px 20px; font-size: 20px; line-height:57px;}
.rounded {border-radius:5px;}
.red {background:#c52028; color:#fff;}
.green {background:#00923f; color:#fff;}
.yellow {background:#e67817; color:#fff;}
.blue {background:#007cc2; color:#fff;}
.purple{background:#b74f8e; color:#fff;}
.gray {background:#999999; color:#fff;}
.black {background:#212121; color:#fff;}
/******** İlk Harf Büyük ********/
.dropcap {margin:15px 0;}
.dropcap:first-letter { font-size: 48px; float: left; display: block; margin: 0 7px 0 0; padding:2px 10px; line-height: 1;}
.style2:first-letter {background:#<?php echo get_option("kp_site_color"); ?>; color:#<?php echo get_option("kp_site_font_color"); ?>;}
.style3:first-letter {background:#<?php echo get_option("kp_site2_color"); ?>; color:#<?php echo get_option("kp_site2_font_color"); ?>;}
/******** Box ************/
.infobox {border-radius:5px; padding:10px; display:flex; margin:10px 0; border: 1px solid; text-shadow: 0px 1px rgba(255,255,255,0.2);
}
.normal-box {
border-color: #ddd;
-webkit-box-shadow: 0 0 5px rgba(153,153,153,0.6);
-moz-box-shadow: 0 0 5px rgba(153,153,153,0.6);
box-shadow: 0 0 5px rgba(153,153,153,0.6);
}
.alert-box {
border: 1px solid #ECCA91;
color: #AB7C2E;
background-color: #FBE9CA;
}
.error-box {
border: 1px solid #E38686;
color: #9E2121;
background-color: #EA9F9F;
}
.success-box {
border: 1px solid #accc5d;
color: #70892b;
background-color: #D6E7A9;
}
.info-box {
border: 1px solid #51B5F7;
color: #04436C;
background-color: #80C8F9;
}
/******** İçerik Kutusu ************/
.icon-box {float:left; text-align:center; margin:15px 0 15px 2%;}
.icon-box:nth-child(1) { margin-left:0;}
.icon-box i{
background:#<?php echo get_option("kp_site_color"); ?>;
color:#<?php echo get_option("kp_site_font_color"); ?>;
font-size: 60px;
width: 120px;
text-align: center;
height: 120px;
line-height: 120px;
border-radius: 50%;
}
.icon-box:hover i {
background:#<?php echo get_option("kp_site2_color"); ?>;
color:#<?php echo get_option("kp_site2_font_color"); ?>;
}
.icon-box h2 { margin-top: 10px; }
.icon-box p { text-align:left;}
.four-box { width: 22.6%;}
/******** Alıntı ************/
.type1-quote, .type2-quote {
font-family: Times New Roman;
font-style: italic;
clear:both;
}
.type1-quote:before, .type1-quote:after {
font: normal normal normal 14px/1 FontAwesome;
color: #6a6a6a;
content: "\f10d";
position: absolute;
margin-left: -34px;
font-size: 25px;
margin-top: -5px;
}
.type1-quote:after {
content: "\f10e";
margin-right: -35px;
margin-top: -25px;
position: relative;
float: right;
}
.type2-quote {
border-left: 3px solid #<?php echo get_option("kp_site_color"); ?>;
padding: 5px 5px 5px 25px;
margin:5px;
}
/******** Akordiyon ************/
.accordion-title {
background: #e0e0e0;
padding: 7px 10px;
border: 1px solid #e0e0e0;
color: #212121;
cursor: pointer;
margin-top:10px;
font-size:16px;
}
.accordion-title:hover {
border: 1px solid #d4d4d4;
background: #d4d4d4;
}
.accordion-content {
display: none;
background: #fff;
color: #212121;
border: 1px solid #e0e0e0;
border-top:0;
padding:10px;
}
.accordion-content p {
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
}
.accordion-active {
display: block;
}
/******** Sekme ************/
ul.tabs-nav {
margin: 15px 0 0 0;
padding: 0;
float: left;
list-style: none;
height: 41px;
border-bottom: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
width: 100%;
}
ul.tabs-nav li {
float: left;
height: 40px;
line-height: 40px;
border: 1px solid #e0e0e0;
border-left: none;
background: #efefef;
overflow: hidden;
position: relative;
}
ul.tabs-nav li a {
color: #000;
display: block;
font-size: 16px;
padding: 0 20px;
outline: none;
}
ul.tabs-nav li a:hover {
background: #e0e0e0;
}
html ul.tabs-nav li.active, html ul.tabs-nav li.active a:hover {
background: #fff;
border-bottom: 1px solid #fff;
}
.tabs-container {
border: 1px solid #e0e0e0;
border-top: none;
clear: both;
float: left;
width: 100%;
background: #fff;
}
.tab-content {
padding: 10px;
}
/******** Sütun ************/
.column { margin-right: 3.2%; float: left; display: inline; position: relative; margin-bottom: 10px;}
.last { clear: right; margin-right: 0!important; }
.one-full { margin-right: 0; width: 100%; overflow: hidden; }
.one-half { width: 48.4%; }
.one-third, .three-box { width: 31.2%; }
.two-third { width: 65.6%; }
.one-fourth { width: 22.6%; }
.three-fourth { width: 74.2%; }
.one-fifth { width: 17.4%;}
.two-fifth { width: 38%;}
.three-fifth { width: 58.6%;}
.four-fifth { width: 79.2%;}
/******** Table ************/
.table {
float:left; background:#e6e6e6;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
margin:20px 0.5%;}
.table:first-child { margin-left:0;}
.one-price {width:100%;}
.two-price {width:49%;}
.three-price {width:32.6%;}
.four-price {width:24%;}
.five-price {width:19.2%;}
.six-price {width:15.8%;}
.seven-price {width:13.4%;}
.eight-price {width:11.6%;}
.table-header {
background: -webkit-linear-gradient(rgba(<?php echo hexToRGB(get_option("kp_site_color")); ?>,0.9), #<?php echo get_option("kp_site_color"); ?>); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(rgba(<?php echo hexToRGB(get_option("kp_site_color")); ?>,0.9), #<?php echo get_option("kp_site_color"); ?>); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgba(<?php echo hexToRGB(get_option("kp_site_color")); ?>,0.9), #<?php echo get_option("kp_site_color"); ?>); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgba(<?php echo hexToRGB(get_option("kp_site_color")); ?>,0.9), #<?php echo get_option("kp_site_color"); ?>); /* Standard syntax */
color:#<?php echo get_option("kp_site_font_color"); ?>;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
padding-bottom:40px;
}
.table-header h3 { font-size:30px; padding-top:15px;}
.table-header h4 { font-size:14px; text-align:center; font-weight:normal; margin: 10px 0;}
.table-price {
width:100px;
height:100px;
border-radius:50%;
line-height:100px;
border: 7px solid #<?php echo get_option("kp_site_color"); ?>;
font-size:35px;
font-weight:bold;
text-align:center;
margin: -50px auto 10px auto;
background:#fff;
}
.table-price i {font-size:22px;}
.table-content ul {border-top:1px solid #cdcdcd; border-bottom:1px solid #ffffff;}
.table-content ul li {border-bottom:1px solid #cdcdcd; border-top:1px solid #ffffff; margin:0; display:block; padding: 7px;}
.table-button {
padding:7px 10px;
margin:15px auto;
background:rgba(<?php echo hexToRGB(get_option("kp_site_color")); ?>,0.7);
border-bottom: 2px solid #<?php echo get_option("kp_site_color"); ?>;
border-radius: 7px;
display:table;
font-size:20px;
}
.table-button a {color:#<?php echo get_option("kp_site_font_color"); ?>;}
.table-button:hover {opacity:0.9;}
.thumb {
-ms-transform: scaleX(1.02) scaleY(1.03);
-webkit-transform: scaleX(1.02) scaleY(1.03);
transform: scaleX(1.02) scaleY(1.03);
margin-top: 5px;
}
.thumb .table-header {
padding-bottom:50px;
background: -webkit-linear-gradient(rgba(<?php echo hexToRGB(get_option("kp_site2_color")); ?>,0.9), #<?php echo get_option("kp_site2_color"); ?>); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(rgba(<?php echo hexToRGB(get_option("kp_site2_color")); ?>,0.9), #<?php echo get_option("kp_site2_color"); ?>); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgba(<?php echo hexToRGB(get_option("kp_site2_color")); ?>,0.9), #<?php echo get_option("kp_site2_color"); ?>); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgba(<?php echo hexToRGB(get_option("kp_site2_color")); ?>,0.9), #<?php echo get_option("kp_site2_color"); ?>); /* Standard syntax */
color:#<?php echo get_option("kp_site2_font_color"); ?>;
}
.thumb .table-price {
width:110px;
height:110px;
line-height:110px;
font-size:40px;
border: 7px solid #<?php echo get_option("kp_site2_color"); ?>;
}
.thumb .table-button {
background:rgba(<?php echo hexToRGB(get_option("kp_site2_color")); ?>,0.7);
border-bottom: 2px solid #<?php echo get_option("kp_site2_color"); ?>;
margin: 20px auto;
}
.thumb .table-button a {color:#<?php echo get_option("kp_site2_font_color"); ?>;}
/************************************************************ Responsive/Mobil ************************************************************/
#rightbox, .mobil-menu {
display:none;
}
#rightbox ul li {
border-bottom: 1px solid #222222;
border-top: 1px solid rgba(255,255,255,0.08);
padding: 10px 15px;
}
#rightbox ul li a {
color:#fff;
}
#pageslide {
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
width: 280px;
padding: 0px;
background-color: #303030;
color: #FFF;
}
@media only screen and (max-width: 1080px) {
#boxed, .header-top, .site-menu, .wrapper, .footer, .footer-content, .fullbox, .ucteiki, .halfbox, .uctebir, .hr {
width: 100%;
}
#boxed {
box-shadow:0;
}
#boxed .wrapper {
padding:0;
}
.logo {
margin-top:0;
margin-left:20px;
padding: 3px 7px;
}
.logo img {
max-width: 200px;
height: auto;
}
nav {
position: absolute;
}
#arama, #iletisim, .site-menu, .slider-content {
display:none;
}
.mobil-menu {
display:block;
float:right;
width:40px;
height:40px;
line-height:40px;
text-align:center;
font-size: 25px;
background: #<?php echo get_option("kp_site2_color"); ?>;
color: #<?php echo get_option("kp_site2_font_color"); ?>;
margin: 7px 10px 0 0;
border-radius: 5px;
}
.mobil-menu a {
color: #<?php echo get_option("kp_site2_font_color"); ?>;
}
#mobil-arama {
width:275px;
background: transparent;
}
#mobil-arama form {
line-height:30px;
}
#mobil-arama input {
width:251px;
height:35px;
border-radius: 5px;
border: 2px solid #<?php echo get_option("kp_site2_color"); ?>;
}
.wrapper {
padding:0;
}
.fullbox {
border-left:0;
border-right:0;
}
.slider, .pagetop {
margin-top: -30px;
}
.slider img {
min-height:200px;
}
.viewport {
width: 100%;
margin:0;
}
.projeler li {
width: 254px!important;
}
.page-content, .sidebar, .fullwidth {
width: 98%;
padding:10px 1%;
border-right:0;
border-left:0;
}
.sidebar .menu li {
width:98%;
float:left;
padding: 0 1%;
}
.footer-content ul, .copyright {
padding-left:10px;
}
.referans-listesi li {
margin: 10px 1.4%;
width: 22%;
}
.widget_liste {
width:99%;
padding: 8px 0 0 1%;
}
}
@media only screen and (max-width: 767px) {
.projeler li {
width: 240px!important;
}
.bizden-haberler li {
width: 50%!important;
}
#mobil-arama {
width:175px;
}
#mobil-arama input {
width:150px;
}
}
@media only screen and (max-width: 550px) {
.icon-box, .table {width:100%; margin:15px 0;}
.pagetop { background-size: 100% 100%; }
.page-content .resim { width:75%; margin-right:0; display:block;}
.page-content .resim img { width:100%; height:152px;}
.haber-tarih { width:25%; display:block;}
.page-content .bizden-baslik, .page-content .bizden-icerik { max-height:none; overflow: inherit;}
.butmorenews {display:none;}
}
@media only screen and (max-width: 479px) {
.projeler li, .referanslar li {
width: 323px!important;
}
.bizden-haberler li {
width: 100%!important;
}
#mobil-open-search {
display:none;
}
} 