Mercurial
diff .cms/css/sitemap.css @ 0:78edf6b517a0 draft
24.10
author | Coffee CMS <info@coffee-cms.ru> |
---|---|
date | Fri, 11 Oct 2024 22:40:23 +0000 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/.cms/css/sitemap.css Fri Oct 11 22:40:23 2024 +0000 @@ -0,0 +1,255 @@ +#sitemap { + display: grid; + height: 100%; + overflow-y: auto; + grid-auto-rows: max-content; + row-gap: 1rem; +} +#sitemap form { + display: grid; + gap: 1rem; +} + +@media (max-width: 1023px) { + #sitemap { + padding: 1rem 0.4rem 1rem 0.4rem; + display: flex; /*Samsung Browser - padding-bottom*/ + flex-direction: column; /*Samsung Browser - padding-bottom*/ + } + #sitemap form { + grid-template-columns: 1fr; + grid-template-areas: + "xml-wrapper-hidden" + "xml-wrapper-link" + "xml-static-dynamic" + "xml-static-cron"; + } +} +@media (min-width: 1024px) { + #sitemap { + padding: 1rem; + } + #sitemap form { + grid-template-columns: 1fr 1fr; + grid-template-areas: + "xml-wrapper-hidden xml-wrapper-link" + "xml-static-dynamic xml-static-cron"; + } +} + +#sitemap .xml-wrapper-hidden, #sitemap .xml-wrapper-link, #sitemap .xml-static-dynamic, #sitemap .xml-static-cron { + display: grid; + grid-auto-rows: max-content; + row-gap: 0.7rem; + box-shadow: var(--shadows); + border-radius: 0.3rem; + background-color: var(--windows); + background-image: var(--noise); +} +#sitemap .xml-static-cron { + grid-template-rows: auto auto 1fr auto; +} +#sitemap .xml-wrapper-hidden div, #sitemap .xml-wrapper-link div, #sitemap .xml-static-dynamic div, #sitemap .xml-static-cron div, #sitemap .sitemap-manual div { + color: var(--windows-font); +} + +@media (max-width: 1023px) { + #sitemap .xml-wrapper-hidden, #sitemap .xml-wrapper-link, #sitemap .xml-static-dynamic, #sitemap .xml-static-cron { + padding: 1rem 0.7rem 1rem 0.7rem; + } +} +@media (min-width: 1024px) { + #sitemap .xml-wrapper-hidden, #sitemap .xml-wrapper-link, #sitemap .xml-static-dynamic, #sitemap .xml-static-cron { + padding: 1rem; + } +} + +#sitemap textarea { + line-height: 1.3em; + resize: vertical; + width: 100%; + background-color: var(--input-bg); + border: 2px solid var(--input-border); + border-radius: 4px; + font-family: var(--monospace); + font-size: 1rem; + color: var(--input-font); + padding: 0 8px; + min-height: 30px; +} + +/*#sitemap input[type="submit"] { + cursor: pointer; + width: max-content; +}*/ +#sitemap form div > input { + border-radius: 4px; + font-size: 0.875rem; + padding: 0 0.54rem; + min-height: 35px; + width: 100%; + color: var(--input-font); + background-color: var(--input-bg); + border: 2px solid var(--input-border); +} + +#sitemap form div > button { + width: fit-content; +} + +#sitemap .save_2_col { + display: grid; +} +#sitemap .save_2_col > button { + grid-area: button; +} +#sitemap .save_2_col > div { + grid-area: div; +} +@media (max-width: 767px) { + #sitemap .save_2_col { + grid-template-columns: 1fr; + row-gap: 0.7rem; + } + #sitemap .save_2_col { + grid-template-areas: + "div" + "button"; + } +} +@media (min-width: 768px) { + #sitemap .save_2_col { + grid-template-areas: + "button div"; + grid-template-columns: auto 1fr; + column-gap: 1rem; + } +} + + +#sitemap .select-dropdown { + position: relative; +} +#sitemap .select-dropdown ul.list-search { + height: 0; + background-color: var(--bg-3); + display: grid; + margin: 0; + margin-top: 2px; + padding: 0; + overflow-y: auto; + max-height: 17rem; + overscroll-behavior: contain; + position: absolute; + width: 100%; + border-radius: 4px; +} +#sitemap .select-dropdown.open ul.list-search { + height: auto; + border: 2px solid var(--bg-4); +} +#sitemap .select-dropdown .list-search li { + display: block; + list-style-type: none; + padding: 0.4rem 0.44rem; + cursor: pointer; + font-size: 0.94rem; + text-align: left; +} +#sitemap .select-dropdown .list-search li:hover { + background-color: var(--menu-item-list-search-li-hover-active); +} + +#sitemap .xml-static-dynamic input[type="text"] { + color: var(--input-font); +} +#sitemap .xml-static-dynamic label input[type="radio"] { + cursor: pointer; + display: inline-block; + margin-right: 0.3rem; + border-radius: 50%; + width: 0.73rem; + height: 0.73rem; + background-color: var(--bg-4); + transform: translate(0, 0); + appearance: none; +} +#sitemap .xml-static-dynamic label input:checked { + background-color: var(--orange); + border-color: var(--orange); + box-shadow: 0 0 0 0.25rem var(--focus-orange); +} + +#sitemap .xml-static-dynamic label { + cursor: pointer; + line-height: 1.1em; + font-size: 1rem; + color: var(--link); + user-select: none; +} + +#sitemap .xml-static-cron p { + font-size: 1rem; + color: var(--text); +} +#sitemap .xml-static-cron input[type="text"] { + max-width: 70px; + border-radius: 4px; + font-size: 0.875rem; + padding: 0 0.54rem; + min-height: 35px; + background-color: var(--input-bg); + border: 2px solid var(--input-border); + color: var(--input-font); + text-align: center; +} +#sitemap .sitemap { + grid-auto-rows: max-content; + box-shadow: var(--shadows); + border-radius: 0.3rem; + background-color: var(--windows); + background-image: var(--noise); + color: var(--text); + font-size: 1rem; +} +@media (max-width: 1023px) { + #sitemap .sitemap { + padding: 1rem 0.7rem 1rem 0.7rem; + } +} +@media (min-width: 1024px) { + #sitemap .sitemap { + padding: 1rem; + } +} +#sitemap .sitemap a { + color: var(--link); + text-decoration: none; + border-bottom: 1px solid; +} + +#sitemap .sitemap-manual { + display: grid; + grid-auto-rows: max-content; + gap: 1rem; + box-shadow: 0 2px 3px 0 rgb(0 0 0 / 20%); + border-radius: 0.3rem; + background-color: var(--windows); + background-image: var(--noise); +} + +#sitemap .sitemap-manual p { + font-size: 1rem; + color: var(--text); +} + +@media (max-width: 1023px) { + #sitemap .sitemap-manual { + padding: 1rem 0.7rem 1rem 0.7rem; + } +} +@media (min-width: 1024px) { + #sitemap .sitemap-manual { + padding: 1rem; + } +} \ No newline at end of file