Язык
Контакты
GitHub
Поддержка
Регистрация
Войти
Логин: Пароль: Запомнить:
Пользователи
Последние сообщения
Ответить
1

Соединитьс cтили [CSS]

Destroy

  • Атом-мастер
  • Юзер
  • 271
  • Репутация:17 
  • Предупреждения: 0 
  • Регистрация:
    4 Дек 2013
#1
Есть:
Code:
.fps-show-mat {
display: inline-block;
height: 22px;
line-height: 22px;
font-size: 12px;
margin-left: 5px;
padding: 0 10px;
float: right;
background: #f6f6f6;background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e5e5e5));
border: 1px solid #dbdbdb;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
color: #616161 !important;
white-space: nowrap;
cursor: pointer;
text-decoration:none !important;

}
И есть:
Code:
.fps-show-mat:hover {background: #e6e6e6;}
как
Code:
.fps-show-mat:hover {background: #e6e6e6;}
добавить к;
Code:
.fps-show-mat {
display: inline-block;
height: 22px;
line-height: 22px;
font-size: 12px;
margin-left: 5px;
padding: 0 10px;
float: right;
background: #f6f6f6;background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 
100%);background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,#fff), color-stop(100%,#e5e5e5));
border: 1px solid #dbdbdb;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 
rgba(0,0,0,0.3);-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0
 1px 0 rgba(0,0,0,0.3);box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 
1px 0 rgba(0,0,0,0.3);
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
color: #616161 !important;
white-space: nowrap;
cursor: pointer;
text-decoration:none !important;

}

boriska

  • Атом-мозг
  • Пользователь
  • 846
  • Репутация:65 
  • Предупреждения: 0 
  • Регистрация:
    29 Янв 2013
#2
Епрст.....

hover это при наведении как соединить стили при наведении и без него? НИКАК.

Отредактировано автором 10 Дек 2013
Соразработчик Atom-M CMS

Destroy

  • Атом-мастер
  • Юзер
  • 271
  • Репутация:17 
  • Предупреждения: 0 
  • Регистрация:
    4 Дек 2013
#3
boriska, окау.

Добавлено2013.12.10 18-20

boriska, ты меня не понял наверно.
Я имею ввиду что бы два раза класс не писать.
В основной код вписать это: hover {background: #e6e6e6;}

Примерно так:
Code:
.fps-show-mat {
display: inline-block;
height: 22px;
line-height: 22px;
font-size: 12px;
margin-left: 5px;
padding: 0 10px;
float: right;
hover {background: #e6e6e6;}
background: #f6f6f6;background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 
100;background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,#fff), color-stop(100%,#e5e5e5));
border: 1px solid #dbdbdb;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 
rgba(0,0,0,0.3);-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0
 1px 0 rgba(0,0,0,0.3);box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 
1px 0 rgba(0,0,0,0.3);
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
color: #616161 !important;
white-space: nowrap;
cursor: pointer;
text-decoration:none !important;

}

boriska

  • Атом-мозг
  • Пользователь
  • 846
  • Репутация:65 
  • Предупреждения: 0 
  • Регистрация:
    29 Янв 2013
#4
нет, так нельзя. первоначальная запись самая сжатая

Соразработчик Atom-M CMS

Drunya

  • Man of God
  • Админ
  • 3527
  • Репутация:110 
  • Предупреждения: 0 
  • Регистрация:
    30 Ноя -0001
#5
boriska пишет:
нет, так нельзя. первоначальная запись самая сжатая
тоже так считаю

Я горжусь тем, что создал бесплатную CMS - AtomX. И люблю нашу команду)
1
Сейчас online: 39. Зарегистрированных: 1. Гостей: 38.