@charset "utf-8"; /* Name: Таблица стилей для IE. Created: June 2010 Author: Yuriy Ponomarev (mailto:yourick.po@gmail.com) */ /* -------------------- COMMON -------------------- */ /* ----- png fix ----- */ /* Универсальные классы .png и .png_bg предназначены для отображения PNG с альфа-каналом в IE6. Для этого используются одноразовые expression и фильтр AlphaImageLoader. При загрузке к тегу применяется фильтр AlphaImageLoader. Изображение для фильтра вытягивается из свойства backgroundImage (или атрибута src). Последнее действие - обнуление свойства background у тега (если прозрачный png находится в подложке элемента), или замена атрибута src тега img на прозрачное однопиксельное изображение. */ * html .png_bg, * html .icon i, * html .icon8x12 i, * html .icon12x12 i, * html .icon16x16 i, * html .icon20x20 i, * html .icon24x24 i, * html .icon32x32 i { zoom: expression( runtimeStyle.zoom = 1, this.runtimeStyle.backgroundRepeat == 'no-repeat' ? runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+currentStyle.backgroundImage.split('\"')[1]+', sizingMethod=crop)' : runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+currentStyle.backgroundImage.split('\"')[1]+', sizingMethod=scale)', runtimeStyle.background = "none" ); } * html .png { zoom: expression( runtimeStyle.zoom = 1, runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+this.src+', sizingMethod=crop)', this.src = 'http://www.stb.ua/images/empty.gif' ); } a.png_bg, a.icon, a.icon8x12, a.icon12x12, a.icon16x16, a.icon20x20, a.icon24x24, a.icon32x32, a .png_bg, a .icon, a .icon8x12, a .icon12x12, a .icon16x16, a .icon20x20, a .icon24x24, a .icon32x32 { *cursor: pointer; } /* ----- /png fix ----- */ hr { margin: 0; } /* ----- default forms ----- */ input.file { padding: 3px; border: 1px solid gray; background: white; } .field { _height: 1%; } .level_form .field .name { _margin-right: -140px; /* устраняет 3-пиксельное смещение в IE6 */ } /* ----- /default forms ----- */ /* ----- rcbox ----- */ .rcbox { *zoom: 1; _height: 1%; } .rcbox_tl, .rcbox_tr, .rcbox_bl, .rcbox_br { _background-image: url("http://www.stb.ua/images/rcbox.gif"); } .rcbox_tr, .rcbox_br { _left: 0; /* исправляет прыганье правого уголка при разной ширине блока в IE6 */ _margin-left: 100%; } .has_bold_header .rcbox_header { _background-image: url("http://www.stb.ua/images/rcbox.gif"); } .rcbox_tab { *margin-left: 0.3em; *cursor: pointer; } .rcbox_tab_c { _width: 14px; } .rcbox_tabs .active { *cursor: default; } .rcbox_tabs .active .rcbox_tab_l, .rcbox_tabs .active .rcbox_tab_c, .rcbox_tabs .active .rcbox_tab_r { _background-image: url("http://www.stb.ua/images/rcbox_tab.gif"); } .rcbox_tabs .active .rcbox_tab_c { _width: 20px; } .rcbox_content { _overflow: visible; /* устраняет italic-баг в IE6 */ } /* ----- /rcbox ----- */ /* ----- btn ----- */ /* small (default) button */ .btn { _background-image: url("http://www.stb.ua/images/btn_s_active.gif"); } .btn_tl, .btn_tr, .btn_bl, .btn_br, .btn_tc, .btn_bc, .btn_ml, .btn_mr, .btn_content { _background-image: url("http://www.stb.ua/images/btn_s.gif"); } .btn_tr, .btn_br { _left: -6px; /* исправляет прыганье правого уголка при разной ширине блока в IE6 */ _margin-left: 100%; } .btn:hover .btn_tl, .btn:hover .btn_tr, .btn:hover .btn_bl, .btn:hover .btn_br, .btn:hover .btn_tc, .btn:hover .btn_bc, .btn:hover .btn_ml, .btn:hover .btn_mr, .btn:hover .btn_content { _background-image: url("http://www.stb.ua/images/btn_s_active.gif"); } /* middle button */ .btn_m { _background-image: url("http://www.stb.ua/images/btn_m_active.gif"); } .btn_m .btn_tl, .btn_m .btn_tr, .btn_m .btn_bl, .btn_m .btn_br, .btn_m .btn_tc, .btn_m .btn_bc, .btn_m .btn_ml, .btn_m .btn_mr, .btn_m .btn_content { _background-image: url("http://www.stb.ua/images/btn_m.gif"); } .btn_m:hover .btn_tl, .btn_m:hover .btn_tr, .btn_m:hover .btn_bl, .btn_m:hover .btn_br, .btn_m:hover .btn_tc, .btn_m:hover .btn_bc, .btn_m:hover .btn_ml, .btn_m:hover .btn_mr, .btn_m:hover .btn_content { _background-image: url("http://www.stb.ua/images/btn_m_active.gif"); } /* yellow button */ .btn_s_yellow { _background-image: url("http://www.stb.ua/images/btn_s_yellow_active.gif"); } .btn_m_yellow { _background-image: url("http://www.stb.ua/images/btn_m_yellow_active.gif"); } .btn_s_yellow .btn_tl, .btn_s_yellow .btn_tr, .btn_s_yellow .btn_bl, .btn_s_yellow .btn_br, .btn_s_yellow .btn_tc, .btn_s_yellow .btn_bc, .btn_s_yellow .btn_ml, .btn_s_yellow .btn_mr, .btn_s_yellow .btn_content { _background-image: url("http://www.stb.ua/images/btn_s_yellow.gif"); } .btn_s_yellow:hover .btn_tl, .btn_s_yellow:hover .btn_tr, .btn_s_yellow:hover .btn_bl, .btn_s_yellow:hover .btn_br, .btn_s_yellow:hover .btn_tc, .btn_s_yellow:hover .btn_bc, .btn_s_yellow:hover .btn_ml, .btn_s_yellow:hover .btn_mr, .btn_s_yellow:hover .btn_content { _background-image: url("http://www.stb.ua/images/btn_s_yellow_active.gif"); } .btn_m_yellow .btn_tl, .btn_m_yellow .btn_tr, .btn_m_yellow .btn_bl, .btn_m_yellow .btn_br, .btn_m_yellow .btn_tc, .btn_m_yellow .btn_bc, .btn_m_yellow .btn_ml, .btn_m_yellow .btn_mr, .btn_m_yellow .btn_content { _background-image: url("http://www.stb.ua/images/btn_m_yellow.gif"); } .btn_m_yellow:hover .btn_tl, .btn_m_yellow:hover .btn_tr, .btn_m_yellow:hover .btn_bl, .btn_m_yellow:hover .btn_br, .btn_m_yellow:hover .btn_tc, .btn_m_yellow:hover .btn_bc, .btn_m_yellow:hover .btn_ml, .btn_m_yellow:hover .btn_mr, .btn_m_yellow:hover .btn_content { _background-image: url("http://www.stb.ua/images/btn_m_yellow_active.gif"); } /* red button */ .btn_s_red { _background-image: url("http://www.stb.ua/images/btn_s_red_active.gif"); } .btn_m_red { _background-image: url("http://www.stb.ua/images/btn_m_red_active.gif"); } .btn_s_red .btn_tl, .btn_s_red .btn_tr, .btn_s_red .btn_bl, .btn_s_red .btn_br, .btn_s_red .btn_tc, .btn_s_red .btn_bc, .btn_s_red .btn_ml, .btn_s_red .btn_mr, .btn_s_red .btn_content { _background-image: url("http://www.stb.ua/images/btn_s_red.gif"); } .btn_s_red:hover .btn_tl, .btn_s_red:hover .btn_tr, .btn_s_red:hover .btn_bl, .btn_s_red:hover .btn_br, .btn_s_red:hover .btn_tc, .btn_s_red:hover .btn_bc, .btn_s_red:hover .btn_ml, .btn_s_red:hover .btn_mr, .btn_s_red:hover .btn_content { _background-image: url("http://www.stb.ua/images/btn_s_red_active.gif"); } .btn_m_red .btn_tl, .btn_m_red .btn_tr, .btn_m_red .btn_bl, .btn_m_red .btn_br, .btn_m_red .btn_tc, .btn_m_red .btn_bc, .btn_m_red .btn_ml, .btn_m_red .btn_mr, .btn_m_red .btn_content { _background-image: url("http://www.stb.ua/images/btn_m_red.gif"); } .btn_m_red:hover .btn_tl, .btn_m_red:hover .btn_tr, .btn_m_red:hover .btn_bl, .btn_m_red:hover .btn_br, .btn_m_red:hover .btn_tc, .btn_m_red:hover .btn_bc, .btn_m_red:hover .btn_ml, .btn_m_red:hover .btn_mr, .btn_m_red:hover .btn_content { _background-image: url("http://www.stb.ua/images/btn_m_red_active.gif"); } /* blue button */ .btn_s_blue { _background-image: url("http://www.stb.ua/images/btn_s_blue_active.gif"); } .btn_m_blue { _background-image: url("http://www.stb.ua/images/btn_m_blue_active.gif"); } .btn_s_blue .btn_tl, .btn_s_blue .btn_tr, .btn_s_blue .btn_bl, .btn_s_blue .btn_br, .btn_s_blue .btn_tc, .btn_s_blue .btn_bc, .btn_s_blue .btn_ml, .btn_s_blue .btn_mr, .btn_s_blue .btn_content { _background-image: url("http://www.stb.ua/images/btn_s_blue.gif"); } .btn_s_blue:hover .btn_tl, .btn_s_blue:hover .btn_tr, .btn_s_blue:hover .btn_bl, .btn_s_blue:hover .btn_br, .btn_s_blue:hover .btn_tc, .btn_s_blue:hover .btn_bc, .btn_s_blue:hover .btn_ml, .btn_s_blue:hover .btn_mr, .btn_s_blue:hover .btn_content { _background-image: url("http://www.stb.ua/images/btn_s_blue_active.gif"); } .btn_m_blue .btn_tl, .btn_m_blue .btn_tr, .btn_m_blue .btn_bl, .btn_m_blue .btn_br, .btn_m_blue .btn_tc, .btn_m_blue .btn_bc, .btn_m_blue .btn_ml, .btn_m_blue .btn_mr, .btn_m_blue .btn_content { _background-image: url("http://www.stb.ua/images/btn_m_blue.gif"); } .btn_m_blue:hover .btn_tl, .btn_m_blue:hover .btn_tr, .btn_m_blue:hover .btn_bl, .btn_m_blue:hover .btn_br, .btn_m_blue:hover .btn_tc, .btn_m_blue:hover .btn_bc, .btn_m_blue:hover .btn_ml, .btn_m_blue:hover .btn_mr, .btn_m_blue:hover .btn_content { _background-image: url("http://www.stb.ua/images/btn_m_blue_active.gif"); } /* gold button */ .btn_s_gold { _background-image: url("http://www.stb.ua/images/btn_s_gold_active.gif"); } .btn_m_gold { _background-image: url("http://www.stb.ua/images/btn_m_gold_active.gif"); } .btn_s_gold .btn_tl, .btn_s_gold .btn_tr, .btn_s_gold .btn_bl, .btn_s_gold .btn_br, .btn_s_gold .btn_tc, .btn_s_gold .btn_bc, .btn_s_gold .btn_ml, .btn_s_gold .btn_mr, .btn_s_gold .btn_content { _background-image: url("http://www.stb.ua/images/btn_s_gold.gif"); } .btn_s_gold:hover .btn_tl, .btn_s_gold:hover .btn_tr, .btn_s_gold:hover .btn_bl, .btn_s_gold:hover .btn_br, .btn_s_gold:hover .btn_tc, .btn_s_gold:hover .btn_bc, .btn_s_gold:hover .btn_ml, .btn_s_gold:hover .btn_mr, .btn_s_gold:hover .btn_content { _background-image: url("http://www.stb.ua/images/btn_s_gold_active.gif"); } .btn_m_gold .btn_tl, .btn_m_gold .btn_tr, .btn_m_gold .btn_bl, .btn_m_gold .btn_br, .btn_m_gold .btn_tc, .btn_m_gold .btn_bc, .btn_m_gold .btn_ml, .btn_m_gold .btn_mr, .btn_m_gold .btn_content { _background-image: url("http://www.stb.ua/images/btn_m_gold.gif"); } .btn_m_gold:hover .btn_tl, .btn_m_gold:hover .btn_tr, .btn_m_gold:hover .btn_bl, .btn_m_gold:hover .btn_br, .btn_m_gold:hover .btn_tc, .btn_m_gold:hover .btn_bc, .btn_m_gold:hover .btn_ml, .btn_m_gold:hover .btn_mr, .btn_m_gold:hover .btn_content { _background-image: url("http://www.stb.ua/images/btn_m_gold_active.gif"); } /* gray button */ .btn_s_gray { _background-image: url("http://www.stb.ua/images/btn_s_gray_active.gif"); } .btn_m_gray { _background-image: url("http://www.stb.ua/images/btn_m_gray_active.gif"); } .btn_s_gray .btn_tl, .btn_s_gray .btn_tr, .btn_s_gray .btn_bl, .btn_s_gray .btn_br, .btn_s_gray .btn_tc, .btn_s_gray .btn_bc, .btn_s_gray .btn_ml, .btn_s_gray .btn_mr, .btn_s_gray .btn_content { _background-image: url("http://www.stb.ua/images/btn_s_gray.gif"); } .btn_s_gray:hover .btn_tl, .btn_s_gray:hover .btn_tr, .btn_s_gray:hover .btn_bl, .btn_s_gray:hover .btn_br, .btn_s_gray:hover .btn_tc, .btn_s_gray:hover .btn_bc, .btn_s_gray:hover .btn_ml, .btn_s_gray:hover .btn_mr, .btn_s_gray:hover .btn_content { _background-image: url("http://www.stb.ua/images/btn_s_gray_active.gif"); } .btn_m_gray .btn_tl, .btn_m_gray .btn_tr, .btn_m_gray .btn_bl, .btn_m_gray .btn_br, .btn_m_gray .btn_tc, .btn_m_gray .btn_bc, .btn_m_gray .btn_ml, .btn_m_gray .btn_mr, .btn_m_gray .btn_content { _background-image: url("http://www.stb.ua/images/btn_m_gray.gif"); } .btn_m_gray:hover .btn_tl, .btn_m_gray:hover .btn_tr, .btn_m_gray:hover .btn_bl, .btn_m_gray:hover .btn_br, .btn_m_gray:hover .btn_tc, .btn_m_gray:hover .btn_bc, .btn_m_gray:hover .btn_ml, .btn_m_gray:hover .btn_mr, .btn_m_gray:hover .btn_content { _background-image: url("http://www.stb.ua/images/btn_m_gray_active.gif"); } /* btn mark */ a.btn_mark, a .btn_mark { *cursor: pointer; } .btn_mark_yellow .btn_mark_l, .btn_mark_yellow .btn_mark_r, .btn_mark_yellow .btn_mark_c { _background-image: url("http://www.stb.ua/images/mark_yellow.gif"); } .btn_mark_red .btn_mark_l, .btn_mark_red .btn_mark_r, .btn_mark_red .btn_mark_c { _background-image: url("http://www.stb.ua/images/mark_red.gif"); } .btn_mark_r { _left: -5px; /* исправляет прыганье правого уголка при разной ширине блока в IE6 */ _margin-left: 100%; } .btn_mark_c { _display: inline-block; } /* ----- /btn ----- */ /* ----- icons ----- */ .has_icon8x12 .icon8x12, .has_icon12x12 .icon12x12, .has_icon16x16 .icon16x16, .has_icon20x20 .icon20x20, .has_icon24x24 .icon24x24, .has_icon32x32 .icon32x32 { *top: 0; } .icon, .icon8x12, .icon12x12, .icon16x16, .icon20x20, .icon24x24, .icon32x32 { _background: none; } .icon i, .icon8x12 i, .icon12x12 i, .icon16x16 i, .icon20x20 i, .icon24x24 i, .icon32x32 i { _display: block; _position: absolute; _top: 336px; _width: 128px; /* ширина картинки common_icons.png */ _height: 336px; /* высота картинки common_icons.png */ _overflow: hidden; _background: url("http://www.stb.ua/images/common_icons.png") 0 0 no-repeat; } /* arrow icons */ .icon_arrow1_b i { _top: 0; _left: 0; } .icon_arrow1_r i { _top: 0; _left: -16px; } .icon_arrow1_l i { _top: 0; _left: -24px; } .icon_arrow2_t i { _top: -12px; _left: -8px; } .icon_arrow2_b i { _top: -12px; _left: 0; } .icon_arrow2_r i { _top: -12px; _left: -16px; } .icon_arrow2_l i { _top: -12px; _left: -24px; } .icon_arrow3_r i { _top: -24px; _left: -24px; } .icon_arrow3_l i { _top: -24px; _left: -32px; } .icon_arrow4_r i { _top: -60px; _left: 0; } .icon_arrow5_r i { _top: -36px; _left: -24px; } .icon_arrow5_l i { _top: -36px; _left: -32px; } .icon_arrow6_b i { _top: 0; _left: -32px; } .icon_arrow7_l i { _top: -24px; _left: -84px; } .icon_arrow7_r i { _top: -24px; _left: -72px; } .icon_arrow7_t i { _top: -24px; _left: -60px; } .icon_arrow7_b i { _top: -24px; _left: -48px; } /* misc icons */ .icon_flag1 i { _top: -60px; _left: -16px; } .icon_flag2 i { _top: -60px; _left: -32px; } .icon_link i { _top: -112px; _left: -80px; } .icon_hand_up i { _top: -112px; _left: 0; } .icon_hand_down i { _top: -112px; _left: -40px; } .icon_topic i { _top: -132px; _left: 0; } .icon_read_more i { _top: -60px; _left: -48px; } .icon_delete i { _top: -48px; _left: 0; } .icon_edit i { _top: -48px; _left: -12px; } .icon_ban i, .icon_banip i { _top: -48px; _left: -24px; } .icon_question i { _top: -60px; _left: -64px; } /* services' icons */ .icon_fb16x16 i { _top: -312px; _left: -48px ; } .icon_vk16x16 i { _top: -312px; _left: -80px; } .icon_mail24x24 i { _top: -312px; _left: 0; } .icon_mail32x32 i { _top: -184px; _left: 0; } .icon_rss32x32 i { _top: -184px; _left: -64px; } .icon_yt32x32 i { _top: -280px; _left: 0; } .icon_fb32x32 i { _top: -248px; _left: 0; } .icon_tw32x32 i { _top: -216px; _left: 0; } .icon_lj32x32 i { _top: -248px; _left: -64px; } .icon_vk32x32 i { _top: -216px; _left: -64px; } /* ----- /icons ----- */ /* -------------------- /COMMON -------------------- */ /* -------------------- LAYOUT -------------------- */ /* ----- branding ----- */ .br_tr, .br_br { *width: 49.99%; /* устраняет прыганье полосы прокрутки при ресайзе окна в IE6-7 */ } /* ----- /branding ----- */ /* ----- base ----- */ body { _height: 100%; } .wrapper1, .wrapper2 { *zoom: 1; _height: 1%; } .top_a_block { *zoom: 1; *padding-bottom: 10px; _height: 1%; } .base_wrapper { _width: 996px; _background: none; /* IE6 - без теней по бокам */ } .footer_wrapper { _width: 996px; _background: url("http://www.stb.ua/images/footer_sh.gif") 50% 0 no-repeat; } .top_sh{ _height: 0; _overflow: hidden; } /* ----- /base ----- */ /* ----- header ----- */ .header { *zoom: 1; _height: 1%; } .main_submenu { _height: 288px; } .main_submenu .read_more { *zoom: 1; _height: 1%; } .header_content { *zoom: 1; _height: 166px; } .header .search_form .field { *padding-top: 2px; } .header .login_form .fieldset_logout { *position: relative; } .header .login_form .fieldset_logout_wr1 { *display: block; *position: absolute; *left: 0; *top: 50%; *z-index: 1; } .header .login_form .fieldset_logout_wr2 { *display: block; *position: relative; *top: -50%; *height: auto; } .header_visual_text { _display: inline; } .header_visual_text .btn_watch { _width: 98px; } .lang_switcher a { _height: 15px; } .header_aux .top_event_content { _width: 580px; _height: 21px; } .header_aux .top_event_actions { _background: #780513 url("http://www.stb.ua/images/header_aux_bg.gif") 0 0 repeat-x; } .header_aux .top_event_sh i { _display: none; } /* ----- /header ----- */ /* ----- main ----- */ .main_content { *zoom:1; } .sec_menu span { _display: inline; } .sec_menu a { _height: 15px; } .sidebar1, .content, .sidebar2 { _clear: right; /* устраняет сбрасывание колонок при переполнении */ } /* ----- /main ----- */ /* -------------------- /LAYOUT -------------------- */ /* -------------------- CONTENT -------------------- */ /* ----- calendar ----- */ .calendar_header_t, .calendar_header_tl, .calendar_header_tr, .calendar_header_c { _background-image: url("http://www.stb.ua/images/calendar.gif"); } .calendar_header_tr { _left: 0; /* исправляет прыганье правого уголка при разной ширине блока в IE6 */ _margin-left: 100%; } .calendar_header .previous_control i { _top: -92px; _left: 0; } .calendar_header .next_control i { _top: -92px; _left: -16px; } /* ----- /calendar ----- */ /* ----- pager ----- */ .pager .control { _width: 10px; } .pager .icon_arrow1_l, .pager .icon_arrow1_r { *top: 0; } /* ----- /pager ----- */ /* ----- player ----- */ /* для IE6-7 применяется выравнивание изображения по центру путем позиционирования */ .player_box .player_image { *position: absolute; *left: 0; *top: 50%; *z-index: 1; *width: auto; *height: auto; } .player_box .player_image img { *display: block; *position: relative; *top: -50%; } /* ----- /player ----- */ /* ----- feed ----- */ .feed_rubricator { *zoom: 1; _height: 1%; } .feed_rubricator .fields_colset .last_col { *width: 48.9%; } .feed_rubricator .field_value_item { padding: 1px 0; *width: 47.9%; _margin-right: 0; _padding-right: 2%; } .feed_rubricator .controlset .btn_reset { *margin-right: 3px; } .feed_rubricator input.checkbox { margin-right: 1px; } .feed_s-r { _height: 1px; /* высота для IE6 никак не хочет быть нулевой */ } .feed_list { _overflow: visible; /* устраняет italic-баг в IE6 */ } .feed_image .image_overlay { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* полупрозрачность для всех IE */ _height: 70px; } .feed_image a .image_overlay { *cursor: pointer; /* устраняет баг с курсором в IE6-7 */ } .feed_view .feed_image .image_overlay { _height: 224px; _padding: 1px; } .feed_userinfo .feed_image { *margin-right: 3px; *display: inline; } .feed_view { _overflow: visible; /* устраняет italic-баг в IE6 */ } .feed_clock { _width: 66px; } a .feed_image_data { *cursor: pointer; /* устраняет баг с курсором в IE6-7 */ } .top_feed_m { *zoom: 1; _height: 1%; } .top_feed_tr, .top_feed_br { _left: -1px; _margin-left: 100%; } /* ----- feed ----- */ /* ----- gallery ----- */ .gallery_s-r { _height: 1px; /* высота для IE6 никак не хочет быть нулевой */ } .gallery_image .image_overlay { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* полупрозрачность для всех IE */ _height: 70px; } .gallery_image a .image_overlay { *cursor: pointer; /* устраняет баг с курсором в IE6-7 */ } /* ----- /gallery ----- */ /* ----- blocks ----- */ .tvguide_block .rcbox_bl { _background-image: url("http://www.stb.ua/images/rcbox1.gif"); } .tvguide_block .rcbox_tab_c, .tvguide_block .rcbox_tabs .active .rcbox_tab_c { _width: 27px; /* имитирует min-width в IE6 */ } .tvguide_block .rcbox_tabs .current .rcbox_tab_c { _width: 40px; /* имитирует min-width в IE6 */ } .tvguide_block .rcbox_tabs .first_tab .rcbox_tab_c, .tvguide_block .rcbox_tabs .last_tab .rcbox_tab_c { _width: 64px; /* имитирует min-width в IE6 */ } /* ----- /blocks ----- */ /* ----- misc ----- */ .ul1 .icon_bullet1 { *top: 0.1em; } .news_links .iconset a { *margin-right: 13px; } /* ----- /misc ----- */ /* -------------------- /CONTENT -------------------- */ /* -------------------- FORMS -------------------- */ .forms_form .second_field { *width: 48.9%; } /* -------------------- /FORMS -------------------- */