[ VKontakte Optimizer ] - CSS твики от меня

[ VKontakte Optimizer ] (//vkopt.net/forum/index.php)

- В Контакте | Оформление (//vkopt.net/forum/forumdisplay.php?f=13)

- - CSS твики от меня (//vkopt.net/forum/showthread.php?t=5275)

verazub,не очень красивое местоположение полосы загрузки при нажатии на кнопку музыки:
http://ipic.su/img/img7/fs/kiss_439kb.1417469647.png

Добавлено через 2 минуты
это баг или фича, что при открытии всплывающих окон пропадают все элементы в шапке?
http://ipic.su/img/img7/fs/kiss_194kb.1417469813.png

Добавлено через 6 минут
причём это наблюдается не со всеми всплывающими окнами...

Добавлено через 9 минут
Пока что больше сломать не получилось. Мне нравится :az:

Цитата:

Сообщение от IkaR49 (Сообщение 67477)

verazub,не очень красивое местоположение полосы загрузки при нажатии на кнопку музыки:

Сырая версия пофиксил и посмотри по поводу wiki страниц у меня все нормально просто z-index поставил больше

Код:

#page_header .back {

    position: fixed !important;

    top: 0px;

    left: 0px;

    height: 50px !important;

    background: #567ca4 !important;

    z-index: 1001 !important;

}

#page_header {

    height: 50px !important;

}

#page_header .right {

    display: none !important;

}



#stl_left {

    top:50px!important;

}



#fmenu {

    top:50px!important;

}



#stl_side {

    margin-top:50px

}



#page_header .content {

    position: fixed !important;

    width: 791px !important;

    height: 50px !important;

    z-index: 1001 !important;

}

.head_nav {

    padding:0px!important;

}

.head_nav a.top_nav_link {

    color: #FFFFFF!important;

    height: 50px!important;

    line-height: 47px!important;

    font-size: 13px!important;

    padding: 0px 15px!important;

    text-shadow:0px!important;

    font-weight: normal!important

}

.head_nav a.top_nav_link:hover, .head_nav a.top_nav_link.over, #top_back_link:hover {

    background-color: rgba(107, 138, 172, 0.9)!important;

}

#head_play_btn {

    top: 13px!important;

}

.head_nav a.top_nav_link#head_music {

    padding-right: 36px!important

}

.head_nav a.top_nav_link span#head_music_text {

    color: #fff!important;

}

#page_header .left {

    width: 146px!important;

    height: 50px!important;

    background: url(/images/logo_vk_white.png) 0px 13px no-repeat!important;

    z-index: 1001 !important;

    position: fixed!important;

    left: inherit!important;

}

.top_home_link {

    height: 50px!important;

    z-index: 1003 !important;

}

#top_logo_down {

    width: 146px!important;

    height: 50px!important;

    background:#567ca4 url(/images/logo_vk_white.png) 0px 15px no-repeat!important;

    margin: 0px!important;

}

#page_header .left:before{content:"ВКонтакте";color: #FFFFFF;display: block;height: 50px;line-height: 48px;font-size: 13px;font-weight: bold;padding-left: 55px;padding-right: 10px;}

#top_logo_down:before{content:"ВКонтакте";color: #FFFFFF;display: block;height: 50px;line-height: 48px;font-size: 13px;font-weight: bold;padding-left: 55px;padding-right: 10px;}



#ts_wrap {

    left: 146px!important;

    height: 50px!important;

}

#head_play_btn {

    background: url(/images/icons/audio_iconsf.png) no-repeat -144px -25px!important

}

a:hover #head_play_btn.playing, a.over #head_play_btn.playing {

    background-position: -162px -25px!important;

}

#top_back_link {

    padding-left: 25px!important;

    background: url(/images/backlink.gif?4) no-repeat left -80px!important;

}

#ts_wrap .input_back_content {

    padding: 14px 8px!important;

}

input.text, input.search, textarea, input.big_text, input.dark {

    background: #FFF;

    color: #000;

    border: 1px solid #C3CBD4;

    padding: 3px;

    margin: 0px;

}

