В хроме некорректно отображается боковое выпадающее меню. В остальных браузерах нормально. Диз установлен в моем дневнике. Код: {--------------------------о...

пятница, 06 февраля 2015
16:05
все записи пользователя в сообществе Кареглазый Демон
✎ Ко мне на "вы", шёпотом и с придыханием
В хроме некорректно отображается боковое выпадающее меню. В остальных браузерах нормально.
Диз установлен в моем дневнике. Код:
 {--------------------------основное-------------------------------------}
 #Journal, #JournalComments, #JournalFavorite {padding-top: 0; padding-bottom: 0;}
 #wrapper{ background: url('/userdir/2/2/2/0/2220055/82497506.png') repeat; z-index: 1!important;}
 .pageBar{background: url('/userdir/2/2/2/0/2220055/82497607.png') repeat; -moz-transition: all 0.2s ease !important; -webkit-transition: all 0.2s ease !important; -o-transition: all 0.2s ease !important; padding:10px;-moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;}
 #bottomNav {display: block;}
 .paragraph { font:15px "Segoe Print" !important;padding: 20px 20px 20px 20px !important;}
 #bottomNav{height: 0px;font-size:0px;}
 {---------------------------посты----------------------------}
 #content, #msg_form {background: url('/userdir/2/2/2/0/2220055/82497594.png') repeat; -moz-transition: all 0.2s ease !important; -webkit-transition: all 0.2s ease !important; -o-transition: all 0.2s ease !important; -moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;padding: 10px!important;z-index: 1!important;}
 .header span {position: relative;width: 50%;font-size: 1.1em;padding: 5px 20px 5px 20px;margin: 30px 10px 10px -26px;color: #000;background-color: #746A55;text-shadow: 0px 1px 2px #545454;-webkit-box-shadow: 0px 2px 2px #000;-moz-box- shadow: 0px 2px 2px #000; box-shadow: 0px 2px 2px #000;z-index: 5;}
 .header span:after {content: ' ';position: absolute;width: 0;height: 0;left: -4px;top: 100%; border-width: 5px 10px; border-style: solid;border-color: #000 #000 transparent transparent;z-index: 5;}
 .header span:before {content: ' ';position: absolute;width: 20px; height: 0; left: -24px;top: 8px;border-width: 16px 10px;border-style: solid;border-color: #746A55 #746A55 #746A55 transparent;z-index: 5;}
 #postsArea {position: relative;-webkit-box-shadow: 0px 2px 4px #000;-moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;padding: 10px;z-index: 1!important;}
 #postsArea .singlePost {background: url('/userdir/2/2/2/0/2220055/82497594.png') repeat; -moz-transition: all 0.2s ease !important; -webkit-transition: all 0.2s ease !important; -o-transition: all 0.2s ease !important; padding: 10px;- moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;padding: 10px;}
 #postsArea .singlePost:hover {background: url('/userdir/2/2/2/0/2220055/82497607.png') repeat;-moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;padding:10px;z-index: 1!important;}
 #commentsArea.bordered {background: url('/userdir/2/2/2/0/2220055/82497607.png') repeat; -moz-transition: all 0.2s ease !important; -webkit-transition: all 0.2s ease !important; -o-transition: all 0.2s ease !important; padding:10px;- moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;z-index: 1!important;}
 .postDate {text-align: center!important; line-height: 10px; font-variant: small-caps; border-bottom: 4px solid #90846a; padding-bottom: 10px!important; z-index: 1!important;}
 .singleComment {background: url('/userdir/2/2/2/0/2220055/82497594.png') repeat; -moz-transition: all 0.2s ease !important; -webkit-transition: all 0.2s ease !important; -o-transition: all 0.2s ease !important; -moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;padding: 10px!important;z-index: 1!important;}
 .singleComment:hover {background: url('/userdir/2/2/2/0/2220055/82497607.png') repeat; -moz-transition: all 0.2s ease !important; -webkit-transition: all 0.2s ease !important; -o-transition: all 0.2s ease !important; -moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;z-index: 1!important;}
 #TagsList { background: none !important; margin: 0 !important; text-align: left; text-transform: lowercase;font-size: 0.7em;}
 #TagsList li { background: none !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; margin-top: 1px !important; padding: 0px 0px 0px 5px !important;}
 .postActionLinks { opacity : 1.0 !important; }
 #shsmile, #atTagBox{ opacity : 0.4 !important;}
 .sign {text-align: left;font-size:11px;color: #322C24;margin-left:20px; }
 .postActionLinks{ opacity : 0.4 !important;}
 {---------------------------картинки----------------------------}
 .paragraph img{max-width: 800px;max-height: auto;}
 #JournalFavorite img {max-width:700px; max-height:auto;}
 #JournalComments img {max-width:700px; max-height:auto;height:auto!important;}
 #JournalQuote img {max-width:700px; max-height:auto;height:auto!important;}
 #JournalDraft img {max-width:700px; max-height:auto;height:auto!important;}
 .blockquote img {max-width:800px; max-height:auto;height:auto!important;}
 .paragraph img{padding:0px;border: 10px solid #90846A; padding:0px;-moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;}
 img.smile, .postActionLinks img, #sortOrder img, #jsbut img, #Stats img, img.opac6 {border: none !important; box-shadow:none !important;}
 {---------------------------------ссылки----------------------------}
 #page-t a {color: #3E3626 !important; text-decoration: none!important;}
 #page-t a:hover { color: #000 !important; text-decoration: none!important; }
 .postLinksOld { padding: 10px 5px 10px 5px!important;}
 .postLinksBackg {position: relative;width: 80%;font-size: 0.8em; padding: 10px 5px 10px 5px!important; margin-top:10px;margin-bottom:10px;margin-left:21%!important;background-color: #90846a!important;text-align: center;-webkit-box- shadow: 0px 2px 2px #000;-moz-box-shadow: 0px 2px 2px #000; box-shadow: 0px 2px 2px #000;z-index: 6;color: #90846a!important;}
 .lastLink a:hover,.addToQuote a:hover, .subscribe a:hover, .unsubscribe a:hover, .quote_post a:hover ,.quote_comment a:hover ,.umail a:hover ,.diary a:hover , .profile a:hover , .comments a:hover{padding: 10px 0px 10px 0px!important;}
 .lastLink a,.addToQuote a, .subscribe a, .unsubscribe a, .quote_post a ,.quote_comment a ,.umail a ,.diary a , .profile a , .comments a{padding: 10px 0px 10px 0px!important;border: 2px solid #90846A;-webkit-box-shadow: 0px 2px 2px #000;-moz-box-shadow: 0px 2px 2px #000; box-shadow: 0px 2px 2px #000;}
 {--------------цитаты--------------}
 .blockquote {padding: 10px 10px 10px 10px; }
 span.quote_text {display: block; font:normal 90% Helvetica !important; color: #3C3425 !important; margin: 15px 10px 5px 10px !important; padding: 5px 5px 5px 5px !important; background: rgba(157, 143, 119, 0.5) !important; border: 1px dotted rgba(0,0,0,0.16);opacity : 1.0 !important;}
 {---------------------------------------эпиграф----------------------------------------}
 #epigraph, .prevnext, #epigraph .postContent, #epigraph .postLinksBackg {padding: 0px 0px 0px 0px !important;}
 #epigraph .paragraph img { border: none !important;padding: 0px 0px 0px 0px !important;}
 #epigraph .editPostLink, #epigraph .urlLink {padding: 0px 0px 0px 0px !important;}
 #epigraph, .prevnext, #epigraph .postContent, #epigraph .postLinksBackg {padding: 0px 0px 0px 0px !important;}
 #epigraph .paragraph img { border: none !important;padding: 0px 0px 0px 0px !important;}
 #epigraph .editPostLink, #epigraph .urlLink {padding: 0px 0px 0px 0px !important;}
 #epigraph .urlLink {display:none}
 #epigraph .postLinksBackg{display:none}
 {---------------------------------------голосование----------------------------------------}
 .voting td [src*="/images/polls/bar1.gif"], .voting td [src*="/images/polls/bar1-l.gif"], .voting td [src*="/images/polls/bar1-r.gif"], .voting td [src*="/images/polls/bar6.gif"], .voting td [src*="/images/polls/bar6-l.gif"], .voting td [src*="/images/polls/bar6-r.gif"] { background: #000; padding: 10px 0 0 0!important; height: 0px!important; border: none !important;}
 .voting td [src*="/images/polls/bar2.gif"], .voting td [src*="/images/polls/bar2-l.gif"], .voting td [src*="/images/polls/bar2-r.gif"], .voting td [src*="/images/polls/bar7.gif"], .voting td [src*="/images/polls/bar7-l.gif"], .voting td [src*="/images/polls/bar7-r.gif"] { background: #000; padding: 10px 0 0 0!important; height: 0px!important; border: none !important;}
 .voting td [src*="/images/polls/bar3.gif"], .voting td [src*="/images/polls/bar3-l.gif"], .voting td [src*="/images/polls/bar3-r.gif"], .voting td [src*="/images/polls/bar4.gif"], .voting td [src*="/images/polls/bar4-l.gif"], .voting td [src*="/images/polls/bar4-r.gif"] { background: #000; padding: 10px 0 0 0!important; height: 0px!important; border: none !important;}
 .voting td [src*="/images/polls/bar5.gif"], .voting td [src*="/images/polls/bar5-l.gif"], .voting td [src*="/images/polls/bar5-r.gif"], .voting td [src*="/images/polls/bar8.gif"], .voting td [src*="/images/polls/bar8-l.gif"], .voting td [src*="/images/polls/bar8-r.gif"] { background: #000; padding: 10px 0 0 0!important; height: 0px!important; border: none !important;}
 .voting td [src*="/images/polls/bar9.gif"], .voting td [src*="/images/polls/bar9-l.gif"], .voting td [src*="/images/polls/bar9-r.gif"], .voting td [src*="/images/polls/bar10.gif"], .voting td [src*="/images/polls/bar10-l.gif"], .voting td [src*="/images/polls/bar10-r.gif"] { background: #000; padding: 10px 0 0 0!important; height: 0px!important; border: none !important;}
 .voting td {vertical-align: baseline;border: none !important;}
 {---------------------------------------теги----------------------------------------}
 .atTag a{text-transform: lowercase;}
 .atTag {text-transform: lowercase;font-size:14px!important;}
 .atTag a{ font: italic 14px Helvetica !important; text-decoration: none;}
 .atTag, .atMusic, .atMood {padding:0 0 0 0 !important; color:#000 ; font-size:11pt !important;}
 .atTag em:before {content:"Тег поста:"!important;font-weight: italic !important; }
 .atTag span {display: none !important;font-weight: italic !important; }
 {--------------меню-------------}
 #side { z-index: 10!important;text-align: center;height:100%!important; position: fixed !important;background: url('/userdir/2/2/2/0/2220055/82497137.png') repeat;}
 #side a { text-transform: uppercase; text-decoration:none; z-index: 5!important;color: #393223;z-index: 10!important;}
 #side a:hover { text-transform: uppercase; text-decoration:none; z-index: 5!important;color: #393223;z-index: 10!important;}
 #side { width:200px !important;position:absolute; background:#000 # 100% 100% repeat-x;padding:0px !important; -moz-border-radius:5px; -wenkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000;-o-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000; z-index: 10!important;}
 .menuSection_title {display:block; padding:0px !important;z-index: 10!important;}
 .menuSection_title b, #myLinks_title b {display:block; width:177px !important; height:23px; color:#746A55 !important; text-transform:uppercase;font-weight:lighter; font-size:14px; background: #000; padding-top:7px; padding-right:7px; z-index: 10!important;}
 #myDiaryLinks {height:30px !important; overflow:hidden;z-index: 10!important;}
 #globalLinks {height:30px; overflow:hidden;z-index: 10!important;}
 #thisDiaryOwner {height:30px; overflow:hidden;z-index: 10!important;}
 #myLinks {height:30px; overflow:hidden;z-index: 10!important;}
 #thisDiaryLinks {height:30px; overflow:hidden;z-index: 10!important;}
 #thisDiaryOwner:hover {height:30px; overflow:visible!important; z-index: 10!important;}
 #myDiaryLinks:hover {height:30px; overflow:visible!important; z-index: 10!important;}
 #globalLinks:hover{height:30px; overflow:visible!important; z-index: 10!important;}
 #myLinks:hover{height:30px; overflow:visible!important; z-index: 10!important;}
 #thisDiaryLinks:hover {height:30px; overflow:visible!important; z-index: 10!important;}
 .menuSection_title {position:relative; z-index: 10!important;}
 .menuSection ul{position:relative; z-index: 9!important; margin-top:-30px !important; padding-top:5px !important; padding-bottom:5px !important;box-shadow: none!important;-moz-box-shadow: 0px 2px 4px #000!important; box-shadow: 0px 2px 4px #000!important;}
 #thisDiaryLinks ul{background:#746A55; margin-left:177px; min-width:200px; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; -o-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; z-index: 9!important;}
 #thisDiaryOwner ul{background:#746A55; margin-left:177px; min-width:200px; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; -o-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;z-index: 9!important;}
 #thisDiaryOwner:hover #thisDiaryOwner_title b {background:#746A55; color:#000 !important;z-index: 10!important;overflow:visible!important;}
 #myDiaryLinks ul{background:#746A55; margin-left:177px; min-width:200px; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; -o-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;z-index: 9!important;visibility:visible !important;}
 #myLinks ul{background:#746A55; margin-left:177px; min-width:200px; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; -o-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;z-index: 9!important;}
 #myDiaryLinks:hover #myDiaryLinks_title b {background:#746A55; color:#000 !important;z-index: 9!important;overflow:visible!important;}
 #globalLinks ul{background:#746A55; margin-left:177px; min-width:200px; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; -o-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;z-index: 9!important; }
 #globalLinks:hover #globalLinks_title b, #myLinks:hover #myLinks_title b, #thisDiaryLinks:hover #thisDiaryLinks_title b, #YaSearch:hover #YaSearch_title b {background:#746A55; color:#000 !important;z-index: 9!important;overflow:visible!important;}
 .menuSection ul li{font-size:12px; text-transform:uppercase; padding-bottom:3px !important; padding-top:3px !important; padding-left:10px !important;z-index: 9!important;}
 .menuSection ul li:hover{ text-transform: uppercase; text-decoration:none;color:#000 !important;z-index: 9!important;}
 #TagsList { background: none !important; text-align: left; text-transform: lowercase;margin-top: -22px !important;margin-bottom: -55px !important;margin-left: 3px !important;z-index: 9!important;overflow:visible!important;}
 #TagsList li { background: none !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; padding: 0px 0px 0px 25px !important; z-index: 9!important;}
 #thisDiaryPhoto a {position:reletive; z-index: 1!important;padding: 0px 0px 0px 0px !important;}
 #thisDiaryPhoto { background-color: rgba(0, 0, 0, 0); background-image: url('/userdir/2/2/2/0/2220055/82501113.png'); background-repeat: no-repeat; max-width: 141px !important; height:142px!important; padding: 0px 0px 0px 0px ! important;margin-left: 13px !important;margin-top: 20px !important;}
 #thisDiaryPhoto img {opacity:1; position:relative; z-index: -10; padding: 10px 0px 0px 0px !important;}
 #side h1 { display:block;!important; width:201px; height:96px;position:absolute; top:0px;left:8px !important;background-image: url('/userdir/2/2/2/0/2220055/82501230.png'); background-repeat: no-repeat;position:fixed;}
 #side h1 a {position:reletive;font-size:9px; color:#000 !important;text-transform: uppercase !important; text-decoration: none!important; text-shadow: #665448 0px 1px 0px !important;max-width:100px!important;}
 #side h1 a {position: absolute; top:10px; left: 50px !important;}
 #YaSearch{display:none!important;}
 {---------------------------------------аватарки----------------------------------------}
 .avatar img {opacity : 0.6 !important;-moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000;-o-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000; }
 .avatar img:hover {opacity: 1.0!important; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000;-o-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000; }
 .avatar img {border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px; -o-border-radius:5px!important; border:2px solid #3C3425 !important;margin-right: 20px;max-height: 120px;max-width: auto; }
 #JournalFavorite .avatar img {border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px; -o-border-radius:5px!important;max-height: 120px;max-width: auto; border:2px solid #3C3425 !important;margin- right: 20px;}
 {--------------лишнее-------------}
 #pchs, #lastComments, #albumLink, #myLinksLink, #myProfileLink, #mySFavLink, #myAccountLink {display: none!important;}
 #extrabottom:after {content:"Кареглазый Демон © 2015"; text-align:right; width:391px; display:block; position:absolute; margin-top: 0px; z-index:2; color: #000;font-size:11px; text-decoration: none;}
 #bottom_up a { display:block; position:fixed; bottom:0px;left:8px; background: url('/userdir/2/2/2/0/2220055/82501864.png') 0 0 no-repeat; width: 201px; height: 68px; text-indent: -99999px; outline: 0; z-index: 12;}
~~Я что то не так делаю или хром в принципе не понимает overflow?~~
Вместо меню слева выставил верхнее и все подогнал.
@темы: меню
URL
Поделиться
Прохождение объема через плоскость дает на плоскости пуль... Все-таки местная еда носит характер абсолютно иррациональ... Давеча отведал полную экзотику, то есть совершенных гадов...
Шестнадцатилетний Дима выглядит очень серьезно и сосредот... - Все по-старому...- сказала нежно.- Все по-старому... ... Hашел скелет Сусанина. Hасчитал 750 ножевых ранений. Взял...
Комментарии

Запомнить
@CSS — стилизация дневников
