From 2fa788f2611ea9096cfae000121b051e754fce09 Mon Sep 17 00:00:00 2001 From: Johan Thelin Date: Fri, 31 Jan 2020 11:11:52 +0100 Subject: [PATCH] OpenLayer assets --- 2020/js/img/east-mini.png | Bin 0 -> 342 bytes 2020/js/img/north-mini.png | Bin 0 -> 378 bytes 2020/js/img/slider.png | Bin 0 -> 247 bytes 2020/js/img/south-mini.png | Bin 0 -> 373 bytes 2020/js/img/west-mini.png | Bin 0 -> 360 bytes 2020/js/img/zoom-minus-mini.png | Bin 0 -> 291 bytes 2020/js/img/zoom-plus-mini.png | Bin 0 -> 386 bytes 2020/js/img/zoombar.png | Bin 0 -> 350 bytes 2020/js/theme/default/style.css | 516 ++++++++++++++++++++++++++++++++ 9 files changed, 516 insertions(+) create mode 100644 2020/js/img/east-mini.png create mode 100644 2020/js/img/north-mini.png create mode 100644 2020/js/img/slider.png create mode 100644 2020/js/img/south-mini.png create mode 100644 2020/js/img/west-mini.png create mode 100644 2020/js/img/zoom-minus-mini.png create mode 100644 2020/js/img/zoom-plus-mini.png create mode 100644 2020/js/img/zoombar.png create mode 100644 2020/js/theme/default/style.css diff --git a/2020/js/img/east-mini.png b/2020/js/img/east-mini.png new file mode 100644 index 0000000000000000000000000000000000000000..ecedc5ef9f2ea756eaebb78e187b543c221760b2 GIT binary patch literal 342 zcmV-c0jd6pP)H|NqZ`jv0tF2p!J@Vt#5E1j0{%*czunX=ywE2L`Su#V~%X z26c3t_zwd6_doovufKpOZ{jrw1pfa0_kZ^6i~q&NrxG&E60bop@bTl1|0N~+|Fg06 z;xed)D1%_&)~$E{y}j3BGiW182EoAg?f3qxsm(!4XCxZ*=g;5&)2E;RFDyKne1kwS zsi!xee6Kxt@Zo<*$VPmzhCi^seEIpmrsnW}4vs$ZqW|B&fB%;(x%yvPdOGX#807kBUH>1s~$81_sO*&v+W*}nbW|LN1upIgG`k4X=ywEcXXT}3P(n6#_u)q@vt=r Y0HQdVa}txhy8r+H07*qoM6N<$g02{)+5i9m literal 0 HcmV?d00001 diff --git a/2020/js/img/slider.png b/2020/js/img/slider.png new file mode 100644 index 0000000000000000000000000000000000000000..433536422ead435c8e9e5b9dd1f209c7087994c3 GIT binary patch literal 247 zcmeAS@N?(olHy`uVBq!ia0vp^B0$W^!3HFa4)S;aDVAa<&kznEsNqQI0P-bETq8!7kYSLJkg$R&DPQ4P zk^+AX^P{y6caCwG6o^g`Jmny}K`P}zI9E*D!=MR`{}XK#75Un(ge0@MEznS&z;IEa zp?`0|L)JESe!D}yE`|j^KP9wvaL7)YQ}W>fGaGw*>kZy16CR|UIBm>+`_KRX^$Kkr qkCXKy8eTfBYFE6PJag4c0fx9|ma5IF0-8WaF?hQAxvXKP)=oCej@9L5>gPtgU%#i#!N`0)pZArBsW_|L)7 zhs~g;AcHnyv!SG9KZZdeAscZ;|3;8OHP|HC*n0opy7dlj2q+Tpq@x;;L6*1_czdq} z8}jGR-~W1g^YIyE$pBObGHf0$MccRE`#*j9d3=V<1DgRgh#!cbU{k23Hs`;v@MK(u zfb{Ug4T2hGjmt1RhFHV(!x%^|n@5Bp^I$H)Y7mlvmeAPT2u){Cp=^+tB{n?(l-QYb TD(SdV00000NkvXXu0mjfK4hT1 literal 0 HcmV?d00001 diff --git a/2020/js/img/west-mini.png b/2020/js/img/west-mini.png new file mode 100644 index 0000000000000000000000000000000000000000..363cd3d7b2e9aaa24625d57fb59293a063a55158 GIT binary patch literal 360 zcmV-u0hj)XP)X#7}|vKS7LU06!4VBT6GKgMb`sAbvuYAuxlWE+NX0z`*tY z)6#b0G>D*g^z|3~-@pIie-P;CIDthCBw%qGATB=j|LoZp|Ns5_?>`LSGN=Zd0c>o& z|4T~t|Nr>$$A5Hy%b<?Q4ECiZ@?r zxUxw4i%8^wV`(@4H#B^$*tqp;P|12*R>>_Bxf=HhrUdYc@~mQ%Oz~uG){*@8pS}IE z4HwT$b~ENI0eb;^#lr#<H$s!FGFsQfZhZGnjY@X+yO-3q^=!O_M}zCZ6@J2v38g zh+HQA2!)E`fTs0B>h(E^YPC7#xttRhZCEtO=X-ECoWb*a0_*+$HN)O#S)?cy2jKew z9FG^`dJSGOtP6#~dlAxXE}+#~hIG3tx|(gTC~q_tk~t;(kq?IbCy}mCXuy@qgcyqV(DCY@~pSK6tt~hE&{od&`io*?`CG;eEmD zt4?i{kdWLVGNE9dM#<}IOSi4kvf=xn`)xAoA(gk2x@yi}R(bo`W_qH;KB26&QPWsC zH2An~=Lj(>2|_TFlAwZu5F?N}#{WfFW9byz?7LCYzLyj=t%W6LN(Jl>S5XpN#&+eS z=uMTmF@g$0Kc{#+i)HC>*`eg{y?N8jokBa;W%IPokh&1>*gjMAdD`)L%FEb9n0zlk zX}VTgn_pI#_pRBb;aBUnDVJW}$yvt{aQ?kgqWmHcmJaPhqKvx~RsLOMf;b}akAupg nD-9kkD;XzpbTZu4n<(zw$d&WpPWcg_-x)kz{an^LB{Ts5ef)oC literal 0 HcmV?d00001 diff --git a/2020/js/theme/default/style.css b/2020/js/theme/default/style.css new file mode 100644 index 0000000..cbed84e --- /dev/null +++ b/2020/js/theme/default/style.css @@ -0,0 +1,516 @@ +div.olMap { + z-index: 0; + padding: 0 !important; + margin: 0 !important; + cursor: default; +} + +div.olMapViewport { + text-align: left; + -ms-touch-action: none; +} + +div.olLayerDiv { + -moz-user-select: none; + -khtml-user-select: none; +} + +.olLayerGoogleCopyright { + left: 2px; + bottom: 2px; +} +.olLayerGoogleV3.olLayerGoogleCopyright { + right: auto !important; +} +.olLayerGooglePoweredBy { + left: 2px; + bottom: 15px; +} +.olLayerGoogleV3.olLayerGooglePoweredBy { + bottom: 15px !important; +} +/* GMaps should not set styles on its container */ +.olForeignContainer { + opacity: 1 !important; +} +.olControlAttribution { + font-size: smaller; + right: 3px; + bottom: 4.5em; + position: absolute; + display: block; +} +.olControlScale { + right: 3px; + bottom: 3em; + display: block; + position: absolute; + font-size: smaller; +} +.olControlScaleLine { + display: block; + position: absolute; + left: 10px; + bottom: 15px; + font-size: xx-small; +} +.olControlScaleLineBottom { + border: solid 2px black; + border-bottom: none; + margin-top:-2px; + text-align: center; +} +.olControlScaleLineTop { + border: solid 2px black; + border-top: none; + text-align: center; +} + +.olControlPermalink { + right: 3px; + bottom: 1.5em; + display: block; + position: absolute; + font-size: smaller; +} + +div.olControlMousePosition { + bottom: 0; + right: 3px; + display: block; + position: absolute; + font-family: Arial; + font-size: smaller; +} + +.olControlOverviewMapContainer { + position: absolute; + bottom: 0; + right: 0; +} + +.olControlOverviewMapElement { + padding: 10px 18px 10px 10px; + background-color: #00008B; + -moz-border-radius: 1em 0 0 0; +} + +.olControlOverviewMapMinimizeButton, +.olControlOverviewMapMaximizeButton { + height: 18px; + width: 18px; + right: 0; + bottom: 80px; + cursor: pointer; +} + +.olControlOverviewMapExtentRectangle { + overflow: hidden; + background-image: url("img/blank.gif"); + cursor: move; + border: 2px dotted red; +} +.olControlOverviewMapRectReplacement { + overflow: hidden; + cursor: move; + background-image: url("img/overview_replacement.gif"); + background-repeat: no-repeat; + background-position: center; +} + +.olLayerGeoRSSDescription { + float:left; + width:100%; + overflow:auto; + font-size:1.0em; +} +.olLayerGeoRSSClose { + float:right; + color:gray; + font-size:1.2em; + margin-right:6px; + font-family:sans-serif; +} +.olLayerGeoRSSTitle { + float:left;font-size:1.2em; +} + +.olPopupContent { + padding:5px; + overflow: auto; +} + +.olControlNavigationHistory { + background-image: url("img/navigation_history.png"); + background-repeat: no-repeat; + width: 24px; + height: 24px; + +} +.olControlNavigationHistoryPreviousItemActive { + background-position: 0 0; +} +.olControlNavigationHistoryPreviousItemInactive { + background-position: 0 -24px; +} +.olControlNavigationHistoryNextItemActive { + background-position: -24px 0; +} +.olControlNavigationHistoryNextItemInactive { + background-position: -24px -24px; +} + +div.olControlSaveFeaturesItemActive { + background-image: url(img/save_features_on.png); + background-repeat: no-repeat; + background-position: 0 1px; +} +div.olControlSaveFeaturesItemInactive { + background-image: url(img/save_features_off.png); + background-repeat: no-repeat; + background-position: 0 1px; +} + +.olHandlerBoxZoomBox { + border: 2px solid red; + position: absolute; + background-color: white; + opacity: 0.50; + font-size: 1px; + filter: alpha(opacity=50); +} +.olHandlerBoxSelectFeature { + border: 2px solid blue; + position: absolute; + background-color: white; + opacity: 0.50; + font-size: 1px; + filter: alpha(opacity=50); +} + +.olControlPanPanel { + top: 10px; + left: 5px; +} + +.olControlPanPanel div { + background-image: url(img/pan-panel.png); + height: 18px; + width: 18px; + cursor: pointer; + position: absolute; +} + +.olControlPanPanel .olControlPanNorthItemInactive { + top: 0; + left: 9px; + background-position: 0 0; +} +.olControlPanPanel .olControlPanSouthItemInactive { + top: 36px; + left: 9px; + background-position: 18px 0; +} +.olControlPanPanel .olControlPanWestItemInactive { + position: absolute; + top: 18px; + left: 0; + background-position: 0 18px; +} +.olControlPanPanel .olControlPanEastItemInactive { + top: 18px; + left: 18px; + background-position: 18px 18px; +} + +.olControlZoomPanel { + top: 71px; + left: 14px; +} + +.olControlZoomPanel div { + background-image: url(img/zoom-panel.png); + position: absolute; + height: 18px; + width: 18px; + cursor: pointer; +} + +.olControlZoomPanel .olControlZoomInItemInactive { + top: 0; + left: 0; + background-position: 0 0; +} + +.olControlZoomPanel .olControlZoomToMaxExtentItemInactive { + top: 18px; + left: 0; + background-position: 0 -18px; +} + +.olControlZoomPanel .olControlZoomOutItemInactive { + top: 36px; + left: 0; + background-position: 0 18px; +} + +/* + * When a potential text is bigger than the image it move the image + * with some headers (closes #3154) + */ +.olControlPanZoomBar div { + font-size: 1px; +} + +.olPopupCloseBox { + background: url("img/close.gif") no-repeat; + cursor: pointer; +} + +.olFramedCloudPopupContent { + padding: 5px; + overflow: auto; +} + +.olControlNoSelect { + -moz-user-select: none; + -khtml-user-select: none; +} + +.olImageLoadError { + background-color: pink; + opacity: 0.5; + filter: alpha(opacity=50); /* IE */ +} + +/** + * Cursor styles + */ + +.olCursorWait { + cursor: wait; +} +.olDragDown { + cursor: move; +} +.olDrawBox { + cursor: crosshair; +} +.olControlDragFeatureOver { + cursor: move; +} +.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown { + cursor: -moz-grabbing; +} + +/** + * Layer switcher + */ +.olControlLayerSwitcher { + position: absolute; + top: 25px; + right: 0; + width: 20em; + font-family: sans-serif; + font-weight: bold; + margin-top: 3px; + margin-left: 3px; + margin-bottom: 3px; + font-size: smaller; + color: white; + background-color: transparent; +} + +.olControlLayerSwitcher .layersDiv { + padding-top: 5px; + padding-left: 10px; + padding-bottom: 5px; + padding-right: 10px; + background-color: darkblue; +} + +.olControlLayerSwitcher .layersDiv .baseLbl, +.olControlLayerSwitcher .layersDiv .dataLbl { + margin-top: 3px; + margin-left: 3px; + margin-bottom: 3px; +} + +.olControlLayerSwitcher .layersDiv .baseLayersDiv, +.olControlLayerSwitcher .layersDiv .dataLayersDiv { + padding-left: 10px; +} + +.olControlLayerSwitcher .maximizeDiv, +.olControlLayerSwitcher .minimizeDiv { + width: 18px; + height: 18px; + top: 5px; + right: 0; + cursor: pointer; +} + +.olBingAttribution { + color: #DDD; +} +.olBingAttribution.road { + color: #333; +} + +.olGoogleAttribution.hybrid, .olGoogleAttribution.satellite { + color: #EEE; +} +.olGoogleAttribution { + color: #333; +} +span.olGoogleAttribution a { + color: #77C; +} +span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a { + color: #EEE; +} + +/** + * Editing and navigation icons. + * (using the editing_tool_bar.png sprint image) + */ +.olControlNavToolbar , +.olControlEditingToolbar { + margin: 5px 5px 0 0; +} +.olControlNavToolbar div, +.olControlEditingToolbar div { + background-image: url("img/editing_tool_bar.png"); + background-repeat: no-repeat; + margin: 0 0 5px 5px; + width: 24px; + height: 22px; + cursor: pointer +} +/* positions */ +.olControlEditingToolbar { + right: 0; + top: 0; +} +.olControlNavToolbar { + top: 295px; + left: 9px; +} +/* layouts */ +.olControlEditingToolbar div { + float: right; +} +/* individual controls */ +.olControlNavToolbar .olControlNavigationItemInactive, +.olControlEditingToolbar .olControlNavigationItemInactive { + background-position: -103px -1px; +} +.olControlNavToolbar .olControlNavigationItemActive , +.olControlEditingToolbar .olControlNavigationItemActive { + background-position: -103px -24px; +} +.olControlNavToolbar .olControlZoomBoxItemInactive { + background-position: -128px -1px; +} +.olControlNavToolbar .olControlZoomBoxItemActive { + background-position: -128px -24px; +} +.olControlEditingToolbar .olControlDrawFeaturePointItemInactive { + background-position: -77px -1px; +} +.olControlEditingToolbar .olControlDrawFeaturePointItemActive { + background-position: -77px -24px; +} +.olControlEditingToolbar .olControlDrawFeaturePathItemInactive { + background-position: -51px -1px; +} +.olControlEditingToolbar .olControlDrawFeaturePathItemActive { + background-position: -51px -24px; +} +.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{ + background-position: -26px -1px; +} +.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { + background-position: -26px -24px; +} + +div.olControlZoom { + position: absolute; + top: 8px; + left: 8px; + background: rgba(255,255,255,0.4); + border-radius: 4px; + padding: 2px; +} +div.olControlZoom a { + display: block; + margin: 1px; + padding: 0; + color: white; + font-size: 18px; + font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; + font-weight: bold; + text-decoration: none; + text-align: center; + height: 22px; + width:22px; + line-height: 19px; + background: #130085; /* fallback for IE - IE6 requires background shorthand*/ + background: rgba(0, 60, 136, 0.5); + filter: alpha(opacity=80); +} +div.olControlZoom a:hover { + background: #130085; /* fallback for IE */ + background: rgba(0, 60, 136, 0.7); + filter: alpha(opacity=100); +} +@media only screen and (max-width: 600px) { + div.olControlZoom a:hover { + background: rgba(0, 60, 136, 0.5); + } +} +a.olControlZoomIn { + border-radius: 4px 4px 0 0; +} +a.olControlZoomOut { + border-radius: 0 0 4px 4px; +} + + +/** + * Animations + */ + +.olLayerGrid .olTileImage { + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + -o-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} + +/* Turn on GPU support where available */ +.olTileImage { + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -o-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000; + -moz-perspective: 1000; + -ms-perspective: 1000; + perspective: 1000; +} + +/* when replacing tiles, do not show tile and backbuffer at the same time */ +.olTileReplacing { + display: none; +} + +/* override any max-width image settings (e.g. bootstrap.css) */ +img.olTileImage { + max-width: none; +}