OpenLayers OpenLayers

Changeset 5376

Show
Ignore:
Timestamp:
12/11/07 15:17:25 (1 year ago)
Author:
enjahova
Message:

Updated the FREAC style sheet so layer names align properly

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

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

    r5375 r5376  
    1 /*various layer config stuff*/ 
    2 #layers { 
     1body { 
     2    font-family: Arial,Verdana,sans-serif; 
     3} 
     4#layerlist { 
    35    width:200px; 
    4     border:1px solid #000000; 
    5     font-size:10px; 
     6    overflow:hidden; 
     7    font-size:12px; 
     8    position:absolute; 
     9    background-color:#1188bb; 
     10    color:#ffffff; 
     11    left:0px; 
     12    top:0px; 
     13} 
     14#map { 
     15    position:absolute; 
     16    left:215px; 
    617    top:100px; 
    7     position:absolute; 
    8 } 
    9 .l_vis { 
    10     font-size:11px; 
     18    width:700px; 
     19    height:500px; 
     20    border:1px solid black; 
    1121} 
    1222 
    13 .l_vis div { 
    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-bottom:-1px; 
    21 } 
    22 #click_f_Data Layers{ 
    23     font-size:11px; 
    24 } 
    25 .f_open {  
    26     font-size:14px; 
    27 } 
    28 .f_closed {  
    29     font-size:14px; 
    30     font-weight:200; 
    31   
    32 } 
    33 .img_f_open {  
    34     display:block; 
    35     width:16px; 
    36     height:16px; 
    37     background-image: url("img/folder_add.png"); 
    38 } 
    39 .img_f_closed {  
    40     display:block; 
    41     width:16px; 
    42     height:16px; 
    43     background-image: url("img/folder_delete.png"); 
    44 } 
    45  
    46 .l_closed div {display:none;} 
    47 .l_open div {display:;} 
    48 .l_closed {margin-bottom:0px;margin-top:0px;} 
    49 .l_open {margin-bottom:0px;margin-top:0px;} 
    50  
    51 .l_vis {cursor:pointer; 
    52         padding-left:20px;} 
    53 .l_vis input {position:relative; 
    54         margin-bottom:0px; 
    55         height:16px;width:16px;}     
    56      
    57 .l_vis_dis {cursor:default; 
    58         padding-left:20px; 
    59         opacity:.5;} 
    60 .l_vis_dis input {position:relative; 
    61         margin-bottom:0px; 
    62         height:16px;width:16px;} 
    63  
    64  
    65 /*set positioning of tools*/ 
    66 #panelDiv { 
    67     position:absolute; 
    68     top:75px; 
    69 } 
    70  
    71 /* OpenLayers Styling */ 
    72  
    73  
    74 div.olMapViewport { 
    75    -moz-user-select: none  
    76 } 
    77  
    78 .olLayerGoogleCopyright { 
    79     left: 2px; 
    80     bottom: 2px;   
    81 } 
    82 .olLayerGooglePoweredBy { 
    83     left: 2px; 
    84     bottom: 15px;    
    85 } 
    86 .olControlAttribution { 
    87     font-size: smaller;  
    88     right: 3px;  
    89     bottom: 4.5em;  
    90     position: absolute;  
    91     display: block; 
    92 } 
    93 .olControlScale { 
    94     right: 3px; 
    95     bottom: 3em; 
    96     display: block; 
    97     position: absolute; 
    98 } 
    99 .olControlPermalink { 
    100     right: 3px; 
    101     bottom: 1.5em; 
    102     display: block; 
    103     position: absolute; 
    104 }  
    105  
    106 div.olControlMousePosition { 
    107     bottom: 0em; 
    108     right: 3px; 
    109     display: block; 
    110     position: absolute; 
    111     font-family: Arial; 
    112     font-size: smaller; 
    113 } 
    114  
    115 .olControlOverviewMapContainer { 
    116     position: absolute; 
    117     bottom: 0px; 
    118     right: 0px; 
    119 } 
    120  
    121 .olControlOverviewMapElement { 
    122     padding: 10px 18px 10px 10px; 
    123     background-color: #00008B; 
    124     -moz-border-radius: 1em 0 0 0; 
    125 } 
    126  
    127 .olControlOverviewMapMinimizeButton { 
    128     right: 0px; 
    129     bottom: 80px; 
    130 }     
    131  
    132 .olControlOverviewMapMaximizeButton { 
    133     right: 0px; 
    134     bottom: 80px; 
    135 } 
    136  
    137 .olControlOverviewMapExtentRectangle { 
    138    cursor: move; 
    139     border: 2px dotted red; 
    140 } 
    141 .olLayerGeoRSSDescription { 
    142     float:left; 
    143     width:100%; 
    144     overflow:auto; 
    145     font-size:1.0em; 
    146 } 
    147 .olLayerGeoRSSClose { 
    148     float:right; 
    149     color:gray; 
    150     font-size:1.2em; 
    151     margin-right:6px; 
    152     font-family:sans-serif; 
    153 } 
    154 .olLayerGeoRSSTitle { 
    155     float:left;font-size:1.2em; 
    156 } 
    157  
    158 .olPopupContent { 
    159     padding:5px; 
    160 }     
    161 .olControlNavToolbar {  
    162     width:0px; 
    163     height:0px; 
    164 }     
    165 .olControlNavToolbar div {  
    166   display:block; 
    167   width:  22px; 
    168   height: 22px; 
    169   top: 0px; 
    170   left: 300px; 
    171   position: relative; 
    172 } 
    173  
    174 /* we use NavToolbar as the panel for all our tools*/ 
    175 .olControlNavToolbar .olControlNavigationItemActive {  
    176   background-image: url("img/panning-hand-on.png"); 
    177   background-repeat: no-repeat;float:right;/* Float to display horizontally*/ 
    178   margin-right:0px; 
    179 } 
    180 .olControlNavToolbar .olControlNavigationItemInactive {  
    181   background-image: url("img/panning-hand-off.png"); 
    182   background-repeat: no-repeat;float:right; 
    183   margin-right:0px; 
    184 } 
    185  
    186 .olControlNavToolbar .olControlZoomBoxItemActive {  
    187   background-image: url("img/drag-rectangle-on.png"); 
    188   background-repeat: no-repeat;float:right; 
    189   margin-right:-22px; 
    190 } 
    191 .olControlNavToolbar .olControlZoomBoxItemInactive {  
    192   background-image: url("img/drag-rectangle-off.png"); 
    193   background-repeat: no-repeat;float:right; 
    194   margin-right:-22px; 
    195 } 
    196  
    197 .olControlNavToolbar .olControlZoomOutItemActive {  
    198   background-image: url("img/zoom-out-on.png"); 
    199   background-repeat: no-repeat;float:right; 
    200   margin-right:-44px;s 
    201 } 
    202 .olControlNavToolbar .olControlZoomOutItemInactive {  
    203   background-image: url("img/zoom-out-off.png"); 
    204   background-repeat: no-repeat;float:right; 
    205   margin-right:-44px; 
    206 } 
    207  
    208 .olControlNavToolbar .olControlZoomToMaxExtentItemActive { s 
    209   background-image: url("img/zoom-orig-on.png"); 
    210   background-repeat: no-repeat;float:right; 
    211   margin-right:-66px; 
    212 } 
    213 .olControlNavToolbar .olControlZoomToMaxExtentItemInactive {  
    214   background-image: url("img/zoom-orig-off.png"); 
    215   background-repeat: no-repeat;float:right; 
    216   margin-right:-66px; 
    217 } 
    218  
    219 .olControlNavToolbar .olControlZoomToLastExtentItemActive {  
    220   background-image: url("img/zoom-last-on.png"); 
    221   background-repeat: no-repeat;float:right; 
    222   margin-right:-88px; 
    223 } 
    224 .olControlNavToolbar .olControlZoomToLastExtentItemInactive {  
    225   background-image: url("img/zoom-last-off.png"); 
    226   background-repeat: no-repeat;float:right; 
    227   margin-right:-88px; 
    228 } 
    229  
    230  
    231 .olControlNavToolbar .olControlIdentifyItemActive {  
    232   background-image: url("img/identify-on.png"); 
    233   background-repeat: no-repeat;float:right; 
    234   margin-right:-110px; 
    235 } 
    236 .olControlNavToolbar .olControlIdentifyItemInactive {  
    237   background-image: url("img/identify-off.png"); 
    238   background-repeat: no-repeat;float:right; 
    239   margin-right:-110px; 
    240 } 
    241  
    242  
    243 .olControlEditingToolbar  { 
    244     float:right; 
    245     right: 0px; 
    246     height: 30px;  
    247     width: 200px; 
    248 } 
    249 .olControlEditingToolbar div {  
    250   float:right; 
    251   width:  24px; 
    252   height: 24px; 
    253   margin: 5px; 
    254 } 
    255 .olControlEditingToolbar .olControlNavigationItemActive {  
    256   background-image: url("img/pan_on.png"); 
    257   background-repeat: no-repeat; 
    258 } 
    259 .olControlEditingToolbar .olControlNavigationItemInactive {  
    260   background-image: url("img/pan_off.png"); 
    261   background-repeat: no-repeat; 
    262 } 
    263 .olControlEditingToolbar .olControlDrawFeaturePointItemActive {  
    264   background-image: url("img/draw_point_on.png"); 
    265   background-repeat: no-repeat; 
    266 } 
    267 .olControlEditingToolbar .olControlDrawFeaturePointItemInactive {  
    268   background-image: url("img/draw_point_off.png"); 
    269   background-repeat: no-repeat; 
    270 } 
    271 .olControlEditingToolbar .olControlDrawFeaturePathItemInactive {  
    272   background-image: url("img/draw_line_off.png"); 
    273   background-repeat: no-repeat; 
    274 } 
    275 .olControlEditingToolbar .olControlDrawFeaturePathItemActive {  
    276   background-image: url("img/draw_line_on.png"); 
    277   background-repeat: no-repeat; 
    278 } 
    279 .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {  
    280   background-image: url("img/draw_polygon_off.png"); 
    281   background-repeat: no-repeat; 
    282 } 
    283 .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {  
    284   background-image: url("img/draw_polygon_on.png"); 
    285   background-repeat: no-repeat; 
    286 } 
    287  
    288