Файл: templates/mobile/style/style.css
Строк: 548
html, body, input, textarea,
select{
margin:0px;
padding:0px;
background:#C2CEE2;
font-family:Lucida
Grande,verdana,tahoma,arial,sans-serif,Lucida
Sans;
font-size:14px;
color:#787878
}
a{
text-decoration:none;
color:#4C6B98;
margin:0px;
padding:0px
}
a:hover{
text-decoration:underline;
outline:none
}
img{
border:0px
}
ul,
p{
padding:0px;
margin:0px
}
blockquote{
padding:10px;
background:#f5f5f5;
border-left:10px
solid
#4274a4;
color:#778394;
margin:0px
}
.main{
background:#2B3649;border-top:
1px solid #3C4657;border-bottom: 1px solid
#1C2634;padding:10px
}
.head{
background:url("../images/head.png")
repeat-x;
height:48px
}
.udins{
background:url("../images/logo.png")
no-repeat;
display:block; margin:0
auto;
width:140px;
height:36px
}
.udins2{
background:url("../images/logo2.png")
no-repeat;
float:
left;
width:50px;
height:48px
}
.clr{
clear:both
}
.bar{
background:#2B3649;
color:#ddd;
padding:10px
}
.pageBg{
background:#C2CEE2;
border-top:1px
solid #1C2634;
}
.inp{
border:1px solid
#B9C4D1;
padding:3px;
background:#fff;
width:99%;
color:#000
}
.logB{
margin-bottom:5px
}
.button{
background:#0064AE;
color:#fff;
border:1px
solid #143555;
font-weight:bold;
font-size:13px;
padding:5px 12px 5px
12px;
cursor:pointer
}
.foot{
font-weight:bold;
background:#2B3649;
text-align:left;
line-height:20px;
font-size:12px;
padding-top:2px;
}
.foot
a{
color:#C2CDDC
}
.icFriends, .icPhotos, .icMsg, .icNews, .icGroups,
.icFave, .icSe, .icSupp, .icMon, .ic_Videos, .ic_Music, .ic_Settings,
.ic_Logout, .ic_Pc {
background:url("../images/transp.png")
no-repeat 0px
-126px;
width:32px;
height:26px;
float:left;
}
.ic_Videos{
background:url("../images/transp.png")
no-repeat 0px
-167px;
width:32px;
}
.ic_Music{
background:url("../images/transp.png")
no-repeat 0px
-209px;
width:32px;
}
.ic_Settings{
background:url("../images/transp.png")
no-repeat 0px
-407px;
width:32px;
}
.ic_Logout{
background:url("../images/transp.png")
no-repeat 0px
-575px;
width:32px;
}
.ic_Pc{
background:url("../images/transp.png")
no-repeat 0px
-532px;
width:32px;
}
.icPhotos{
background:url("../images/transp.png")
no-repeat 0px
-84px;
width:32px;
}
.icMsg{
background:url("../images/transp.png")
no-repeat 0px
-42px;
width:32px;
}
.icNews{
background:url("../images/transp.png")
no-repeat 0px
0px;
width:32px;
}
.icGroups{
background:url("../images/transp.png")
no-repeat 0px
-251px;
width:32px;
}
.icFave{
background:url("../images/transp.png")
no-repeat 0px
-292px;
width:32px;
}
.icSe{
background:url("../images/transp.png")
no-repeat 0px
-337px;
width:32px;
}
.icSupp{
background:url("../images/transp.png")
no-repeat 0px
-448px;
width:32px;
}
.icMon{
background:url("../images/transp.png")
no-repeat 0px
-489px;
width:32px;
}
.oneBic{
font-weight:bold;
font-size:11px;
font-family:Arial;
color:#999;
float:left;
width:52px;
text-align:center;
margin-right:12px;
margin-bottom:7px;
line-height:17px
}
.prTab{
margin:auto;
font-weight:bold
}
.onfr,
.onfr2{
background:#fff;
margin:0px 10px 10px
10px;
padding:10px;
font-size:12px;
line-height:17px;
box-shadow:
0px 2px 8px 1px #9BA5B4;
-moz-box-shadow: 0px 2px 8px 1px
#9BA5B4;
-webkit-box-shadow: 0px 2px 8px 1px #9BA5B4
}
.onfr
img{
margin-right:7px
}
.onfr2
img{
margin-right:7px
}
.tmenuf{
height:20px;
padding:10px;
}
.tmenuf
a{
background:#fff;
padding:5px 10px 5px
10px;
margin-top:-5px
}
.tmenuf div
a{
background:#0054A0;
color:#fff
}
.tmenuf
a{
float:left;
padding-right:10px;
font-size:12px
}
.tmenuf
a:hover{
text-decoration:none
}
.tmenuf2{
height:20px;
padding:10px
}
.tmenuf2
a{
background:#fff;
padding:5px 10px 5px
10px;
margin-top:-5px
}
.activetab a, .buttonsprofileSec
a{
background:#0054A0;
color:#fff
}
.tmenuf2
a{
float:left;
padding-right:10px;
font-size:12px
}
.tmenuf2
a:hover{
text-decoration:none
}
.nav{
padding-top:10px
}
.nav
a{
padding:3px 5px 3px 5px
}
.nav
span{
background:#eee;
padding:3px 5px 3px
5px;
color:#222
}
.info_center{
background:#fff;
margin:10px 10px
10px 10px;
padding:10px;
box-shadow: 0px 2px 8px 1px
#9BA5B4;
-moz-box-shadow: 0px 2px 8px 1px #9BA5B4;
-webkit-box-shadow:
0px 2px 8px 1px #9BA5B4;
text-align:center
}
.onfr
a{
font-size:11px
}
.infobl{
background:#F6F7F9;
border:1px solid
#3E3E3E;
color:#000;
padding:7px;
margin-bottom:10px;
display:none;
font-size:12px
}
.profbloctitl{
background:#374356;
border-bottom:
1px solid #1C2634;
color:#C2CDDC;
padding:5px
10px;
font-weight:700;
font-size:12px;
}
.profbloctitl
span{
color:#a6bdd4
}
.profile_albums{
height:70px;
margin-top:7px;
margin-left:-5px;
font-size:11px;
color:#aaa;
line-height:17px
}
.profile_albums
img{
width:100px;
float:left;
margin-right:7px;
height:71px
}
.profile_title_album{
font-size:12px;
font-weight:bold;
color:#fff
}
.profii
a, .profii2
a{
display:block;
padding:13px;
font-weight:bold;
font-size:12px;
padding-left:12px;
color:#3e71a3;
border-bottom:1px
solid #EFEFEF;
}
.profii a span{
color:#95b1cc
}
.profii a:hover,
.profii2
a:hover{
text-decoration:none;
background:#354053
}
.wallformbg{
background:#fff;
box-shadow:
0px 2px 8px 1px #9BA5B4;
-moz-box-shadow: 0px 2px 8px 1px
#9BA5B4;
-webkit-box-shadow: 0px 2px 8px 1px #9BA5B4;
margin:0px 10px
10px 10px;
padding:10px;
}
.wallformbg
textarea{
height:50px;
margin-bottom:10px;
width:99%
}
.onewallrec{
background:#fff;
box-shadow:
0px 2px 8px 1px #9BA5B4;
-moz-box-shadow: 0px 2px 8px 1px
#9BA5B4;
-webkit-box-shadow: 0px 2px 8px 1px #9BA5B4;
margin:0px 10px
10px 10px;
padding:10px;
}
.onewallrec
a{
font-size:12px
}
.ewllfs{
float:left;
width:48px
}
.wallwTEXT{
line-height:19px;
font-size:12px;
color:#000;
margin-left:50px
}
.panelsuvd
a{
font-size:11px
}
.panelsuvd{
margin-bottom:-5px
}
.color777,
.public_wall_like_yes_color{
color:#787878
}
.wall_like_cnt{
color:#21578b
}
.cursor_pointer{
cursor:pointer
}
.public_wall_all_comm{
background:#f7f7f7;
font-size:12px;
padding:5px;
text-align:center;
margin-left:48px;
border-top:1px
solid
#EFEFEF;
font-weight:bold
}
.wall_fast_block{
margin-left:48px;
border-top:1px
solid
#606060;
padding-top:10px;
padding-bottom:10px;
color:#aaa;
font-size:12px;
line-height:19px
}
.wall_fast_block
img{
float:left;
margin-right:5px
}
.wall_fast_block div
a{
font-weight:bold;
font-size:12px
}
.wall_fast_pad{
margin-left:30px
}
.wall_tell_ava
img{
float:left;
margin-right:5px;
height:30px;
width:30px;
background:#f7f7f7
}
.wall_tell_name
a{
font-size:11px
}
.wall_tell_date{
font-size:11px;
color:#777;
margin-top:-5px
}
.profile_wall_attach_photo
img{
width:150px
}
.onealbum{
background:#fff;
margin:0px 10px
10px 10px;
padding:10px;
box-shadow: 0px 2px 8px 1px
#9BA5B4;
-moz-box-shadow: 0px 2px 8px 1px #9BA5B4;
-webkit-box-shadow:
0px 2px 8px 1px
#9BA5B4;
font-size:11px;
line-height:17px
}
.onealnumconmem{
border-top:1px
solid
#1C2634;
padding-top:10px;
padding-bottom:10px;
color:#000
}
.onealbum
img{
width:100px
}
.ava_mini{
float:left;
font-size:10px;
color:#777
}
.mobile_online{
background:url("../images/mobile.png")
no-repeat;
width:7px;
height:13px;
margin-bottom:-1px;
margin-left:4px
}
.im_oneusr{
background:#fff;
box-shadow:
0px 2px 8px 1px #9BA5B4;
-moz-box-shadow: 0px 2px 8px 1px
#9BA5B4;
-webkit-box-shadow: 0px 2px 8px 1px #9BA5B4;
margin:0px 10px
5px 10px;
padding:10px;
}
.im_oneusr
img{
width:20px;
height:20px;
float:left;
margin-right:10px
}
.im_new{
font-weight:bold;
float:left;
padding:3px
5px;
background:#DE3A3B;
margin-left:5px;
color:#fff;
font-size:11px
}
.imviews{
background:#fff;
box-shadow:
0px 2px 8px 1px #9BA5B4;
-moz-box-shadow: 0px 2px 8px 1px
#9BA5B4;
-webkit-box-shadow: 0px 2px 8px 1px #9BA5B4;
margin:0px 10px
5px
10px;
padding:10px;
color:#000;
}
.intex{
margin-left:55px
}
.wall_strlen{
max-height:155px;
overflow:hidden
}
.wall_strlen_full{
cursor:pointer;
font-weight:bold;
color:#94ADC6
}
.wall_strlen_full:hover{
color:#45688E
}
.photo_all_comm_bg{
text-align:center;
font-weight:bold;
background:#888;
color:#fff;
padding-top:10px;
padding-bottom:10px;
font-size:12px;
margin:-12px;
margin-top:0px
}
.news_like{
background:url("../images/index2.png")
no-repeat
right;
width:13px;
height:13px;
float:left
}
.search_result_title,
.allbar_title,
.cover_edit_title{
font-weight:bold;
color:#787878;
margin-left:10px;
margin-bottom:5px
}
.support_bg{
padding:0px
10px 10px
10px
}
.allbar_title{
padding-bottom:5px
}
.ubm_descr{
color:#000;
background:#fff;
padding:10px;
margin:0px
10px 10px 10px;
box-shadow: 0px 2px 8px 1px #9BA5B4;
-moz-box-shadow:
0px 2px 8px 1px #9BA5B4;
-webkit-box-shadow: 0px 2px 8px 1px
#9BA5B4
}
.headm_newac{
position:absolute;
background:#DE3A3B;
padding:2px
4px 2px
4px;
margin-left:5px;
font-family:Tahoma;
font-size:10px;
font-weight:bold;
color:#fff
}
.speedb{
text-align:center;
color:#fff;
text-shadow:0px
1px 0px #16528c;
padding-top:13px
}
.speedb
a{
font-weight:bold;
font-family:Tahoma;
color:#fff;
font-size:14px
}
.videos_pad{
color:#000
}
.videos_text{
margin-top:10px
}
#modalbox{
margin:10px
10px 0px
10px;
color:#000
}
.photo_com_title{
font-weight:bold;
color:#555;
padding-bottom:5px;
margin-top:-5px
}
.photo_descr{
line-height:22px
}
.formmsc{
margin-left:-12px;
margin-right:-12px;
padding-left:12px;
padding-right:12px;
border-top:1px
solid
#DBE0EA
}
.im_class_new{
background:#f9fbfd
}
.no_display{
display:none
}
.wall_none{
margin-top:12px;
text-align:center
}
.texta{
margin-top:10px;
margin-bottom:5px;
color:#545454
}
.gifts_onegif{
padding:5px;
text-align:center;
float:left;
margin-left:3px;
min-height:118px;
min-width:96px;
margin-bottom:10px;
margin-right:5px
}
.gifts_onegif:hover{
text-decoration:none
}
.gift_count{
background:#6394c3;
color:#fff;
padding:2px;
margin:-5px;
margin-top:5px
}
.gift_onepage{
margin:5px;
margin-left:10px;
margin-top:10px;
margin-bottom:0px
}
.icMsg2{
background:url("../images/transp.png")
no-repeat -47px
0px;
width:27px;
height:20px
}
.aa2msg{
margin-top:-13px;
margin-left:63px
}
.aa2msg
.headm_newac{
margin-top:-27px;
margin-right:20px;
}
.wall_vote_title{
font-weight:bold;
color:#21578b;
border-bottom:1px
solid
#eef3f8
}
.wall_vote_oneanswe{
margin-top:7px;
margin-bottom:7px;
cursor:pointer
}
.wall_vote_oneanswe
input{
margin-right:5px
}
.wall_vote_proc{
height:15px;
background:#f7f7f7;
color:#8BA1BC;
text-align:center;
width:90%;
margin-right:5px
}
/*
DAE1E8 */
.wall_vote_proc_bg{
background:#DAE1E8;
height:15px;
text-align:center
}
#audioForSize{
display:none
}
/*
AUDIO
*/
.audio_onetrack{
color:#000;
background:#fff;
padding:10px;
margin:5px
10px 0px 10px;
box-shadow: 0px 2px 8px 1px #9BA5B4;
-moz-box-shadow:
0px 2px 8px 1px #9BA5B4;
-webkit-box-shadow: 0px 2px 8px 1px
#9BA5B4}
.audio_onetrack a{c1olor:#5081b1}
.audio_playic,
.audio_stopic{background:url("../images/transp1.png") no-repeat
0px
-92px;width:16px;height:16px;margin-right:7px;margin-top:-1px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
}
.audio_stopic{background:url("../images/transp1.png")
no-repeat 0px
-108px}
.audio_addmylistic{background:url("../images/transp1.png")
no-repeat -20px
-71px;width:16px;height:16px}
.audio_deletic{background:url("../images/transp1.png")
no-repeat -56px
-71px;width:16px;height:16px}
.audio_edittic{background:url("../images/transp1.png")
no-repeat -76px
-71px;width:16px;height:16px}
.audio_addmylistic:hover{background:url("../images/transp.png")
no-repeat -20px
-92px}
.audio_deletic:hover{background:url("../images/transp1.png")
no-repeat -56px
-92px}
.audio_edittic:hover{background:url("../images/transp1.png")
no-repeat -76px
-92px}
.audio_addmylisticOk{background:url("../images/transp1.png")
no-repeat -35px -71px;width:16px;height:16px}
/* AUDIO -> PLAYER
*/
.player_container{background:url("../1head.png");padding:10px;margin-top:-14px;margin-left:-12px;margin-right:-12px;border-bottom:1px
solid
#606060;height:36px}
.player_ic{background:url("../images/m3.png");height:29px;width:36px;cursor:pointer;padding-top:7px;margin-right:10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.player_ic_play{background:url("../images/transp1.png")
no-repeat 0px
-125px;width:23px;height:23px;margin-left:11px}
.player_ic_pause{background:url("../images/transp1.png")
no-repeat -24px
-125px;width:23px;height:23px;margin-left:10px}
.player_ic_next{background:url("../images/transp1.png")
no-repeat 0px
-147px;width:23px;height:23px;margin-left:11px}
.player_ic_prev{background:url("../images/transp1.png")
no-repeat 0px
-171px;width:23px;height:23px;margin-left:8px}
.player_del_volume{background:url("../images/transp1.png")
no-repeat 0px
-222px;width:23px;height:23px;margin-left:8px;margin-right:8px;opacity:0.4}
.player_max_volume{background:url("../images/transp1.png")
no-repeat 0px
-197px;width:29px;height:23px;margin-left:8px;opacity:0.4}
.player_refresh{background:url("../images/transp1.png")
no-repeat 0px
-247px;width:29px;height:23px;margin-left:8px;opacity:0.4}
.player_rand{background:url("../images/transp1.png")
no-repeat 0px
-269px;width:29px;height:23px;opacity:0.4;margin-right:-10px;margin-top:3px}
.player_max_volume:hover,
.player_del_volume:hover, .player_refresh:hover,
.player_rand:hover{opacity:1}
.player_time_text{margin-left:5px;color:#b4b4b4;text-shadow:0px
1px 0px
#fff}
.player_track_name{color:#00AB00}
/*e8ecf0*/
.player_progreebar,
.player_mini_mbar{height:15px;width:350px;background:#232323;border:1px
solid
#000;margin-top:3px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.player_mini_mbar{height:5px;margin-left:20px;margin-top:10px;width:768px;margin-bottom:10px;margin-left:-2px}
#player_volume_bar_value,
#player_progress_load_bar,
#player_progress_play_bar{background:#4a4a4a;width:0px;height:15px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
#player_progress_load_bar{background:#ced7df;cursor:pointer}
.player_shadow{margin-top:-52px;margin-left:-12px;width:794px}
.audio_wall_attach{background:
url("../images/icons/wall_icons.gif") no-repeat 0
-65px;color:#21578b;padding-left:27px;padding-top:5px;height:20px}
.audio_wall_onemus{padding:0px;margin:0px;height:30px;padding-top:7px;margin-bottom:7px;margin-right:2px}
.player_mini_mbar_wall{width:500px;margin-bottom:0px}
.player_mini_mbar_wall_all{width:710px;margin-bottom:0px}
.player_mini_mbar_wall_all2{width:660px;margin-bottom:0px}
#audioForSize{min-width:500px;display:block;float:left}