style.css (2196B)
1 .wikimedia-viewer-container { 2 width: 100%; 3 height: 100%; 4 display: flex; 5 flex-direction: column; 6 } 7 8 .wikimedia-viewer-map-container { 9 width: 100%; 10 flex-grow: 1; 11 } 12 13 .wikimedia-viewer-map-container.loading { 14 background-repeat: no-repeat; 15 background-position: 50% 50%; 16 background-image: url("loading.svg"); 17 } 18 19 .wikimedia-viewer-page-buttons-container { 20 background-color: #aaaaaa; 21 white-space: nowrap; 22 overflow-x: auto; 23 overflow-y: hidden; 24 display: none; 25 } 26 27 .wikimedia-viewer-page-buttons-container.enabled { 28 display: flex; 29 } 30 31 .wikimedia-viewer-page-button { 32 margin-right: 4px; 33 background-color: #777777; 34 border: 3px solid #777777; 35 color: white; 36 height: 37px; 37 flex-basis: 37px; 38 flex-grow: 0; 39 flex-shrink: 0; 40 line-height: 37px; 41 font-family: Arial,Helvetica,sans-serif; 42 font-size: 20px; 43 font-weight: bold; 44 text-align: center; 45 cursor: pointer; 46 user-select: none; 47 } 48 49 .wikimedia-viewer-page-button.active { 50 border: 3px solid black; 51 } 52 53 .wikimedia-viewer-info-overlay { 54 position: absolute; 55 bottom: 0; 56 right: 0; 57 background-color: rgba(0,0,0,.7); 58 color: white; 59 font-family: Arial,Helvetica,sans-serif; 60 font-size: 11px; 61 padding: 4px; 62 text-align: right; 63 z-index: 1000; 64 white-space: nowrap; 65 text-overflow: ellipsis; 66 overflow: hidden; 67 max-width: 100%; 68 box-sizing: border-box; 69 } 70 71 .wikimedia-viewer-info-overlay a { 72 color: white; 73 } 74 75 .wikimedia-viewer-button-prev, .wikimedia-viewer-button-next { 76 display: none; 77 cursor: pointer; 78 position: absolute; 79 top: 50%; 80 width: 40px; 81 height: 80px; 82 margin-top: -40px; 83 background-color: rgba(0,0,0,1); 84 opacity: 0.5; 85 z-index: 1000; 86 background-repeat: no-repeat; 87 background-size: 60px; 88 } 89 90 .wikimedia-viewer-button-prev.enabled, .wikimedia-viewer-button-next.enabled { 91 display: block; 92 } 93 94 .wikimedia-viewer-button-prev { 95 background-image: url("angle-left.svg"); 96 left: 0; 97 background-position: 70% 50%; 98 } 99 100 .wikimedia-viewer-button-next { 101 background-image: url("angle-right.svg"); 102 right: 0; 103 background-position: 30% 50%; 104 } 105