Комментарий #4839064
tdok57tdok57

tdok57
в топике Обсуждение клуба CSS-club – настройка внешнего вида сайта
БЫСТРЫЙ И НЕКАЧЕСТВЕННЫЙ ФИКС ШАПКИ ОТ НУБА!!! просто копируйте эту парашу к себе в код и уровень бомбежки от нововведений уменьшится!
не надо писать, что я делаю кривой код (зато быстро!), я это и сам знаю. можете лучше - весь шики ждет ваши фиксы! (в адаптацию под более узкие экраны тоже попытался)

.l-top_menu-v2 .menu-dropdown>button>span, .l-top_menu-v2 .submenu>a, .l-top_menu-v2 .global-search, .l-top_menu-v2 .global-search input{
  font-size: 11px;
}
.l-top_menu-v2 .submenu>a{
  height:20px;
  padding-left: 7px;
}
.l-top_menu-v2 .menu-dropdown.main>button:not(.mobile) span {
    margin-left: 7px; 
}
.l-top_menu-v2 .menu-dropdown.profile>button, .l-top_menu-v2 .menu-dropdown.main, .l-top_menu-v2 .menu-dropdown.main>button:not(.mobile) {
    min-width: 130px;
    max-width: 150px;
}
/*фон*/
 .l-top_menu-v2 {
  background: #343434;
  border-bottom: 0px;
  height: 32px;
}
/*фон под разворотами*/
.l-top_menu-v2 .submenu, .b-main_search ul.popup{
  border: 0px; 
  background: #343434;
}
.l-top_menu-v2 .menu-icon, .l-top_menu-v2 .menu-dropdown>button{
  height: 32px;
}
/*выборы прочих разворотов*/
.l-top_menu-v2 .submenu>.entry, .b-main_search ul.popup li {
  border: 0px;
}
/*обычное состояние*/
.l-top_menu-v2 .inner .logo, .l-top_menu-v2 .menu-items>.entry.selected, .l-top_menu-v2 .menu-items>.entry, .menu.menu-userbox {
  transition: 0.2s;
}
/*логотип*/
.l-top_menu-v2 .logo-container .logo{
  background: url(http://www.picshare.ru/uploads/190429/xS8ifVHq2y.png) no-repeat;
  height:22px;
}
.l-top_menu-v2 .logo-container .glyph, .l-top_menu-v2 .global-search .hotkey-marker, .l-top_menu-v2 .global-search .search-marker, .l-top_menu-v2 .global-search .clear,
.l-top_menu-v2 .icon-profile:before, .l-top_menu-v2 .icon-anime_list:before, .l-top_menu-v2 .icon-manga_list:before, .l-top_menu-v2 .icon-characters:before, .l-top_menu-v2 .icon-mail:before, .l-top_menu-v2 .icon-achievements:before, .l-top_menu-v2 .icon-settings:before,
.l-top_menu-v2 .icon-site_rules:before, .l-top_menu-v2 .icon-faq:before, .l-top_menu-v2 .icon-sign_out:before, .l-top_menu-v2 .icon-anime:before, .l-top_menu-v2 .icon-manga:before, .l-top_menu-v2 .icon-ranobe:before, .l-top_menu-v2 .icon-forum:before, .l-top_menu-v2 .icon-clubs:before, .l-top_menu-v2 .icon-collections:before, .l-top_menu-v2 .icon-reviews:before, .l-top_menu-v2 .icon-contests:before, .l-top_menu-v2 .icon-users:before, .l-top_menu-v2 .icon-calendar:before, .l-top_menu-v2 .icon-info:before, .l-top_menu-v2 .icon-socials:before, .l-top_menu-v2 .icon-moderation:before,
.l-top_menu-v2 .global-search .search-results .nothing_found.active:before, .l-top_menu-v2 .global-search .search-results .nothing_found:focus:before, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item.active:before, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:focus:before, .l-top_menu-v2 .global-search .search-results .search-mode.active:before, .l-top_menu-v2 .global-search .search-results .search-mode:focus:before,
.l-top_menu-v2 .global-search .search-results .nothing_found:before, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:before, .l-top_menu-v2 .global-search .search-results .search-mode:before,
.l-top_menu-v2 .global-search input.has-value ~ .clear,
.l-top_menu-v2.is-search-mobile .global-search .clear{
  display:none;
}
.l-top_menu-v2 .global-search .search-results .search-mode:active:before, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:active:before
{
    background: none;
}
/*фикс поиска*/
.l-top_menu-v2 .global-search, .l-top_menu-v2 .global-search input{
  background: rgba(25,25,25,0.65);
  color: #ffffff;
  transition: 0.2s;
  height: 20px;
  margin-right: 0px; 
}
.l-top_menu-v2 .global-search input{
  padding: 0 0 0 4px;
  border-radius: 0px;
}
.l-top_menu-v2 .menu-dropdown.profile>button img {
    height: 24px;
}
.l-top_menu-v2 .global-search .search-results .nothing_found, .l-top_menu-v2 .global-search .search-results .search-mode{
font-size: 11px;
    line-height: 20px; 
    padding-top: 0px;
}
.l-top_menu-v2 .global-search .search-results{
top:28px;
}
.l-top_menu-v2 .global-search .search-results .nothing_found.active, .l-top_menu-v2 .global-search .search-results .nothing_found:focus, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item.active, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:focus, .l-top_menu-v2 .global-search .search-results .search-mode.active, .l-top_menu-v2 .global-search .search-results .search-mode:focus,
.l-top_menu-v2 .global-search .search-results .nothing_found, .l-top_menu-v2 .global-search .search-results .search-mode{
    padding-left: 5px;
}
.l-top_menu-v2 .menu-icon.search:before {
    line-height: 35px;
}
@media screen and (max-width: 1024px){
.l-top_menu-v2.is-search-mobile .global-search {
    position: relative;
  background: none;
}
  .l-top_menu-v2.is-search-mobile .global-search{
padding: 0px 0;
    top: 0px;
  }
.l-top_menu-v2.is-search-mobile .global-search .search-results {
    margin-top: 0px;
}
}
.l-top_menu-v2 .menu-icon.trigger:before{
    line-height: 0px;
}
.l-top_menu-v2 .global-search .search-results .nothing_found, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item, .l-top_menu-v2 .global-search .search-results .search-mode{
padding-left:5px
}
@fk - mll7
@Alexsandr
@Frayqi
@kawaiii warrior
@Yaoi-chan
@igosha13
@DesuChanMaChan
@FattyLisbeth
@Murasaki Natsume
@Amaterazu
@Aizek Shturm
@suffering
@DesuChanMaChan, @fk - mll7, @nightfever, @nightfever, @Murasaki Natsume, @Alexsandr, @FattyLisbeth, @Amaterazu, @Eltar Bernkastel, @Aizek Shturm, @Полезный Мусор, @Salatique
Ответы
DesuChanMaChan
DesuChanMaChan#
@tdok57, спасибо большое. Эту шапку можно как-нибудь интегрировать, чтобы кастомную раскраску не потерять?
@tdok57
fk - mll7
fk - mll7#
@tdok57, пасиба :)
nightfever
nightfever#
@tdok57, благодарю
nightfever
nightfever#
@tdok57, а лого теперь, как я понял, статичное и передвинуть его никак нельзя?
@tdok57
Murasaki Natsume
Murasaki Natsume#
@tdok57, спасибо, солнце ты наше.
Выпей чайку
Alexsandr
Alexsandr#
@tdok57, большое спасибо
FattyLisbeth
FattyLisbeth#
@tdok57, от души прям ♥
Amaterazu
Amaterazu#
@tdok57, Спасибо!
Eltar Bernkastel
Eltar Bernkastel#
@tdok57, можно еще поиск немного уменьшить, а то этот уж слишком гиганский, как по мне)
.l-top_menu-v2 .global-search input {
  width: 60%;
}  

.l-top_menu-v2 .global-search .hotkey-marker {
   left: 54%; /* за надобностью регулировать положение этого квадратика, который типа конец строки для ввода (или что он там показывает) */
}
Aizek Shturm
Aizek Shturm#
@tdok57,
Большое спасибо!
Полезный Мусор
Полезный Мусор#
@tdok57, Увы но это лишь чуток видоизменяет текущую шапку но никак не возвращает старую, и поиск делает тёмным вместо того, чтобы сделать коротким( И не возвращает в профиль по одному клику и т.п. Но спасибо за труды, как грится!
@tdok57
Salatique
Salatique#
@tdok57, Благодарствую
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть
примеры BBCode