☰
✕
Главная
© 2002 - 2026
diary.space
diaryCSS
| пятница, 06 февраля 2015
В хроме некорректно отображается боковое выпадающее меню. В остальных браузерах нормально.
Диз установлен в моем дневнике. Код:
{--------------------------основное-------------------------------------} #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:10-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: 0font-size:0} {---------------------------посты----------------------------} #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 20margin: 30px 10px 10px -26color: #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: -4top: 100%; border-width: 5px 10 border-style: solid;border-color: #000 #000 transparent transparent;z-index: 5;} .header span:before {content: ' ';position: absolute;width: 20 height: 0; left: -24top: 8border-width: 16px 10border-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: 10z-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: 10- moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;padding: 10} #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:10z-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:10- moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;z-index: 1!important;} .postDate {text-align: center!important; line-height: 10 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:11color: #322C24;margin-left:20 } .postActionLinks{ opacity : 0.4 !important;} {---------------------------картинки----------------------------} .paragraph img{max-width: 800max-height: auto;} #JournalFavorite img {max-width:700 max-height:auto;} #JournalComments img {max-width:700 max-height:auto;height:auto!important;} #JournalQuote img {max-width:700 max-height:auto;height:auto!important;} #JournalDraft img {max-width:700 max-height:auto;height:auto!important;} .blockquote img {max-width:800 max-height:auto;height:auto!important;} .paragraph img{padding:0border: 10px solid #90846A; padding:0-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:10margin-bottom:10margin-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 10 } 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:5 -wenkit-border-radius:5 -o-border-radius:5 border-radius:5 -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:23 color:#746A55 !important; text-transform:uppercase;font-weight:lighter; font-size:14 background: #000; padding-top:7 padding-right:7 z-index: 10!important;} #myDiaryLinks {height:30px !important; overflow:hidden;z-index: 10!important;} #globalLinks {height:30 overflow:hidden;z-index: 10!important;} #thisDiaryOwner {height:30 overflow:hidden;z-index: 10!important;} #myLinks {height:30 overflow:hidden;z-index: 10!important;} #thisDiaryLinks {height:30 overflow:hidden;z-index: 10!important;} #thisDiaryOwner:hover {height:30 overflow:visible!important; z-index: 10!important;} #myDiaryLinks:hover {height:30 overflow:visible!important; z-index: 10!important;} #globalLinks:hover{height:30 overflow:visible!important; z-index: 10!important;} #myLinks:hover{height:30 overflow:visible!important; z-index: 10!important;} #thisDiaryLinks:hover {height:30 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:177 min-width:200 -moz-border-radius: 0px 5px 5px 5 -webkit-border-radius: 0px 5px 5px 5 -o-border-radius: 0px 5px 5px 5 border-radius: 0px 5px 5px 5 z-index: 9!important;} #thisDiaryOwner ul{background:#746A55; margin-left:177 min-width:200 -moz-border-radius: 0px 5px 5px 5 -webkit-border-radius: 0px 5px 5px 5 -o-border-radius: 0px 5px 5px 5 border-radius: 0px 5px 5px 5z-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:177 min-width:200 -moz-border-radius: 0px 5px 5px 5 -webkit-border-radius: 0px 5px 5px 5 -o-border-radius: 0px 5px 5px 5 border-radius: 0px 5px 5px 5z-index: 9!important;visibility:visible !important;} #myLinks ul{background:#746A55; margin-left:177 min-width:200 -moz-border-radius: 0px 5px 5px 5 -webkit-border-radius: 0px 5px 5px 5 -o-border-radius: 0px 5px 5px 5 border-radius: 0px 5px 5px 5z-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:177 min-width:200 -moz-border-radius: 0px 5px 5px 5 -webkit-border-radius: 0px 5px 5px 5 -o-border-radius: 0px 5px 5px 5 border-radius: 0px 5px 5px 5z-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:12 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:201 height:96position:absolute; top:0left: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:9 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:10 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:5-webkit-border-radius:5-moz-border-radius:5-khtml-border-radius:5 -o-border-radius:5px!important; border:2px solid #3C3425 !important;margin-right: 20max-height: 120max-width: auto; } #JournalFavorite .avatar img {border-radius:5-webkit-border-radius:5-moz-border-radius:5-khtml-border-radius:5 -o-border-radius:5px!important;max-height: 120max-width: auto; border:2px solid #3C3425 !important;margin- right: 20} {--------------лишнее-------------} #pchs, #lastComments, #albumLink, #myLinksLink, #myProfileLink, #mySFavLink, #myAccountLink {display: none!important;} #extrabottom:after {content:"Кареглазый Демон © 2015"; text-align:right; width:391 display:block; position:absolute; margin-top: 0 z-index:2; color: #000;font-size:11 text-decoration: none;} #bottom_up a { display:block; position:fixed; bottom:0left:8 background: url('/userdir/2/2/2/0/2220055/82501864.png') 0 0 no-repeat; width: 201 height: 68 text-indent: -99999 outline: 0; z-index: 12;}
Я что то не так делаю или хром в принципе не понимает overflow?
Вместо меню слева выставил верхнее и все подогнал.
меню
Смотрите также
Я это давно хотела. И вот, наконец-то!
Любопытно
Любопытно
творческий год открыт
Кровавое и синее
18 января