PageRenderTime 18ms CodeModel.GetById 9ms app.highlight 5ms RepoModel.GetById 2ms app.codeStats 0ms

/css/ie6.css

https://gitlab.com/vozmob/cdh_monterrey_theme
CSS | 105 lines | 59 code | 20 blank | 26 comment | 0 complexity | 19905bab848396cf7f7780205e57ebdb MD5 | raw file
  1/**
  2 * @file
  3 * CSS targeted specifically for Internet Explorer 5 and 6 for Windows.
  4 *
  5 * Any CSS in this file will override the rules specified in the ie.css file.
  6 */
  7
  8
  9/*
 10 * Layout CSS
 11 */
 12
 13body {
 14  text-align: center; /* 1st part of IE5/IE6quirks centering hack */
 15}
 16
 17#cdhm-page {
 18  text-align: left; /* LTR */ /* 2nd part of IE5/IE6quirks centering hack */
 19}
 20
 21#cdhm-main-wrapper {
 22  zoom: 1; /* Otherwise with a liquid layout, sidebars disappear when resizing the windows in IE6 */
 23}
 24
 25#content,
 26#navigation,
 27.region-sidebar-first,
 28.region-sidebar-second /* Floating divs */ {
 29  display: inline; /* display inline or double your floated margin! [1] */
 30  overflow: hidden; /* in ie6, overflow auto is broken [2] and so is overflow visible [3] */
 31  overflow-y: visible;
 32}
 33
 34/*
 35 * Tabs - IE 5 and 6 don't support PNGs with alpha transparency.
 36 */
 37
 38ul.primary li a,
 39ul.primary li a .tab,
 40ul.secondary li a,
 41ul.secondary li a .tab {
 42  display: inline-block; /* Otherwise the blocks mistakenly get 100% width in IE6 */
 43}
 44
 45ul.primary li a {
 46  background: url(../images/tab-left-ie6.png) no-repeat left -38px;
 47}
 48
 49ul.primary li a .tab {
 50  background: url(../images/tab-right-ie6.png) no-repeat right -38px;
 51}
 52
 53ul.primary li a:hover,
 54ul.primary li a:focus {
 55  background: url(../images/tab-left-ie6.png) no-repeat left -76px;
 56}
 57
 58ul.primary li a:hover .tab,
 59ul.primary li a:focus .tab {
 60  background: url(../images/tab-right-ie6.png) no-repeat right -76px;
 61}
 62
 63ul.primary li.active a,
 64ul.primary li.active a:hover,
 65ul.primary li.active a:focus {
 66  background: url(../images/tab-left-ie6.png) no-repeat left 0;
 67}
 68
 69ul.primary li.active a .tab,
 70ul.primary li.active a:hover .tab,
 71ul.primary li.active a:focus .tab {
 72  background: url(../images/tab-right-ie6.png) no-repeat right 0;
 73}
 74
 75/*
 76 * Messages - IE 5 and 6 don't support PNGs with alpha transparency.
 77 */
 78
 79div.messages,
 80div.status,
 81div.warning,
 82div.error /* Important messages (status, warning, and error) for the user */ {
 83  background-image: url(../images/messages-status-ie6.png);
 84}
 85
 86div.warning /* Medium priority messages */ {
 87  background-image: url(../images/messages-warning-ie6.png);
 88}
 89
 90div.error /* High priority messages. See also the .error declaration below. */ {
 91  background-image: url(../images/messages-error-ie6.png);
 92}
 93
 94
 95/*
 96 * REFERENCES
 97 *
 98
 991. http://www.positioniseverything.net/explorer/doubled-margin.html
1002. http://browservulsel.blogspot.com/2005/04/ie-overflow-auto-scrollbar-overlap.html
1013. http://www.howtocreate.co.uk/wrongWithIE/?chapter=overflow%3Avisible%3B
1024. http://www.ryanbrill.com/archives/multiple-classes-in-ie
103
104 *
105 */