.mad-habits { width: 705px; position: relative; } .names { float: left; padding: 0; font-size: 11px; margin-top: 25px; } .names .name { display: block; padding: 5px 5px 5px 0; cursor: pointer; } .names .name span { padding: 4px; } .names .name.non-selected span{ background-color: transparent !Important; } .names .name.selected span{ color: #ffffff; } .mad-plot { float: right; position: absolute; width: 632px; height: 478px; background: url(/media/blogs/Правила жизни/texts/mad-men/madmen-bg.png); right: -21px; top: 0px; } .seasons, .types { position: absolute; top: 15px; } .seasons { right: 35px; } .types { left: 40px; } .season, .type { cursor: pointer; padding: 15px 3px 4px 3px; font-size: 11px; float: left; } .season { margin-left: 13px; } .type { margin-right: 13px; } #mad-plot-placeholder { margin-top: 20px; } .season.selected, .type.selected { color: white; background-color: black; cursor: default; } #mad-plot-placeholder { width:510px; height:313px; position: relative; right: -80px; top: 78px; } .tickLabel { font-size: 10px; } .tickLabel.yaxe { margin-right: 69px; } .tickLabel.xaxe { margin-top: 32px; } #xaxis-title, #yaxis-title { color: #717171; position: absolute; font-size: 10px; line-height: 11px; } #xaxis-title { bottom: 38px; left: 40px; } #yaxis-title { top: 60px; left: 40px; width: 100px; } Алкоголь Сигареты Сезон 1 Сезон 2 Сезон 3 Сезон 4 Серия
