/** * Author: semudesign * Author URI: https://semu.work * Version: 1.1.0 * Text Domain: smcompany * Description: Radyo haber temasi, wordpress customizere uygun */ body { font: ultra-condensed 400 1.2rem/1.1 "Montserrat", sans-serif; margin:0; padding:0; background-color:#fff; } a:hover {opacity:1} a{transition: 0.3s;text-decoration:none} img{transition: 0.3s;} img:hover{opacity:.9;} /** * Main, Header */ .site-main {} .site-header { position:relative; background:#f7f7f7 url(../img/header-bg.jpg) repeat repeat; background-color:#f7f7f7; background-repeat:repeat-x; background-size:contain; background-position:center left; box-shadow: 0 3px 5px #e3e3e3; z-index:9; } .site-logo { position: relative; padding: .4rem; text-align: center; } .site-logo > a > img, .site-logo > img { max-width: 100%; text-align: center; } #date-time { margin-bottom: .3rem; font-weight: 500; font-style: italic; margin-top: -.7rem; } /** * Content, image, banner, comments etc. */ .site-content { position:relative; min-height: 500px; margin-top:.2rem; } .site-slogan { display:block; color: #000; font-weight: 600; font-style: italic; } .banner { position:relative; display:block; } .banner > a > img, .banner > img { max-width:100%; } .banner-caption { position:absolute; top: 50%; left: 58%; transform: translate(-25%, -50%); }.banner-caption > h3 { display:inline-block; font-weight:700; background-color:#FFED00; font-style:italic; } .banner-top-right { position:relative; display:block; } .banner-top-right > a > img, .banner-top-right > img { max-width:100%; height:400px; } .site-search { position:relative; } .site-search .search-button { position: absolute; right: .5rem; background: #fff url(../img/search-icon.png) no-repeat; background-repeat: no-repeat; width: 26px; height: 26px; background-size: contain; top: .3rem; border-radius: 3rem; outline:none; border: 0; } .site-search input.search-box { width: 100%; display: block; border-radius: 3rem; background-color: #fff; color: #000; padding: .4rem .8rem; } .site-search input.search-box::placeholder { color: #b9b9b9; font-style:italic; font-weight:500; } .site-quote-daily { position:relative; display:block; background-color: #DBCBAF; padding:.5rem; margin-top:1rem; } .site-quote-daily > .container{ border: 3px solid #FFED00; padding:.8rem; } .quote-artist > h2 { font-weight:700; } .quote-text > h4 { font-style:italic; } /** * Blog post */ .site-blog-header { background-color:#E31E24; display:inline-block; color:white; font-weight:700; padding:.3rem; margin-left:1rem; } .site-blog-post-container { position:relative; background-color:white; border:2px solid #E31E24; box-shadow: 0 5px 12px #eaeaea; padding: 1rem; } .blog-post-item { position:relative; border:2px solid #eaeaea; margin-bottom:1rem; } .blog-post-item-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding: .8rem; overflow: hidden; height: 58px; font-size:.85rem; } /** * Weather */ .custom-weather { float:right; margin-top: -2rem; } .custom-weather-degree > h1{ color:#00A0E3; font-weight:900!important; display:block; margin-bottom:0; font-style:italic; } .custom-weather-city > h3 { font-weight:700; display:block; margin-bottom:0; font-style:italic; }.custom-weather-city > span { font-style:italic; color:#898989; letter-spacing: .050rem; font-weight: 600; } .custom-weather-img > img { min-width: 100px; max-width: 100%; } /** * Box time */ .box { padding: 1rem; position: relative; display: block; background-color: #fff; border-radius:1rem; } .box-time{ position: relative; display: block; background-color: #eaeaea; border-radius:1rem; } .box > .box-header, .box-time > .box-header { padding:.8rem; text-align: center; } .box > .box-header > h5 { font-weight:light; color: #000; text-align:left; } .box-time > .box-items { display:block; padding:.8rem .3rem; background-color:#dfdfdf; position:relative; padding-left: 3rem; } .box-items > .date { color: #494949; font-style: italic; } .box-items > .title { color: #000; text-align:left; font-size:15px; } .box-items > .title > span { float: right; padding-right: 1rem; color:#494949; } .box-items::after { content: ''; position: absolute; width: 6px; background-color: white; top: 0; bottom: 0; left: 0; margin-left: 20px; } .box-items > .date::after { content: ''; position: absolute; width: 18px; height: 18px; left: 14px; background-color: #d92727; border: 2px solid #fff; top: 12px; border-radius: 50%; z-index: 1; } /*subsin, subsout*/ .subs-in-chart { position:relative; } .subs-in-chart-customer { font-size:14px; color:gray; } .subs-in-first { position: relative; display: inline-table; text-align: center; margin-bottom: 1rem; margin-top: 2rem; margin-right: .8rem; }.subs-in-first > .icon { width: 18px; height: 18px; background-color: gray; border-radius: .3rem; margin-right: .2rem; display: inline-block; vertical-align: middle; }.subs-in-first > .inf {  }.subs-in-first > .price { margin-left: 25px; position: relative; display: block; text-align: left; font-weight: 400; color: #cd8c8c; } .site-footer { position:relative; border-top:5px solid #D11919; } .site-footer-links { position:relative; padding:1rem; }.site-footer-links > ul{ list-style:none; padding:0; margin:0; }.site-footer-links > ul li{ display:inline-block; padding-right:.8rem; }.site-footer-links > ul li:last-child{ padding-right:0; }.site-footer-links > ul li a{ color:#000; font-weight:700; font-size:1.38rem; } /** * Responsive */ @media only screen and (max-width: 546px) { .custom-radio { border-radius:1rem; padding:.5rem .8rem !important; } .custom-radio-song > h6 { font-size: .7rem;height: 27px;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box; } .custom-radio-song { margin-bottom: -.5rem; }.custom-radio-info > small { font-size:.6rem; } .site-quote-daily > .container > .row { justify-content:left!important; } .banner-caption { top: 50%; left: 56%; transform: translate(-10%, -50%); } .banner-caption > h3 { font-size: .6rem; } }