OpenLayers OpenLayers

Changeset 5377

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

Updated the style.css to align layer list properly

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

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

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