/** * Dixio 1.0 theme port using http://www.schillmania.com/content/projects/even-more-rounded-corners/ **/ /* ============== */ /* = Structural = */ /* ============== */ /** * This first part is common to all themes. * It is the equivalent of PWC's `dialog.css`. **/ /* Reset CSS rules for window and all elements within window */ .dixio-window, /* .dixio-window-iframeShim, */ .dixio-window * { border: 0; margin: 0; padding: 0; text-align: left; vertical-align: baseline; font-size: 100%; outline: 0; background: transparent; /*cursor: default !important;*/ cursor: default; /* You'd probably want to add other resets here when using XSS */ } .dixio-window { position: absolute; } /* Apply background to all markup components */ .dixio-window-top, .dixio-window-left, .dixio-window-bottom, .dixio-window-bottom div { background: transparent url(window.png) no-repeat top right; /* Jpeg version for IE6 */ _background-image: url(window_ie6.jpg); } .dixio-window-top { position: relative; /* force layout on IE6 */ zoom: 1; _overflow-y: hidden; } /* top+left vertical slice */ .dixio-window-left { background-position: top left; position: absolute; left: 0; top: 0; height: 100%; _height: 2000px; /* arbitrary long height, IE6 */ } .dixio-window-content { position: relative; overflow: auto; } /* bottom horizontal slice */ .dixio-window-bottom { background-position: bottom right; position: relative; width: 100%; font-size: 1px; } /* bottom-left corner */ .dixio-window-bottom div { background-position: bottom left; position: relative; } .dixio-window-closeButton { position: absolute; cursor: pointer; } .dixio-window-iframeShim { position: absolute; width: 100%; height: 100%; } /* Overlay which is in front while dragging (contained in ) */ .dixio-window-dragOverlay { position: absolute; width: 100%; /* Important: IE7 has a renderring/event handling bug, * The drag overlay won't catch mouse events if transparent */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity: 0; background-color: white; height: 100%; top: 0; left: 0; } .dixio-window-dragOverlay, .dixio-window-titleBar { cursor: move; } /* Iframe */ .dixio-window-iframe { position: absolute; top:0; left:0; width: 100%; height: 100%; } /* ================== */ /* = Theme specific = */ /* ================== */ .dixio-window { font-size: 80%; margin-left: 12px; /* default, width of left corner */ /* Shadow filter for IE6 : http://msdn.microsoft.com/en-us/library/ms533086(VS.85).aspx */ _padding: 5px; _filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=210, strength=7) } .dixio-window-iframeShim { /* Shadows on IE7 */ /* margin: 0px 7px 10px 7px; */ /* margin: 0px 7px 10px 5px; - esto no funciona */ /* margin: 0px 7px 10px 9px; - esto lo empeora */ /* margin: 0px 7px 10px 0px; - esto lo arregla demasiado */ /* margin: 0px 7px 10px 3px; - esto arregla el margen izquierdo pero anyade uno derecho - suspiro */ margin: 0px 5px 10px 3px; /* esto funciona bien en IE7. OK tambien en FF3 */ /* Shadows on IE6 * You'll have to manually adjust those value depending on above _filter declaration */ /* _margin: 3px -3px 15px 10px; */ /* _margin: 3px -3px 15px 6px; demasiado margen izquierdo anyadido */ /* _margin: 3px -3px 15px 8px; demasiado margen izq y falta dcha */ /* _margin: 3px -3px 15px 9px; izq perfecto. dcha falta 1 pix */ _margin: 3px -2px 15px 9px; } .dixio-window-left { /* top+left vertical slice */ width: 12px; /* top slice width */ margin-left: -12px; _width: 5px; /* without shadow on IE6 */ _margin-left: -5px; } .dixio-window-content { margin-right: 10px; _margin-right: 5px; } .dixio-window-bottom, .dixio-window-bottom div { height: 10px; /* height of bottom cap/shade */ _height: 5px; /* without shadow on IE6 */ } .dixio-window-bottom div { width:12px; /* bottom corner width */ margin-left:-12px; _width: 5px; /* without shadow on IE6 */ _margin-left: -5px; } /** * Components **/ .dixio-window-titleBar { height: 32px; padding-right: 32px; /* don't overlap on button */ padding-top: 9px; } .dixio-window-closeButton { height:23px; right:13px; top:12px; width:23px; } .dixio-window-spinner { width: 100%; height: 100%; background: #fefefe url(loading_icon.gif) no-repeat center; } .dixio-window-adBar { height: 62px; background-color: #e6e8e7; margin-right: 10px; _margin-right: 5px; overflow:hidden; } /* Logos en el header de la ventana */ .dixio_div_logo_dixio img{ float:left; _margin-top:0px; } .dixio_window_header-logo-dixio { float: left; /*para poner para poner el logo de dixio a la izquierda */ /*display: none;*/ /*para eliminar el logo de dixio*/ overflow:hidden; _margin-top:-7px; } .dixio_window_header-logo-partner { /*float: right; /*para poner el logo del partner a la derecha */ float: left; /*para poner para poner el logo del partner a la izquierda */ /* display: none; para eliminar el logo del partner */ overflow:hidden; _margin-top:-7px; } .logo_partner_container { float: left; margin-left:3px; overflow:hidden; width:250px; } .logo_partner_container{ } .dixio_download_dd2{ margin-right:10px; margin-top:1px; z-index:9999; _margin-top:-7px; } .dixio_download_dd2 img{ /*float: right; /*para poner el logo del partner a la derecha */ float: right; /*para poner para poner el logo del partner a la izquierda */ /* display: none; para eliminar el logo del partner */ padding-top:2px; cursor: pointer; } * +html .dixio_download_dd2{ margin-top:1px; } +html .dixio-window-titleBar{ padding-top: 4px; }