body { background: #dcdcdc; color: #1c1c1c; text-align: center; position: relative; top: 59px; margin: 0px 1px 0px 1px; -webkit-text-size-adjust: none; font-family: Verdana, Geneva, Sans-Serif, Arial, Helvetica; font-size: 12px; } img[alt~="person"][src*="lorem"] { background: #ccc; } #margin { background-image: linear-gradient(to right,#f5f5f5,#666); border-bottom:none; } #temizle { clear: both; } #styleselect { position: fixed; right: 143px; top: 6px; } #blackstyle a.button { position: fixed; text-decoration: none; border-radius: 50%; border: 3px solid #ccc; background: #ccc; font-size: 16px; padding: 7px; } #blackstyle a.button:hover { background: #0dde8e; text-decoration: none; } #whitestyle a.button { position: fixed; backXground: #94074F; background: #ee799f; text-decoration: none; border-radius: 50%; border: 2px solid #0dde8e; padding: 10px; } #whitestyle a.button:hover { text-decoration: none; } input.form-control { background: #fafafa; color: #777; margin-top:4px; margin-left:6px; border-top-left-radius:10px; border-bottom-left-radius:10px; font-size:15px; height:52px; font-weight:normal; } .menu2 { width:70%; float:right; } .SarkiSozu { padding-left:5px; backgXround:#1c1c1c; color:#777; text-align:left; border:1px solid #dcdcdc; font-size: 16px; font-family:Geneva,Tahoma,Poppins; width:100%; max-height:244px; overflow:auto; overflow-x:hidden; overflow-y:auto; } .manuel { text-align: center; } .ytmp3 { background: #fafafa; } .keywords, .aramalar { color: #1c1c1c; background-color: #fafafa; border: 1px solid #f2f2f2; padding: 3px 3px; text-align: center; font-weight: bold; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; } .keywords a.keywords, .aramalar a.keywords { color: #777; background-color: #fff; float: left; font-family: Verdana, Geneva, "Sans-serif", "Lato"; font-size: 13px; border: 1px solid #d3eded; border-radius: 12px; margin: 1px 1px; padding: 6px; text-align: center; font-weight: bold; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; } .keywords a.keywords:hover, .aramalar a.keywords:hover { color: #fff; font-size: 13px; background-color: #af085d; margin: 1px 1px; padding: 6px; text-align: center; font-weight: bold; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; } hit { float: right; padding: 1px 1px; border-radius: 4px; font-size: 11px; border: 1px solid #e0e0e0; color: #404040; } .orta i.fa-instagram { font-size:18px; background-color:rgb(225 48 108); color:#fff; padding:6px 9px; border-radius:30px; } .orta i.fa-facebook-f { font-size:18px; background-color:#1877F2; color:#fff; padding:6px 9px; border-radius:30px; } .orta i.fa-twitter { font-size:18px; background-color:#1DA1F2; color:#fff; padding:6px; border-radius:30px; } .ustmenu { } .ustmenu a { font-family: Oswald, Verdana, Geneva, "Sans-serif", "Lato"; font-size: 13px; font-weight: bold; color: #fafafa; margin: 2px; padding: 2px; } .searchform { position: relative; right: 9px; } .albumdis { background: #f2f2f2; } #albumhizala { display: block; background: #fff, border: 1px solid #dcdcdc; width: 23%; text-align: center; margin: 2px 2px; } #albumhizala a { color: #545454; } .dinlelist1 { text-align: left; float: left; width: 80px; word-wrap: break-word; padding: 6px 9px; } .dinlelist0 { padding: 6px 9px; text-align: left } .dinlelistdis0 { background: #f0f0f0; backXground: #ebf4f6; } .dinlelistdis1 { background: #fafafa; } .list5text { font-size: 13px; font-family: Verdana, Geneva, sans-serif; margin-bottom:0px; padding-bottom:0px; display:inline-block; width:82%; word-wrap:break-word; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .list5text:hover { text-decoration: underline; } .panel-primary { word-wrap: work-break; } #yukari { display: none; position: fixed; bottom: 25px; right: 4px; background: #f2f2f2; background-size: 100% 100%; width: 40px; height: 40px; text-align: center; line-height: 40px; opacity: 0.8; filter: alpha(opacity=80); border-radius: 8px; border: 1px solid #af085d; transition: all .3s ease; z-index: 999 } #yukari i { color: #af085d; font-size: 18px; opacity: 0.8; filter: alpha(opacity=80); position: relative; right: 8px; top: -1px; } #yukari:hover { background-color: #f2f2f2; opacity: 0.8; filter: alpha(opacity=80); } ::-webkit-scrollbar { width: 10px; background-color: #f4f4f4; border-left: 1px solid #e0eeee; } ::-webkit-scrollbar-thumb { background-color: #8ee5ee; } ::-webkit-scrollbar-thumb:hover { background-color: #2E3944; } font.logomp3 { background: rgb(255,254,254); background: linear-gradient(90deg, rgba(255,254,254,1) 0%, rgba(245,245,245,1) 50%, rgba(240,242,241,1) 100%); } #AraButton { color: #fafafa; } span.glyphicon-search { color: #fafafa; } li span.glyphicon-search { color: #af085d; } .icon-bar { background-color:#fafafa !important; } #navbarCollapse { background-image: linear-gradient(to right, #f5f5f5, #666); background-size: 100% 100%; } #navbarCollapse a { font-family: ; color: #af085d; border-bottom: 1px solid #fafafa; font-weight: bold; text-align: left; } #navbarCollapse a:hover { background-image: linear-gradient(to right, #af085d, #ededed); font-weight: bold; color: #fafafa; border-bottom: 1px solid #fafafa; text-align: left; } .navbar-header { background-image:linear-gradient(to right,#f5f5f5,#666); } .navbar-header a color: #0997D4; } .mp3indir { text-align: left; color: #777; padding: 4px 2px; border: 1px solid #e0eeee; font-size: 14px; width: 100%; float: left; background-color : #fff; background-position : 50% top; margin : 0px; } .mp3indir a { color: #232323; font-size: 14px; font-weight: bold; text-decoration: none; } .mp3indir a:hover { color: #af085d; background: none; text-decoration: underline; } .mp3indir img { border-radius: 10%; padding: 4px; } .mp3indir img:hover { border-radius: 10%; padding: 4px; } p.DownloadMP3 { border:4px solid #D4EDE7; border-radius:2px; padding:11px 5px; margin-top:14px; } .DownloadMP3 { border: 4px solid #D4EDE7; padding: 5px; } .DownloadMP4 { border: 4px solid #D4EDE7; padding: 5px; } .span1 { float: left; } .player { background-color: #fff; border: 1xp solid #b0e0e6; } a { color: #666; font-size: 12px; text-decoration: none; font-weight: normal; } a:hover, a:active { color: #000; } img.middle { vertical-align: middle; } #container { width: auto; margin: auto auto; text-align: left; padding: 8px; } #menu2 { border: 1px solid #e0eeee; background: #fff; color: #f2f2f2; padding: 8px; text-align: center; font-size: 14px; font-weight: bold; } #menu2 a { border: 1px left #ff0000; color: #666; padding: 8px; text-decoration: none; } #menu2 a:hover { background: #f2f2f2; color: #ff6b6b; text-decoration: none; } #panel { text-align: left; -webkit-boXx-shadow: inset -1px 3px 8px 5px #101047, 2px 5px 16px 0px #101047, 5px 5px 15px 5px rgba(0,0,0,0); boXx-shadow: inset -1px 3px 8px 5px #101047, 2px 5px 16px 0px #101047, 5px 5px 15px 5px rgba(0,0,0,0); font-family: Oswald, Poppins, Arial; background: #087eb0; background-image: url(/css/images/panel.png); background-size: 100% 100%; text-shaXdow: 1px 1px 1px rgba(255,255,255,0.5); text-shadow: 2px 0px #708090; color: #fafafa; padding: 8px 4px; margin: px; font-size: 17px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; } #panel a { background: ; font-family: Oswald, Poppins, Arial; padding: 8px 4px; font-size: 17px; font-weight: bold; color: #fafafa; } #panel a:hover { background: ; color: #fff; } .header { text-align: center; padding: 4px 2px; color: #1c1c1c; background: none; border: none; font-size: 13px; background-position: 50% top; margin: 1px 0 1px 0; } .header a { color: #fafafa; backXground-image: linear-gradient(to right, #e0eeee, #e0eeee); border: 1px solid #dcdcdc; border-radius: 1px; font-size: 13px; font-weight: bold; text-decoration: none; padding: 2px 2px; margin: 2px; } .header a:hover, .header a:active, .header a:focus { font-size: 13px; font-weight: bold; padding: 2px 2px; color: #303030; background-image: linear-gradient(to right, #44ee96, #c9faea); border: 1px solid #e0eeee; text-decoration: none; } .header img { border: 1px solid #00eeee; border-radius: 70%; } .header img:hover { border: 1px solid #00eeee; border-radius: 0%; } span.glyphicon-music { color: #666; font-weight: bold; } .list7 { text-align: center; padding: 4px 2px; font-size: 14px; background-color : #edfff5; border: solid 1px #56a678; } .list7 a { text-align: center; color: #666; text-decoration: none; } .list7 a:hover { text-align: center; color: #ff6b6b; background: none; text-decoration: none; } .list7:hover { background: #fff; border: 1px solid #ff0000; color: #ff6b6b; text-align: center; } h1 { font-size : 24px; margin : 0; padding : 0; padding-bottom : 1px; } h2, h3 { font-size : 16px; margin : 0; padding : 0; padding-bottom : 1px; } #logo { background-image: radial-gradient( circle 976px at 51.2% 51%, rgba(11,27,103,1) 0%, rgba(16,66,157,1) 0%, rgba(11,27,103,1) 17.3%, rgba(11,27,103,1) 58.8%, rgba(11,27,103,1) 71.4%, rgba(16,66,157,1) 100.2%, rgba(187,187,187,1) 100.2% ); background: #94074F; text-align: center; padding: 8px; text-shadow: 0 px 0 #37b2eb; font-weight: bold; font-size: 22px; } #logo a { color: #fff; font-size: 22px; font-weight: bold; text-decoration: none; } #menu { background: #1379a8; color: #fff; text-align: center; padding: 7px; font-size: 13px; font-weight: bold; text-shadow: 0 -1px 0 #095578; } #menu a { color: #fff; padding: 4px; margin: 0 5px; text-decoration: none; } input[type="submit"] { border-radius: 10px; font-weight: bold; margin: 2px; background: #0ED4CE repeat; border: 1px solid #759abc; color: #fff; padding: 5px 9px; text-align: center; font-size: 16px; text-shadow: 1px 1px 1px #5289ab; } textarea, input[type="password"], input[type="text"] { font-family: sans-serif; border-radius: 10px; border: 2px solid #0ED4CE; margin: 2px; background: #fcfcfc; color: #000; font-size: 16px; padding: 4px 4px; } select { border-radius: 10px; border: 2px solid #0ED4CE; margin: 2px; background: #fcfcfc; color: #000; font-size: 16px; padding: 6px 3px; } textarea:hover, select:hover { color : #8f8f8f; background-color : #f4f4f4; border : #d7d7d7 solid 1px; } input:hover { color : #000; background-color : #f4f4f4; border : #d7d7d7 solid 1px; } a.submit { border-radius: 4px; text-decoration: none; margin: 1px; background: #333; border: 1px solid #111; color: #eee; font-weight: bold; padding: 1px 3px; text-align: center; font-size: 15px; } hr { background-color: #000000; color: #000000; height: 1px; border: 0px; } hr8 { color: #1c1c1c; display: block; margin: 3px 1px; border-top: 1px dashed #90ee90; } form { margin: 0; padding: 0; } .list5 { text-align: left; word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 7px 1px 2px 1px; color: #777; drop-shadow: 4px 4px #1c1c1c; background: #fafafa; borXder: 1px solid #e0eeee; border-top: px solid #ccc; border-bottom: px solid #ccc; border-radius: px; margin: px px; font-size: 14px; background-position: 50% top; margin: px px; } .list6 { text-align: left; word-wrap: break-word; padding: 7px 1px 2px 1px; color: #777; background: #e9e9e9; border: px solid #e0eeee; font-size: 14px; background-position : 50% top; margin : px 0px px 0px; } .list5 a, .list6 a { color: #666; text-decoration: none; } .list5 a:hover, .list6 a:hover { color: #af085d; background: none; text-decoration: none; } .list5:hover, .list6:hover { backXground: #f5f5f5; border: px solid #00cd66; color: #af085d; text-align: left; } .list5 img { margin: 0 4px 0 1px; border-radius: 50%; border: 1px solid #f2f2f2; } .list5 img:hover, .list6 img:hover { border: 1px solid #207ce5; } a.links { color: #000; margin: 1px 0 1px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 2px; text-align: left; font-weight: ; } .span { border-radius: 4px; padding: 1px 1px; float: right; border: 1px solid #e0e0e0; color:#404040; font-size: 11px; font-weight: normal; } .span2 { border-radius: 4px; padding: 0px 2px; float: clear; font-weight: normal; } /* Button CSS */ div.big_button { padding: 10px 0 15px 0; } a.big_button { background: #14aea8 url(gradient.png) bottom left repeat-x; color: #023836; padding: 9px; border: 1px solid #0a7c78; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-shadow: 0 1px 0 #25c5bf; font-size: 13px; font-weight: bold; } .list0 { text-align: left; padding: 4px 2px; color: #777; border: 0px solid #e0eeee; font-size: 14px; background-color : #fcfcfc; background-position : 50% top; margin : 1px 0 1px 0; max-width : auto; } .list { text-align: left; padding: 4px 2px; color: #333; border: 1px solid #e0eeee; font-size: 14px; background-color : #fff; background-position : 50% top; margin : 1px 0 1px 0; } .list1 { text-align: left; word-wrap: break-word; padding: 4px 2px; color: #777; border: 1px solid #e0eeee; font-size: 14px; background-color : #f4f4f4; background-position : 50% top; margin : 1px 0 1px 0; } .listt { text-align: left; padding: 4px 2px; color: #777; font-size: 14px; background-color : #eee9e9; background-position : 50% top; margin : 1px 0 1px 0; } .list3 { text-align: left; padding: 7px 5px; color: #777; background: #b4eeb4; border: 1px solid #ccc; border-top: none; font-size: 14px; } .list a { color: #666; font-size: 14px; text-decoration: none; } .list a:hover { color: #af085d; background: none; text-decoration: underline; } .listSubmit { padding: 7px 3px; color: #fff; background: #7ce; border: 1px solid #59b; border-top: none; font-size: 13px; margin-right: 4px; margin-left: 4px; text-align: center; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .listSubmit a { color: #fff; text-decoration: none; } .listSubmit a:hover { color: #ffa; background: none; } .orta { text-align: center; padding: 4px 2px; color: #777; background: #fff; border: 1px solid #e0eeee; font-size: 14px; background-position : 50% top; margin : 1px 0 1px 0; } .orta a { color: #666; font-weight: bold; text-decoration: none; } .orta a:hover { color: #af085d; background: none; text-decoration: underline; } .orta img { border: 1px solid #00eeee; border-radius: 70%; } .orta img:hover { border: 1px solid #00eeee; border-radius: 0%; } .orta-red { text-align: center; padding: 4px 2px; color: #777; background: #fff; border: 2px solid #BBE1D6; font-size: 14px; background-position : 50% top; margin : 1px 0 1px 0; } .orta-red a { color: #666; text-decoration: none; } .orta-red a:hover { color: #ff6b6b; background: none; text-decoration: underline; } .orta2 { text-align: center; padding: 4px 2px; color: #777; background: #fff; border: 1px solid #e0eeee; font-size: 14px; background-position : 50% top; margin : 1px 0 1px 0; } .orta2 a { color: #666; text-decoration: none; } .orta2 a:hover { color: #ff6b6b; background: none; text-decoration: underline; } .red { text-align: left; color: #cc3014; background: #ff6347; border: 1px solid #cc3014; text-shadow: 1px 1px #ff967a; margin: 1px; font-weight: bold; font-size: 13px; padding: 6px; } .green { text-align: center; color: #000; background: #32cd32; border: 1px solid #228622; margin: 1px; font-weight: bold; font-size: 14px; padding: 6px; } .green a { color: #fff; font-size: 14px; } .brown { text-align: center; background: #fffafa; font-size: 0.890em; font-family: Geneva; font-style: ; border-left: 1px solid #0dde8e; border-right: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 3px; color: #0dde8e; colXor: #D1FFE2; coXlor: #e0dfdc; backgXround: #556677; letter-spaXcing: .1em; text-shadXow: 2px 0px 1px #F5FFFF; } .brown a { color: #9a520c; } .p_page { text-align: left; padding: 5px 3px; color: #1c1c1c; border: 1px solid #f2f2f2; font-family: Arial, Helvetica, Titillium, Verdana, "Sans-Serif", Poppins; font-size: 16px; background-color: #fafafa; background-position: 50% top; margin: 1px 0 1px 0; } .p_a { margin: 3px 1px; padding: 3px 7px; font-weight: bold; font-size: 16px; background: #fafafa; color: #af085d; text-decoration: none; border-radius: 12px; border: 1px solid #e0eeee; } .p_a:hover { background: #af085d; color: #fafafa; font-weight: bold; text-decoration: none; border-radius: 12px; } .p_font { margin: 3px 1px; padding: 3px 7px; font-weight: bold; font-size: 16px; background: #f5f5f5; color: #1c1c1c; border-radius: 12px; border: 1px solid #f2f2f2; } .marXgin { margin: 0 auto; width: 980px; } @media screen and (min-width:1020px) { .margin, #margin { margin: 0px 130px; } } @media screen and (max-width:420px) { #albumhizala { display: block; background: #fff; border: 1px solid #dcdcdc; text-align: center; width: 46%; margin: 2px 2px; } } @media screen and (min-width:420px) and (max-width:720px) { #albumhizala { display: block; background: #fff; border: 1px solid #dcdcdc; text-align: center; width: 30%; margin: 2px 2px; } .list5, .list6 { padding: 10px 2px 4px 2px; } .list5text { font-size: 13px; } } @media screen and (max-width:740px) { .searchform { width: 100%; position: relative; left: 12px; } .menu2 { width:100%; float:none; } } @media screen and (min-width:920px) { .menu1 { width:30%; float: left; } } @media screen and (min-width:920px) and (max-width:1320px) { .searchXform { width: 60%; position: relative; left: 8px; } } @media screen and (min-width:720px) { #styleselect { position: fixed; right: 183px; top: 16px; } #populer { float: right; width: 49%; } #yeniler { float: left; width: 49%; } #dinle2 { float: left; width: 48%; text-align: center; margin: 0px 2px; } .list5dis { width: 49%; display: block; text-align: center; float: left; } .header { background: url(/css/images/panel.png); background-size: 100% 100%; } } @media screen and (min-width:320px) and (max-width:3800px) { .span{float:right;} body{font-size: 14px;} }