#ts_input {

    border: 0px!important;

    outline: none!important;

    padding: 7px 7px 7px 27px!important;

    margin: 11px 0px!important;

    height: 14px!important;

    width: 136px!important;

    -webkit-border-radius: 14px!important;

    -khtml-border-radius: 14px!important;

    -moz-border-radius: 14px!important;

    border-radius: 14px!important;

    -moz-transition: background-color 0.05s, color 0.05s!important;

    -webkit-transition: background-color 0.05s, color 0.05s!important;

    -o-transition: background-color 0.05s, color 0.05s!important;

    transition: background-color 0.05s, color 0.05s!important;

    font-size: 13px!important;

    font-family: Tahoma, Geneva, sans-serif, arial, verdana!important;

    background: #4b6d94 url(/images/icons/dev_head_magglass.png) 8px 8px no-repeat!important;

    color: #d9e2ec!important;

}

div.ts_input_wrap {

    top: 0px!important;

    margin-top: 0px!important;

    padding: 0px!important;

}

div.ts {

    background-color: rgba(255, 255, 255, 0)!important;

}

#ts_wrap, div.ts_input_wrap {

    width: 170px!important;

}

input#ts_input:focus {

    background-color: #ffffff!important;

    color: #2b2f33!important;

}

#ts_wrap .input_back {

    margin: 1px!important;

    padding: 2px 41px 3px 18px!important;

    font-size: 13px!important;

    color: #92adc8!important;

    font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans!important;

}

#gp {

    top: 59px !important;

}

/*

#pad_wrap {

        top: 50px !important;

}

*/

#ts_cont_wrap {

        top: 58px!important;

}



#pg_fixed {

        top: 60px!important;

}



#pad_wrap.pad_no_fixed {

        top: 56px !important;

}

#pad_wrap.fixed {

        top: 52px !important;

}



#head_music_text img {

        margin-top: 21px !important;

}

verazub, для "сырой" она очень хороша. У меня так не получалось :)
P.S. С этой обновой появилось в шапке слово "Вконтакте". А можно его всё-таки убрать, без него симпатичнее было имхо :)
http://ipic.su/img/img7/fs/kiss_3kb.1417499390.png

Цитата:

Сообщение от IkaR49 (Сообщение 67482)

Удали эти строчки

Код:

#page_header .left:before{content:"ВКонтакте";color: #FFFFFF;display: block;height: 50px;line-height: 48px;font-size: 13px;font-weight: bold;padding-left: 55px;padding-right: 10px;}

#top_logo_down:before{content:"ВКонтакте";color: #FFFFFF;display: block;height: 50px;line-height: 48px;font-size: 13px;font-weight: bold;padding-left: 55px;padding-right: 10px;}

Все равно сырая версия, позже кину еще пару кодов, кстате что там с wiki страницами проверял исправилось?

verazub, нет, всё так же. Это наблюдается:
1. Когда открываешь список вики-страниц группы
2. Когда на стене нажимаешь на время поста (то есть пост открывается в окне поверх страницы)

Вроде бы где-то ещё, но сейчас не могу сказать: в универе интернет тупит и всё лагает.

Стоит немного увеличить отступ от шапки:
http://ipic.su/img/img7/fs/kiss_5kb.1417550711.png

Цитата:

Сообщение от IkaR49 (Сообщение 67485)

Стоит немного увеличить отступ от шапки:
http://ipic.su/img/img7/fs/kiss_5kb.1417550711.png

Код:

/* Фикс только для «firefox» edit 3:29 03.12.2014 */

@-moz-document domain("vk.com") {

        .im_fixed_nav #side_bar,

         .audio_fixed_nav #side_bar { /*левое меню */

                top: 50px !important;

        }

        .im_fixed_nav #im_nav_wrap,

         .audio_fixed_nav #ac { /* контент */

                top: 50px !important;

        }

         .im_fixed_nav #right_bar,

          .audio_fixed_nav #right_bar { /*правый бар */

                top: 55px !important;

        }

        #audio_wrap.audio_wrap,

         #audios_list.audios_list { /* аудио смешение фикс */

                margin-top: 10px;

        }

}

Новые элементы выделения

http://savepic.net/6272254.png

Код:

.checkbox div {

        background: url('/images/icons/dev_check.png') 0px 0px no-repeat !important;

        background-size: 14px 70px !important;

}

.checkbox:hover div {

        background-position: 0px -28px !important;

}

