Changeset 964


Ignore:
Timestamp:
Dec 6, 2012, 7:45:37 AM (12 years ago)
Author:
jimk
Message:

Fix sprite CSS. Modern browsers don't assume no units == units of px.

Location:
geomoose2/branches/geomoose-2.4
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • geomoose2/branches/geomoose-2.4/htdocs/css/sprite.css

    r417 r964  
    88        display: inline-block;
    99        cursor: pointer;
    10         background-position: 0 -550;    /* This should default to the 'find' icon */
     10        background-position: 0px -550px;        /* This should default to the 'find' icon */
    1111}
    1212
    … …  
    2020        display: inline;
    2121}
    22  .sprite-control-add { background-position: 0 -10; }  .sprite-control-add-selected { background-position: -20 -10 !important; }
    23  .sprite-control-advanced_tools { background-position: 0 -40; }  .sprite-control-advanced_tools-selected { background-position: -20 -40 !important; }
    24  .sprite-control-bell { background-position: 0 -70; }  .sprite-control-bell-selected { background-position: -20 -70 !important; }
    25  .sprite-control-birdseye { background-position: 0 -100; }  .sprite-control-birdseye-selected { background-position: -20 -100 !important; }
    26  .sprite-control-buffered_select { background-position: 0 -130; }  .sprite-control-buffered_select-selected { background-position: -20 -130 !important; }
    27  .sprite-control-clear { background-position: 0 -160; }  .sprite-control-clear-selected { background-position: -20 -160 !important; }
    28  .sprite-control-clear_drawings { background-position: 0 -190; }  .sprite-control-clear_drawings-selected { background-position: -20 -190 !important; }
    29  .sprite-control-delete { background-position: 0 -220; }  .sprite-control-delete-selected { background-position: -20 -220 !important; }
    30  .sprite-control-detail { background-position: 0 -250; }  .sprite-control-detail-selected { background-position: -20 -250 !important; }
    31  .sprite-control-down { background-position: 0 -280; }  .sprite-control-down-selected { background-position: -20 -280 !important; }
    32  .sprite-control-draw_edit { background-position: 0 -310; }  .sprite-control-draw_edit-selected { background-position: -20 -310 !important; }
    33  .sprite-control-draw_edit_attributes { background-position: 0 -340; }  .sprite-control-draw_edit_attributes-selected { background-position: -20 -340 !important; }
    34  .sprite-control-draw_line { background-position: 0 -370; }  .sprite-control-draw_line-selected { background-position: -20 -370 !important; }
    35  .sprite-control-draw_move_shape { background-position: 0 -400; }  .sprite-control-draw_move_shape-selected { background-position: -20 -400 !important; }
    36  .sprite-control-draw_point { background-position: 0 -430; }  .sprite-control-draw_point-selected { background-position: -20 -430 !important; }
    37  .sprite-control-draw_polygon { background-position: 0 -460; }  .sprite-control-draw_polygon-selected { background-position: -20 -460 !important; }
    38  .sprite-control-draw_remove { background-position: 0 -490; }  .sprite-control-draw_remove-selected { background-position: -20 -490 !important; }
    39  .sprite-control-fade { background-position: 0 -520; }  .sprite-control-fade-selected { background-position: -20 -520 !important; }
    40  .sprite-control-find { background-position: 0 -550; }  .sprite-control-find-selected { background-position: -20 -550 !important; }
    41  .sprite-control-folder { background-position: 0 -580; }  .sprite-control-folder-selected { background-position: -20 -580 !important; }
    42  .sprite-control-fullextent { background-position: 0 -610; }  .sprite-control-fullextent-selected { background-position: -20 -610 !important; }
    43  .sprite-control-geocode { background-position: 0 -640; }  .sprite-control-geocode-selected { background-position: -20 -640 !important; }
    44  .sprite-control-help { background-position: 0 -670; }  .sprite-control-help-selected { background-position: -20 -670 !important; }
    45  .sprite-control-identify { background-position: 0 -700; }  .sprite-control-identify-selected { background-position: -20 -700 !important; }
    46  .sprite-control-information { background-position: 0 -730; }  .sprite-control-information-selected { background-position: -20 -730 !important; }
    47  .sprite-control-legend { background-position: 0 -760; }  .sprite-control-legend-selected { background-position: -20 -760 !important; }
    48  .sprite-control-markup_tools { background-position: 0 -790; }  .sprite-control-markup_tools-selected { background-position: -20 -790 !important; }
    49  .sprite-control-measure { background-position: 0 -820; }  .sprite-control-measure-selected { background-position: -20 -820 !important; }
    50  .sprite-control-measurearea { background-position: 0 -850; }  .sprite-control-measurearea-selected { background-position: -20 -850 !important; }
    51  .sprite-control-next { background-position: 0 -880; }  .sprite-control-next-selected { background-position: -20 -880 !important; }
    52  .sprite-control-pan { background-position: 0 -910; }  .sprite-control-pan-selected { background-position: -20 -910 !important; }
    53  .sprite-control-popups { background-position: 0 -940; }  .sprite-control-popups-selected { background-position: -20 -940 !important; }
    54  .sprite-control-previous { background-position: 0 -970; }  .sprite-control-previous-selected { background-position: -20 -970 !important; }
    55  .sprite-control-printer { background-position: 0 -1000; }  .sprite-control-printer-selected { background-position: -20 -1000 !important; }
    56  .sprite-control-select { background-position: 0 -1030; }  .sprite-control-select-selected { background-position: -20 -1030 !important; }
    57  .sprite-control-showMetadata { background-position: 0 -1060; }  .sprite-control-showMetadata-selected { background-position: -20 -1060 !important; }
    58  .sprite-control-streetview { background-position: 0 -1090; }  .sprite-control-streetview-selected { background-position: -20 -1090 !important; }
    59  .sprite-control-super_identify { background-position: 0 -1120; }  .sprite-control-super_identify-selected { background-position: -20 -1120 !important; }
    60  .sprite-control-unfade { background-position: 0 -1150; }  .sprite-control-unfade-selected { background-position: -20 -1150 !important; }
    61  .sprite-control-up { background-position: 0 -1180; }  .sprite-control-up-selected { background-position: -20 -1180 !important; }
    62  .sprite-control-zoomin { background-position: 0 -1210; }  .sprite-control-zoomin-selected { background-position: -20 -1210 !important; }
    63  .sprite-control-zoomout { background-position: 0 -1240; }  .sprite-control-zoomout-selected { background-position: -20 -1240 !important; }
    64  .sprite-control-zoomto { background-position: 0 -1270; }  .sprite-control-zoomto-selected { background-position: -20 -1270 !important; }
     22 .sprite-control-add { background-position: 0px -10px; }  .sprite-control-add-selected { background-position: -20px -10px !important; }
     23 .sprite-control-advanced_tools { background-position: 0px -40px; }  .sprite-control-advanced_tools-selected { background-position: -20px -40px !important; }
     24 .sprite-control-bell { background-position: 0px -70px; }  .sprite-control-bell-selected { background-position: -20px -70px !important; }
     25 .sprite-control-birdseye { background-position: 0px -100px; }  .sprite-control-birdseye-selected { background-position: -20px -100px !important; }
     26 .sprite-control-buffered_select { background-position: 0px -130px; }  .sprite-control-buffered_select-selected { background-position: -20px -130px !important; }
     27 .sprite-control-clear { background-position: 0px -160px; }  .sprite-control-clear-selected { background-position: -20px -160px !important; }
     28 .sprite-control-clear_drawings { background-position: 0px -190px; }  .sprite-control-clear_drawings-selected { background-position: -20px -190px !important; }
     29 .sprite-control-delete { background-position: 0px -220px; }  .sprite-control-delete-selected { background-position: -20px -220px !important; }
     30 .sprite-control-detail { background-position: 0px -250px; }  .sprite-control-detail-selected { background-position: -20px -250px !important; }
     31 .sprite-control-down { background-position: 0px -280px; }  .sprite-control-down-selected { background-position: -20px -280px !important; }
     32 .sprite-control-draw_edit { background-position: 0px -310px; }  .sprite-control-draw_edit-selected { background-position: -20px -310px !important; }
     33 .sprite-control-draw_edit_attributes { background-position: 0px -340px; }  .sprite-control-draw_edit_attributes-selected { background-position: -20px -340px !important; }
     34 .sprite-control-draw_line { background-position: 0px -370px; }  .sprite-control-draw_line-selected { background-position: -20px -370px !important; }
     35 .sprite-control-draw_move_shape { background-position: 0px -400px; }  .sprite-control-draw_move_shape-selected { background-position: -20px -400px !important; }
     36 .sprite-control-draw_point { background-position: 0px -430px; }  .sprite-control-draw_point-selected { background-position: -20px -430px !important; }
     37 .sprite-control-draw_polygon { background-position: 0px -460px; }  .sprite-control-draw_polygon-selected { background-position: -20px -460px !important; }
     38 .sprite-control-draw_remove { background-position: 0px -490px; }  .sprite-control-draw_remove-selected { background-position: -20px -490px !important; }
     39 .sprite-control-fade { background-position: 0px -520px; }  .sprite-control-fade-selected { background-position: -20px -520px !important; }
     40 .sprite-control-find { background-position: 0px -550px; }  .sprite-control-find-selected { background-position: -20px -550px !important; }
     41 .sprite-control-folder { background-position: 0px -580px; }  .sprite-control-folder-selected { background-position: -20px -580px !important; }
     42 .sprite-control-fullextent { background-position: 0px -610px; }  .sprite-control-fullextent-selected { background-position: -20px -610px !important; }
     43 .sprite-control-geocode { background-position: 0px -640px; }  .sprite-control-geocode-selected { background-position: -20px -640px !important; }
     44 .sprite-control-help { background-position: 0px -670px; }  .sprite-control-help-selected { background-position: -20px -670px !important; }
     45 .sprite-control-identify { background-position: 0px -700px; }  .sprite-control-identify-selected { background-position: -20px -700px !important; }
     46 .sprite-control-information { background-position: 0px -730px; }  .sprite-control-information-selected { background-position: -20px -730px !important; }
     47 .sprite-control-legend { background-position: 0px -760px; }  .sprite-control-legend-selected { background-position: -20px -760px !important; }
     48 .sprite-control-markup_tools { background-position: 0px -790px; }  .sprite-control-markup_tools-selected { background-position: -20px -790px !important; }
     49 .sprite-control-measure { background-position: 0px -820px; }  .sprite-control-measure-selected { background-position: -20px -820px !important; }
     50 .sprite-control-measurearea { background-position: 0px -850px; }  .sprite-control-measurearea-selected { background-position: -20px -850px !important; }
     51 .sprite-control-next { background-position: 0px -880px; }  .sprite-control-next-selected { background-position: -20px -880px !important; }
     52 .sprite-control-pan { background-position: 0px -910px; }  .sprite-control-pan-selected { background-position: -20px -910px !important; }
     53 .sprite-control-popups { background-position: 0px -940px; }  .sprite-control-popups-selected { background-position: -20px -940px !important; }
     54 .sprite-control-previous { background-position: 0px -970px; }  .sprite-control-previous-selected { background-position: -20px -970px !important; }
     55 .sprite-control-printer { background-position: 0px -1000px; }  .sprite-control-printer-selected { background-position: -20px -1000px !important; }
     56 .sprite-control-select { background-position: 0px -1030px; }  .sprite-control-select-selected { background-position: -20px -1030px !important; }
     57 .sprite-control-showMetadata { background-position: 0px -1060px; }  .sprite-control-showMetadata-selected { background-position: -20px -1060px !important; }
     58 .sprite-control-streetview { background-position: 0px -1090px; }  .sprite-control-streetview-selected { background-position: -20px -1090px !important; }
     59 .sprite-control-super_identify { background-position: 0px -1120px; }  .sprite-control-super_identify-selected { background-position: -20px -1120px !important; }
     60 .sprite-control-unfade { background-position: 0px -1150px; }  .sprite-control-unfade-selected { background-position: -20px -1150px !important; }
     61 .sprite-control-up { background-position: 0px -1180px; }  .sprite-control-up-selected { background-position: -20px -1180px !important; }
     62 .sprite-control-zoomin { background-position: 0px -1210px; }  .sprite-control-zoomin-selected { background-position: -20px -1210px !important; }
     63 .sprite-control-zoomout { background-position: 0px -1240px; }  .sprite-control-zoomout-selected { background-position: -20px -1240px !important; }
     64 .sprite-control-zoomto { background-position: 0px -1270px; }  .sprite-control-zoomto-selected { background-position: -20px -1270px !important; }
    6565

  • geomoose2/branches/geomoose-2.4/tools/createSprite.py

    r288 r964  
    4545        display: inline-block;
    4646        cursor: pointer;
    47         background-position: 0 -%d;     /* This should default to the 'find' icon */
     47        background-position: 0px -%dpx; /* This should default to the 'find' icon */
    4848}
    4949
    … …  
    6060
    6161
    62 cssTemplate = """ .sprite-control-%s { background-position: 0 -%d; } """
    63 cssSelectedTemplate = """ .sprite-control-%s-selected { background-position: -20 -%d !important; } """
     62cssTemplate = """ .sprite-control-%s { background-position: 0px -%dpx; } """
     63cssSelectedTemplate = """ .sprite-control-%s-selected { background-position: -20px -%dpx !important; } """
    6464
    6565cssText = cssHeader
Note: See TracChangeset for help on using the changeset viewer.