Yeni sayfanın bacfsdsaşlığı
fizy
dünyanın en hızlı müzik arama motoru
#wrapper {
margin-left: auto;
margin-right: auto;
background: #00337f;
}
.accordionButton {
width: 100%;
float: left;
cursor: pointer;
}
.accordionContent {
width: 100%;
float: left;
background: #95B1CE;
/*display: none;*/
}
a {
border: none;
text-decoration: none;
outline: 0;
outline-width: 0;
cursor: pointer;
}
@font-face {
font-family: "century gothic bold";
src: local("century gothic bold"), url("/assets/fonts/cgb.TTF") format("truetype");
}
.fz-icon {
background: url("/assets/images/fizy_new_icons.png") no-repeat scroll 0 0 transparent;
}
#theleftad {
position: absolute;
left: 0px;
top: 0px;
}
html, body, td, th, input, textarea {
background-color: #FFFFFF;
color: #fff;/*6A6A6B*/
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
margin: 0;
padding: 0;
text-transform: lowercase;
}
form {
margin: 0;
padding: 0;
}
.hasPlaceholder {
color: #777;
}
#noresult {
color: #666;
font-size: 14pt;
margin-left: 103px;
display: none;
}
#nowplaying-wrapper {
overflow: hidden;
}
#nowplaying {
position: fixed;
left: 0px;
bottom: 47px;
height: 22px;
font-size: 13px;
color: #e9e9e9;
background-color: #2b2b2b;
/* padding: 5px 10px 3px 15px; */
margin: 0;
extends: positive;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
}
#nowPlayingTitle {
padding-left: 4px;
padding-right: 4px;
display: none;
}
.playingtema {
max-width: 322px;
max-height: 15px;
float: left;
padding-right: 5px;
line-height: 20px;
}
.icon {
background-color: #1d1d1b;
}
body {
overflow-x: hidden;
overflow-y: scroll;
}
body#fizy_r {
margin-top: 70px;
}
.inline {
display: inline;
}
.clear {
clear: both;
display: block;
height: 0;
margin: 0;
padding: 0;
}
.dotted {
/*
border-bottom: 1px dotted #E9E9E9;
width: 612px;
*/
}
div#video .dotted {
}
h1 {
/*margin: 0;
font-family: "helvetica neue lt com";
src: local("helvetica neue lt com"), url("/assets/fonts/helvetica/HelveticaNeueLTCom-Lt.ttf") format("truetype");*/
}
.close, .none, .user {
display: none;
}
/******** search page ***********/
div#page, div#player {
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
position: relative;
}
div#page {
width: 350px;
}
#master_page{
height:0;
}
input[type=text]:focus, input[type=password]:focus {
outline: 0 none;
}
div#page .logo_title {
font-size: 88px;
font-weight: lighter;
letter-spacing: 2px;
text-align: right;
margin-bottom: 10px;
margin-top: 168px;
font-family: "century gothic bold";
}
.playlist_title {
padding: 12px;
background-color: #303030;
}
#content {
padding-top: 43px;
padding-bottom: 20px;
}
.negative {
background-color: white;
color: black;
}
div#page .search {
position: relative;
}
#profileSearchBox {
background-color: #0267ab;
color: #0096ff;
border: medium none;
height: 30px;
line-height: 30px;
margin: 0;
outline: 0 none;
padding: 0 10px;
width: 400px;
font-size: 12px;
}
div#page .searchSubmit {
background: none repeat scroll 0 0 transparent;
left: 316px;
position: absolute;
top: 12px;
}
div#page #below {
text-align: right;
margin-top: 80px;
}
.seperator {
margin-left: 10px;
margin-right: 10px;
}
#header, #header_user {
font-size: 12pt;
position: absolute;
top: 0;
right: 100px;
padding: 15px;
background-color: #444444;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
text-align: right;
color: white;
cursor: pointer;
}
.footerlink {
color: #b3b3b3;
z-index: -1;
}
div#page #motto {
text-align: right;
font-size: 17px;
margin-top: 3px;
margin-right: 1px;
color: #fff;
}
div#page .footerright {
float: right;
font-size: 12px;
margin-right: 1px;
margin-top: 10px;
}
div#page .footerright a:hover {
text-decoration: underline;
}
/******** END search page ***********/
/****result page ****/
#top {
background: none repeat scroll 0 0 #1D1D1B; /* #1D1D1B*/
height: 62px;
position: fixed;
top: 0;
z-index: 900;
width: 100%;
}
#top .logo {
cursor: pointer;
font-family: "century gothic bold";
letter-spacing: 1px;
font-weight: lighter;
font-size: 38px;
left: 20px;
position: absolute;
top: 12px;
width: 63px;
height: 39px;
background: url('/assets/images/fizy_sml.png') no-repeat;
}
#top .searchform {
left: 100px;
position: absolute;
top: 17px;
/*width: 460px;*/
z-index: 999;
}
#top .searchform form.search {
position: relative;
}
#top #q {
background-color: #3e3e3e;
border: none;
font-size: 19px;
height: 32px;
/*line-height: 37px;*/
margin: 0;
outline: 0 none;
width: 296px;
padding: 0 20px;
color: #fff;
}
.search_class {
}
.profile_class {
display: none;
background-color: black;
}
#top .searchform input.userProfile {
background-color: #000;
border: none;
font-size: 19px;
height: 37px;
line-height: 37px;
margin: 0;
outline: 0 none;
width: 300px;
padding: 0 20px;
}
.user_avatar {
height: 40px;
cursor: pointer;
}
#page .searchQuery {
width: 295px;
height: 32px;
font-size: 24px;
outline: 0;
margin: 0;
margin-bottom: 5px;
padding-top: 10px;
padding-left: 10px;
padding-right: 45px;
padding-bottom: 10px;
/*background-color:transparent;*/
background-color: white;
z-index: 1000;
background-image: url("/assets/images/main-ara-bg.jpg");
background-repeat: no-repeat;
border: 0px;
}
#bottom {
background-color: #fff;
}
#video {
background-color: #fff;
}
.pls a:hover span, .pls a.selected span {
position: absolute;
display: block;
width: 3px;
height: 3px;
line-height: 3px;
border: 3px solid #000;
background: #fff;
margin: -12px 0 0 -3px;
}
#top .searchform form.search input.searchSubmit {
background: url("/assets/tema/premium/images/arama_ara.png") no-repeat scroll 0 -2px transparent;
border: medium none;
cursor: pointer;
height: 32px;
position: absolute;
right: 0;
width: 34px;
left: 373px;
top: 0;
}
#top input.profileOff {
background: url("/assets/images/profile_off.png") transparent;
border: medium none;
cursor: pointer;
height: 37px;
left: 300px;
width: 37px;
position: absolute;
top: 0px;
}
#filter {
left: 245px;
position: absolute;
width: 105px;
top: 33px;
background-color: black;
z-index: 1234;
padding: 10px;
}
#selectfilter {
position: absolute;
cursor: pointer;
width: 34px;
height: 32px;
left: 336px;
top: 0;
background: url('/assets/images/select.png');
}
#top #menu {
position: absolute;
right: 10px;
top: 0px;
}
#landing_menu {
background-color: #2b2b2b;
height: 28px;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
}
#landing_menu #menu {
position: absolute;
right: 10px;
top: -1px;
}
body#fizy_r .menunav {
background-color: #2B2B2B;
border-bottom: 1px solid #494949;
border-top: 1px solid #494949;
color: #FFFFFF;
height: 28px;
position: absolute;
top: 62px;
width: 100%;
z-index: 120;
}
#landing_menu .menunav .pt10 {
padding-top: 4px;
}
body#fizy_r .menuwelcome {
right: 0;
position: absolute;
top: 19px;
width: 500px;
z-index: 901;
}
#welcomebox {
position: absolute;
right: 80px;
top: 0;
}
#small_avatar {
width: 25px;
height: 25px;
margin-top: 1px;
}
.menu-arrow {
background-image: url(/assets/images/arrow-white.png);
background-repeat: no-repeat;
background-position: right;
padding-left: 10px;
padding-top: 10px;
padding-right: 25px;
height: 30px;
display: block;
z-index: 9999;
}
.menu-arrow:hover {
background-color: #FFFFFF;
background-image: url(/assets/images/arrow-black.png);
background-repeat: no-repeat;
background-position: right;
padding-left: 10px;
padding-top: 10px;
padding-right: 25px;
height: 30px;
display: block;
z-index: 9999;
}
.menu-arrows {
background-image: url(/assets/images/arrow-whites.png);
background-repeat: no-repeat;
background-position: right top;
padding-left: 10px;
padding-top: 5px;
padding-right: 25px;
height: 25px;
display: block;
z-index: 9999;
}
.menu-arrows:hover {
background-color: #FFFFFF;
background-image: url(/assets/images/arrow-blacks.png);
background-repeat: no-repeat;
background-position: right top;
padding-left: 10px;
padding-top: 5px;
padding-right: 25px;
height: 25px;
display: block;
z-index: 9999;
}
.subnav {
position: absolute;
z-index: 120;
width: 100%;
height: 28px;
background-color: #2b2b2b;
color: #FFF;
margin-top: 59px;
border-bottom: 1px solid #494949;
border-top: 1px solid #494949;
}
#more {
position: absolute;
top: 0px;
margin-top: 33px;
left: 0px;
margin-left: 290px;
width: 150px;
background-color: #FFFFFF;
display: none;
border: 1px solid #5f5f5f;
border-top: 0px;
}
#mores {
position: absolute;
top: 0px;
margin-top: 34px;
left: 0px;
margin-left: 290px;
width: 150px;
background-color: #FFFFFF;
display: none;
border: 1px solid #5f5f5f;
border-top: 0px;
}
.submenu {
font-size: 13px;
background-color: #ffffff;
color: #000000;
padding-top: 5px;
padding-bottom: 5px;
z-index: 9999;
}
.submenu:hover {
font-size: 13px;
background-color: #7a7a7a;
color: #FFFFFF;
padding-top: 5px;
padding-bottom: 5px;
z-index: 9999;
}
.subns {
font-size: 13px;
background-color: #ffffff;
color: #000000;
padding-top: 5px;
padding-bottom: 5px;
z-index: 9999;
}
.submenus {
font-size: 13px;
background-color: #FFFFFF;
color: #000000;
padding-top: 5px;
padding-bottom: 5px;
z-index: 9999;
}
.submenus:hover {
font-size: 13px;
background-color: #272727;
color: #FFFFFF;
padding-top: 5px;
padding-bottom: 5px;
z-index: 9999;
}
.menu-border {
border-bottom: 1px solid #000;
}
.menu-borders {
border-bottom: 1px solid #000;
font-size: 13px;
background-color: #ffffff;
color: #000000;
padding-top: 5px;
padding-bottom: 5px;
cursor: pointer;
z-index: 9999;
}
.menu-borders:hover {
border-bottom: 1px solid #000;
font-size: 13px;
background-color: #272727;
color: #FFFFFF;
padding-top: 5px;
padding-bottom: 5px;
cursor: pointer;
z-index: 9999;
}
#user {
position: absolute;
left: -26px;
top: 28px;
width: 150px;
background-color: #FFFFFF;
display: none;
border: 1px solid #5f5f5f;
border-top: 0px;
z-index: 9999;
}
#users {
position: absolute;
margin-left: -35px;
margin-top: 2px;
width: 150px;
background-color: #FFFFFF;
display: none;
border: 1px solid #5f5f5f;
border-top: 0px;
z-index: 9999;
}
#welcometext {
color: #FFFFFF;
font-size: 15px;
display: block;
height: 25px;
background: url(../../../assets/images/arrows-white.png) right 2px no-repeat;
padding-right: 22px;
padding-top: 3px;
cursor: pointer;
}
#welcome_wrapper {
padding-top: 2px;
height: 30px;
position: relative;
}
a.newmenu:visited, a.newmenu:link, a.newmenu:active, .newmenu {
color: #fff;
font-size: 14px;
}
a.newmenu:hover {
color: #9b9b9b;
}
.cblack {
color: #000 !important;
}
.cwhite {
color: #fff !important;
}
#menu a, #menu a:visited, #menu a:link {
float: left;
padding: 9px;
}
.song {
color: #686869;
cursor: pointer;
outline: medium none;
text-decoration: none;
}
#menu span {
float: left;
font-weight: bold;
padding: 9px 0;
}
#menu a.world {
background: url("/assets/images/fizy_icons.png") no-repeat scroll 0 -1177px transparent;
height: 13px;
margin-top: 1px;
width: 41px;
}
#active_lang {
background-color: #666
}
#bottom #results {
margin-left: 30px;
margin-right: 410px;
}
#video #results {
margin-left: 30px;
margin-right: 410px;
}
#preload {
margin-left: -18px;
}
#result_ad {
margin-left: 102px;
cursor: pointer;
width: 500px
}
/* Bottom result */
#bottom #results .item {
border-top: 1px solid #D8D8D8;
font-size: 17px;
height: 35px;
line-height: 35px;
padding: 0 0 0 20px;
padding-right: 20px;
position: relative;
float: left;
clear: both;
white-space: nowrap;
}
#bottom #results .indexSpecial{
background: #F2F7F8;
}
#bottom #results .fizy_mix_details {
position: absolute;
top: 0px;
left: 0px;
border-top: 1px solid #D8D8D8;
font-size: 17px;
line-height: 30px;
padding: 0 0 0 20px;
position: relative;
display: none;
}
.button {
font-family: Helvetica, Arial, sans-serif;
color: #000;
text-decoration: none;
font-weight: bold;
max-width: 230px;
padding: 4px 10px;
height: 29px;
background-image: url(/assets/freemium/images/button-left1.png), url(/assets/freemium/images/button-right1.png);
background-position: left bottom, right bottom;
background-repeat: no-repeat;
display: block;
cursor: pointer;
}
.button:hover {
background-image: url(/assets/freemium/images/button-left2.png), url(/assets/freemium/images/button-right2.png);
}
.buttoon {
font-family: Helvetica, Arial, sans-serif;
color: #FFF;
text-decoration: none;
font-weight: bold;
max-width: 230px;
padding: 4px 10px;
height: 29px;
background-image: url(/assets/freemium/images/buttoon-left1.png), url(/assets/freemium/images/buttoon-right1.png);
background-position: left bottom, right bottom;
background-repeat: no-repeat;
display: block;
cursor: pointer;
}
.buttoon:hover {
background-image: url(/assets/freemium/images/buttoon-left2.png), url(/assets/freemium/images/buttoon-right2.png);
}
#result_part #bottom #results .fm_cover_title {
position: absolute;
width: 130px;
top: 10px;
left: 0px;
z-index: 10;
padding: 5px 10px;
font-size: 16pt;
color: white;
background: url('/assets/images/overlay_less.png');
}
#result_part #bottom #results .fm_cover_vol {
display: inline;
font-size: 24pt;
color: white;
}
.fm_cover {
position: absolute;
top: 10px;
left: 0px;
margin-bottom: 10px;
height: 150px;
}
.fm_info {
margin-left: 170px;
margin-top: 5px;
color: #999;
float:left;
}
.fm_arrow_down {
position: absolute;
right: 10px;
top: 17px;
}
.fm_arrow_up {
position: absolute;
right: 10px;
top: 16px;
}
.fm_actions {
position: absolute;
left: 170px;
top: 110px;
width: 320px;
height: 50px;
}
.fm_actions a {
/* margin-right: 10px; */
}
#result_part #bottom #results .fm_play {
font-size: 14px;
line-height: 33px;
position: absolute;
top: 0px;
left: 0px;
width: 110px;
text-align: center;
}
#result_part #bottom #results .fm_be_premium {
font-size: 14px;
line-height: 33px;
position: absolute;
top: 0px;
right: 0px;
width: 150px;
text-align: center;
}
#result_part #bottom #results .expanded_fm_details {
height: 210px;
}
#bottom #results img {
border: 0px;
}
.fm_badge_container {
position: relative;
}
.fm_badge {
margin-left: 10px;
vertical-align: middle;
}
#bottom #results .item:hover {
background: none repeat scroll 0 0 #f2f2f2;
}
#bottom #results .active {
background: none repeat scroll 0 0 #e5e5e5;
}
#bottom #results .item span {
color: #949494;
}
#bottom #results .item .add, #bottom #results .item .like {
background-image: url("/assets/images/fizy_icons.png");
background-repeat: no-repeat;
height: 18px;
left: -18px;
position: absolute;
width: 18px;
}
#bottom #results .item .type_audio, #bottom #results .item .type_video {
background-image: url("/assets/images/fizy_icons.png");
background-repeat: no-repeat;
height: 18px;
left: 0px;
position: absolute;
width: 18px;
}
#bottom #results .item .add {
top: -1px;
background-position: -50px -1040px;
}
#bottom #results .item .type_audio {
top: -1px;
background-position: -48px -1108px;
}
#bottom #results .item .type_video {
top: -1px;
background-position: -64px -1108px;
}
/* Bottom result */
/* Video result */
#video #results .item {
width: 170px;
min-height: 250px;
float: left;
padding: 0px;
font-size: 13px;
/*border:1px solid #000;
/*white-space: nowrap;*/
/*line-height:35px;*/
}
.video-title {
width: 150px;
color: #000;
font-weight: bold;
}
.video-text {
width: 150px;
color: #000;
}
.video-sep {
float: left;
width: 12px;
height: 280px;
}
.video-like {
background: url("/assets/tema/premium/images/like.png") no-repeat;
width: 64px;
height: 26px;
cursor: pointer;
margin-left: 5px;
}
.video-share {
background-color: #000000;
padding: 3px;
width: 164px;
text-align: right;
margin-top: 225px;
position: absolute;
}
.video-text .song {
color: #000;
}
.video-text .song .time span {
color: #000;
font-weight: bold;
}
/*.like{ cursor:pointer; width:64px; height:26px;}*/
#video #results .item:hover {
background: none repeat scroll 0 0 #f2f2f2;
}
#video #results .active {
background: none repeat scroll 0 0 #e5e5e5;
}
#video #results .item span {
color: #949494;
}
#video #results .item .add, #video #results .item .like {
background-image: url("/assets/images/fizy_icons.png");
background-repeat: no-repeat;
height: 18px;
left: -18px;
position: absolute;
width: 18px;
}
#video #results .item .type_audio, #video #results .item .type_video {
background-image: url("/assets/images/fizy_icons.png");
background-repeat: no-repeat;
height: 18px;
left: 0px;
position: absolute;
width: 18px;
}
#video #results .item .add {
top: -1px;
background-position: -50px -1040px;
}
#video #results .item .type_audio {
top: -1px;
background-position: -48px -1108px;
}
#video #results .item .type_video {
top: -1px;
background-position: -64px -1108px;
}
#video #results .active .add, #video #results .item:hover .add {
background-position: -50px -1070px;
}
#video #results .active .like, #video #results .item:hover .like {
display: block;
}
#video #results .item .song {
width: 170px;
/*
display: block;
overflow: hidden;
*/
}
/* Video result */
#nowplaying span {
color: #8e8e8e;
}
#lng_world {
margin: 30px auto;
height: 150px;
width: 440px;
background: url("/assets/images/world.png") no-repeat scroll 0 0 transparent;
}
.pls_toggle {
background: url("/assets/images/fizy_icons.png") no-repeat scroll -20px -1096px transparent !important;
width: 30px !important;
margin-right: 4px;
}
.music {
display: none
}
.music1 {
background: url('/assets/images/music.png') no-repeat scroll 0 0px;
cursor: pointer;
width: 39px;
height: 39px;
display: inline-block
}
.music2 {
background: url('/assets/images/music.png') no-repeat scroll -39 0px;
cursor: pointer;
width: 39px;
height: 39px;
display: inline-block
}
.music3 {
background: url('/assets/images/music.png') no-repeat scroll -78 0px;
cursor: pointer;
width: 39px;
height: 39px;
display: inline-block
}
.music4 {
background: url('/assets/images/music.png') no-repeat scroll -102 0px;
cursor: pointer;
width: 39px;
height: 39px;
display: inline-block
}
.music5 {
background: url('/assets/images/music.png') no-repeat scroll -141 0px;
cursor: pointer;
width: 39px;
height: 39px;
display: inline-block
}
.avatar {
width: 100px;
height: 100px;
background-size: 100%;
background-repeat: no-repeat;
}
.selectavatar {
width: 60px;
height: 60px;
background-size: 100%;
background-repeat: no-repeat;
display: inline-block;
cursor: pointer;
}
.avatar0 {
background-image: url("/assets/images/avatar/invert/Avatars00.png");
}
.avatar1 {
background-image: url("/assets/images/avatar/invert/Avatars01.png");
}
.avatar2 {
background-image: url("/assets/images/avatar/invert/Avatars02.png");
}
.avatar3 {
background-image: url("/assets/images/avatar/invert/Avatars03.png");
}
.avatar4 {
background-image: url("/assets/images/avatar/invert/Avatars04.png");
}
.avatar5 {
background-image: url("/assets/images/avatar/invert/Avatars05.png");
}
.avatar6 {
background-image: url("/assets/images/avatar/invert/Avatars06.png");
}
.avatar7 {
background-image: url("/assets/images/avatar/invert/Avatars07.png");
}
.avatar8 {
background-image: url("/assets/images/avatar/invert/Avatars08.png");
}
.avatar9 {
background-image: url("/assets/images/avatar/invert/Avatars09.png");
}
._avatar0 {
background-image: url("/assets/images/avatar/invert/_Avatars00.png");
}
._avatar1 {
background-image: url("/assets/images/avatar/invert/_Avatars01.png");
}
._avatar2 {
background-image: url("/assets/images/avatar/invert/_Avatars02.png");
}
._avatar3 {
background-image: url("/assets/images/avatar/invert/_Avatars03.png");
}
._avatar4 {
background-image: url("/assets/images/avatar/invert/_Avatars04.png");
}
._avatar5 {
background-image: url("/assets/images/avatar/invert/_Avatars05.png");
}
._avatar6 {
background-image: url("/assets/images/avatar/invert/_Avatars06.png");
}
._avatar7 {
background-image: url("/assets/images/avatar/invert/_Avatars07.png");
}
._avatar8 {
background-image: url("/assets/images/avatar/invert/_Avatars08.png");
}
._avatar9 {
background-image: url("/assets/images/avatar/invert/_Avatars09.png");
}
.avatar25x25_0 {
background-image: url("/assets/images/avatar/25x25/Avatars00.png");
}
.avatar25x25_1 {
background-image: url("/assets/images/avatar/25x25/Avatars01.png");
}
.avatar25x25_2 {
background-image: url("/assets/images/avatar/25x25/Avatars02.png");
}
.avatar25x25_3 {
background-image: url("/assets/images/avatar/25x25/Avatars03.png");
}
.avatar25x25_4 {
background-image: url("/assets/images/avatar/25x25/Avatars04.png");
}
.avatar25x25_5 {
background-image: url("/assets/images/avatar/25x25/Avatars05.png");
}
.avatar25x25_6 {
background-image: url("/assets/images/avatar/25x25/Avatars06.png");
}
.avatar25x25_7 {
background-image: url("/assets/images/avatar/25x25/Avatars07.png");
}
.avatar25x25_8 {
background-image: url("/assets/images/avatar/25x25/Avatars08.png");
}
.avatar25x25_9 {
background-image: url("/assets/images/avatar/25x25/Avatars09.png");
}
.hidden_image {
position: absolute;
left: -10px;
height: -10px
}
.profile_class .lists_info {
background-color: #000
}
.info_avatar {
display: inline-block;
width: 70px;
height: 70px;
background-size: 100%;
background-repeat: no-repeat;
float: left
}
.info_detail {
display: inline-block;
width: 212px;
height: 70px;
margin-left: 3px
}
.info_username {
margin-top: 6px;
margin-bottom: 6px;
font-size: 12px
}
.info_motto {
color: #686868;
font-size: 10px
}
.like {
background-image: url("/assets/images/fizy_icons.png");
background-repeat: no-repeat;
top: 18px;
background-position: -25px -1040px;
width: 22px;
height: 17px;
display: inline-block;
cursor: pointer;
}
.np_border {
border-left: 1px solid #3c3c3c;
display: inline;
width: 22px;
zoom: 1;
}
.np_add {
background-image: url("/assets/tema/premium/images/sub-add.png");
background-repeat: no-repeat;
background-position: bottom;
width: 23px;
height: 14px;
display: inline-block;
cursor: pointer;
}
#bottom #results .active .add, #bottom #results .item:hover .add {
background-position: -50px -1070px;
}
#bottom #results .active .like, #bottom #results .item:hover .like {
display: block;
}
#bottom #results .item .song {
display: block;
height: 47px;
overflow: hidden;
}
#right_area #lists {
background: none repeat scroll 0 0 #00337f;
height: 100%;
width: 400px;
position: relative;
font-size: 14px;
color: #fff;
line-height: 20px;
}
#right_area #lists a, #bottom #right_area #lists a:visited, #bottom #right_area #lists a:link {
color: #fff;
}
#right_area {
position: fixed;
bottom: 45px;
/*height:563px;*/
z-index: 899;
}
#right_area #lists .lists_info {
}
.baloon {
position: absolute;
z-index: 5600;
display: none;
}
#right_area #lists .lists_info .controls {
position: absolute;
right: 6px;
top: 4px;
cursor: pointer;
}
#right_area #lists .lists_info .controls span, #right_area #lists .lists_info .controls a {
background: url("/assets/images/fizy_icons.png") no-repeat scroll -20px -1110px transparent;
display: block;
float: left;
height: 24px;
width: 24px;
}
#right_area #lists .lists_info .controls .add {
background: url("/assets/images/fizy_icons.png") no-repeat scroll 0 -1096px transparent;
width: 20px;
}
#profile_pls li {
position: relative;
margin: 1px 1px 0 0;
/*width: 279px;*/
width: 393px;
}
#profile_pls li .pl {
display: block;
height: 20px;
overflow: hidden;
padding-left: 9px;
width: 336px;
}
#profile_pls li .selectedPlaylist {
color: #808080 !important;
}
#profile_pls li:HOVER span.pl {
color: #808080;
cursor: pointer;
}
#leftad {
position: absolute;
top: 390px;
cursor: pointer;
}
#profile_pls {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
height: 200px;
margin-left: 1px;
margin-top: 10px;
}
#list_searchbox {
/*background-color: #0267ab;*/
background: url("/assets/tema/premium/images/list-buyutec.png") no-repeat;
background-position: left;
background-color: #001c64;
color: #0096ff;
width: 100%;
/*color: #0096ff;*/
border: medium none;
height: 28px;
/*line-height: 30px;*/
margin: 0;
outline: 0 none;
padding-left: 25px;
font-size: 12px;
}
#lists ul {
margin-top: 10px;
margin-left: 1px;
overflow: auto;
width: 100%;
}
.jspContainer {
height: 214px;
}
#lists ul li {
position: relative;
margin: 1px 1px 0 0;
width: 393px;
}
#lists ul.jspScrollable li {
width: 379px;
}
#lists ul li span {
cursor: pointer;
}
#lists ul li span.pl {
display: block;
height: 20px;
overflow: hidden;
padding-left: 9px;
width: 336px;
}
#lists ul li span.plAd {
display: block;
height: 20px;
overflow: hidden;
padding-left: 9px;
width: 336px;
}
#lists ul.jspScrollable li span.pl {
width: 322px;
}
#lists ul li.psong span.pl {
width: 360px;
}
#lists ul.jspScrollable li.psong span.pl {
width: 346px;
}
#lists ul li span.controls {
position: absolute;
right: 0;
display: none;
top: 0;
}
#lists ul li span.controls span {
background: url("/assets/images/fizy_new_icons.png") no-repeat scroll 0 0 transparent;
display: block;
float: left;
height: 20px;
width: 20px;
background-position: 0 -36px;
}
#lists ul li span.controls span.fcontrol {
margin-right: 4px;
background-position: 0 -305px;
}
#lists li.active span.pl, #lists li:hover span.pl, #lists li.active span.pl, #lists li:hover span.pl {
color: #808080;
}
.activepl {
color: #808080;
}
#bottom #right_area #lists ul li.active span.controls, #right_area #lists ul li:hover span.controls, #right_area #lists ul li.active span.controls, #right_area #lists ul li:hover span.controls {
display: inline;
}
.playingSongOnPL {
color: #808080;
}
/******** END result page ***********/
/****recaptcha*****/
#recaptcha_image {
border: none;
padding: 2px 2px 0;
width: 300px !important;
margin: 10px 3px 0 0;
float: left;
}
#recaptcha_image img {
width: 300px !important;
height: 57px !important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin-top: -10px;
}
#recaptcha_controls {
background: none repeat scroll 0 0 #000;
float: left;
height: 42px;
margin: 12px 0 0;
padding: 0 0 0;
width: 53px;
cursor: pointer;
}
a.alink {
background-color: #fff;
color: #000;
padding: 4px;
margin: 0px 0 0 0px;
}
a.alink:hover {
background-color: #000;
color: #fff;
}
a.aselected {
background-color: gray;
padding: 10px;
margin: 0px 0 0 0px;
}
.hide_item {
width: 1px;
height: 1px;
}
.show_item {
width: 300px;
}
.show_player {
height: 185px;
}
/* checkbox-login */
.label_check input {
margin-right: 5px
}
.has-js .label_check {
padding-left: 30px
}
.has-js .label_check {
background: url(/assets/images/checkbox.png) 0 0 no-repeat
}
.has-js label.c_on {
background-position: 0 -24px
}
.has-js .label_check input {
position: absolute;
left: -9999px
}
/* checkbox-filter */
.label_radio input {
margin-right: 5px;
cursor: hand;
cursor: pointer
}
.label_radio {
padding-left: 19px;
font-size: 12px;
height: 13px;
background: url(/assets/images/checkbox_filter.png) 0 0 no-repeat;
color: #686868;
cursor: hand;
cursor: pointer
}
label.flt_c_on {
background-position: 0 -18px;
color: #fff;
cursor: hand;
cursor: pointer
}
.label_radio input {
position: absolute;
left: -9999px;
cursor: hand;
cursor: pointer
}
.lbl {
display: inline-block;
margin-top: 3px;
cursor: hand;
cursor: pointer
}
.filter_label {
font-size: 11px;
padding: 5px 0px 0px 10px
}
/* balloon */
.bl_left {
background: url(/assets/images/bl_left.png) 0 0 no-repeat;
height: 26px;
width: 9px;
float: left;
}
.bl_middle {
background: url(/assets/images/bl_middle.png);
height: 21px;
padding-left: 5px;
padding-right: 5px;
color: white;
padding-top: 5px;
float: left;
}
.bl_right {
background: url(/assets/images/bl_right.png) 0 0 no-repeat;
height: 26px;
width: 5px;
float: left
}
.rc_button {
background: none repeat scroll 0 0 #686868;
border-color: transparent;
color: #FFFFFF;
width: 100px;
margin: 0;
padding: 2px;
cursor: pointer;
height: 35px;
border-radius: 4px 4px 4px 4px;
}
.addtoplstt {
cursor: hand;
cursor: pointer
}
#oldPls {
font-size: 14px;
padding-top: 35px;
}
#oldPls li {
list-style: none;
line-height: 17px;
}
#result_divider {
height: 35px;
}
#result_divider.anma_exist{
height: 120px;
}
#anma {
position: fixed;
cursor: hand;
cursor: pointer;
width: 58px;
height: 58px;
z-index: 1243;
top: 2px;
left: 617px;
margin-left: 9px;
}
#anma_artist0{
display:block;
}
.anma_only_text{
}
.anma_text_wrapper{
height: 42px;
overflow: hidden;
position: relative;
}
.anma_main {
/*background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0px 1px 9px #777;
padding-left: 30px;
padding-top: 17px;
height: 75px;
*/
background:url("/assets/tema/premium/images/30ag.jpg") no-repeat scroll 0 0 #3E66A3;
color: #000000;
height: 88px;
position: fixed;
top: 92px;
width: 100%;
z-index: 102;
cursor: pointer;
}
.anma_menu {
position: absolute;
top: 65px;
left: 545px;
z-index: 10;
}
.anma_left {
display: block;
width: 20px;
height: 24px;
background: url('/assets/tema/premium/images/anma_artist_prev.png') no-repeat;
}
.anma_right {
display: block;
width: 20px;
height: 24px;
background: url('/assets/tema/premium/images/anma_artist_next.png') no-repeat;
}
.anma_text {
width: 480px;
font-family: Helvetica;
font-weight: bold;
font-size: 11px;
color: #000;
line-height: 14px;
text-align: justify;
}
.anma_button {
display: block;
width: 114px;
display:none;
height: 24px;
background: url('/assets/tema/premium/images/anma_artist_ara.png') no-repeat;
}
#anma_artist .anma_kapat {
background-position: 0 -40px;
width: 12px;
height: 12px;
display: block;
cursor: pointer;
position: absolute;
left:13px;
top:9px;
/*left: 605px;
top: 19px;*/
}
#go_artist{
cursor: pointer;
}
#therightad{
position: fixed;
right: 0;
top: 93px;
display: none;
}
.subfooter {
background-color: #141414;
color: #FFF;
position: fixed;
bottom: 0px;
width: 100%;
height: 47px;
z-index: 899;
}
.subfooter-pm {
height: 100%;
margin-right: 400px;
overflow: hidden;
padding-left: 210px;
padding-right: 227px;
padding-top: 3px;
position: relative;
}
#left-control {
left: 30px;
position: absolute;
top: 19px;
width: 170px;
}
#right-control {
position: absolute;
right: 0;
top: 17px;
width: 212px;
}
.fz-controls {
outline: none;
}
.fz-controls ul, #right_area #lists ul {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
}
.fz-controls #slider-vertical, .fz-controls #slider-background {
border: medium none;
border-radius: 0 0 0 0;
cursor: pointer;
height: 5px;
margin-top: 5px;
width: 64px;
background: none repeat scroll 0 0 #333333;
}
.fz-controls #slider-background {
z-index: 1;
}
.icons {
background: url("/assets/images/fizy_new_icons.png") no-repeat scroll 0 0 transparent;
border: 0px;
outline: 0;
display: block;
width: 30px;
}
.fz-prev {
background-position: 0 -170px;
height: 15px;
width: 20px;
}
.fz-play {
background-position: 0 -190px;
height: 20px;
margin-top: -2px;
}
.fz-pause {
background-position: -60px -190px;
height: 20px;
width: 20px;
margin-right: 10px;
}
.fz-next {
background-position: 0 -150px;
height: 15px;
width: 20px;
}
.fz-repeat_ {
height: 20px;
}
.fz-repeatall {
background-position: 0 -130px;
}
.fz-repeat {
display:none;
background-position: -60px -130px;
}
.fz-shuffle {
display:none;
background-position: -30px -130px;
}
.fz-volume {
height: 17px;
margin-right: 5px;
}
.fz-controls ul li a.fz-mute {
background-position: 0 -260px;
display: none;
}
.fz-controls ul li a.fz-unmute {
background-position: 0 -240px;
}
.fz-controls {
position: relative;
}
.time_text {
font-size: 11px;
}
#total-time {
margin-right: 40px;
margin-top:2px;
}
.fz-rpt {
margin-right: 10px;
}
.fz-prevdiv {
margin: 0 20px 0 0;
}
.play-pause {
margin: -2px 0 0 0;
}
.bfr-time {
margin: 0 45px 0 0;
}
#sound-wrapper {
width: 100px;
}
#sagmenu {
float: right;
right: 0px;
z-index: 899;
margin-top: 59px;
position: absolute;
width: 420px;
}
.sag-pm {
width: 400px;
margin-left: 20px;
}
#sub-video {
bottom: -5px;
position: relative;
margin-left: 20px;
min-height: 255px;
}
.sponsor-area {
height: 31px;
background-color: #00337f;
}
#buttonupdown{
width: 19px;
height: 32px;
cursor:pointer;
}
.buttonup{
background-position: 0 -480px;
}
.buttondown{
background-position: -20px -480px;
}
.sponsor-logo {
background: url('/assets/tema/premium/images/sponsor.png') no-repeat;
width: 270px;
height: 31px;
cursor: pointer;
}
.addpm {
padding-top: 7px;
}
.addtext {
color: #FFF;
font-size: 13px;
}
.back-text {
font-size: 13px;
color: #FFF;
}
/*
.ui-widget-header
{
border: none;
background:url("/assets/tema/premium/images/ses-bgg.png") no-repeat right !important;
}*/
.ui-autocomplete {
position: fixed !important;
}
#disableback {
position: fixed;
z-index: 30000;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
display: inline;
}
/* AUTOCOMPLETE */
.ui-autocomplete {
background: #000000 !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-bottom-right-radius: 3px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
border-bottom-left-radius: 3px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-top-right-radius: 3px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
border-top-left-radius: 3px !important;
}
.dn {
display: none;
}
.cp {
cursor: pointer;
}
/* progresbar */
/* #progressbar { width: 100%; height: 12px; background-color: #60605F; position:fixed; z-index:500; cursor: pointer; margin-top:3px;} */
#progressbar-wrapper {
width: 100%;
padding-top: 19px;
position:relative;
cursor:pointer;
}
#progressbar {
height: 5px;
cursor: pointer;
background: #333;
position: relative;
}
#progressbar-loaded{
position:absolute;
top:19px;
height: 5px;
background: #555555;
}
#slider-vertical .ui-slider-horizontal .ui-slider-handle {
top:-4px;
}
#progress_played {
/*background: url("/assets/images/fizy_new_icons.png") no-repeat scroll -30px -220px transparent, repeat scroll 0 0 #fff;*/
background: url("/assets/tema/premium/images/progress_played.png") no-repeat scroll right center, url("/assets/tema/premium/images/progress_playeds.png") repeat-x scroll 0 0 transparent;
display: inline-block;
height: 5px;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 0;
z-index: 2;
}
#progress_loaded {
height: 5px;
width: 0px;
display: inline-block;
padding: 0;
margin: 0;
background: #555555;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
/* FIZY VIDEO POOL */
/* Video Promo Box - Start */
#video-promo-box { position: relative; min-width: 500px; margin-right: 44px; }
/* Video Promo Box Controls */
#vp-controls { width: 100%; display: table; border-bottom: 1px dotted #666; color: black; font-size: 1.1em; margin-bottom: 30px; padding-bottom: 10px; font-weight: bold; }
.vpc-button { float: left; background-color: black; padding: 5px 10px; color: #f0f0f0; margin: 5px;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.vpc-right { float: right }
/* Video Promo Box Content and Items */
#vp-content { display: table; color: black; }
.vp-item { cursor: pointer; width: 240px; background-color: #e9e9e9; margin: 10px 5px; float: left;}
.vpi-thumb { position: relative; background-color: black; height: 170px; overflow: hidden; display: block; }
.vpi-thumb img { height: 300px; position: absolute; top: -60px; left: -60px;}
.vpi-length { position: absolute; min-width: 30px; bottom: 0px; right: 0px; padding: 2px; background-color: #222; text-align: center; color: #f0f0f0; }
.vpi-title { margin: 7px; height: 19px; font-weight: normal; font-size: 1.2em; overflow: hidden; }
.vpi-performer { margin: 7px; height: 19px; font-weight: bold; font-size: 1.2em; overflow: hidden; }
.vpi-views { margin: 7px; color: #666 }
.video-banner-container { position: absolute; top: 90px; height: 527px; background: url('/assets/images/bg_video.png'); width: 100%; text-align: center; }
.video-container { margin-bottom: 20px; text-align: center; }
#_vidyodaPlayer{ margin: 0 auto; }
/* Video Promo Box - End */
/* Video Gallery - Start */
.gallery-container {
min-width: 500px; min-height: 200px; margin: 20px 0px 0px 0px;
background-color: purple;
clear: both;
display: table;
z-index: -1000;
}
.gallery-title {
font-size: 1.5em;
padding: 7px 10px;
background-color: #111111;
}
/* Video result */
.gallery-container .g-item {
width: 190px;
height: 300px !important;
float: left;
padding: 0px !important;
font-size: 13px;
margin: 10px;
/*border:1px solid #000;
/*white-space: nowrap;*/
/*line-height:35px;*/
}
.gallery-container .g-item:hover { background: none repeat scroll 0 0 #f2f2f2; }
.gallery-container .g-item .gi-thumb img {width: 100%;}
.gallery-container .g-item .gi-title { }
.gallery-container .g-item .gi-views {}
.gallery-container .g-item .gi-length {}
/*
.video-title { width:150px; color:#000; font-weight:bold; }
.video-text { width:150px; color:#000; }
.video-like { background:url("assets/tema/premium/images/like.png") no-repeat; width:64px; height: 26px; cursor:pointer; margin-left:5px;}
.video-share { background-color:#000000; padding:3px; width:164px; text-align:right; margin-top:225px; position:absolute; }
*/
/* Video result end */
/* -------------------------------- padding & margin -------------- */
.l {
float: left
}
.r {
float: right
}
.c {
clear: both
}
.p5 {
padding: 5px;
}
.p10 {
padding: 10px;
}
.p15 {
padding: 15px;
}
.p20 {
padding: 20px;
}
.pl5 {
padding-left: 5px;
}
.pl10 {
padding-left: 10px;
}
.pl15 {
padding-left: 15px;
}
.pl20 {
padding-left: 20px;
}
.pr5 {
padding-right: 5px;
}
.pr10 {
padding-right: 10px;
}
.pr15 {
padding-right: 15px;
}
.pr20 {
padding-right: 20px;
}
.pb5 {
padding-bottom: 5px;
}
.pb10 {
padding-bottom: 10px;
}
.pb15 {
padding-bottom: 15px;
}
.pb20 {
padding-bottom: 20px;
}
.pt5 {
padding-top: 5px;
}
.pt10 {
padding-top: 10px;
}
.pt15 {
padding-top: 15px;
}
.pt20 {
padding-top: 20px;
}
.sepmenu{padding: 0 3px 0 7px;}
.m5 {
margin: 5px;
}
.m10 {
margin: 10px;
}
.m15 {
margin: 15px;
}
.m20 {
margin: 20px;
}
.ml5 {
margin-left: 5px;
}
.ml10 {
margin-left: 10px;
}
.ml15 {
margin-left: 15px;
}
.ml20 {
margin-left: 20px;
}
.mr5 {
margin-right: 5px;
}
.mr10 {
margin-right: 10px;
}
.mr15 {
margin-right: 15px;
}
.mr20 {
margin-right: 20px;
}
.mb5 {
margin-bottom: 5px;
}
.mb10 {
margin-bottom: 10px;
}
.mb15 {
margin-bottom: 15px;
}
.mb20 {
margin-bottom: 20px;
}
.mt5 {
margin-top: 5px;
}
.mt10 {
margin-top: 10px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
/* -------------------------------- padding & margin -------------- *