.checkbox.disabled:hover div {

        background-position: 0px 0px !important;

}

.checkbox.on div {

        background-position: 0px -14px !important;

}

.checkbox.on:hover div {

        background-position: 0px -42px !important;

}

.checkbox.disabled.on:hover div {

        background-position: 0px -14px !important;

}

.checkbox_container table td .checkbox_on,

.checkbox_container table td .checkbox_off,

.checkbox_container table td .checkbox_on_over,

.checkbox_container table td .checkbox_off_over {

        background: transparent url('/images/icons/dev_check.png') 0px 0px no-repeat !important;

        background-size: 14px 70px !important;

}

.checkbox_container table td .checkbox_on {

        background-position: 0 -14px!important;

}

.checkbox_container table td .checkbox_off_over {

        background-position: 0px -42px!important;

}

.checkbox_container table td .checkbox_on_over {

        background-position: 0 -42px!important;

}

.checkbox_container.disabled td.checkbox div.checkbox_on_over {

        background-position: 0 -14px !important;

}

.checkbox_container.disabled td.checkbox div.checkbox_off_over {

        background-position: 0 0 !important;

}

.like_tt .bottom .checkbox div {

        background: url('/images/icons/like_icons_bl.png') -2px 0 no-repeat !important;

        width: 14px !important;

        height: 12px !important;

}

.radiobtn div {

        background: url('/images/icons/dev_radio.png') 0px 0px no-repeat !important;

        background-size: 14px 70px !important;

}

.radiobtn div,

.radiobtn_container table td .radiobtn_on div,

.radiobtn_container table td .radiobtn_off div,

.radiobtn_container table td .radiobtn_on_over div,

.radiobtn_container table td .radiobtn_off_over div {

        background: url('/images/icons/dev_radio.png') 0px 0px no-repeat !important;

        background-size: 14px 70px !important;

}

.radiobtn:hover div {

        background-position: 0px -28px !important;

}

.radiobtn.disabled:hover div {

        background-position: 0px 0px !important;

}

.radiobtn_hover div {

        background-position: 0px -28px !important;

}

.radiobtn.on div {

        background-position: 0px -14px !important;

}

.radiobtn.on:hover div {

        background-position: 0px -42px !important;

}

.radiobtn.disabled.on:hover div {

        background-position: 0px -14px !important;

}

.radiobtn.on.radiobtn_hover div {

        background-position: 0px -42px !important;

}

новые элементы навигации вверх, вниз и назад на страницах

http://savepic.net/6286390.png

Код:

#stl_bg {

        padding-top: 13px !important;

        width: 114px !important;

}

#stl_text {

        height: 15px !important;

        color: #466a94 !important;

        font-size: 12px !important;

        margin: 0 0 0 19px !important;

        padding: 0px 24px !important;

        background: url('/images/dev_toplink.png') no-repeat left 0px !important;

        -webkit-font-smoothing: antialiased !important;

        -moz-osx-font-smoothing: grayscale !important;

}

.stl_active.over_fast #stl_bg {

        background-color: #dce2e8 !important;

}

#stl_left .down {

        background-position: left -15px !important;

}

#stl_left .back {

        background-position: left -30px !important;

}

Цитата:

Сообщение от verazub (Сообщение 67518)

новые элементы навигации вверх, вниз и назад на страницах

http://savepic.net/6286390.png

Код:

#stl_bg {

        padding-top: 13px !important;

        width: 114px !important;

}

#stl_text {

        height: 15px !important;

        color: #466a94 !important;

        font-size: 12px !important;

        margin: 0 0 0 19px !important;

        padding: 0px 24px !important;

        background: url('/images/dev_toplink.png') no-repeat left 0px !important;

        -webkit-font-smoothing: antialiased !important;

        -moz-osx-font-smoothing: grayscale !important;

}

.stl_active.over_fast #stl_bg {

        background-color: #dce2e8 !important;

}

#stl_left .down {

        background-position: left -15px !important;

}

#stl_left .back {

        background-position: left -30px !important;

}

скажите пожалуйста а вы можете сделать вот такие кнопки уж больно сильно нужны
вот скриншот что имееться ввиду:
http://p1.pichost.me/640/68/1932382.png
http://pichost.me/1932382/