diff --git a/assets/translate.less b/assets/translate.less index ae9a91fb..09572cf5 100644 --- a/assets/translate.less +++ b/assets/translate.less @@ -61,6 +61,11 @@ body.translate { .language-selectors { display: flex; align-items: center; + > * { + // Get rid of the margin from the following three elements, so the .language-selectors can be treated the + // same as the .buttons element (for vertical positioning). + margin-bottom: 0; + } .source-lang-widget { flex: 2; text-align: left; @@ -80,7 +85,12 @@ body.translate { } .oo-ui-fieldLayout { - margin-bottom: 1.5rem; + margin-bottom: 0.75rem; + } + fieldset:not(:first-child) { + margin-top: 0; + padding-top: 0.75rem; + border-top: 1px solid @wmui-color-base80; } .source-lang-not-found label { font-style: italic; diff --git a/public/assets/app.cdb1250c.css b/public/assets/app.1709d2c7.css similarity index 99% rename from public/assets/app.cdb1250c.css rename to public/assets/app.1709d2c7.css index 7263b2db..c14b61d2 100644 --- a/public/assets/app.cdb1250c.css +++ b/public/assets/app.1709d2c7.css @@ -64,4 +64,4 @@ * http://oojs.mit-license.org * * Date: 2019-01-23T01:14:27Z - */.oo-ui-icon-logoCC{background-image:url(../assets/images/logo-CC.8a2b3dd1.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-CC.ecfe9b93.svg)}.oo-ui-image-invert.oo-ui-icon-logoCC{background-image:url(../assets/images/logo-CC-invert.4a1e4bed.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-CC-invert.14e97e11.svg)}.oo-ui-icon-logoWikidata{background-image:url(../assets/images/logo-Wikidata.ee3d26f2.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikidata.594ec931.svg)}.oo-ui-image-invert.oo-ui-icon-logoWikidata{background-image:url(../assets/images/logo-Wikidata-invert.ee3d26f2.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikidata-invert.cf9976d8.svg)}.oo-ui-icon-logoWikimedia{background-image:url(../assets/images/logo-Wikimedia.b39dc4bd.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikimedia.440efc39.svg)}.oo-ui-image-invert.oo-ui-icon-logoWikimedia{background-image:url(../assets/images/logo-Wikimedia-invert.d72b5c01.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikimedia-invert.7a5ccd0e.svg)}.oo-ui-icon-logoWikimediaCommons{background-image:url(../assets/images/logo-Wikimedia-Commons.28843842.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikimedia-Commons.01a57418.svg)}.oo-ui-image-invert.oo-ui-icon-logoWikimediaCommons{background-image:url(../assets/images/logo-Wikimedia-Commons-invert.488469c8.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikimedia-Commons-invert.5bd6f300.svg)}.oo-ui-icon-logoWikimediaDiscovery{background-image:url(../assets/images/logo-Wikimedia-Discovery.0ec7a6e6.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikimedia-Discovery.d00f424b.svg)}.oo-ui-image-invert.oo-ui-icon-logoWikimediaDiscovery{background-image:url(../assets/images/logo-Wikimedia-Discovery-invert.d036e714.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikimedia-Discovery-invert.02edf9cd.svg)}.oo-ui-icon-logoWikipedia{background-image:url(../assets/images/logo-Wikipedia.2fe52937.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikipedia.1ede6b06.svg)}.oo-ui-image-invert.oo-ui-icon-logoWikipedia{background-image:url(../assets/images/logo-Wikipedia-invert.0712cfe2.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikipedia-invert.3291a791.svg)}.uls-trigger{background:url(../assets/images/language.85750f53.png) no-repeat 0;background-image:linear-gradient(transparent,transparent),url(../assets/images/language.e4eab28c.svg);padding-left:24px}.uls-menu{position:absolute;z-index:1000;display:none;margin-top:1px;background-color:#fff;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.uls-wide{min-width:715px;width:45%}.uls-medium{min-width:360px;width:30%}.uls-medium.grid .row{min-width:300px}.uls-narrow{min-width:180px;width:20%}.uls-narrow.grid .row{min-width:150px}.uls-search{background-color:#fff;padding:5px 16px;border-bottom:1px solid #ddd}.grid .uls-search{padding-left:0}.uls-search-wrapper{position:relative;padding-left:44px;margin-right:5px;height:32px}.uls-search-label{background:url(../assets/images/search.91cd1ec4.png) no-repeat 50%;background-image:linear-gradient(transparent,transparent),url(../assets/images/search.7676ee0e.svg);background-size:20px;height:32px;width:44px;display:block;position:absolute;left:0;opacity:.8}.uls-search-input-wrapper{position:relative}.uls-filterinput{font-size:16px;height:32px;width:100%;padding:6px 25px 6px 0;outline:0;border:0;display:block;position:absolute;top:0;left:0}.uls-languagefilter{background-color:transparent;border:0;color:#222}.uls-filtersuggestion{background-color:#fff;color:#777}.uls-languagefilter-clear{background:url(../assets/images/clear.ee5ca093.png) no-repeat 0;background-image:linear-gradient(transparent,transparent),url(../assets/images/clear.5c058229.svg);background-size:15px;cursor:pointer;height:15px;width:15px;margin:8.5px 5px;position:absolute;right:0;z-index:1}.grid *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.grid .left{float:left}.grid .right{float:right}.grid .text-left{text-align:left}.grid .text-right{text-align:right}.grid .text-center{text-align:center}.grid .hide{display:none}.grid .highlight{background:#ff9}.grid .row{width:100%;max-width:none;min-width:600px;margin:0 auto;*zoom:1}.grid .row .row{width:auto;max-width:none;min-width:0;margin:0 -5px}.grid .column,.grid .columns{float:left;min-height:1px;padding:0 5px;position:relative}.grid .row.collapse .column,.grid .row.collapse .columns{padding:0}.grid .row .row.collapse{margin:0}.grid .column.centered,.grid .columns.centered{float:none;margin:0 auto}.grid .row .one{width:8.333%}.grid .row .two{width:16.667%}.grid .row .three{width:25%}.grid .row .four{width:33.333%}.grid .row .five{width:41.667%}.grid .row .six{width:50%}.grid .row .seven{width:58.333%}.grid .row .eight{width:66.667%}.grid .row .nine{width:75%}.grid .row .ten{width:83.333%}.grid .row .eleven{width:91.667%}.grid .row .twelve{width:100%}.grid .row .offset-by-one{margin-left:8.333%}.grid .row .offset-by-two{margin-left:16.667%}.grid .row .offset-by-three{margin-left:25%}.grid .row .offset-by-four{margin-left:33.333%}.grid .row .offset-by-five{margin-left:41.667%}.grid .row .offset-by-six{margin-left:50%}.grid .row .offset-by-seven{margin-left:58.333%}.grid .row .offset-by-eight{margin-left:66.667%}.grid .row .offset-by-nine{margin-left:75%}.grid .row .offset-by-ten{margin-left:83.333%}.grid .push-two{left:16.667%}.grid .pull-two{right:16.667%}.grid .push-three{left:25%}.grid .pull-three{right:25%}.grid .push-four{left:33.333%}.grid .pull-four{right:33.333%}.grid .push-five{left:41.667%}.grid .pull-five{right:41.667%}.grid .push-six{left:50%}.grid .pull-six{right:50%}.grid .push-seven{left:58.333%}.grid .pull-seven{right:58.333%}.grid .push-eight{left:66.667%}.grid .pull-eight{right:66.667%}.grid .push-nine{left:75%}.grid .pull-nine{right:75%}.grid .push-ten{left:83.333%}.grid .pull-ten{right:83.333%}.grid .row:after,.grid .row:before{content:"";display:table}.grid .row:after{clear:both}.grid .block-grid{display:block;overflow:hidden;padding:0}.grid .block-grid>li{display:block;height:auto;float:left}.grid .block-grid.two-up{margin:0 -15px}.grid .block-grid.two-up>li{width:50%;padding:0 15px 15px}.grid .block-grid.three-up{margin:0 -12px}.grid .block-grid.three-up>li{width:33.33%;padding:0 12px 12px}.grid .block-grid.four-up{margin:0 -10px}.grid .block-grid.four-up>li{width:25%;padding:0 10px 10px}.grid .block-grid.five-up{margin:0 -8px}.grid .block-grid.five-up>li{width:20%;padding:0 8px 8px}.uls-lcd{background-color:#fcfcfc;height:20em;overflow-x:hidden;overflow-y:auto;width:auto;padding:0 16px}.uls-lcd--no-quicklist [data-region=all] .uls-lcd-region-title{display:none}.uls-lcd-region-section{margin-top:10px}.uls-lcd-region-title{color:#555;font-size:14px;padding-left:28px}.grid .uls-language-block.row{padding:0;margin:0}.uls-language-block>ul{list-style:none none}.grid .uls-language-block>ul{margin:0 0 20px;padding:0 16px}.grid .uls-language-block>ul:first-child{padding-left:0}.grid .uls-language-block>ul:last-child{padding-right:0}.uls-language-block>ul>li{cursor:pointer;margin-left:20px;padding:8px;text-align:left}.uls-language-block>ul>li:hover{background-color:#eaeff7}.uls-language-block a{cursor:pointer;text-decoration:none;color:#36c;font-size:14px;display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.uls-lcd.uls-no-results>.uls-lcd-region-section,.uls-no-results-view{display:none}.uls-lcd.uls-no-results>.uls-no-results-view{display:block}.uls-no-results-found-title{font-size:16px;padding:0 16px 0 28px;margin:20px 0;border-bottom:0;color:#54595d}.uls-no-found-more{border-top:1px solid #eaecf0;color:#54595d;padding:12px 16px 12px 44px;font-size:.9em;width:100%;margin-top:1.6em;line-height:1.6em;position:absolute;bottom:0;left:0}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline:0}.leaflet-container a{color:#0078a8}.leaflet-container a.leaflet-active{outline:2px solid orange}.leaflet-zoom-box{border:2px dotted #38f;background:hsla(0,0%,100%,.5)}.leaflet-container{font:12px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(../assets/images/layers.a6137456.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(../assets/images/layers-2x.4f0283c6.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers-expanded .leaflet-control-layers-toggle,.leaflet-control-layers .leaflet-control-layers-list{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(../assets/images/marker-icon.2273e3d8.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:hsla(0,0%,100%,.7);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;background:hsla(0,0%,100%,.5)}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 19px;line-height:1.4}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;border:none;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:700;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.leaflet-oldie .leaflet-popup-content-wrapper{zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)}.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}body{font-family:Helvetica Neue,Helvetica,Nimbus Sans L,Arial,Liberation Sans,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Linux Libertine,Georgia,Times,serif;line-height:1.25}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier New,monospace}a{color:#36c;text-decoration:none}a:hover{color:#447ff5;text-decoration:underline}a:active{color:#2a4b8d}a:focus{color:#36c}:root{border:0}body,html{margin:0;height:100%}body{background-color:#eaecf0;font-size:.9rem}footer,header{max-width:950px;margin:3rem auto}header h1{font-size:2.25rem;font-weight:600;letter-spacing:1px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0}header .top-row{display:flex;align-items:center}header .top-row .left{flex:2}header .top-row nav.user{flex:1;text-align:right}header .top-row nav.user ul{margin:0}header .description p{width:50%;margin:0 0 .8rem}footer .toolforge a{float:left;width:128px;display:flex;align-items:center;font-size:smaller;color:#7f7f7f;font-variant:small-caps;line-height:1rem}footer .toolforge .toolforge-logo{padding-right:4px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}footer .toolforge a:hover .toolforge-logo{-webkit-filter:none;filter:none}footer .info{text-align:right}main{padding:1rem;background-color:#fff}.inline-list li:before{content:" · "}.inline-list li:first-child:before{content:none}.inline-list li{display:inline}body.search aside.tutorial,body.search main{max-width:1140px;margin:1.5rem auto;padding:1rem}body.search main form{max-width:950px;margin:3rem auto}body.search aside.tutorial{border-radius:2px;border:1px solid #a2a9b1;margin:1.5rem auto}body.search aside.tutorial ol{max-width:1000px;list-style-type:none;display:flex;margin:auto}body.search aside.tutorial li{font-size:1rem;flex:1;display:flex;align-items:center}body.search aside.tutorial p.image{flex:1}body.search aside.tutorial p.image img{height:50px}body.search aside.tutorial p.words{flex:3}body.search aside.tutorial p.words strong{display:block}body.search aside.tutorial p.words span{color:#54595d}body.search aside.tutorial p.arrow{flex:1;color:#2a4b8d;font-size:2rem}body.translate header{margin:2rem auto 2.1rem}body.translate header h1,body.translate header p{margin:0}body.translate header h1{font-weight:500;font-size:1.5rem;letter-spacing:0}body.translate main aside.upload-complete{max-width:950px;margin:auto;background-color:#d5fdf4;border:1px solid #14866d;border-radius:3px;padding:1em}body.translate main aside.upload-complete h3{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica Neue,Helvetica,Arial,sans-serif}body.translate main aside.upload-complete .buttons a{padding:.7em;background-color:rgba(0,0,0,.1);color:#000;border-radius:3px;text-transform:uppercase;margin-right:1em;font-size:smaller}body.translate main form{padding:2rem 5rem;display:flex;align-items:flex-start}body.translate main form .form-column,body.translate main form .image-column{flex-grow:1;width:50%}body.translate main form .form-column .language-selectors,body.translate main form .image-column .buttons{margin-bottom:2rem}body.translate main form .form-column{margin-right:1rem}body.translate main form .form-column .language-selectors{display:flex;align-items:center}body.translate main form .form-column .language-selectors .source-lang-widget{flex:2;text-align:left}body.translate main form .form-column .language-selectors .source-to-target-label{flex-grow:2;text-align:center}body.translate main form .form-column .language-selectors .target-lang-widget{flex:2}body.translate main form .form-column .language-selectors .target-lang-widget button{text-align:left;width:100%;font-weight:400}body.translate main form .form-column .oo-ui-fieldLayout{margin-bottom:1.5rem}body.translate main form .form-column .source-lang-not-found label{font-style:italic;color:#72777d}body.translate main form .image-column{position:sticky;top:1rem;text-align:right}body.translate main form .image-column .buttons{display:flex;flex-direction:row-reverse;align-items:center}body.translate main form .image-column .buttons .oo-ui-widget{margin-right:0}body.translate main form .image-column .buttons .download-or-upload{margin:0 1rem 0 .8rem}body.translate main form .image-column .image,body.translate main form .image-column .leaflet-container{border:1px solid #a2a9b1;background-color:#fff}body.translate main form .image-column img{margin-top:1rem;max-width:100%} \ No newline at end of file + */.oo-ui-icon-logoCC{background-image:url(../assets/images/logo-CC.8a2b3dd1.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-CC.ecfe9b93.svg)}.oo-ui-image-invert.oo-ui-icon-logoCC{background-image:url(../assets/images/logo-CC-invert.4a1e4bed.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-CC-invert.14e97e11.svg)}.oo-ui-icon-logoWikidata{background-image:url(../assets/images/logo-Wikidata.ee3d26f2.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikidata.594ec931.svg)}.oo-ui-image-invert.oo-ui-icon-logoWikidata{background-image:url(../assets/images/logo-Wikidata-invert.ee3d26f2.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikidata-invert.cf9976d8.svg)}.oo-ui-icon-logoWikimedia{background-image:url(../assets/images/logo-Wikimedia.b39dc4bd.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikimedia.440efc39.svg)}.oo-ui-image-invert.oo-ui-icon-logoWikimedia{background-image:url(../assets/images/logo-Wikimedia-invert.d72b5c01.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikimedia-invert.7a5ccd0e.svg)}.oo-ui-icon-logoWikimediaCommons{background-image:url(../assets/images/logo-Wikimedia-Commons.28843842.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikimedia-Commons.01a57418.svg)}.oo-ui-image-invert.oo-ui-icon-logoWikimediaCommons{background-image:url(../assets/images/logo-Wikimedia-Commons-invert.488469c8.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikimedia-Commons-invert.5bd6f300.svg)}.oo-ui-icon-logoWikimediaDiscovery{background-image:url(../assets/images/logo-Wikimedia-Discovery.0ec7a6e6.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikimedia-Discovery.d00f424b.svg)}.oo-ui-image-invert.oo-ui-icon-logoWikimediaDiscovery{background-image:url(../assets/images/logo-Wikimedia-Discovery-invert.d036e714.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikimedia-Discovery-invert.02edf9cd.svg)}.oo-ui-icon-logoWikipedia{background-image:url(../assets/images/logo-Wikipedia.2fe52937.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikipedia.1ede6b06.svg)}.oo-ui-image-invert.oo-ui-icon-logoWikipedia{background-image:url(../assets/images/logo-Wikipedia-invert.0712cfe2.png);background-image:linear-gradient(transparent,transparent),url(../assets/images/logo-Wikipedia-invert.3291a791.svg)}.uls-trigger{background:url(../assets/images/language.85750f53.png) no-repeat 0;background-image:linear-gradient(transparent,transparent),url(../assets/images/language.e4eab28c.svg);padding-left:24px}.uls-menu{position:absolute;z-index:1000;display:none;margin-top:1px;background-color:#fff;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.uls-wide{min-width:715px;width:45%}.uls-medium{min-width:360px;width:30%}.uls-medium.grid .row{min-width:300px}.uls-narrow{min-width:180px;width:20%}.uls-narrow.grid .row{min-width:150px}.uls-search{background-color:#fff;padding:5px 16px;border-bottom:1px solid #ddd}.grid .uls-search{padding-left:0}.uls-search-wrapper{position:relative;padding-left:44px;margin-right:5px;height:32px}.uls-search-label{background:url(../assets/images/search.91cd1ec4.png) no-repeat 50%;background-image:linear-gradient(transparent,transparent),url(../assets/images/search.7676ee0e.svg);background-size:20px;height:32px;width:44px;display:block;position:absolute;left:0;opacity:.8}.uls-search-input-wrapper{position:relative}.uls-filterinput{font-size:16px;height:32px;width:100%;padding:6px 25px 6px 0;outline:0;border:0;display:block;position:absolute;top:0;left:0}.uls-languagefilter{background-color:transparent;border:0;color:#222}.uls-filtersuggestion{background-color:#fff;color:#777}.uls-languagefilter-clear{background:url(../assets/images/clear.ee5ca093.png) no-repeat 0;background-image:linear-gradient(transparent,transparent),url(../assets/images/clear.5c058229.svg);background-size:15px;cursor:pointer;height:15px;width:15px;margin:8.5px 5px;position:absolute;right:0;z-index:1}.grid *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.grid .left{float:left}.grid .right{float:right}.grid .text-left{text-align:left}.grid .text-right{text-align:right}.grid .text-center{text-align:center}.grid .hide{display:none}.grid .highlight{background:#ff9}.grid .row{width:100%;max-width:none;min-width:600px;margin:0 auto;*zoom:1}.grid .row .row{width:auto;max-width:none;min-width:0;margin:0 -5px}.grid .column,.grid .columns{float:left;min-height:1px;padding:0 5px;position:relative}.grid .row.collapse .column,.grid .row.collapse .columns{padding:0}.grid .row .row.collapse{margin:0}.grid .column.centered,.grid .columns.centered{float:none;margin:0 auto}.grid .row .one{width:8.333%}.grid .row .two{width:16.667%}.grid .row .three{width:25%}.grid .row .four{width:33.333%}.grid .row .five{width:41.667%}.grid .row .six{width:50%}.grid .row .seven{width:58.333%}.grid .row .eight{width:66.667%}.grid .row .nine{width:75%}.grid .row .ten{width:83.333%}.grid .row .eleven{width:91.667%}.grid .row .twelve{width:100%}.grid .row .offset-by-one{margin-left:8.333%}.grid .row .offset-by-two{margin-left:16.667%}.grid .row .offset-by-three{margin-left:25%}.grid .row .offset-by-four{margin-left:33.333%}.grid .row .offset-by-five{margin-left:41.667%}.grid .row .offset-by-six{margin-left:50%}.grid .row .offset-by-seven{margin-left:58.333%}.grid .row .offset-by-eight{margin-left:66.667%}.grid .row .offset-by-nine{margin-left:75%}.grid .row .offset-by-ten{margin-left:83.333%}.grid .push-two{left:16.667%}.grid .pull-two{right:16.667%}.grid .push-three{left:25%}.grid .pull-three{right:25%}.grid .push-four{left:33.333%}.grid .pull-four{right:33.333%}.grid .push-five{left:41.667%}.grid .pull-five{right:41.667%}.grid .push-six{left:50%}.grid .pull-six{right:50%}.grid .push-seven{left:58.333%}.grid .pull-seven{right:58.333%}.grid .push-eight{left:66.667%}.grid .pull-eight{right:66.667%}.grid .push-nine{left:75%}.grid .pull-nine{right:75%}.grid .push-ten{left:83.333%}.grid .pull-ten{right:83.333%}.grid .row:after,.grid .row:before{content:"";display:table}.grid .row:after{clear:both}.grid .block-grid{display:block;overflow:hidden;padding:0}.grid .block-grid>li{display:block;height:auto;float:left}.grid .block-grid.two-up{margin:0 -15px}.grid .block-grid.two-up>li{width:50%;padding:0 15px 15px}.grid .block-grid.three-up{margin:0 -12px}.grid .block-grid.three-up>li{width:33.33%;padding:0 12px 12px}.grid .block-grid.four-up{margin:0 -10px}.grid .block-grid.four-up>li{width:25%;padding:0 10px 10px}.grid .block-grid.five-up{margin:0 -8px}.grid .block-grid.five-up>li{width:20%;padding:0 8px 8px}.uls-lcd{background-color:#fcfcfc;height:20em;overflow-x:hidden;overflow-y:auto;width:auto;padding:0 16px}.uls-lcd--no-quicklist [data-region=all] .uls-lcd-region-title{display:none}.uls-lcd-region-section{margin-top:10px}.uls-lcd-region-title{color:#555;font-size:14px;padding-left:28px}.grid .uls-language-block.row{padding:0;margin:0}.uls-language-block>ul{list-style:none none}.grid .uls-language-block>ul{margin:0 0 20px;padding:0 16px}.grid .uls-language-block>ul:first-child{padding-left:0}.grid .uls-language-block>ul:last-child{padding-right:0}.uls-language-block>ul>li{cursor:pointer;margin-left:20px;padding:8px;text-align:left}.uls-language-block>ul>li:hover{background-color:#eaeff7}.uls-language-block a{cursor:pointer;text-decoration:none;color:#36c;font-size:14px;display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.uls-lcd.uls-no-results>.uls-lcd-region-section,.uls-no-results-view{display:none}.uls-lcd.uls-no-results>.uls-no-results-view{display:block}.uls-no-results-found-title{font-size:16px;padding:0 16px 0 28px;margin:20px 0;border-bottom:0;color:#54595d}.uls-no-found-more{border-top:1px solid #eaecf0;color:#54595d;padding:12px 16px 12px 44px;font-size:.9em;width:100%;margin-top:1.6em;line-height:1.6em;position:absolute;bottom:0;left:0}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline:0}.leaflet-container a{color:#0078a8}.leaflet-container a.leaflet-active{outline:2px solid orange}.leaflet-zoom-box{border:2px dotted #38f;background:hsla(0,0%,100%,.5)}.leaflet-container{font:12px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(../assets/images/layers.a6137456.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(../assets/images/layers-2x.4f0283c6.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers-expanded .leaflet-control-layers-toggle,.leaflet-control-layers .leaflet-control-layers-list{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(../assets/images/marker-icon.2273e3d8.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:hsla(0,0%,100%,.7);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;background:hsla(0,0%,100%,.5)}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 19px;line-height:1.4}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;border:none;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:700;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.leaflet-oldie .leaflet-popup-content-wrapper{zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)}.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}body{font-family:Helvetica Neue,Helvetica,Nimbus Sans L,Arial,Liberation Sans,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Linux Libertine,Georgia,Times,serif;line-height:1.25}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier New,monospace}a{color:#36c;text-decoration:none}a:hover{color:#447ff5;text-decoration:underline}a:active{color:#2a4b8d}a:focus{color:#36c}:root{border:0}body,html{margin:0;height:100%}body{background-color:#eaecf0;font-size:.9rem}footer,header{max-width:950px;margin:3rem auto}header h1{font-size:2.25rem;font-weight:600;letter-spacing:1px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0}header .top-row{display:flex;align-items:center}header .top-row .left{flex:2}header .top-row nav.user{flex:1;text-align:right}header .top-row nav.user ul{margin:0}header .description p{width:50%;margin:0 0 .8rem}footer .toolforge a{float:left;width:128px;display:flex;align-items:center;font-size:smaller;color:#7f7f7f;font-variant:small-caps;line-height:1rem}footer .toolforge .toolforge-logo{padding-right:4px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}footer .toolforge a:hover .toolforge-logo{-webkit-filter:none;filter:none}footer .info{text-align:right}main{padding:1rem;background-color:#fff}.inline-list li:before{content:" · "}.inline-list li:first-child:before{content:none}.inline-list li{display:inline}body.search aside.tutorial,body.search main{max-width:1140px;margin:1.5rem auto;padding:1rem}body.search main form{max-width:950px;margin:3rem auto}body.search aside.tutorial{border-radius:2px;border:1px solid #a2a9b1;margin:1.5rem auto}body.search aside.tutorial ol{max-width:1000px;list-style-type:none;display:flex;margin:auto}body.search aside.tutorial li{font-size:1rem;flex:1;display:flex;align-items:center}body.search aside.tutorial p.image{flex:1}body.search aside.tutorial p.image img{height:50px}body.search aside.tutorial p.words{flex:3}body.search aside.tutorial p.words strong{display:block}body.search aside.tutorial p.words span{color:#54595d}body.search aside.tutorial p.arrow{flex:1;color:#2a4b8d;font-size:2rem}body.translate header{margin:2rem auto 2.1rem}body.translate header h1,body.translate header p{margin:0}body.translate header h1{font-weight:500;font-size:1.5rem;letter-spacing:0}body.translate main aside.upload-complete{max-width:950px;margin:auto;background-color:#d5fdf4;border:1px solid #14866d;border-radius:3px;padding:1em}body.translate main aside.upload-complete h3{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica Neue,Helvetica,Arial,sans-serif}body.translate main aside.upload-complete .buttons a{padding:.7em;background-color:rgba(0,0,0,.1);color:#000;border-radius:3px;text-transform:uppercase;margin-right:1em;font-size:smaller}body.translate main form{padding:2rem 5rem;display:flex;align-items:flex-start}body.translate main form .form-column,body.translate main form .image-column{flex-grow:1;width:50%}body.translate main form .form-column .language-selectors,body.translate main form .image-column .buttons{margin-bottom:2rem}body.translate main form .form-column{margin-right:1rem}body.translate main form .form-column .language-selectors{display:flex;align-items:center}body.translate main form .form-column .language-selectors>*{margin-bottom:0}body.translate main form .form-column .language-selectors .source-lang-widget{flex:2;text-align:left}body.translate main form .form-column .language-selectors .source-to-target-label{flex-grow:2;text-align:center}body.translate main form .form-column .language-selectors .target-lang-widget{flex:2}body.translate main form .form-column .language-selectors .target-lang-widget button{text-align:left;width:100%;font-weight:400}body.translate main form .form-column .oo-ui-fieldLayout{margin-bottom:.75rem}body.translate main form .form-column fieldset:not(:first-child){margin-top:0;padding-top:.75rem;border-top:1px solid #eaecf0}body.translate main form .form-column .source-lang-not-found label{font-style:italic;color:#72777d}body.translate main form .image-column{position:sticky;top:1rem;text-align:right}body.translate main form .image-column .buttons{display:flex;flex-direction:row-reverse;align-items:center}body.translate main form .image-column .buttons .oo-ui-widget{margin-right:0}body.translate main form .image-column .buttons .download-or-upload{margin:0 1rem 0 .8rem}body.translate main form .image-column .image,body.translate main form .image-column .leaflet-container{border:1px solid #a2a9b1;background-color:#fff}body.translate main form .image-column img{margin-top:1rem;max-width:100%} \ No newline at end of file diff --git a/public/assets/entrypoints.json b/public/assets/entrypoints.json index b6587343..0702c130 100644 --- a/public/assets/entrypoints.json +++ b/public/assets/entrypoints.json @@ -2,7 +2,7 @@ "entrypoints": { "app": { "css": [ - "assets/app.cdb1250c.css" + "assets/app.1709d2c7.css" ], "js": [ "assets/app.10e4979a.js" diff --git a/public/assets/manifest.json b/public/assets/manifest.json index 52ed820d..bb089def 100644 --- a/public/assets/manifest.json +++ b/public/assets/manifest.json @@ -1,5 +1,5 @@ { - "assets/app.css": "assets/app.cdb1250c.css", + "assets/app.css": "assets/app.1709d2c7.css", "assets/app.js": "assets/app.10e4979a.js", "assets/grabbing.cur": "assets/a8c874b93b3d848f39a71260c57e3863.cur", "assets/grab.cur": "assets/b06c243f534d9c5461d16528156cd5a8.cur", diff --git a/src/Controller/TranslateController.php b/src/Controller/TranslateController.php index 844d743c..63e65dc2 100644 --- a/src/Controller/TranslateController.php +++ b/src/Controller/TranslateController.php @@ -11,6 +11,7 @@ use OOUI\ButtonInputWidget; use OOUI\DropdownInputWidget; use OOUI\FieldLayout; +use OOUI\FieldsetLayout; use OOUI\HorizontalLayout; use OOUI\LabelWidget; use OOUI\TextInputWidget; @@ -126,7 +127,9 @@ public function translate( // Messages. $translations = $svgFile->getInFileTranslations(); - $formFields = []; + $currentFieldset = new FieldsetLayout(); + $fieldsets = [$currentFieldset]; + $prevTranslation = null; foreach ($translations as $tspanId => $translation) { // Do not display translations that are only white-space. https://stackoverflow.com/a/4167053/99667 // @TODO SvgFile should probably be handling this for us. @@ -151,14 +154,22 @@ public function translate( 'infusable' => true, ] ); - $formFields[] = $field; + + // Start a new fieldset if the current translation's parent is different to the previous's. + if ($prevTranslation + && $prevTranslation['fallback']['data-parent'] !== $translation['fallback']['data-parent']) { + $currentFieldset = new FieldsetLayout(); + $fieldsets[] = $currentFieldset; + } + $currentFieldset->addItems([$field]); + $prevTranslation = $translation; } return $this->render('translate.html.twig', [ 'page_class' => 'translate', 'title' => Title::text($filename), 'filename' => $normalizedFilename, - 'fields' => $formFields, + 'fieldsets' => $fieldsets, 'download_button' => $downloadButton, 'upload_button' => $uploadButton, 'language_selectors' => $languageSelectorsLayout, diff --git a/templates/translate.html.twig b/templates/translate.html.twig index c31ff032..4d2597c0 100644 --- a/templates/translate.html.twig +++ b/templates/translate.html.twig @@ -32,8 +32,8 @@
{{ language_selectors|raw }}
- {% for field in fields %} - {{ field|raw }} + {% for fieldset in fieldsets %} + {{ fieldset|raw }} {% endfor %}