nahuyaqa Опубликовано 20 января, 2015 Поделиться Опубликовано 20 января, 2015 Решил пошаманить со стилем форума, но никак не могу избавиться от голубой полосочки внизу. Не понимаю что за неё отвечает. .maintitle {background: #00cccc url({style_images_url}/maintitle.png) repeat-x top; color: #fff; padding: 10px 10px 11px; font-size: 14px; font-weight: bold; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 8px; -webkit-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 #00cccc inset, 0 1px 3px rgba(0, 0, 0, 0.2); border: 1px solid #00cccc; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } .maintitle a { color: #fff; } .collapsed .maintitle { opacity: 0.2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .collapsed .maintitle:hover { opacity: 0.4; } .maintitle .toggle { visibility: hidden; background: url({style_images_url}/cat_minimize.png) no-repeat; text-indent: -3000em; width: 27px; height: 23px; margin-top: -2px; display: block; outline: 0; } .maintitle:hover .toggle { visibility: visible; } .collapsed .toggle { background-image: url({style_images_url}/cat_maximize.png);} Ссылка на комментарий Поделиться на другие сайты Поделиться
WOLF Опубликовано 20 января, 2015 Поделиться Опубликовано 20 января, 2015 .maintitle {background: #00cccc url({style_images_url}/maintitle.png) repeat-x top; color: #fff; padding: 10px 10px 11px; font-size: 14px; font-weight: bold; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 8px; -webkit-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 #00cccc inset, 0 1px 3px rgba(0, 0, 0, 0.2); border: 1px solid #00cccc; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } заменить на: .maintitle {background: #00cccc url({style_images_url}/maintitle.png) repeat-x top; color: #fff; padding: 10px 10px 11px; font-size: 14px; font-weight: bold; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 8px; -webkit-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 #00cccc inset, 0 1px 3px rgba(0, 0, 0, 0.2); text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } nahuyaqa 1 Ссылка на комментарий Поделиться на другие сайты Поделиться
nahuyaqa Опубликовано 20 января, 2015 Автор Поделиться Опубликовано 20 января, 2015 .maintitle {background: #00cccc url({style_images_url}/maintitle.png) repeat-x top; color: #fff; padding: 10px 10px 11px; font-size: 14px; font-weight: bold; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 8px; -webkit-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 #00cccc inset, 0 1px 3px rgba(0, 0, 0, 0.2); border: 1px solid #00cccc; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } заменить на: .maintitle {background: #00cccc url({style_images_url}/maintitle.png) repeat-x top; color: #fff; padding: 10px 10px 11px; font-size: 14px; font-weight: bold; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 8px; -webkit-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 #00cccc inset, 0 1px 3px rgba(0, 0, 0, 0.2); text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } Благодарю, полоска почти не видна. Получилось лучше чем ожидал. Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения