main.css (Leaflet-1.8.0) | : | main.css (Leaflet-1.9.0) | ||
---|---|---|---|---|
skipping to change at line 200 | skipping to change at line 200 | |||
text-align: center; | text-align: center; | |||
margin-bottom: 30px; | margin-bottom: 30px; | |||
} | } | |||
.nav { | .nav { | |||
overflow: hidden; | overflow: hidden; | |||
list-style: none; | list-style: none; | |||
padding: 0 30px; | padding: 0 30px; | |||
text-align: center; | text-align: center; | |||
font-size: 1.25em; | font-size: 1.25em; | |||
margin-bottom: 40px; | margin-bottom: 30px; | |||
border-bottom: 1px solid #ccc; | border-bottom: 1px solid #ccc; | |||
padding-bottom: 40px; | padding-bottom: 40px; | |||
} | } | |||
.nav li { | .nav li { | |||
display: inline-block; | display: inline-block; | |||
padding: .333em .5em; | padding: .333em .5em; | |||
color: #999; | color: #999; | |||
} | } | |||
skipping to change at line 272 | skipping to change at line 272 | |||
} | } | |||
.quiet { | .quiet { | |||
color: #888; | color: #888; | |||
} | } | |||
/* frontpage */ | /* frontpage */ | |||
.map-home { | .map-home { | |||
height: 300px; | height: 300px; | |||
margin-top: 50px; | margin-top: 40px; | |||
margin-bottom: 50px; | margin-bottom: 40px; | |||
} | } | |||
.usedby-title { | .usedby-title { | |||
text-align: center; | text-align: center; | |||
background-color: #f5f5f5; | background-color: #f5f5f5; | |||
padding: 1em 1em 0.5em; | padding: 1em 1em 0.5em; | |||
margin: 0; | margin: 0; | |||
} | } | |||
.usedby { | .usedby { | |||
skipping to change at line 791 | skipping to change at line 791 | |||
} | } | |||
.api-page table td code b { | .api-page table td code b { | |||
color: black; | color: black; | |||
font-weight: normal; | font-weight: normal; | |||
} | } | |||
.api-page table td, | .api-page table td, | |||
.api-page table th { | .api-page table th { | |||
font-size: 14px; | font-size: 14px; | |||
} | } | |||
.api-page p { | main .api-page p { | |||
margin-top: 0; | margin-top: 0; | |||
} | } | |||
tr:target { | tr:target { | |||
background: yellow; | background: yellow; | |||
-webkit-animation: highlight 2s ease 0.5s 1 normal forwards; | -webkit-animation: highlight 2s ease 0.5s 1 normal forwards; | |||
animation: highlight 2s ease 0.5s 1 normal forwards; | animation: highlight 2s ease 0.5s 1 normal forwards; | |||
} | } | |||
@-webkit-keyframes highlight { | @-webkit-keyframes highlight { | |||
skipping to change at line 1114 | skipping to change at line 1114 | |||
.no-break { | .no-break { | |||
display: inline-block; | display: inline-block; | |||
width: 100%; | width: 100%; | |||
} | } | |||
.announcement { | .announcement { | |||
background: #eee; | background: #eee; | |||
padding: 5px 10px; | padding: 5px 10px; | |||
border-radius: 10px; | border-radius: 10px; | |||
} | } | |||
/** Begin site dialog **/ | ||||
#dialog { | ||||
position: fixed; | ||||
width: 100%; | ||||
height: 100%; | ||||
top: 0; | ||||
z-index: 10000; | ||||
background: rgba(0, 0, 0, 0.24); | ||||
padding-top: 20px; | ||||
} | ||||
/* | ||||
keep focus in dialog | ||||
https://css-tricks.com/a-css-approach-to-trap-focus-inside-of-an-element/ | ||||
*/ | ||||
#dialog:not(:focus-within) { | ||||
background-color:rgba(0, 0, 0, 0.25); | ||||
transition: background-color 0.01s; | ||||
} | ||||
#dialog .iframe-container { | ||||
height: 90%; | ||||
border-radius: 5px; | ||||
padding: 10px 0px; | ||||
background: #fff; | ||||
margin-bottom: 10px; | ||||
position: relative; | ||||
} | ||||
#dialog iframe { | ||||
width: 100%; | ||||
height: 100%; | ||||
border: 0; | ||||
} | ||||
.overflowHidden { | ||||
overflow: hidden !important; | ||||
} | ||||
.close-dialog { | ||||
width: 40px; | ||||
height: 40px; | ||||
top: 10px; | ||||
right: 20px; | ||||
position: absolute; | ||||
font-size: 40px; | ||||
cursor: pointer; | ||||
display: inline-flex; | ||||
align-items: center; | ||||
justify-content: center; | ||||
background: transparent; | ||||
border: none; | ||||
color: #000; | ||||
overflow: hidden; | ||||
} | ||||
.close-dialog:hover, .close-dialog:focus { | ||||
color: #797979; | ||||
} | ||||
blockquote { | ||||
font-style: italic; | ||||
} | ||||
/** End site dialog **/ | ||||
End of changes. 4 change blocks. | ||||
4 lines changed or deleted | 4 lines changed or added |