/* Name: Anayasa Mahkemesi URL: http://anayasa.gov.tr/ Last Update: 08.01.2019 Publish Date: 03.09.2018 */ /*---------------------------------------------------------------------- [-----*** FONTS ***-----] -----------------------------------------------------------------------*/ @import 'fonts.css'; /*---------------------------------------------------------------------- [-----*** GLOBAL ***-----] -----------------------------------------------------------------------*/ body { font-family: 'Open Sans', sans-serif; } a, a:hover, a:focus, button, button:hover, button:focus { text-decoration:none; outline:none;} a, a:hover, a:focus,a::before, button, button:hover, button:focus, div {-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s; } #main-menu, .dropdown-menu, .fancybox-content{-webkit-transition: all 0s;-moz-transition: all 0s;-o-transition: all 0s;transition: all 0s; } a:hover { color:#323232; } .container table {font-family: 'Open Sans', sans-serif!important; font-size:14px!important;} /*---------------------------------------------------------------------- [-----*** HEADER ***-----] 1. Anayasa Mahkemesi Gölgeli Logosu 2. En Üst Menüler (Arama İkonu, Sosyal Butonlar, Dil linkleri) 3. Üst Açılır Menüler -----------------------------------------------------------------------*/ /* Header */ .header { height:140px; background-image: linear-gradient(#eaebf9, #eeedf7, #f7f7f7);} .header .bireyselbaslik{text-align: right;font-weight: bold;margin-top: 30px;} /* Header Logo */ .header .logo > a { display:block; margin-top:15px; } .header .logo img { width:270px; } /***/ .header .logo2 img { width:170px; } /* Header Top Menu */ .header-top { height:60px; padding-top:20px; } .header-top > a { color:#646464; margin-left:18px; font-size: 10px; font-weight: bold; font-family: 'Open Sans', sans-serif; } .header-top > a.btn-sm { color:#ffffff; margin-left:10px; font-size: 10px; font-weight: bold; font-family: 'Open Sans', sans-serif; margin-top:-5px; background-color:#96358c !important; border-color:#96358c !important;} .header-top > a.btn-sm:hover{background-color:#8C8D95 !important; border-color:#8C8D95 !important;} .header-top .btn-search { display:block; width:20px; height:20px; background: url('../images/icon_search_sm.png') no-repeat center center transparent; margin-top:-2px; z-index:99; position: relative; } .header-top .btn-twitter { display:block; width:20px; height:20px; background: url('../images/icon_twitter.png') no-repeat center center transparent; margin-top:-2px; } .header-top .search-form { display:none; } .header-top .search-form input { height:40px; position:relative; top:-10px; right:-50px; z-index:98; padding-right:40px; border:none; border-bottom:1px solid #91309a !important; border-radius:0; } .header-top .search-form input:focus, .search-form input:hover { outline: none; box-shadow: none; } .header-top #intranet{display:none;} /***/ .bireyselmenuler {width: 100%;text-align: right;margin-right: 15px;} .bireyselmenuler .header-top{height: 60px;padding-top: 20px;display: inline-block;} .bireyselmenuler form {display: block;position: absolute;right: 374px;margin-top: -1px;} /* Header Main Menu */ .header-menu {} .header-menu .navbar { display:block; padding:0; } .header-menu .navbar-nav { float:right; display:block; } .header-menu .navbar-nav li {float:left;margin-top:0;padding-top:0;margin-left: 15px;} .header-menu .navbar-nav li > a {padding-left: 0px !important;display:block;color:#323232 !important;font-weight: 800;font-size:14px;margin-left:20px;margin-top:0;padding-top:0;padding-right:0 !important;font-family: 'Open Sans', sans-serif;} .header-menu .navbar-nav li:hover > a {padding-left:0px; border-bottom:2px solid #863795; } .header-menu .navbar-nav li.active > a, .header-menu .navbar-nav li:hover > a {color:#91309a !important;padding-left: 0px;} .header-menu .dropdown-menu {border:none;box-shadow: 0 10px 10px 0 rgba(220, 220, 220, 0.5);top: 29px;} .header-menu .dropdown-menu a { font-size:13px; } .header-menu .dropdown-menu a:hover { color:#91309a; background:none; } .header-menu .dropdown-menu a::before {opacity: 0; content: ''; width: 0; height: 0; display: block;position: absolute;left: 0px;margin-top: 4px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #96358c;} .header-menu .dropdown-menu a:hover::before {opacity: 1;content: ''; width: 0; height: 0; display: block;position: absolute;left: 8px;margin-top: 4px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #96358c;} /***/ .bireyselmenuler .header-menu {display: inline-block;padding-top: 17px;vertical-align: top;} .uye {width:100% !important;} .build{background: url('../images/build.png') no-repeat center center transparent; opacity:.7; width:369px; height:126px; position:absolute; z-index:0; top:13px; left:550px;} /*---------------------------------------------------------------------- [-----*** ANASAYFA ***-----] 1. Anasayfa Slaytları (Yazılar ve Resim) 2. Renkli zeminli 3 Ana buton ( Başvuru, Kararlar, Tanıtım Filmi) 3. Duyurular, Haberler, Takvim 4. Önemli 3 Büyük Link -----------------------------------------------------------------------*/ /* Slider */ .slider {background-color:#f4f4f7;} .carousel.slide { width:100%; } .slider .slide-box { float:left; width: 60%; padding:0 1%; } .slider .slide-box h6 { font-size: 14px; font-weight: bold; color: #9b9b9b; } .slider .slide-box h2 { font-size: 24px; font-weight: bold; color: #323232; font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .slider .slide-box p { font-size: 12px; font-weight: bold; color: #646464; font-family: 'Open Sans', sans-serif; } .slider .slide-box a { font-size: 12px; font-weight: bold; color: #dfb444; } .slider .slide-box img { width:100%; } .slider .slide-text { width: 40%; padding-top:50px; padding-right: 50px; } .carousel-indicator { position: absolute; list-style: none; bottom: 0; right: 4%; } .carousel-indicator li { cursor:pointer; float: left; width: 20px; height: 20px; background-color: #fff; border-radius: 20px; color: #000; text-align: center; font-size: 13px; margin-left: 5px; } .carousel-indicator li.active { background-color: #96358c !important; color:white; } .easy .carousel-indicator { right: 40px !important; bottom: 10px;left: auto;margin-right: 0px;margin-left: 0px;} .easy .carousel-indicator li.active { background-color: #96358c !important;} .easy .carousel-indicator li { width: 10px; height: 10px; border-radius: 100%; } .slider .slide-box a:hover {border-bottom: 3px solid #96358c;padding-bottom: 2px;} /***/ /* Fade */ .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity;} .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translateX(0); transform: translate3d(0, 0, 0); } /* Wrapper */ .wrapper { background-color:#f7f7f7; } /* Datepicker */ .ui-widget-content { background:none !important; border:none !important; } .ui-widget-content .ui-state-default {border:none !important;border-radius: 25px;text-align: center;} .ui-datepicker-header { background: none !important; border:none !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {padding: 7px !important;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #dad55e !important; background: #a461c8 !important;color: #ffffff !important;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background-color: #166fe3 !important;color: white !important;} .easy ol.carousel-indicator {position: relative; justify-content: left !important;right: auto;left: 0px;padding: 0px;margin:0px;padding-top: 10px;} .easy ol.carousel-indicator li {justify-content: left !important;right: auto;left: 0px;padding: 0px;margin:0px;} .easy ol.carousel-indicator li {width: 12px;height: 12px;border-radius: 6px;margin: 5px;background-color: #646464;} .easy ol.carousel-indicator li.active {background-color: #dfb444 !important;} .carousel-item {margin-left: 2px !important;} /* Color Buttons */ .color-buttons {border-radius: 0; padding-top: 20px; background: rgb(49,35,174);background: linear-gradient(90deg, rgba(49,35,174,1) 0%, rgba(73,73,161,1) 35%, rgba(190,104,212,1) 100%);margin-bottom: 50px;/* box-shadow:inset 0 10px 20px 0 #A8A6A9; */} .color-buttons h4 {color:#fff;margin-top:3px;font-size: 16px;font-family: 'Open Sans', sans-serif;margin-bottom:0px;} .anabuton a {display: inline-block;} .anabuton #yil57 { width:60px!important; height:22px!important;} .anabuton #yil60 { width:110px!important; height:55px!important;} .anabuton #turkay { !important; } .anabuton #aacc { !important; } .anabuton img, .anabuton h4{ -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} .anabuton img{width: 35px;} .anabuton a:hover > img {margin-top: -3px} .anabuton a:hover > h4 {margin-top: 7px} /***/ .bireysel .color-buttons { background: #989497;padding-bottom: 0px;margin-bottom: 0px;height:130px;padding-top:12px;/*box-shadow: inset 0 10px 20px 0 #A8A6A9;*/} .bireysel .anabuton img {width: 50px;} .bireysel .color-buttons h4{margin-bottom:0px;} .bireysel .color-buttons span {color: white;font-size: 13px;} /* Announce List */ .announce-list { background-color: #fff; box-shadow:inset 0 6px 10px 0 #cfcfcf; } .announce-list h3 { font-size:20px; font-weight:800; color:#323232; font-family: 'Open Sans', sans-serif; } .announce-list ol { padding-left:0px;margin-top:20px; } .announce-list ol li { margin-bottom:15px;display: block;} .announce-list ol li a { color:#323232; font-size:14px; } .announce-list ol li small { color:#dfb444; font-size:12px; } a.tumu {font-weight: 600;font-size: 12px;color: #dfb444; /*position: absolute; left: 16px;z-index: 999;*/ } div.normbireysel {font-weight: 600;font-size: 12px;position: absolute;left: 16px;z-index: 999; } div.normbireysel a {font-weight: 600; font-size: 12px;color: #323232 !important;cursor:pointer; font-family: 'AvenirNext-Bold', "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;} div.normbireysel a.select {color: #dfb444 !important;} /* Big Buttons */ .big-buttons .col > a { display:block; padding:60px 0; background-color:#fff; box-shadow: 0 12px 10px 0 rgba(233, 233, 233, 0.5);} .big-buttons .col > a > img { width:106px; height:106px; } .big-buttons h4 { font-weight: bold; font-size:18px; color:#646464; margin-top:20px; font-family: 'Open Sans', sans-serif; } .anasayfabig a {width: 100%;padding: 20%;background: white;border-radius: 7px;display: block;box-shadow: 0 2px 10px 0 rgba(203, 203, 203, 0.5), 0 -2px 10px 0 rgba(203, 203, 203, 0.5);} .anasayfabig a:hover {padding: 18%;margin-top: 2%;} /*---------------------------------------------------------------------- [-----*** FOOTER ***-----] 1. Tüm Linkler 2. Anayasa Mahkemesi Adresi 3. Telif Yazıları -----------------------------------------------------------------------*/ /* Links */ .footer .links { height:355px; background:url('../images/bg-footer.png') no-repeat center center #323232; padding-top: 50px; } .footer .links ul li { line-height: 1.3; } .footer .links ul li a strong { font-size:14px; margin-bottom:5px; display: block; } .footer .links ul li a { font-size:12px; color:#c7c7c7; } /* Address */ .footer .address { height:135px; background-color:#252525; padding:20px 0; } .footer .address p { text-align:center; font-size:14px; color:#fff; margin:5px; } .footer .address p a { color:#fff; } /* Copyright */ .footer .copyright { height:130px; background-color:#260f2b; text-align: center; padding-top:40px; } .footer .copyright .footer-logo { width:265px; display:inline-block; } .footer .copyright img { float:left; margin-right: 10px; } .footer .copyright p { text-align:left; opacity: 0.5; font-size: 12px; font-weight: 500; color: #ffffff; margin-top:10px; } /*---------------------------------------------------------------------- [-----*** CONTENT ***-----] 1. Renkli Çizgi 2. İçerik Başlık ve Açıklamaları 3. İçerik Detayı -----------------------------------------------------------------------*/ /* Color Line */ .color-line { height: 6px; background-image: linear-gradient(to right, #3023ae, #c86dd7); } /* Content */ .content { background-color: #F9F9F9; } /* Content Header */ .content-header { background-color: #f7f7f7; box-shadow: inset 0 -2px 10px 0 rgba(203, 203, 203, 0.5); padding:8px 0 1px; } .content-header .date, .content-header .date a { color:#863795; font-size: 14px; font-weight:bold; font-family: 'Open Sans', sans-serif; } .content-header p { font-size: 20px; font-weight: normal; line-height: 1.5; color: #323232; font-family: 'Open Sans', sans-serif; } .content-header h1, .content-header h2, .content-header h3, .content-header h4, .content-header h5, .content-header h6 { margin-bottom:10px; font-weight: bold; font-family: 'Open Sans', sans-serif; } .content-header h1 { font-size:30px; } .content-header h2 { font-size:28px; } .content-header h3 { font-size:24px; } .content-header h4 { font-size:20px; } .content-header h5 { font-size:18px; } .content-header h6 { font-size:14px; } .content-header h6 { color:#9b9b9b; } /* Content Text */ .content-text { padding:40px 0; color:#424242; } .content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text h6 { color:#323232; margin-bottom:20px; font-weight: bold; font-family: 'Open Sans', sans-serif; } .content-text h1 { font-size:26px; } .content-text h2 { font-size:24px; } .content-text h3 { font-size:20px; } .content-text h4 { font-size:16px; } .content-text h5 { font-size:14px; } .content-text h6 { font-size:12px; } .content-text p, .content-text p a { color:#323232; font-size:14px; line-height: 25px; } .content-text .img { margin:20px 40px 40px 0; float: left; } .content-text .img img { max-width: 100%; } .content-text .img p { font-size: 14px; color:#323232; line-height: 1.79; font-weight: bold; font-family: 'Open Sans', sans-serif; } .content-text .img-fluid { width:100%; margin-top: 30px; } .content-text .date { font-size:12px; line-height: 2.08; letter-spacing: normal; color: #323232; } .content-text.list-img { padding-top:0; } .content-text .row ol li{font-family:'Open Sans', sans-serif!important;font-size:14px;} .content-text .row ul li{font-family:'Open Sans', sans-serif!important;font-size:14px;} /* İçerik Alanı*/ .icerikalani{padding:5px;} /* List with Image */ .content-text.list-img p { font-size: 14px; line-height: 1.79; letter-spacing: normal; color: #323232; } .content-text.list-img a { /*display:block;*/ margin:25px 0; } /* Content Header Menu */ .content-header .navbar { background:none !important; } .content-header .navbar .navbar-nav > li > a { color:#323232; font-size:14px; font-weight: bold; font-family: 'Open Sans', sans-serif; margin-left:5px; margin-right:5px;text-align: center; } .content-header .navbar .navbar-nav > li:hover { background-color:white; } .content-header .navbar .navbar-nav > li.active {background-color:#96358c; color: #dfb444;} .content-header .navbar .navbar-nav > li.active a {color:#ffffff;} .content-header .navbar .navbar-nav > li:hover > a { color:#dfb444; } .content-header .navbar .navbar-nav a:hover { color:#dfb444; } .content-header .navbar .navbar-nav .dropdown-menu { border:none !important; } .content-header .navbar .navbar-nav .dropdown-menu a { font-size:12px; line-height: 2.5; letter-spacing: normal; color:#323232; font-weight: bold; font-family: 'Open Sans', sans-serif; } .content-header .navbar .navbar-nav .dropdown-menu a:hover { color:#dfb444; } .content-header label { font-size: 14px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #323232; font-family: 'Open Sans', sans-serif; } .content-header input { border-radius: 2px; box-shadow: inset 0 0 5px 0 rgba(135, 135, 135, 0.5); background-color: #ffffff; border: solid 1px #dfb444; } .content-header select {border-radius: 2px;background-color: #dfb444;color: white;height: 38px;padding: 6px;} .content-header .form-row { margin:30px 0; } /*Basın duyurusu*/ .sayfabasligi #duyuru_baslik{font-weight:bold;} /* Page Navigations */ .pagination {padding-bottom: 30px;} a.page-link {color: #96358c !important;} a.page-link:hover {color: #96358c !important;} .page-item:first-child .page-link {border-radius: 0px !important;} .page-item:last-child .page-link {border-radius: 0px !important;} .page-item.active .page-link {background-color: #96358c !important;border-color: #96358c !important;color: #ffffff !important;} /* Search Page */ .arama-satir {border-bottom: 1px solid #ecdbb7; margin-bottom: 20px;} .arama-baslik{margin-bottom: 20px;border-left: 3px solid #96358c;padding-left: 10px;} /* Anayasa Buttons */ .btn-anayasa { padding:10px 15px; background-color: #dfb444; font-size: 12px; font-family: 'Open Sans', sans-serif; color: #ffffff; text-transform: uppercase; border-radius:0; margin:5px 0; } .btn-anayasa:hover, .btn-anayasa:focus { outline:none; color:white; background-color: #daa92a; font-family: 'Open Sans', sans-serif; } .btn-group .btn-anayasa { margin-right: 10px; } .btn-anayasa.btn-submit { border-radius: 2px; background-color: #863795; } .btn-anayasa.btn-clear { border-radius: 2px; background-color: #9b9b9b; } /* Kararlar Tablosu */ .table-decisions thead th { font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #323232; } .table-decisions tbody td a { font-size: 14px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.79; letter-spacing: normal; color: #323232; font-family: 'AvenirNext-Bold', "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .table-decisions .download-file { color:#dfb444; } .iframe{width: 100%;height: 800px;margin: 0 auto;border: 0px;} /* Alfabatik Liste */ .letters { list-style:none; padding:0; text-align: center; } .letters li { display:inline-block; } .letters li a { display:block; padding:0 7px; color:#dfb444; font-size:12px; border-right:1px solid #dfb444; font-weight: bold; font-family: 'AvenirNext-Bold', "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .letters li:last-child a { border-right:none; } /* Üyeler */ .member-list { margin-top:20px; } .member-list a { display: block; padding-bottom:1px; margin-bottom:15px; } .member-list a:hover { background-color: #863795; } .member-list a:hover h3 { color:white; } .member-list h3 { padding:0 5px; margin-top:10px; font-size: 14px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: #323232; } /* Özel butonlar */ .follow a { font-size: 12px; font-weight: bold; color: #dfb444; } /* Mobile Trigger Button */ .header-menu .navbar-toggler { background: url('../images/icon-toggler-btn.png') no-repeat right 0 transparent; border:none; width:30px; height:30px; background-size: 60px 30px; } .header-menu .navbar-toggler.collapsed { background-position: 0 0 !important; } .header-menu .navbar-toggler .navbar-toggler-icon { display:none; } .content-header .navbar-toggler { float:right; } /*Bireysel Başvuru*/ .bireysel .slider img{width:100%;} /*.faaliyetbaslik {text-align: center;margin-bottom: 15px;font-size: 20px;font-weight: bold;} #faaliyetler .carousel-item li {display: block;padding: 15px 0px;position: relative;} #faaliyetler .carousel-item li:after {opacity: 0; content: '';position: absolute;right: 100px;width: 47px;height: 23px;background-image: url('../images/arrow.png');top: 50%;margin-top: -11px;} #faaliyetler .carousel-item img {float: left;margin-right: 15px;display: inline-block;} #faaliyetler .carousel-item span {font-weight: bold;font-size: 12px;color: #dfb444;} #faaliyetler .carousel-item h6 {display: inline-block;font-weight: bold;font-size: 13px; color: #323232;} #faaliyetler .carousel-item ol {padding: 0px;} #faaliyetler .carousel-item li:hover {background-color: #f0f0f0;} #faaliyetler .carousel-item li:hover > span {color: #893c98;} #faaliyetler .carousel-item li:hover::after {opacity: 1;right: 50px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} #faaliyetler ol.carousel-indicators {justify-content: center !important;margin-bottom: 15px;}*/ /* Bireysel Başvuru Kısayollar */ section.kisayol {background-color: white;padding-top: 30px;box-shadow: inset 0 8px 16px 0 #cfcfcf;} section.kisayol ul {padding:0;} section.kisayol ul li {margin:0 auto;width:85%;list-style: none;height: 65px;background-color: #fbfbfb;border-radius: 5px;position: relative;box-shadow: 0 1px 1px 0 #A8A6A9;margin-bottom: 20px;} section.kisayol ul li:after {content:'';width: 65px;height: 65px;position: absolute;left: 10px;bottom: 0px;background-repeat: no-repeat;background-position-x: center;background-position-y: bottom;} section.kisayol ul li:hover {box-shadow: 0 4px 4px 0 #A8A6A9;} section.kisayol ul li a {color: #323200;font-size:12px;margin-left: 80px;height: 35px;display: inline-block;margin-top: 15px;padding-left: 10px;border-left: 2px #d0d0d0 dotted;} /* Bireysel Başvuru Kabul Edilemezlik Emsal Kararlar */ /*.col{margin:15px;}*/ .col .bb_box{background: #decfdc; width:200px; height:176px; padding:20px 10px; margin:10px auto; color:#525a62; text-align:center; font-size:14px!important; font-weight:600!important;} .col .bb_box:hover{background: #ffffff; color:#96358c; cursor:pointer; -webkit-box-shadow: inset 0px 0px 31px -10px rgba(0,0,0,0.46); -moz-box-shadow: inset 0px 0px 31px -10px rgba(0,0,0,0.46); box-shadow: inset 0px 0px 31px -10px rgba(0,0,0,0.46);} .col .bb_box .bb_icon{margin-bottom:10px;} .col .bb_box:hover .bb_icon{margin-bottom:15px;} .bb_box a{color:#525A62!important;} .bb_kek_box{width:100%; margin:0 auto 20px; height:200px; background:#ffffff;} .bb_kek_img{float:left; margin-right:20px; } .bb_kek_info{width:auto; height:auto; padding:20px; font-size:13px; } .bb_kek_title {font-size:14px!important; font-weight:600;} .bb_kek_info span{font-size:12px!important; color:#96358c; font-weight:600;} .bb_kek_text{text-align: justify; margin-top:20px; } .col .bb_box2{background: #f2ded3; width:200px; height:176px; padding:20px 10px; margin:10px auto; color:#525a62; text-align:center; font-size:14px!important; font-weight:600!important;} .col .bb_box2:hover{background: #ffffff; color:#96358c; cursor:pointer; -webkit-box-shadow: inset 0px 0px 31px -10px rgba(0,0,0,0.46); -moz-box-shadow: inset 0px 0px 31px -10px rgba(0,0,0,0.46); box-shadow: inset 0px 0px 31px -10px rgba(0,0,0,0.46);} .col .bb_box2 .bb_icon{margin-bottom:10px;} .col .bb_box2:hover .bb_icon{margin-bottom:15px;} .bb_box2 a{color:#525A62!important;} /*PEN STYLES*/ .bb-card { display: flex; flex-direction: column; margin: 1rem auto; box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1); margin-bottom: 2.6%; background: #fff; line-height: 1.4; font-family: sans-serif; border-radius: 5px; overflow: hidden; z-index: 0; } .bb-card a { color: inherit; color: #96358c; } .bb-card a:hover { color: #96358c; } .bb-card:hover .photo { -webkit-transform: scale(1.3) rotate(3deg); transform: scale(1.3) rotate(3deg); } .bb-card .meta { position: relative; z-index: 0; height: 200px; } .bb-card .photo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; max-height: 320px; margin:auto; } .bb-card .description { padding: 1rem; background: #fff; position: relative; z-index: 1; } .bb-card .description h1, .bb-card .description h2 { font-family: Poppins, sans-serif; } .bb-card .description h1 { line-height: 1; margin: 0; font-size: 1.7rem; } .bb-card .description h2 { font-size: 1rem; font-weight: 300; color: #a2a2a2; margin-top: 5px; } .bb-card .description h2 a{ text-transform: uppercase; } .bb-card .description .read-more { text-align: right; } .bb-card .description .read-more a { color: #96358c; display: inline-block; position: relative; } .bb-card .description .read-more a:after { content: "\f061"; font-family: FontAwesome; margin-left: -10px; opacity: 0; vertical-align: middle; transition: margin 0.3s, opacity 0.3s; } .bb-card .description .read-more a:hover:after { margin-left: 5px; opacity: 1; } .bb-card p { position: relative; margin: 1rem 0 0; } .bb-card p:first-of-type { margin-top: 1.25rem; } .bb-card p:first-of-type:before { content: ""; position: absolute; height: 5px; background: #96358c; width: 35px; top: -0.75rem; border-radius: 3px; } .bb-card:hover .details { left: 0%; } .bb-cardback { display: flex; flex-direction: column; margin: 1rem auto; box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1); margin-bottom: 2.6%; background: #fff; line-height: 1.4; font-family: sans-serif; border-radius: 5px; overflow: hidden; z-index: 0; } .bb-cardback .description { padding: 1rem; background: #fff; position: relative; z-index: 1; } @media (min-width: 640px) { .bb-card { flex-direction: row; /*max-width: 700px;*/ } .bb-card .meta { flex-basis: 40%; height: auto; } .bb-card .description { flex-basis: 60%; } .bb-card .description:before { -webkit-transform: skewX(-3deg); transform: skewX(-3deg); content: ""; background: #fff; width: 30px; position: absolute; left: -10px; top: 0; bottom: 0; z-index: -1; } .bb-card.alt { flex-direction: row-reverse; } .bb-card.alt .description:before { left: inherit; right: -10px; -webkit-transform: skew(3deg); transform: skew(3deg); } .bb-card.alt .details { padding-left: 25px; } } /* Collapse */ .btn-link { color: #96358c; white-space:inherit; text-align:left; } .btn-link:hover {color: #646464;text-decoration: none;} .card button {font-weight: bold;} .border-line { width:100%; height:50px; background-color:#E5E3E6; } /* Social Share Buttons */ .share-socials { list-style:none; padding:0; } .share-socials a { float:right; width:16px; height:16px; margin-right:5px; margin-top:2px; display:block; background-size:contain; background-repeat:no-repeat; background-color:transparent; } .share-socials a.btn-facebook { background-image:url('/media/4990/btn-facebook.png'); } .share-socials a.btn-twitter { background-image:url('/media/4991/btn-twitter.png'); } .share-socials a.btn-pdf { background-image:url('/media/8951/btn-pdf.png'); } .share-socials a.btn-word { background-image:url('/media/8952/btn-doc.png'); } .share-socials a.btn-whatsapp { background-image:url('/media/4992/btn-whatsapp.png'); margin-right:10px; } /*--------------------- Kararlar Bilgi Bankası ------------------*/ /*.container#kbb{width:70%; background:url('/assets/images/law-bg.png') no-repeat center; height:299px; padding-top:30px;}*/ .container#kbb{width:70%;} .container#kbb .col { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:15px;} .container#kbb .split{border-right:2px solid #e5e5e5;} .container#kbb a{color:#323232;} .container#kbb a.btn{width:94px!important; height:94px!important; margin-bottom:20px;} .container#kbb a.btn{background-color: #96358c !important; border:none !important; font-family: 'Open Sans', sans-serif; font-weight: bold !important; padding: 12px 15px !important; text-align: center; color: #ffffff !important;} .container#kbb a.btn:hover{background-color: #dfb444 !important;} /*----------- Menu CSS for IE ----------*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { _:-ms-fullscreen, :root .header-menu .navbar-nav li{ margin-left:3px; font-family: 'Open Sans', sans-serif; font-size:12px; } _:-ms-fullscreen, :root .footer .row .col-md-2 {flex:0 0 11.5% !important;} } /*---------------------------------------------------------------------- [-----*** RESPONSIVE ***-----] 1. Large devices (large desktops, 1200px and up) 2. Medium devices (desktops, 992px and up) 3. Medium devices (desktops, 992px and down) 4. Small devices (tablets, 768px and up) 5. Extra small devices (phones, less than 768px) 6. Extra small devices (phones, less than 470px) -----------------------------------------------------------------------*/ /* Large devices (large desktops, 992px and up) */ @media (min-width: 1200px) { .slide-text .text{display: table-cell;vertical-align: bottom;height: 255px;} .footer .container {padding-left:5px; padding-right:5px;} .footer .row .col-md-2 {flex:0 0 14.2% !important;} } /* Large devices (large desktops, 1440px and 1200px) */ @media (max-width: 1440px) and (min-width: 1200px) { .build{background: url('../images/build.png') no-repeat center center transparent; width:369px; height:126px; position:absolute; top:13px; left:380px; z-index:0;} .footer .container {padding-left:5px; padding-right:5px;} .footer .row .col-md-2 {flex:0 0 14.2% !important;} } /* Medium devices (desktops, 1200px and 992px) */ @media (max-width: 1200px) and (min-width: 992px) { .build{background: url('../images/build.png') no-repeat center center transparent; background-size:contain; width:275px; height:94px; position:absolute; top:46px; left:280px;} .footer .container {padding-left:5px; padding-right:5px;} .footer .row .col-md-2 {flex:0 0 14.2% !important;} } /* Large devices (large desktops, 992px and up) */ @media (min-width: 992px) { .header-menu .navbar-expand-lg .navbar-collapse { display:block !important; } .header-menu .navbar-nav > li:hover > div.dropdown-menu { display:block; } .mobile-menu { display:none !important; } .content-header .navbar-nav > li:hover > div.dropdown-menu { display:block; } .border-pipe:after { content:''; display: block; width: 1px; height: 300px; background-color: #c1c1c1; position:absolute; top:40px; right:5px; } .border-pipe:first-child:after { right:-45px !important; } .footer .container {padding-left:5px; padding-right:5px;} .footer .row .col-md-2 {flex:0 0 14.2% !important;} } /* Medium devices (desktops, 992px and down) */ @media (max-width: 992px) { .header { height:auto; } #header-menu { display:none !important; } .header-menu .navbar-collapse.collapse { position:absolute; width:100%; } .slider .slide-box { float:none; width: 98%; padding:0 1%; } .footer .links, .footer .address, .footer .copyright { height:auto !important; } .ui-datepicker { width:100% !important; } .mobile-menu { display:block; width:100%; margin:0px; } .mobile-menu .navbar-collapse.collapse { position:static; background-color:#f7f7f7; padding:20px;margin-top: -20px; } .mobile-menu > div > ul { text-align: left; } .mobile-menu > div > ul > li { display:block; } .mobile-menu > div > ul > li > a { color:#323232; font-weight: bold; } .mobile-menu .dropdown-menu.show { position:static !important; transform:none !important; } .slider .slide-box h2 { font-size:16px; } .header-top .search-form input { position: absolute; top:0; } .search-clicked { position: absolute !important; top:15px; right:10px; } .table-decisions thead th { font-size: 13px; } .table-decisions tbody td a { font-size: 12px; } .build{background: url('../images/build.png') no-repeat center center transparent; background-size:contain; width:240px; height:82px; position:absolute; top:20px; right:80px;} .container table {width:100%; font-family: 'Open Sans', sans-serif!important; font-size:13px!important;} .container .btn-group{float:left!important;} .btn-group .btn-anayasa {padding:10px 5px; font-size:11px;} .dropleft .dropdown-menu {font-size:11px;} .content-text p, .content-text p a{font-size:13px;} /*.color-buttons{padding-top:10px;}*/ .color-buttons .col h4{font-size:13px;} /*.container#kbb{width:80%; background:url('/assets/images/law-bg.png') no-repeat center; height:299px; padding-top:30px;}*/ .container#kbb{width:80%;} .container#kbb .split{border-right:1px solid #e5e5e5;} .container#kbb a{color:#323232; font-size:13px;} } /* Small devices (tablets, 768px and up) */ @media (max-width: 992px) and (min-width: 768px) { .build{background: url('../images/build.png') no-repeat center center transparent; background-size:contain; width:200px; height:68px; position:absolute; top:32px; right:100px;} .color-buttons h4 { font-size: 14px!important; } .container table {width:100%; font-family: 'Open Sans', sans-serif!important; font-size:12px!important;} .container .btn-group{float:left!important;} .btn-group .btn-anayasa {padding:10px 5px; font-size:11px;} .dropleft .dropdown-menu {font-size:11px;} .content-text p, .content-text p a{font-size:12px;} .footer .container {padding-left:5px; padding-right:5px;} .footer .row .col-md-2 {flex:0 0 13.6% !important;} } /* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { /*.color-buttons { height:115px; }*/ .color-buttons .container {padding:0px!important;} .color-buttons .container .col {padding:0px!important;} .color-buttons h4 { font-size: 11px!important; margin-top:4px; } .announce-list ol { padding-left:25px; } .header .logo img { width:auto; height:70px; } .bireyselmetin img{width:100% !important;height:auto !important;} .bireysel .color-buttons span { display:none; } .carousel-indicator{right:1%;} .build{background: url('../images/build.png') no-repeat center center transparent; background-size:contain; width:200px; height:68px; position:absolute; top:22px; left:340px;} .container table {width:100%; font-family: 'Open Sans', sans-serif!important; font-size:12px!important;} .container .btn-group{float:left!important;} .btn-group .btn-anayasa {padding:10px 5px; font-size:11px;} .dropleft .dropdown-menu {font-size:11px;} .content-text p, .content-text p a{font-size:12px;} /*.container#kbb{width:99%; background:url('/assets/images/law-bg-k.png') no-repeat center; height:209px; padding-top:20px;}*/ .container#kbb a{color:#323232; font-size:12px;} .container#kbb a.btn{width:88px!important; height:88px!important; margin-bottom:10px; padding:7px !important;} } @media (max-width: 450px) { .build{background: url('../images/build.png') no-repeat center center transparent; background-size:contain; width:180px; height:61px; position:absolute; top:29px; left:190px;} .container .btn-group{float:left!important;} .anabuton #yil57 { width:60px!important; height:25px!important;} .anabuton #turkay { !important; } .anabuton #aacc { !important; } .btn-group .btn-anayasa {padding:10px 5px; font-size:11px;} .dropleft .dropdown-menu {font-size:11px;} } /* Extra small devices (phones, less than 370px) */ @media (max-width: 400px) { .carousel-indicator li { cursor:pointer; float: left; width: 18px; height: 18px; background-color: #fff; border-radius: 18px; color: #000; text-align: center; font-size: 11px; margin-left: 2px; } .build{background: url('../images/build.png') no-repeat center center transparent; background-size:contain; width:180px; height:61px; position:absolute; top:29px; left:170px;} .container .btn-group{float:left!important;} .btn-group .btn-anayasa {padding:10px 5px; font-size:11px;} .dropleft .dropdown-menu {font-size:11px;} } /*---------------------------------------------------------------------- [-----*** RETINA DISPLAY ***-----] -----------------------------------------------------------------------*/ /* Retina Display */ @media (min-device-pixel-ratio: 2), (min-resolution: 192dpi) { } /* Retina Mobile */ @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and ( min-device-pixel-ratio: 2) and (max-width: 767px), only screen and ( min-resolution: 192dpi) and (max-width: 767px), only screen and ( min-resolution: 2dppx) and (max-width: 767px) { } /* Retina Mobile */ @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 370px), only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: 370px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: 370px), only screen and ( min-device-pixel-ratio: 2) and (max-width: 370px), only screen and ( min-resolution: 192dpi) and (max-width: 370px), only screen and ( min-resolution: 2dppx) and (max-width: 370px) { } /**umb_name:Resmi-Sola-Yasla*/ .ResmiSolaYasla{float: left; margin-right: 15px; margin-bottom: 10px; margin-top: 10px; max-width:300px;} /**umb_name:Başlık 1*/ h3.head{border-bottom:1px solid #E9E9E9; padding-bottom:10px;} /**umb_name:Başlık 2*/ h4.head{border-bottom:1px solid #E9E9E9; padding-bottom:10px;} /**umb_name:Bireysel Başlık*/ .BireyselBaslik{color:#7f3885; font-size:16px;} /**umb_name:Bireysel Alıntı*/ .BireyselAlinti{position: relative;font-size: 13px;margin-left: 70px;display: inline-block;} .BireyselAlinti:before{content: '"';position: absolute;top: -15px;left: -13px;font-size: 30px;font-weight: bold;color: #7f3885;} .BireyselAlinti:after{content: '"';font-size: 30px;font-weight: bold;color: #7f3885;position: absolute;margin-top: -10px;} /**Anayasa Giriş Uygulama Reklamı*/ .popup_new_style { width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.75); z-index:9999999; } .popup-inner_new_style { max-width:700px; width:90%; padding:10px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); box-shadow:0px 2px 6px rgba(0,0,0,1); border-radius:10px; background:#fff; } .popup-close_new_style { width:30px; height:30px; padding-top:4px; display:inline-block; position:absolute; top:0px; right:0px; transition:ease 0.25s all; -webkit-transform:translate(50%, -50%); transform:translate(50%, -50%); border-radius:1000px; background:rgba(0,0,0,0.8); font-family:Arial, Sans-Serif; font-size:20px; text-align:center; line-height:100%; color:#fff; } .popup-close_new_style:hover { -webkit-transform:translate(50%, -50%) rotate(180deg); transform:translate(50%, -50%) rotate(180deg); background:rgba(0,0,0,1); text-decoration:none; } #dialog_img { max-width: 100%; height: auto; } #baslik1 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik2 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik3 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik4 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik5 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik6 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik7 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik8 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik9 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik10 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik11 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik12 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik13 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik14 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik15 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik16 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik17 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik18 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik19 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik20 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik21 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik22 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik23 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik24 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik25 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; } #baslik63 { scroll-margin-block-start: 110px; scroll-margin-block-end: 110pxx; }