Changeset 5940


Ignore:
Timestamp:
04/23/10 12:45:37 (9 years ago)
Author:
patdenice
Message:

Fix display for IE7 and IE6

Location:
extensions/luciano
Files:
1 added
3 edited
1 moved

Legend:

Unmodified
Added
Removed
  • extensions/luciano/fix-ie6.css

    r5921 r5940  
    1 /* Issues in IE from 5 to 6 only not to be used with IE7 */ 
     1/* Fix for IE5 or IE6 */ 
    22 
    3 #thePage {height: 100%;} 
    4 #rss                    { top: 10px;} 
    5 #menubar dl             { overflow: hidden;} 
    6 #content                { overflow: hidden;} 
     3#thePage { height: 100%;} 
     4#content, #menubar dl { overflow: hidden;} 
    75 
    8 .categoryActions { width: 220px;} 
    96.thumbnailCategory      { position: relative;} 
    107.thumbnailCategories .illustration { margin: 10px 5px} 
    118.thumbnailCategories .description { width: 180px; padding: 0;} 
    12 #content div.footer                     { height: 9px; overflow: hidden; } 
    139 
    14 .thumbnails             { margin: 0;} 
    1510.thumbnails li  { overflow: hidden;} 
    1611 
    17 #mbIdentification .actions { line-height:1.2em;} 
    1812#linkThumbs                                             { position: absolute; top: 0; left: 400px; width: 224px; height: 600px; background-image: url(transparent.gif); } 
  • extensions/luciano/fix-ie7.css

    r5934 r5940  
    1 /* fix IE with another layout for thumbnails */ 
     1/* Fix for IE < 8 */ 
    22 
    33.content UL.thumbnails SPAN.wrap2 { 
     
    99.content UL.thumbnails SPAN.wrap2 SPAN { 
    1010  width:170px; 
    11   overflow: visible; 
    1211  position: absolute; 
    1312  top: 50%; 
     
    1716.content UL.thumbnails IMG.thumbnail { 
    1817  position: relative; 
    19   top: -50%;    
     18  top: -50%; 
    2019} 
  • extensions/luciano/local_head.tpl

    r5921 r5940  
     1<!--[if lt IE 8]> 
     2        <link rel="stylesheet" type="text/css" href="{$ROOT_URL}themes/luciano/fix-ie7.css"> 
     3<![endif]--> 
    14<!--[if lt IE 7]> 
    2 <link rel="stylesheet" type="text/css" href="{$ROOT_URL}themes/luciano/fix-ie5-ie6.css"> 
    3 <![endif]--> 
    4 <!--[if gt IE 6]> 
    5         <link rel="stylesheet" type="text/css" href="{$ROOT_URL}themes/luciano/fix-ie7.css"> 
     5        <link rel="stylesheet" type="text/css" href="{$ROOT_URL}themes/luciano/fix-ie6.css"> 
    66<![endif]--> 
    77 
  • extensions/luciano/theme.css

    r5934 r5940  
    22del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, 
    33form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
    4         { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent } 
    5  
    6 body                                            { line-height: 1 } 
     4        { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } 
     5 
     6body                                            { line-height: 1; } 
    77ol, ul                                          { list-style: none } 
    88blockquote, q           { quotes: none } 
     
    2020fieldset                                                                                { margin: 0; padding-right: 2em; } 
    2121legend                                                                                  { padding: 0; } 
    22 label                                                                                           { float:left; width:12em; display:block; clear:left; text-align:left;  cursor:hand; } 
     22label                                                                                           { float:left; width:12em; clear:left; text-align:left;  cursor:hand; } 
    2323textarea, input, select, label, button, optgroup        { margin-top:5px; } 
    2424input[type="checkbox"] ,input[type="radio"]     { margin-bottom:7px; } 
     
    3131input:focus     { border: 1px solid #666; } 
    3232select                  { background-color: #fff; color: #000; } 
    33 input                           { border: 1px solid #444; background-color: #222; color: #666} 
     33input                           { border: 1px solid #444; background-color: #222; color: #666; } 
    3434input[type="submit"]                            { background-color: #666; color: #222; } 
    35 input[type="submit"]:hover      { background-color: #222; color: #666; cursor: hand;} 
    36 input[type="checkbox"]                  { color: #000; } 
     35input[type="submit"]:hover      { background-color: #222; color: #666; cursor: hand; } 
     36input[type="checkbox"]                  { color: #000; border: 0 none; vertical-align: middle; } 
    3737input[type="radio"]                                     { background-color: transparent; border:0 none; color: #000; } 
    3838option                                                                                  { background-color:#222; color:#000; } 
     
    123123#menubar dd ul ul { padding-left: 15px; } 
    124124 
     125#menubar #quickconnect div { margin-bottom: 3px; } 
     126 
    125127#menubar .totalImages   { margin:0 10px; padding-bottom:10px; } 
    126128#menubar .actions                       { padding:0; } 
    127 #menubar .button                        { float:right; margin-right:5px; } 
    128  
    129 #mbIdentification .actions                                              { font-size: 0.8em; margin-top: 10px; color: #666; } 
    130 #mbIdentification .actions a, 
    131 #mbIdentification .actions a:visited    { color: #999; } 
    132 #mbIdentification .actions a:hover              { color: #fff} 
    133 #mbIdentification .actions li                                   { float: left; margin-right: 10px;} 
     129#menubar .button                        { float:right; margin-right:10px; } 
    134130 
    135131/* ELEMENTS */ 
     
    160156.thumbnails .thumbLegend { display:none; } 
    161157 
    162 .categoryActions        { position: absolute; top: 10px; right: 20px; } 
    163 .categoryActions li     { float: left; margin-left:5px; } 
    164 #order                                          { float: right; margin-right:10px; cursor:pointer;} 
    165 #orderText                              { float: left; margin-right: 10px; } 
    166  
     158.categoryActions        { float:right; margin-right: 10px; } 
     159.categoryActions li     { float: left; margin-left:5px; display: inline; } 
     160#order                                          { float: left; margin: 2px 5px 0 0;} 
     161#orderText                              { float: left; margin: 2px 8px 0 0; } 
    167162#playSlideshow          { width: 200px; float: left; margin-left: 20px; margin-top: 10px; } 
    168163#playSlideshow a                { color: #666; } 
     
    264259 
    265260.elSelect .selected                             { color: #333 !important; background-color: #999 !important; } 
    266 .elSelect .selectedOption       { color: #222; float: left; padding: 4px 0 0 6px; width: 87px; font-weight: bold; font-size: 12px; overflow: hidden; } 
     261.elSelect .selectedOption       { color: #222; float: left; padding: 4px 0 0 6px; width: 87px; font-weight: bold; font-size: 12px; overflow: hidden; cursor:pointer; } 
    267262.elSelect .option                                       { color: #555; background-color: #bbb; border-left: solid 1px #555; border-right: solid 1px #555; padding: 4px 0 5px 5px; text-align: left; font-weight: bold; font-size: 12px; } 
    268263.elSelect .disabled                             { color:#999; background-color: #333; border-left: solid 1px #555; border-right: solid 1px #555; } 
    269 .elSelect .dropDown                             { width: 23px; height: 20px; float: right; background: url(elSelect/select_arrow.png) no-repeat 0% 0%; } 
     264.elSelect .dropDown                             { width: 23px; height: 20px; float: right; background: url(elSelect/select_arrow.png) no-repeat 0% 0%; cursor:pointer;} 
    270265.elSelect .optionsContainerTop                          { background: url(elSelect/top_center.gif) repeat-x 0% 0%; position: absolute; width: 100%; height: 5px; } 
    271266.elSelect .optionsContainerTop div                      { background: url(elSelect/top_left.gif) no-repeat 0% 0%; width: 100%; height: 5px; } 
     
    274269.elSelect .optionsContainerBottom div   { background: url(elSelect/bottom_left.gif) no-repeat 0% 0%; width: 100%; height: 5px; } 
    275270.elSelect .optionsContainerBottom div div { background: url(elSelect/bottom_right.gif) no-repeat 100% 0%; width: 100%; height: 5px; } 
    276 .elSelect .optionsContainer                                             { position: absolute; display: none; } 
     271.elSelect .optionsContainer                                             { position: absolute; display: none; z-index: 1; } 
    277272.icon_1         { background: url(elSelect/icon_1.gif) no-repeat 4px 50%; padding-left: 20px !important; } 
    278273.icon_2         { background: url(elSelect/icon_2.gif) no-repeat 4px 50%; padding-left: 20px !important; } 
Note: See TracChangeset for help on using the changeset viewer.