OpenLayers OpenLayers

Changeset 5628

Show
Ignore:
Timestamp:
01/02/08 14:38:02 (1 year ago)
Author:
enjahova
Message:

updated FREAC theme. thanks hue

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • sandbox/enjahova/openlayers/theme/FREAC/style.css

    r5413 r5628  
    11/*various layer config stuff*/ 
    22#layers { 
    3     width:200px; 
    4     border:1px solid #000000; 
    5     font-size:10px; 
    6     top:100px; 
    7     position:absolute; 
     3   width: 200px; 
     4   border: 1px solid #000000; 
     5   font-size: 10px; 
     6   top: 100px; 
     7   position: absolute; 
    88} 
    99.l_vis { 
    10     font-size:11px; 
    11     height:29px; 
    12 } 
    13  
     10   font-size: 11px; 
     11   height: 29px; 
     12} 
    1413.l_vis div { 
    15     position:relative; 
    16     display:block; 
    17     width:16px; 
    18     height:16px; 
    19     background-image: url("img/map.png"); 
    20     /*background-repeat: no-repeat;float:left; Float to display horizontally*/ 
    21     margin-top:2px; 
    22     margin-right:2px; 
    23     position:absolute; 
    24     top:-2px; 
    25     left:2px; 
    26 } 
    27  
     14   position: relative; 
     15   display: block; 
     16   width: 16px; 
     17   height: 16px; 
     18   background-image: url("img/map.png"); 
     19   /*background-repeat: no-repeat;float: left; Float to display horizontally*/ 
     20   margin-top: 2px; 
     21   margin-right: 2px; 
     22   position: absolute; 
     23   top: -2px; 
     24   left: 2px; 
     25} 
    2826.check { 
    29     float:left; 
    30 top:-2px; 
    31 } 
    32  
    33 #click_f_Data Layers{ 
    34     font-size:11px; 
    35 } 
    36 .f_open {  
    37     font-size:14px; 
    38     cursor:pointer; 
    39 } 
    40 .f_closed {  
    41     font-size:14px; 
    42     font-weight:200; 
    43     cursor:pointer;  
     27   float: left; 
     28   top: -2px; 
     29} 
     30#click_f_Data Layers { 
     31   font-size: 11px; 
     32} 
     33.f_open { 
     34   font-size: 14px; 
     35   cursor: pointer; 
     36} 
     37.f_closed { 
     38   font-size: 14px; 
     39   font-weight: 200; 
     40   cursor: pointer; 
    4441} 
    4542.img_f_open { 
    46     margin-right: 10px; 
    47     display:block; 
    48     width:16px; 
    49     height:16px; 
    50     float:left; 
    51     background-image: url("img/folder_add.png"); 
     43   margin-right: 10px; 
     44   display: block; 
     45   width: 16px; 
     46   height: 16px; 
     47   float: left; 
     48   background-image: url("img/folder_add.png"); 
    5249} 
    5350.img_f_closed { 
    54     margin-right: 10px; 
    55     display:block; 
    56     width:16px; 
    57     height:16px; 
    58     float:left; 
    59     background-image: url("img/folder_delete.png"); 
    60 } 
    61  
    62 .l_closed div {display:none;} 
    63 .l_open div {display:;} 
    64 .l_closed {margin-bottom:0px;margin-top:0px;} 
    65 .l_open {margin-bottom:0px;margin-top:0px;} 
    66  
    67 .l_vis {cursor:pointer; 
    68         padding-left:20px; 
    69             position:relative;} 
    70 .l_vis input {position:relative; 
    71         margin-bottom:0px; 
    72         height:16px;width:16px;}     
    73      
    74 .l_vis_dis {cursor:default; 
    75         padding-left:20px; 
    76         opacity:.5;} 
    77 .l_vis_dis input {position:relative; 
    78         margin-bottom:0px; 
    79         height:16px;width:16px;} 
    80  
    81  
     51   margin-right: 10px; 
     52   display: block; 
     53   width: 16px; 
     54   height: 16px; 
     55   float: left; 
     56   background-image: url("img/folder_delete.png"); 
     57} 
     58.l_closed div { 
     59   display: none; 
     60 } 
     61.l_open div { 
     62   display: block; 
     63 } 
     64.l_closed { 
     65   margin-bottom: 0px; 
     66   margin-top: 0px; 
     67 } 
     68.l_open { 
     69   margin-bottom: 0px; 
     70   margin-top: 0px; 
     71} 
     72.l_vis { 
     73   cursor: pointer; 
     74   padding-left: 20px; 
     75   position: relative; 
     76 } 
     77.l_vis input { 
     78   position: relative; 
     79   margin-bottom: 0px; 
     80   height: 16px; 
     81   width: 16px; 
     82 } 
     83.l_vis_dis { 
     84   cursor: default; 
     85   padding-left: 20px; 
     86   opacity: .5; 
     87} 
     88.l_vis_dis input { 
     89   position: relative; 
     90   margin-bottom: 0px; 
     91   height: 16px; 
     92   width: 16px; 
     93} 
    8294/*set positioning of tools*/ 
    8395#panelDiv { 
    84     position:absolute; 
    85     top:75px; 
    86 } 
    87  
     96   position: absolute; 
     97   top: 75px; 
     98} 
    8899/* OpenLayers Styling */ 
    89  
    90  
    91100div.olMapViewport { 
    92    -moz-user-select: none;  
    93 } 
    94  
     101   -moz-user-select: none; 
     102} 
    95103.olLayerGoogleCopyright { 
    96     left: 2px; 
    97     bottom: 2px;   
     104   left: 2px; 
     105   bottom: 2px; 
    98106} 
    99107.olLayerGooglePoweredBy { 
    100     left: 2px; 
    101     bottom: 15px;    
     108   left: 2px; 
     109   bottom: 15px; 
    102110} 
    103111.olControlAttribution { 
    104     font-size: smaller;  
    105     right: 3px;  
    106     bottom: 4.5em;  
    107     position: absolute;  
    108     display: block; 
     112   font-size: smaller; 
     113   right: 3px; 
     114   bottom: 4.5em; 
     115   position: absolute; 
     116   display: block; 
    109117} 
    110118.olControlScale { 
    111     right: 3px; 
    112     bottom: 3em; 
    113     display: block; 
    114     position: absolute; 
     119   right: 3px; 
     120   bottom: 3em; 
     121   display: block; 
     122   position: absolute; 
    115123} 
    116124.olControlPermalink { 
    117     right: 3px; 
    118     bottom: 1.5em; 
    119     display: block; 
    120     position: absolute; 
    121 }  
    122  
     125   right: 3px; 
     126   bottom: 1.5em; 
     127   display: block; 
     128   position: absolute; 
     129} 
    123130div.olControlMousePosition { 
    124     bottom: 0em; 
    125     right: 3px; 
    126     display: block; 
    127     position: absolute; 
    128     font-family: Arial; 
    129     font-size: smaller; 
    130 } 
    131  
     131   bottom: 0em; 
     132   right: 3px; 
     133   display: block; 
     134   position: absolute; 
     135   font-family: Arial; 
     136   font-size: smaller; 
     137} 
    132138.olControlOverviewMapContainer { 
    133     position: absolute; 
    134     bottom: 0px; 
    135     right: 0px; 
    136 } 
    137  
     139   position: absolute; 
     140   bottom: 0px; 
     141   right: 0px; 
     142} 
    138143.olControlOverviewMapElement { 
    139     padding: 10px 18px 10px 10px; 
    140     background-color: #00008B; 
    141     -moz-border-radius: 1em 0 0 0; 
    142 } 
    143  
     144   padding: 10px 18px 10px 10px; 
     145   background-color: #00008B; 
     146   -moz-border-radius: 1em 0 0 0; 
     147} 
    144148.olControlOverviewMapMinimizeButton { 
    145     right: 0px; 
    146     bottom: 80px; 
    147 }     
    148  
     149   right: 0px; 
     150   bottom: 80px; 
     151} 
    149152.olControlOverviewMapMaximizeButton { 
    150     right: 0px; 
    151     bottom: 80px; 
    152 } 
    153  
     153   right: 0px; 
     154   bottom: 80px; 
     155} 
    154156.olControlOverviewMapExtentRectangle { 
    155157   cursor: move; 
    156     border: 2px dotted red; 
     158   border: 2px dotted red; 
    157159} 
    158160.olLayerGeoRSSDescription { 
    159     float:left; 
    160     width:100%; 
    161     overflow:auto; 
    162     font-size:1.0em; 
     161   float: left; 
     162   width: 100%; 
     163   overflow: auto; 
     164   font-size: 1.0em; 
    163165} 
    164166.olLayerGeoRSSClose { 
    165     float:right; 
    166     color:gray; 
    167     font-size:1.2em; 
    168    margin-right:6px; 
    169     font-family:sans-serif; 
     167   float: right; 
     168   color: gray; 
     169   font-size: 1.2em; 
     170   margin-right: 6px; 
     171   font-family: sans-serif; 
    170172} 
    171173.olLayerGeoRSSTitle { 
    172     float:left;font-size:1.2em; 
     174   float: left;font-size: 1.2em; 
     175} 
     176.olPopupContent { 
     177   padding: 5px; 
     178} 
     179.olControlNavToolbar { 
     180   width: 0px; 
     181   height: 0px; 
     182} 
     183.olControlNavToolbar div { 
     184   display: block; 
     185   width:  22px; 
     186   height: 22px; 
     187   top: 0px; 
     188   left: 300px; 
     189   position: relative; 
     190} 
     191/* we use NavToolbar as the panel for all our tools*/ 
     192.olControlNavToolbar .olControlNavigationItemActive { 
     193   background-image: url("img/panning-hand-on.png"); 
     194   background-repeat: no-repeat;/*much easier to use position instead of float for IE*/ 
     195   position: absolute; 
     196   left: 0px; 
     197   top: 0px; 
     198   margin-right: 0px; 
     199} 
     200.olControlNavToolbar .olControlNavigationItemInactive { 
     201   background-image: url("img/panning-hand-off.png"); 
     202   background-repeat: no-repeat; 
     203   position: absolute; 
     204   left: 0px; 
     205   top: 0px; 
     206   margin-right: 0px; 
     207} 
     208.olControlNavToolbar .olControlZoomBoxItemActive { 
     209   background-image: url("img/drag-rectangle-on.png"); 
     210   background-repeat: no-repeat; 
     211   position: absolute; 
     212   left: 22px; 
     213   top: 0px; 
     214} 
     215.olControlNavToolbar .olControlZoomBoxItemInactive { 
     216   background-image: url("img/drag-rectangle-off.png"); 
     217   background-repeat: no-repeat; 
     218   float: right; 
     219   position: absolute; 
     220   left: 22px; 
     221   top: 0px; 
     222} 
     223.olControlNavToolbar .olControlZoomOutItemActive { 
     224   background-image: url("img/zoom-out-on.png"); 
     225   background-repeat: no-repeat; 
     226   position: absolute; 
     227   left: 44px; 
     228   top: 0px; 
     229} 
     230.olControlNavToolbar .olControlZoomOutItemInactive { 
     231   background-image: url("img/zoom-out-off.png"); 
     232   background-repeat: no-repeat; 
     233   position: absolute; 
     234   left: 44px; 
     235   top: 0px; 
     236} 
     237.olControlNavToolbar .olControlZoomToMaxExtentItemActive { 
     238   background-image: url("img/zoom-orig-on.png"); 
     239   background-repeat: no-repeat; 
     240   position: absolute; 
     241   left: 66px; 
     242   top: 0px; 
     243} 
     244.olControlNavToolbar .olControlZoomToMaxExtentItemInactive { 
     245   background-image: url("img/zoom-orig-off.png"); 
     246   background-repeat: no-repeat; 
     247   position: absolute; 
     248   left: 66px; 
     249   top: 0px; 
     250} 
     251.olControlNavToolbar .olControlZoomToLastExtentItemActive { 
     252   background-image: url("img/zoom-last-on.png"); 
     253   background-repeat: no-repeat; 
     254   position: absolute; 
     255   left: 88px; 
     256   top: 0px; 
     257} 
     258.olControlNavToolbar .olControlZoomToLastExtentItemInactive { 
     259   background-image: url("img/zoom-last-off.png"); 
     260   background-repeat: no-repeat; 
     261   position: absolute; 
     262   left: 88px; 
     263   top: 0px; 
     264} 
     265.olControlNavToolbar .olControlIdentifyItemActive { 
     266   background-image: url("img/identify-on.png"); 
     267   background-repeat: no-repeat; 
     268   position: absolute; 
     269   left: 110px; 
     270   top: 0px; 
     271} 
     272.olControlNavToolbar .olControlIdentifyItemInactive { 
     273   background-image: url("img/identify-off.png"); 
     274   background-repeat: no-repeat; 
     275   position: absolute; 
     276   left: 110px; 
     277   top: 0px; 
     278} 
     279.olControlNavToolbar .olControlEmailItemActive { 
     280   background-image: url("img/email_on.png"); 
     281   background-repeat: no-repeat; 
     282   position: absolute; 
     283   left: 132px; 
     284   top: 0px; 
     285} 
     286.olControlNavToolbar .olControlEmailItemInactive { 
     287   background-image: url("img/email_off.png"); 
     288   background-repeat: no-repeat; 
     289   position: absolute; 
     290   left: 132px; 
     291   top: 0px; 
     292} 
     293.olControlEditingToolbar  { 
     294   float: right; 
     295   right: 0px; 
     296   height: 30px; 
     297   width: 200px; 
     298} 
     299.olControlEditingToolbar div { 
     300   float: right; 
     301   width: 24px; 
     302   height: 24px; 
     303   margin: 5px; 
     304} 
     305.olControlEditingToolbar .olControlNavigationItemActive { 
     306   background-image: url("img/pan_on.png"); 
     307   background-repeat: no-repeat; 
     308} 
     309.olControlEditingToolbar .olControlNavigationItemInactive { 
     310   background-image: url("img/pan_off.png"); 
     311   background-repeat: no-repeat; 
     312} 
     313.olControlEditingToolbar .olControlDrawFeaturePointItemActive { 
     314   background-image: url("img/draw_point_on.png"); 
     315   background-repeat: no-repeat; 
     316} 
     317.olControlEditingToolbar .olControlDrawFeaturePointItemInactive { 
     318   background-image: url("img/draw_point_off.png"); 
     319   background-repeat: no-repeat; 
     320} 
     321.olControlEditingToolbar .olControlDrawFeaturePathItemInactive { 
     322   background-image: url("img/draw_line_off.png"); 
     323   background-repeat: no-repeat; 
     324} 
     325.olControlEditingToolbar .olControlDrawFeaturePathItemActive { 
     326   background-image: url("img/draw_line_on.png"); 
     327   background-repeat: no-repeat; 
     328} 
     329.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive { 
     330   background-image: url("img/draw_polygon_off.png"); 
     331   background-repeat: no-repeat; 
     332} 
     333.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { 
     334   background-image: url("img/draw_polygon_on.png"); 
     335   background-repeat: no-repeat; 
    173336} 
    174337 
    175 .olPopupContent { 
    176     padding:5px; 
    177 }     
    178 .olControlNavToolbar {  
    179     width:0px; 
    180     height:0px; 
    181 }     
    182 .olControlNavToolbar div {  
    183   display:block; 
    184   width:  22px; 
    185   height: 22px; 
    186   top: 0px; 
    187   left: 300px; 
    188   position: relative; 
    189 } 
     338.olHandlerBoxZoomBox { 
     339    border: 2px solid red; 
     340    position: absolute; 
     341    background-color: white; 
     342    opacity: 0.50; 
     343    font-size: 1px; 
     344    filter: alpha(opacity=50); 
     345}    
    190346 
    191 /* we use NavToolbar as the panel for all our tools*/ 
    192 .olControlNavToolbar .olControlNavigationItemActive {  
    193   background-image: url("img/panning-hand-on.png"); 
    194   background-repeat: no-repeat;/*much easier to use position instead of float for IE*/ 
    195 position:absolute; 
    196 left:0px; 
    197 top:0px 
    198   margin-right:0px; 
    199 } 
    200 .olControlNavToolbar .olControlNavigationItemInactive {  
    201   background-image: url("img/panning-hand-off.png"); 
    202   background-repeat: no-repeat; 
    203 position:absolute; 
    204 left:0px; 
    205 top:0px; 
    206   margin-right:0px; 
    207 } 
    208  
    209 .olControlNavToolbar .olControlZoomBoxItemActive {  
    210   background-image: url("img/drag-rectangle-on.png"); 
    211   background-repeat: no-repeat; 
    212 position:absolute; 
    213 left:22px; 
    214 top:0px; 
    215 } 
    216 .olControlNavToolbar .olControlZoomBoxItemInactive {  
    217   background-image: url("img/drag-rectangle-off.png"); 
    218   background-repeat: no-repeat;float:right; 
    219 position:absolute; 
    220 left:22px; 
    221 top:0px; 
    222 } 
    223  
    224 .olControlNavToolbar .olControlZoomOutItemActive {  
    225   background-image: url("img/zoom-out-on.png"); 
    226   background-repeat: no-repeat; 
    227 position:absolute; 
    228 left:44px; 
    229 top:0px; 
    230 } 
    231 .olControlNavToolbar .olControlZoomOutItemInactive {  
    232   background-image: url("img/zoom-out-off.png"); 
    233   background-repeat: no-repeat; 
    234 position:absolute; 
    235 left:44px; 
    236 top:0px; 
    237 } 
    238  
    239 .olControlNavToolbar .olControlZoomToMaxExtentItemActive { s 
    240   background-image: url("img/zoom-orig-on.png"); 
    241   background-repeat: no-repeat; 
    242 position:absolute; 
    243 left:66px; 
    244 top:0px; 
    245 } 
    246 .olControlNavToolbar .olControlZoomToMaxExtentItemInactive {  
    247   background-image: url("img/zoom-orig-off.png"); 
    248   background-repeat: no-repeat; 
    249 position:absolute; 
    250 left:66px; 
    251 top:0px; 
    252 } 
    253  
    254 .olControlNavToolbar .olControlZoomToLastExtentItemActive {  
    255   background-image: url("img/zoom-last-on.png"); 
    256   background-repeat: no-repeat; 
    257 position:absolute; 
    258 left:88px; 
    259 top:0px; 
    260 } 
    261 .olControlNavToolbar .olControlZoomToLastExtentItemInactive {  
    262   background-image: url("img/zoom-last-off.png"); 
    263   background-repeat: no-repeat; 
    264 position:absolute; 
    265 left:88px; 
    266 top:0px; 
    267 } 
    268  
    269  
    270 .olControlNavToolbar .olControlIdentifyItemActive {  
    271   background-image: url("img/identify-on.png"); 
    272   background-repeat: no-repeat; 
    273 position:absolute; 
    274 left:110px; 
    275 top:0px; 
    276 } 
    277 .olControlNavToolbar .olControlIdentifyItemInactive {  
    278   background-image: url("img/identify-off.png"); 
    279   background-repeat: no-repeat; 
    280 position:absolute; 
    281 left:110px; 
    282 top:0px; 
    283 } 
    284  
    285  
    286 .olControlNavToolbar .olControlEmailItemActive {  
    287   background-image: url("img/email_on.png"); 
    288   background-repeat: no-repeat; 
    289 position:absolute; 
    290 left:132px; 
    291 top:0px; 
    292 } 
    293 .olControlNavToolbar .olControlEmailItemInactive {  
    294   background-image: url("img/email_off.png"); 
    295   background-repeat: no-repeat; 
    296 position:absolute; 
    297 left:132px; 
    298 top:0px; 
    299 } 
    300  
    301 .olControlEditingToolbar  { 
    302     float:right; 
    303     right: 0px; 
    304     height: 30px;  
    305     width: 200px; 
    306 } 
    307 .olControlEditingToolbar div {  
    308   float:right; 
    309   width:  24px; 
    310   height: 24px; 
    311   margin: 5px; 
    312 } 
    313 .olControlEditingToolbar .olControlNavigationItemActive {  
    314   background-image: url("img/pan_on.png"); 
    315   background-repeat: no-repeat; 
    316 } 
    317 .olControlEditingToolbar .olControlNavigationItemInactive {  
    318   background-image: url("img/pan_off.png"); 
    319   background-repeat: no-repeat; 
    320 } 
    321 .olControlEditingToolbar .olControlDrawFeaturePointItemActive {  
    322   background-image: url("img/draw_point_on.png"); 
    323   background-repeat: no-repeat; 
    324 } 
    325 .olControlEditingToolbar .olControlDrawFeaturePointItemInactive {  
    326   background-image: url("img/draw_point_off.png"); 
    327   background-repeat: no-repeat; 
    328 } 
    329 .olControlEditingToolbar .olControlDrawFeaturePathItemInactive {  
    330   background-image: url("img/draw_line_off.png"); 
    331   background-repeat: no-repeat; 
    332 } 
    333 .olControlEditingToolbar .olControlDrawFeaturePathItemActive {  
    334   background-image: url("img/draw_line_on.png"); 
    335   background-repeat: no-repeat; 
    336 } 
    337 .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {  
    338   background-image: url("img/draw_polygon_off.png"); 
    339   background-repeat: no-repeat; 
    340 } 
    341 .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {  
    342   background-image: url("img/draw_polygon_on.png"); 
    343   background-repeat: no-repeat; 
    344 } 
    345  
    346