Tema: Mapeo de mapas con cambio de colores
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 18/10/2014, 16:14
Avatar de lauser
lauser
Moderator Unix/Linux
  
Fecha de Ingreso: julio-2013
Ubicación: Odessa (Ukrania)
Mensajes: 3.278
Antigüedad: 11 años, 4 meses
Puntos: 401
Respuesta: Mapeo de mapas con cambio de colores
Código CSS: 
Ver original
  1. .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
  2. .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
  3. .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
  4. .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
  5. .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
  6. .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
  7. .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
  8. .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
  9. .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
  10. .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
  11. .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
  12. .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
  13. .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
  14. .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
  15. .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
  16. .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
  17. .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
  18. .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
  19. .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
  20. .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
  21. .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
  22. .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
  23. .ui-icon-arrow-4 { background-position: 0 -80px; }
  24. .ui-icon-arrow-4-diag { background-position: -16px -80px; }
  25. .ui-icon-extlink { background-position: -32px -80px; }
  26. .ui-icon-newwin { background-position: -48px -80px; }
  27. .ui-icon-refresh { background-position: -64px -80px; }
  28. .ui-icon-shuffle { background-position: -80px -80px; }
  29. .ui-icon-transfer-e-w { background-position: -96px -80px; }
  30. .ui-icon-transferthick-e-w { background-position: -112px -80px; }
  31. .ui-icon-folder-collapsed { background-position: 0 -96px; }
  32. .ui-icon-folder-open { background-position: -16px -96px; }
  33. .ui-icon-document { background-position: -32px -96px; }
  34. .ui-icon-document-b { background-position: -48px -96px; }
  35. .ui-icon-note { background-position: -64px -96px; }
  36. .ui-icon-mail-closed { background-position: -80px -96px; }
  37. .ui-icon-mail-open { background-position: -96px -96px; }
  38. .ui-icon-suitcase { background-position: -112px -96px; }
  39. .ui-icon-comment { background-position: -128px -96px; }
  40. .ui-icon-person { background-position: -144px -96px; }
  41. .ui-icon-print { background-position: -160px -96px; }
  42. .ui-icon-trash { background-position: -176px -96px; }
  43. .ui-icon-locked { background-position: -192px -96px; }
  44. .ui-icon-unlocked { background-position: -208px -96px; }
  45. .ui-icon-bookmark { background-position: -224px -96px; }
  46. .ui-icon-tag { background-position: -240px -96px; }
  47. .ui-icon-home { background-position: 0 -112px; }
  48. .ui-icon-flag { background-position: -16px -112px; }
  49. .ui-icon-calendar { background-position: -32px -112px; }
  50. .ui-icon-cart { background-position: -48px -112px; }
  51. .ui-icon-pencil { background-position: -64px -112px; }
  52. .ui-icon-clock { background-position: -80px -112px; }
  53. .ui-icon-disk { background-position: -96px -112px; }
  54. .ui-icon-calculator { background-position: -112px -112px; }
  55. .ui-icon-zoomin { background-position: -128px -112px; }
  56. .ui-icon-zoomout { background-position: -144px -112px; }
  57. .ui-icon-search { background-position: -160px -112px; }
  58. .ui-icon-wrench { background-position: -176px -112px; }
  59. .ui-icon-gear { background-position: -192px -112px; }
  60. .ui-icon-heart { background-position: -208px -112px; }
  61. .ui-icon-star { background-position: -224px -112px; }
  62. .ui-icon-link { background-position: -240px -112px; }
  63. .ui-icon-cancel { background-position: 0 -128px; }
  64. .ui-icon-plus { background-position: -16px -128px; }
  65. .ui-icon-plusthick { background-position: -32px -128px; }
  66. .ui-icon-minus { background-position: -48px -128px; }
  67. .ui-icon-minusthick { background-position: -64px -128px; }
  68. .ui-icon-close { background-position: -80px -128px; }
  69. .ui-icon-closethick { background-position: -96px -128px; }
  70. .ui-icon-key { background-position: -112px -128px; }
  71. .ui-icon-lightbulb { background-position: -128px -128px; }
  72. .ui-icon-scissors { background-position: -144px -128px; }
  73. .ui-icon-clipboard { background-position: -160px -128px; }
  74. .ui-icon-copy { background-position: -176px -128px; }
  75. .ui-icon-contact { background-position: -192px -128px; }
  76. .ui-icon-image { background-position: -208px -128px; }
  77. .ui-icon-video { background-position: -224px -128px; }
  78. .ui-icon-script { background-position: -240px -128px; }
  79. .ui-icon-alert { background-position: 0 -144px; }
  80. .ui-icon-info { background-position: -16px -144px; }
  81. .ui-icon-notice { background-position: -32px -144px; }
  82. .ui-icon-help { background-position: -48px -144px; }
  83. .ui-icon-check { background-position: -64px -144px; }
  84. .ui-icon-bullet { background-position: -80px -144px; }
  85. .ui-icon-radio-off { background-position: -96px -144px; }
  86. .ui-icon-radio-on { background-position: -112px -144px; }
  87. .ui-icon-pin-w { background-position: -128px -144px; }
  88. .ui-icon-pin-s { background-position: -144px -144px; }
  89. .ui-icon-play { background-position: 0 -160px; }
  90. .ui-icon-pause { background-position: -16px -160px; }
  91. .ui-icon-seek-next { background-position: -32px -160px; }
  92. .ui-icon-seek-prev { background-position: -48px -160px; }
  93. .ui-icon-seek-end { background-position: -64px -160px; }
  94. .ui-icon-seek-start { background-position: -80px -160px; }
  95. /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
  96. .ui-icon-seek-first { background-position: -80px -160px; }
  97. .ui-icon-stop { background-position: -96px -160px; }
  98. .ui-icon-eject { background-position: -112px -160px; }
  99. .ui-icon-volume-off { background-position: -128px -160px; }
  100. .ui-icon-volume-on { background-position: -144px -160px; }
  101. .ui-icon-power { background-position: 0 -176px; }
  102. .ui-icon-signal-diag { background-position: -16px -176px; }
  103. .ui-icon-signal { background-position: -32px -176px; }
  104. .ui-icon-battery-0 { background-position: -48px -176px; }
  105. .ui-icon-battery-1 { background-position: -64px -176px; }
  106. .ui-icon-battery-2 { background-position: -80px -176px; }
  107. .ui-icon-battery-3 { background-position: -96px -176px; }
  108. .ui-icon-circle-plus { background-position: 0 -192px; }
  109. .ui-icon-circle-minus { background-position: -16px -192px; }
  110. .ui-icon-circle-close { background-position: -32px -192px; }
  111. .ui-icon-circle-triangle-e { background-position: -48px -192px; }
  112. .ui-icon-circle-triangle-s { background-position: -64px -192px; }
  113. .ui-icon-circle-triangle-w { background-position: -80px -192px; }
  114. .ui-icon-circle-triangle-n { background-position: -96px -192px; }
  115. .ui-icon-circle-arrow-e { background-position: -112px -192px; }
  116. .ui-icon-circle-arrow-s { background-position: -128px -192px; }
  117. .ui-icon-circle-arrow-w { background-position: -144px -192px; }
  118. .ui-icon-circle-arrow-n { background-position: -160px -192px; }
  119. .ui-icon-circle-zoomin { background-position: -176px -192px; }
  120. .ui-icon-circle-zoomout { background-position: -192px -192px; }
  121. .ui-icon-circle-check { background-position: -208px -192px; }
  122. .ui-icon-circlesmall-plus { background-position: 0 -208px; }
  123. .ui-icon-circlesmall-minus { background-position: -16px -208px; }
  124. .ui-icon-circlesmall-close { background-position: -32px -208px; }
  125. .ui-icon-squaresmall-plus { background-position: -48px -208px; }
  126. .ui-icon-squaresmall-minus { background-position: -64px -208px; }
  127. .ui-icon-squaresmall-close { background-position: -80px -208px; }
  128. .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
  129. .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
  130. .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
  131. .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
  132. .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
  133. .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
  134.  
  135.  
  136. /* Misc visuals
  137. ----------------------------------*/
  138.  
  139. /* Corner radius */
  140. .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
  141. .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
  142. .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
  143. .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
  144.  
  145. /* Overlays */
  146. .ui-widget-overlay { background: #000000; opacity: .30;filter:Alpha(Opacity=30); }
  147. .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*!
  148.  * jQuery UI Resizable 1.8.20
  149.  *
  150.  * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  151.  * Dual licensed under the MIT or GPL Version 2 licenses.
  152.  * http://jquery.org/license
  153.  *
  154.  * http://docs.jquery.com/UI/Resizable#theming
  155.  */
  156. .ui-resizable { position: relative;}
  157. .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
  158. .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
  159. .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
__________________
Los usuarios que te responden, lo hacen altruistamente y sin ánimo de lucro con el único fin de ayudarte. Se paciente y agradecido.
-SOLOLINUX-