/* $Id: ie.css,v 1.2.2.3 2009/02/13 07:51:18 johnalbin Exp $ */ /* * IE CSS * * CSS targeted specifically for Internet Explorer for Windows. * * While building your theme, you should be aware that IE limits Drupal to 31 * stylesheets total. The work-around for the bug is to enable CSS aggregation * under: admin / settings / performance. * * Properties starting with an underscore _ are for IE 5 and 6 only. * Properties starting with head:first-child+body are for IE7 only. * Properties with a child selector (>) or sibling selector (+) are for IE7 only. * */ /* * Layout CSS */ /** body **/ body { _text-align: center; /* 1st part of IE5/IE6quirks centering hack */ } #page { _text-align: left; /* 2nd part of IE5/IE6quirks centering hack */ } #closure-blocks *, #header *, #content-bottom *, .field-field-foto1 *, .field-field-resumen1 *, .field *, #block-block-16 * { background-color: transparent; border: none; } #block-block-16 * { background: White; border: none medium; } #block-views-carousel_front-block_1 .jcarousel-container-horizontal { width: 400px; } #block-views-carousel_front-block_1 .jcarousel-clip-horizontal { width: 500px; } #block-views-carousel_front-block_1 .jcarousel-item { width: 230px; } #white { background: url(images/columna-main1.jpg) -1px 24px no-repeat scroll; } #block-menu-menu-menu-alto { background: transparent; border: none; } #block-menu-menu-menu-alto ul.menu a:hover, #block-menu-menu-menu-alto ul.menu a.active-trail { border-right: 4px solid orange; } #block-menu-menu-menu-alto ul.menu li.leaf a#empresa:link, #block-menu-menu-menu-alto ul.menu li.leaf a#empresa:visited { background: transparent url(images/menuleft-empresa8.png) no-repeat scroll left top; } #block-menu-menu-menu-alto ul.menu li.leaf a#servicios:link, #block-menu-menu-menu-alto ul.menu li.leaf a#servicios:visited { background: transparent url(images/menuleft-servicios8.png) no-repeat scroll left top; } #block-menu-menu-menu-alto ul.menu li.leaf a#tienda:link, #block-menu-menu-menu-alto ul.menu li.leaf a#tienda:visited { background: transparent url(images/menuleft-tienda8.png) no-repeat scroll left top; } #block-menu-menu-menu-alto ul.menu li.leaf a#dondeestamos:link, #block-menu-menu-menu-alto ul.menu li.leaf a#dondeestamos:visited { background: transparent url(images/menuleft-dondeestamos8.png) no-repeat scroll left top; } #block-menu-menu-menu-alto ul.menu li.leaf a#blog:link, #block-menu-menu-menu-alto ul.menu li.leaf a#blog:visited { background: transparent url(images/menuleft-blog8.png) no-repeat scroll left top; } #block-menu-menu-menu-alto ul.menu li.leaf a#documentacion:link, #block-menu-menu-menu-alto ul.menu li.leaf a#documentacion:visited { background: transparent url(images/menuleft-documentacion8.png) no-repeat scroll left top; } body.section-donde-estamos iframe { width: 610px; border: none; } #node-79 .content { padding: 0px; } #main-inner { height: 460px; } #block-block-17 { width: 300px; } #block-block-17 .content a, .contenedor-generar-pdf a { background: url(images/descargar.png) no-repeat scroll left 0px; } /** main (container for everything else) **/ #main { _zoom: 1; /* Otherwise with a liquid layout, sidebars disappear when resizing the windows in IE6 */ } /* CUSTOM */ #block-views-calendar-calendar_block_1 h2 { width: auto; height: auto; clear: none; text-indent: 0px; background: none; font-size: 100%; } #closure-blocks .block-inner, #closure-blocks .block .content { background-color: transparent; } #portada-minipanel .panel-col-first { } #portada-minipanel .panel-col-last { } #block-menu-menu-menu-top a:link { background: transparent; color: Green; } .field-field-resumen { background: none White !important; } /** floating divs **/ #content, #navbar, #sidebar-left, #sidebar-right { _display: inline; /* display inline or double your floated margin! [1] */ _overflow: hidden; /* in ie6, overflow auto is broken [2] and so is overflow visible [3] */ _overflow-y: visible; } /* * Tabs CSS - IE 5 and 6 don't support PNGs with alpha transparency. */ ul.primary li a, ul.primary li a .tab, ul.secondary li a, ul.secondary li a .tab { _display: inline; /* Otherwise the blocks mistakenly get 100% width in IE5 */ _di\splay: inline-block; /* Otherwise the blocks mistakenly get 100% width in IE6 */ cursor: pointer; } ul.primary, ul.secondary { _width: 100%; /* Otherwise IE5 treats the ul as floated */ _w\idth: auto; /* Reset to auto width for IE6 */ } ul.primary li a { _background: url(images/tab-left-ie6.png) no-repeat left -38px; } ul.primary li a .tab { _background: url(images/tab-right-ie6.png) no-repeat right -38px; } ul.primary li a:hover { _background: url(images/tab-left-ie6.png) no-repeat left -76px; } ul.primary li a:hover .tab { _background: url(images/tab-right-ie6.png) no-repeat right -76px; } ul.primary li.active a, ul.primary li.active a:hover { _background: url(images/tab-left-ie6.png) no-repeat left 0; } ul.primary li.active a .tab, ul.primary li.active a:hover .tab { _background: url(images/tab-right-ie6.png) no-repeat right 0; } /* * Messages - IE 5 and 6 don't support PNGs with alpha transparency. */ div.messages, /* Important messages (status, warning, and error) for the user */ div.status, div.warning, div.error { _background-image: url(images/messages-status-ie6.png); } div.warning /* Medium priority messages */ { _background-image: url(images/messages-warning-ie6.png); } div.error /* High priority messages. See also the .error declaration below. */ { _background-image: url(images/messages-error-ie6.png); } /** Drupal nodes **/ .node-unpublished .node-inner>* { position: relative; /* Otherwise these elements will appear below the "Unpublished" text. */ } /** Drupal admin tables **/ .section-admin #content tr.even th, .section-admin #content tr.even td, .section-admin #content tr.odd th, .section-admin #content tr.odd td { border-bottom: 1px solid #ccc; /* IE doesn't display borders on table rows */ } /* * REFERENCES * 1. http://www.positioniseverything.net/explorer/doubled-margin.html 2. http://browservulsel.blogspot.com/2005/04/ie-overflow-auto-scrollbar-overlap.html 3. http://www.howtocreate.co.uk/wrongWithIE/?chapter=overflow%3Avisible%3B * */