.navbar-default .navbar-brand{ background: #03fce3; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Muli", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color:#000; } .VitrinUst:hover{ opacity:0.9; } .icon-circle .fa{ font-size : 15px; color : #e84700; margin : 0 auto; height : 40px; width : 40px; border-radius : 50%; border :2px solid #e84700; line-height : 40px; cursor : pointer; -webkit-transition : all ease-in-out 0.35s; -moz-transition : all ease-in-out 0.35s; -o-transition : all ease-in-out 0.35s; -ms-transition : all ease-in-out 0.35s; transition : all ease-in-out 0.20s,background-color ease-in-out 0.05s; } .icon-circle .fa:hover{ background-color : #e84700; color : #fff; border : 1px solid #e84711; -moz-box-shadow : inset 0px 0px 0px 5px #ffffff; -o-box-shadow : inset 0px 0px 0px 5px #ffffff; -ms-box-shadow : inset 0px 0px 0px 5px #ffffff; -webkit-box-shadow : inset 0px 0px 0px 5px #ffffff; box-shadow : inset 0px 0px 0px 5px #ffffff; -ms-transform : scale(1.2,1.2); -webkit-transform : scale(1.2,1.2); -moz-transform : scale(1.2,1.2); -o-transform : scale(1.2,1.2); transform : scale(1.2,1.2); } .icon-circle i:before{ margin-left : 0px; font-size : 20px; } @media (min-width:320px) and (max-width:768px) { .one { list-style: none; padding: 0; margin: 10px 10px; text-align:center; } .one > li { background: #FFFFFF; border: 0px solid rgba(150,150,150,0.29); -moz-box-shadow: 0px 0px 1px 1px rgba(83, 37, 56,0.5); box-shadow: 0px 0px 1px 1px rgba(83, 37, 56,0.5); width:75px; height: 130px; display: inline-block; margin: 10px 0px; text-align: center; } .one > li img { margin-top: 0px; width:75px; height:100px; } .one > li:hover img { margin-top: 0px; } .one > li:hover { border: 0px solid rgba(150,150,150,0.29); -moz-box-shadow: 0px 0px 1px 1px rgba(83, 37, 56,1); box-shadow: 0px 0px 1px 1px rgba(83, 37, 56,1); } .one > li:hover span { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; bottom: 0px; height:0px; } .one > li:hover h3 { color: #ffffff; margin-top: 5px; } .one > li .wrapper { overflow: hidden; position: absolute; width:75px; height: 130px; text-align:center; display:table; } .one > li span { border-radius: 0%; -webkit-border-radius: 0%; -moz-border-radius: 0%; height: 70px; width:75px; background: #000000; display: block; position: absolute; bottom: 0px; left: 0px; } .one > li span img { margin-top: 5px; width: 18px; } .one > li h3 { margin-top: 5px; padding:2px; color: #ffffff; text-transform: normal; font-size:1em; line-height: 1.2em; } .one > li h3 marquee em { display: block; font-style: normal; text-transform: uppercase; font-weight: 300; font-size: 0.75em; margin-top: 5px; text-align:center; } .one .social { list-style: none; text-align: center; margin: 10px 0 0 0; padding: 10px; } .one .social li { opacity: 0; display: inline-block; padding: 5px; color:#333; font-weight:700; font-size:0.90em; } .one > li:hover .social li { opacity: 1; } .one .social li a { cursor: pointer; display: block; font-size:1.2em; color:#555; font-weight:900; } .one .social li a:hover { text-decoration: none; color:#333; } .one .social li img { width: 24px; } .icon-circle .fa{ font-size : 15px; color : #e84700; margin : 0 auto; height : 40px; width : 40px; border-radius : 50%; border :2px solid #e84700; line-height : 40px; cursor : pointer; -webkit-transition : all ease-in-out 0.35s; -moz-transition : all ease-in-out 0.35s; -o-transition : all ease-in-out 0.35s; -ms-transition : all ease-in-out 0.35s; transition : all ease-in-out 0.20s,background-color ease-in-out 0.05s; } .icon-circle .fa:hover{ background-color : #e84700; color : #fff; border : 1px solid #e84711; -moz-box-shadow : inset 0px 0px 0px 5px #ffffff; -o-box-shadow : inset 0px 0px 0px 5px #ffffff; -ms-box-shadow : inset 0px 0px 0px 5px #ffffff; -webkit-box-shadow : inset 0px 0px 0px 5px #ffffff; box-shadow : inset 0px 0px 0px 5px #ffffff; -ms-transform : scale(1.2,1.2); -webkit-transform : scale(1.2,1.2); -moz-transform : scale(1.2,1.2); -o-transform : scale(1.2,1.2); transform : scale(1.2,1.2); } .icon-circle i:before{ margin-left : 0px; font-size : 15px; } } .ifacebook .fa{ color :#3B5998; border :2px solid #3B5998; } .ifacebook .fa:hover{ background-color : #3B5998; color : #fff; border : 1px solid #3B5998; } .itwittter .fa{ color : #33ccff; border :2px solid #33ccff; } .itwittter .fa:hover{ background-color : #33ccff; color : #fff; border : 1px solid #33ccff; } .igoogle .fa{ color : #BD3518; border :2px solid #BD3518; } .igoogle .fa:hover{ background-color : #BD3518; color : #fff; border : 1px solid #BD3518; } a.devami{ border:1px solid #999; border-radius:3px; padding:3px; text-decoration:none; font-size:11px; background:#fff; color:#333; } a.devami:hover{ border:1px solid #999; text-decoration:none; color:#eee; background:#333; } .escortonceki{ float:left; margin-left:22px; } .escortsonraki{ float:right; margin-right:22px; } #footer{ color: #7469fc; } .thumb-contenido{ margin-bottom:4%; margin-left: 0px; padding-left: 0px; } /* CSS Test begin */ .comment-box { margin-top: 30px !important; } /* CSS Test end */ .comment-box img { width: 50px; height: 50px; } .comment-box .media-left { padding-right: 10px; width: 75px; } .comment-box .media-body p { border: 1px solid #ddd; padding: 10px; } .comment-box .media-body .media p { margin-bottom: 0; } .comment-box .media-heading { background-color: #fff; border: 1px solid #ddd; padding: 7px 25px; position: relative; margin-bottom: -1px; } .comment-box .media-heading:before { content: ""; width: 10px; height: 10px; background-color: #f1f1f1; border: 0px solid #ddd; border-width: 0px 0 0 0px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 10px; left: 4px; } .Header_Alani{ color: #f7f7f7; background-color: #000000; text-align:center; min-height: 100px; padding: 10px; } .block-title{color: #48453d; margin-bottom:0px; font-size:18px; margin-top: 0px; font-weight:700; text-transform:capitalize;} .item-content-block{padding:20px; border-top:2px solid #f6f6f2; background-color:#FFF; display:block;margin-bottom:20px;} .tags button{background-color:#777; padding:10px; color:#fff; display:inline-block; font-size:11px; text-transform:capitalize; line-height:4px; border-radius:2px; border:0px; margin-bottom:5px; margin-right:2px; text-decoration:none;} .tags button:hover{background-color:#333;color:#fff;} /*---------------------- Product Card Styles ----------------------*/ .panel.panel-stili { background: #fff; color:#333; } .panelTop { } .panelTop h3 a{ color:#2f509d; font-weight:700; font-size:0.75em; text-decoration:none; } .panelTop p{ color:#0e0088; font-weight:600; } .panelBottom { border-radius: 3px; padding:5px; margin-top: 10px; background:#00188a; color:#eee; } .panelBottom span{ color:#ffffff; font-weight:300; font-size:11px; } /* Title Divider ============================================ */ .title-divider { margin: 0 auto; max-width: 300px; margin-bottom: 20px; overflow: hidden; padding: 10px 0; } .hr-divider { border-bottom: 1px solid #ddd; position: relative; float: left; bottom: -4px; } .icon-separator { float: left; text-align: center; margin-top: -7px; font-size: 18px; color: #F34336; padding: 0; } .heading-divider { margin-bottom: 40px; margin-top: 30px; display: flex; } .heading-divider .title { flex-grow: 0; -webkit-flex-grow: 0; margin: 0 5px 0 0; line-height: 1px; } .heading-divider .line-separator { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; flex-grow: 1; -webkit-flex-grow: 1; height: 6px; position: relative; } .transition { transition: .3s cubic-bezier(.3, 0, 0, 1.3) } .three .transition { transition: .7s cubic-bezier(.3, 0, 0, 1.3) } .five .transition { transition: .5s cubic-bezier(.3, 0, 0, 1.3) } /* --------- ONE --------- */ .one { list-style: none; padding: 0; margin: 10px 10px; text-align:center; } .one > li { background: #FFFFFF; border: 0px solid rgba(150,150,150,0.29); -moz-box-shadow: 0px 0px 1px 1px rgba(83, 37, 56,0.5); box-shadow: 0px 0px 1px 1px rgba(83, 37, 56,0.5); width:150px; height: 261px; display: inline-block; margin: 10px 0px; text-align: center; } .one > li img { margin-top: 0px; width:150px; height:200px; } .one > li:hover img { margin-top: 0px; } .one > li:hover { border: 0px solid rgba(150,150,150,0.29); -moz-box-shadow: 0px 0px 1px 1px rgba(83, 37, 56,1); box-shadow: 0px 0px 1px 1px rgba(83, 37, 56,1); } .one > li:hover span { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; bottom: 0px; height:0px; } .one > li:hover h3 { color: #ffffff; margin-top: 5px; } .one > li .wrapper { overflow: hidden; position: absolute; width:150px; height: 230px; text-align:center; display:table; } .one > li span { border-radius: 0%; -webkit-border-radius: 0%; -moz-border-radius: 0%; height: 70px; width:150px; background: #000000; display: block; position: absolute; bottom: 0px; left: 0px; } .one > li span img { margin-top: 5px; width: 18px; } .one > li h3 { margin-top: 5px; padding:2px; color: #ffffff; text-transform: normal; font-size:1em; line-height: 1.2em; } .one > li h3 marquee em { display: block; font-style: normal; text-transform: uppercase; font-weight: 300; font-size: 0.75em; margin-top: 5px; text-align:center; } .one .social { list-style: none; text-align: center; margin: 10px 0 0 0; padding: 10px; } .one .social li { opacity: 0; display: inline-block; padding: 5px; color:#333; font-weight:700; font-size:0.90em; } .one > li:hover .social li { opacity: 1; } .one .social li a { cursor: pointer; display: block; font-size:1.2em; color:#555; font-weight:900; } .one .social li a:hover { text-decoration: none; color:#333; } .one .social li img { width: 24px; } // Mobil Görünüm .kapsayici{ background-position: center center; overflow: hidden; background-size: cover; } @-webkit-keyframes social-show { from { margin-top: 140px; } to { margin-top: 0px; } } @-moz-keyframes social-show { from { margin-top: 140px; } to { margin-top: 0px; } } @-o-keyframes social-show { from { margin-top: 140px; } to { margin-top: 0px; } } @keyframes social-show { from { margin-top: 140px; } to { margin-top: 0px; } } .go-top { display: block; width: 30px; height: 30px; line-height: 35px; text-align: center; font-size: 15px; position: fixed; bottom: -40px; right: 10px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #333; color: #FFFFFF; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor:pointer; } .go-top.show { bottom: 10px;cursor:pointer; } .go-top:hover { background-color: #434a54; color: #FFFFFF; cursor:pointer; } @import url('/fonts/Monda/css.css'); @import url('/fonts/Muli/css.css'); html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Monda", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #333; background-color: #d7e3ea; /* background:url('/img/arkaplan.png') repeat center top fixed #d7e3ea;} */ } /*body{ background: linear-gradient(90deg, #e6ec8f, #e3ee53, #ffd800, #ffb600, #ff9400, #ff7300, #ff4600, #e6ec8f, #e3ee53 ,#ffd800, #ffb600, #ff9400, #ff7300, #ff4600); background-size: 1000% 1000%; animation: BackgroundGradient 30s ease infinite;} @keyframes BackgroundGradient { 0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;} } */ #scrollcss{text-transform: uppercase;} .ilanver{margin-top:5px;margin-bottom:15px;} ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 0px; background-color: #dddddd; } ::-webkit-scrollbar { width: 12px; background-color: #dddddd; } ::-webkit-scrollbar-thumb { border-radius: 0px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; } .temizle{ clear:both; } .slogan{font-size:30px;} .ilanhatti{font-size:24px;} .VitrinUst:hover{ border:1px solid #999; } .VitrinUst:hover{ opacity:1; background:#fff; border:1px solid #999; animation: shake 0.6s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } .isim{font-size:90%;background:#333333;color:#fff;border-top: 1px solid #999;border-left: 1px solid #999;border-right: 1px solid #999;} .semt{font-size:90%;border-bottom: 1px solid #999;border-left: 1px solid #999;border-right: 1px solid #999;} @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(0px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-1px, 0, 0); } 40%, 60% { transform: translate3d(0px, 0, 0); } } .size-960{max-width:960px;} .dropdown-menu.columns-2 { width: 600px; } .multi-column-dropdown { list-style: none; margin: 5px; padding: 2px; } li.multi-column-dropdown a { display: block; clear: both; line-height: 2; padding:2px 8px; color: #fff; font-weight:500; border-left:1px solid #fff; border-bottom:1px solid #fff; text-align:left; } li.multi-column-dropdown a:hover { text-decoration: none; color: #353233; background:#fff; border-left:1px solid #fff; } @media (max-width: 767px) { .dropdown-menu.multi-column { min-width: 240px !important; overflow-x: hidden; } } .eskort.efekt:after { content: ''; position: absolute; top: 0; left: 1.5%; width: 0; height: 100%; background: rgba(255, 255, 255, 1); } .eskort.efekt:hover:after { width: 97%; background-color: rgba(255,255,255,0.3); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; z-index:-9; } .eskort:active:after { opacity: 1; } .text-small{font-size:9px;font-weight:500;} .navbar-header a { text-decoration: none; text-transform: uppercase; /* letter-spacing: 3px; */ display: inline-block; position: relative; -webkit-mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 30%, #ffffff 50%, rgba(255, 255, 255, 0.7) 70%); -webkit-mask-size: 200%; animation: shine 3s linear infinite; } @keyframes shine { from { -webkit-mask-position: 150%; } to { -webkit-mask-position: -50%; } } .vipilan{background:#d10000;text-align:center;margin-top:5px;margin-bottom:5px;padding:5px;text-align:center;} .vipilan span{color:#ffffff; font-size:15px; padding:5px; font-weight:500; text-align:center;} .vipilan span.glyphicon{color:#dad420; font-size:12px; padding:2px; font-weight:400; text-align:center;} .cerceve{ width:110px; height:110px; float:left; margin:0; border:2px solid #ddd; border-radius:5%; } img.resim { object-fit: cover; width:100%; height:100%; border-radius:4%; } .yan-cerceve{ width:60px; height:60px; background:#eee; float:left; margin:0; border:2px solid #ddd; border-radius:3px; } img.yan-resim { object-fit: contain; width:100%; height:100%; } @media only screen and (max-width: 414px) { .cerceve{ width:90px; height:90px; background:#eee; float:left; margin:0; border:2px solid #ddd; border-radius:3px; } img.resim { object-fit: contain; width:100%; height:100%;border-radius:0%; } .yan-cerceve{ width:45px; height:45px; background:#eee; float:left; margin:0; border:0px solid #222; border-radius:50%; } img.yan-resim { object-fit: contain; width:100%; height:100%;border-radius:100%; } } hr.new3 { border-top: 2px dashed #b11d42; } hr.new5 { border: 5px solid white; } .text-white { color: #fff!important; } .p-3 { padding: 1rem!important; } .mb-2, .my-2 { margin-bottom: .5rem!important; } .bg-danger { background-color: #dc3545!important; } h4.media-heading {color:#ab0404; font-size: 1.7rem; font-weight: 500; margin-top:-10px;} .icon-circle .fa{ font-size : 15px; color : #e84700; margin : 0 auto; height : 40px; width : 40px; border-radius : 50%; border :2px solid #e84700; line-height : 40px; cursor : pointer; -webkit-transition : all ease-in-out 0.35s; -moz-transition : all ease-in-out 0.35s; -o-transition : all ease-in-out 0.35s; -ms-transition : all ease-in-out 0.35s; transition : all ease-in-out 0.20s,background-color ease-in-out 0.05s; } .icon-circle .fa:hover{ background-color : #e84700; color : #fff; border : 1px solid #e84711; -moz-box-shadow : inset 0px 0px 0px 5px #ffffff; -o-box-shadow : inset 0px 0px 0px 5px #ffffff; -ms-box-shadow : inset 0px 0px 0px 5px #ffffff; -webkit-box-shadow : inset 0px 0px 0px 5px #ffffff; box-shadow : inset 0px 0px 0px 5px #ffffff; -ms-transform : scale(1.2,1.2); -webkit-transform : scale(1.2,1.2); -moz-transform : scale(1.2,1.2); -o-transform : scale(1.2,1.2); transform : scale(1.2,1.2); } .icon-circle i:before{ margin-left : 0px; font-size : 20px; } @media (min-width:320px) and (max-width:768px) { .one { list-style: none; padding: 0; margin: 10px 10px; text-align:center; } .one > li { background: #FFFFFF; border: 0px solid rgba(150,150,150,0.29); -moz-box-shadow: 0px 0px 1px 1px rgba(83, 37, 56,0.5); box-shadow: 0px 0px 1px 1px rgba(83, 37, 56,0.5); width:75px; height: 130px; display: inline-block; margin: 10px 0px; text-align: center; } .one > li img { margin-top: 0px; width:75px; height:100px; } .one > li:hover img { margin-top: 0px; } .one > li:hover { border: 0px solid rgba(150,150,150,0.29); -moz-box-shadow: 0px 0px 1px 1px rgba(83, 37, 56,1); box-shadow: 0px 0px 1px 1px rgba(83, 37, 56,1); } .one > li:hover span { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; bottom: 0px; height:0px; } .one > li:hover h3 { color: #ffffff; margin-top: 5px; } .one > li .wrapper { overflow: hidden; position: absolute; width:75px; height: 130px; text-align:center; display:table; } .one > li span { border-radius: 0%; -webkit-border-radius: 0%; -moz-border-radius: 0%; height: 70px; width:75px; background: #d10000; display: block; position: absolute; bottom: 0px; left: 0px; } .one > li span img { margin-top: 5px; width: 18px; } .one > li h3 { margin-top: 5px; padding:2px; color: #ffffff; text-transform: normal; font-size:1em; line-height: 1.2em; } .one > li h3 marquee em { display: block; font-style: normal; text-transform: uppercase; font-weight: 300; font-size: 0.75em; margin-top: 5px; text-align:center; } .one .social { list-style: none; text-align: center; margin: 10px 0 0 0; padding: 10px; } .one .social li { opacity: 0; display: inline-block; padding: 5px; color:#333; font-weight:500; font-size:0.90em; } .one > li:hover .social li { opacity: 1; } .one .social li a { cursor: pointer; display: block; font-size:1.2em; color:#555; font-weight:500; } .one .social li a:hover { text-decoration: none; color:#333; } .one .social li img { width: 24px; } .icon-circle .fa{ font-size : 15px; color : #e84700; margin : 0 auto; height : 40px; width : 40px; border-radius : 50%; border :2px solid #e84700; line-height : 40px; cursor : pointer; -webkit-transition : all ease-in-out 0.35s; -moz-transition : all ease-in-out 0.35s; -o-transition : all ease-in-out 0.35s; -ms-transition : all ease-in-out 0.35s; transition : all ease-in-out 0.20s,background-color ease-in-out 0.05s; } .icon-circle .fa:hover{ background-color : #e84700; color : #fff; border : 1px solid #e84711; -moz-box-shadow : inset 0px 0px 0px 5px #ffffff; -o-box-shadow : inset 0px 0px 0px 5px #ffffff; -ms-box-shadow : inset 0px 0px 0px 5px #ffffff; -webkit-box-shadow : inset 0px 0px 0px 5px #ffffff; box-shadow : inset 0px 0px 0px 5px #ffffff; -ms-transform : scale(1.2,1.2); -webkit-transform : scale(1.2,1.2); -moz-transform : scale(1.2,1.2); -o-transform : scale(1.2,1.2); transform : scale(1.2,1.2); } .icon-circle i:before{ margin-left : 0px; font-size : 15px; } } .ifacebook .fa{ color :#3B5998; border :2px solid #3B5998; } .ifacebook .fa:hover{ background-color : #3B5998; color : #fff; border : 1px solid #3B5998; } .itwittter .fa{ color : #33ccff; border :2px solid #33ccff; } .itwittter .fa:hover{ background-color : #33ccff; color : #fff; border : 1px solid #33ccff; } .igoogle .fa{ color : #BD3518; border :2px solid #BD3518; } .igoogle .fa:hover{ background-color : #BD3518; color : #fff; border : 1px solid #BD3518; } a.devami{ border:1px solid #999; border-radius:3px; padding:3px; text-decoration:none; font-size:11px; background:#fff; color:#333; } a.devami:hover{ border:1px solid #999; text-decoration:none; color:#eee; background:#333; } .escortonceki{ float:left; margin-left:22px; } .escortsonraki{ float:right; margin-right:22px; } #footer{ color: ; } .thumb-contenido{ margin-bottom:4%; margin-left: 0px; padding-left: 0px; } /* CSS Test begin */ .comment-box { margin-top: 30px !important; } /* CSS Test end */ .comment-box img { width: 50px; height: 50px; } .comment-box .media-left { padding-right: 10px; width: 75px; } .comment-box .media-body p { border: 1px solid #ddd; padding: 10px; } .comment-box .media-body .media p { margin-bottom: 0; } .comment-box .media-heading { background-color: #fff; border: 1px solid #ddd; padding: 7px 25px; position: relative; margin-bottom: -1px; } .comment-box .media-heading:before { content: ""; width: 10px; height: 10px; background-color: #f1f1f1; border: 0px solid #ddd; border-width: 0px 0 0 0px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 10px; left: 4px; } .Header_Alani{ color: #fafafa; background-color: #ef0101; text-align:center; margin-top: 55px; margin-bottom: 5px; min-height: 30px; padding: 5px; } .Header_Alani h1{ font-size:20px; margin-top:10px; } .block-title{color: #48453d; margin-bottom:0px; font-size:18px; margin-top: 0px; font-weight:500; text-transform:capitalize;} .item-content-block{padding:20px; border-top:2px solid #f6f6f2; background-color:#FFF; display:block;margin-bottom:20px;} .tags a.button{background-color:#ddd; padding:10px; color:#333; display:inline-block; font-size:11px; text-transform:capitalize; line-height:4px; border-radius:2px; border:0px; margin-bottom:5px; margin-right:2px; text-decoration:none;} .tags a.button:hover{background-color:#333;color:#fff;} /*---------------------- Product Card Styles ----------------------*/ .panel.panel-stili { background: #fff; color:#333; } .panelTop { } .panelTop h3 a{ color:#333; font-weight:500; font-size:0.75em; text-decoration:none; } .panelTop p{ color:#333; font-weight:500; } .panelBottom { border-radius: 3px; padding:5px; margin-top: 10px; background:#333; color:#eee; } .panelBottom span{ color:#333; font-weight:300; font-size:11px; } /* Title Divider ============================================ */ .title-divider { margin: 0 auto; max-width: 300px; margin-bottom: 20px; overflow: hidden; padding: 10px 0; } .hr-divider { border-bottom: 1px solid #333; position: relative; float: left; bottom: -4px; } .icon-separator { float: left; text-align: center; margin-top: -7px; font-size: 24px; color: #222; padding: 0; } .heading-divider { margin-bottom: 40px; margin-top: 30px; display: flex; } .heading-divider .title { flex-grow: 0; -webkit-flex-grow: 0; margin: 0 5px 0 0; line-height: 1px; } .heading-divider .line-separator { border-bottom: 1px solid #52f75f; border-top: 1px solid #52f75f; flex-grow: 1; -webkit-flex-grow: 1; height: 6px; position: relative; } .transition { transition: .3s cubic-bezier(.3, 0, 0, 1.3) } .three .transition { transition: .7s cubic-bezier(.3, 0, 0, 1.3) } .five .transition { transition: .5s cubic-bezier(.3, 0, 0, 1.3) } /* --------- ONE --------- */ .one { list-style: none; padding: 0; margin: 10px 10px; text-align:center; } .one > li { background: #FFFFFF; border: 0px solid rgba(150,150,150,0.29); -moz-box-shadow: 0px 0px 1px 1px rgba(83, 37, 56,0.5); box-shadow: 0px 0px 1px 1px rgba(83, 37, 56,0.5); width:150px; height: 261px; display: inline-block; margin: 10px 0px; text-align: center; } .one > li img { margin-top: 0px; width:150px; height:200px; } .one > li:hover img { margin-top: 0px; } .one > li:hover { border: 0px solid rgba(150,150,150,0.29); -moz-box-shadow: 0px 0px 1px 1px rgba(83, 37, 56,1); box-shadow: 0px 0px 1px 1px rgba(83, 37, 56,1); } .one > li:hover span { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; bottom: 0px; height:0px; } .one > li:hover h3 { color: #ffffff; margin-top: 5px; } .one > li .wrapper { overflow: hidden; position: absolute; width:150px; height: 230px; text-align:center; display:table; } .one > li span { border-radius: 0%; -webkit-border-radius: 0%; -moz-border-radius: 0%; height: 70px; width:150px; background: #d10000; display: block; position: absolute; bottom: 0px; left: 0px; } .one > li span img { margin-top: 5px; width: 18px; } .one > li h3 { margin-top: 5px; padding:2px; color: #ffffff; text-transform: normal; font-size:1em; line-height: 1.2em; } .one > li h3 marquee em { display: block; font-style: normal; text-transform: uppercase; font-weight: 300; font-size: 0.75em; margin-top: 5px; text-align:center; } .one .social { list-style: none; text-align: center; margin: 10px 0 0 0; padding: 10px; } .one .social li { opacity: 0; display: inline-block; padding: 5px; color:#333; font-weight:500; font-size:0.90em; } .one > li:hover .social li { opacity: 1; } .one .social li a { cursor: pointer; display: block; font-size:1.2em; color:#555; font-weight:500; } .one .social li a:hover { text-decoration: none; color:#333; } .one .social li img { width: 24px; } // Mobil Görünüm .kapsayici{ background-position: center center; overflow: hidden; background-size: cover; } @-webkit-keyframes social-show { from { margin-top: 140px; } to { margin-top: 0px; } } @-moz-keyframes social-show { from { margin-top: 140px; } to { margin-top: 0px; } } @-o-keyframes social-show { from { margin-top: 140px; } to { margin-top: 0px; } } @keyframes social-show { from { margin-top: 140px; } to { margin-top: 0px; } } .go-top { display: block; width: 30px; height: 30px; line-height: 35px; text-align: center; font-size: 15px; position: fixed; bottom: -40px; right: 10px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #333; color: #FFFFFF; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor:pointer; } .go-top.show { bottom: 10px;cursor:pointer; } .go-top:hover { background-color: #434a54; color: #FFFFFF; cursor:pointer; } .userMain .userBlock{ float: left; width: 100%; box-shadow: 0px 0px 10px 2px #000; padding-bottom: 12px; margin-bottom: 30px; overflow: hidden; background:#ffffff; } .userMain .userBlock .backgrounImg{ overflow: hidden; height: 77px; background:#000; } .userMain .userBlock .backgrounImg img{ height:100%; width:100%; object-fit: content; } .userMain .userBlock .userImg{ text-align: center; } .userMain .userBlock .userImg img{ width: 120px; height: 120px; margin-top: -77px; border-radius: 100%; border: 2px solid #f6f6f6; object-fit: cover; background:#000; } .userMain .userBlock .userDescription{ text-align: center; } .userMain .userBlock .userDescription h5{ margin-bottom: 8px; font-weight: 500; } .userMain .userBlock .userDescription p{ margin-bottom: 5px; font-size:12px; } .userMain .userBlock .userDescription .btn.green{ padding: 0px 23px 0px 23px; height: 22px; border-radius: 0; font-size: 12px; background: #03a074; color: #fff; } .userMain .userBlock .userDescription .btn{ padding: 0px 23px 0px 23px; height: 22px; border-radius: 0; font-weight: 400; font-size: 12px; background: #e20f0f; color: #fff; } .userMain .userBlock .userDescription .btn:hover{ opacity:0.7; } .userMain .userBlock .followrs{ display: inline-flex; margin-right: 10px; border-right: 1px solid #ccc; padding-right: 10px; } .userMain .userBlock .followrs .number .btn{ font-size: 14px; font-weight: 400; margin-right: 5px; margin-top: -1px; }