diff .cms/css/rss.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/rss.css	Fri Oct 11 22:40:23 2024 +0000
@@ -0,0 +1,232 @@
+#rss {
+    display: grid;
+    height: 100%;
+    overflow-y: auto;
+    grid-auto-rows: max-content;
+    row-gap: 1rem;
+}
+#rss form {
+    display: grid;
+    gap: 1rem;
+}
+
+@media (max-width: 1023px) {
+    #rss {
+        padding: 1rem 0.4rem 1rem 0.4rem;
+        display: flex; /*Samsung Browser - padding-bottom*/
+        flex-direction: column; /*Samsung Browser - padding-bottom*/
+    }
+    #rss form {
+        grid-template-columns: 1fr;
+        grid-template-areas: 
+            "xml-wrapper-hidden" 
+            "xml-static-dynamic" 
+            "xml-static-cron";
+    }
+}
+@media (min-width: 1024px) {
+    #rss {
+        padding: 1rem;
+    }
+    #rss form {
+        grid-template-columns: 1fr 1fr;
+        grid-template-areas: 
+            "xml-wrapper-hidden xml-static-dynamic" 
+            "xml-wrapper-hidden xml-static-cron";
+    }
+}
+
+@media (min-width: 1024px) {
+    #rss .xml-wrapper-hidden {
+        grid-area: xml-wrapper-hidden;
+    }
+    #rss .xml-static-dynamic {
+        grid-area: xml-static-dynamic;
+    }
+    #rss .xml-static-cron {
+        grid-area: xml-static-cron;
+    }
+}
+
+#rss .xml-wrapper-hidden, #rss .xml-static-dynamic, #rss .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);
+}
+.xml-wrapper-hidden div, .xml-static-dynamic div, .xml-static-cron div {
+    color: var(--windows-font);
+}
+
+@media (max-width: 1023px) {
+    #rss .xml-wrapper-hidden, #rss .xml-static-dynamic, #rss .xml-static-cron {
+        padding: 1rem 0.7rem 1rem 0.7rem;
+    }
+}
+@media (min-width: 1024px) {
+    #rss .xml-wrapper-hidden, #rss .xml-static-dynamic, #rss .xml-static-cron {
+        padding: 1rem;
+    }
+}
+
+#rss 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;
+}
+
+#rss 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);
+}
+
+#rss form div > button {
+    width: fit-content;
+}
+
+#rss .save_2_col {
+	display: grid;
+}
+#rss .save_2_col > button {
+	grid-area: button;
+}
+#rss .save_2_col > div {
+	grid-area: div;
+}
+@media (max-width: 767px) {
+    #rss .save_2_col {
+        grid-template-columns: 1fr;
+        row-gap: 0.7rem;
+    }
+    #rss .save_2_col {
+        grid-template-areas:
+        "div"
+        "button";
+    }
+}
+@media (min-width: 768px) {
+    #rss .save_2_col {
+        grid-template-areas:
+        "button div";
+        grid-template-columns: auto 1fr;
+        column-gap: 1rem;
+    }
+}
+
+#rss .select-dropdown {
+    position: relative;
+}
+#rss .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;
+}
+#rss .select-dropdown.open ul.list-search {
+    height: auto;
+    border: 2px solid var(--bg-4);
+}
+#rss .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;
+}
+#rss .select-dropdown .list-search li:hover {
+	background-color: var(--menu-item-list-search-li-hover-active);
+}
+
+#rss .xml-static-dynamic input[type="text"] {
+    color: var(--input-font);
+}
+#rss .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;
+}
+#rss .xml-static-dynamic label input:checked {
+    background-color: var(--orange);
+    border-color: var(--orange);
+    box-shadow: 0 0 0 0.25rem var(--focus-orange);
+}
+
+#rss .xml-static-dynamic label {
+    cursor: pointer;
+    line-height: 1.1em;
+    font-size: 1rem;
+    color: var(--link);
+    user-select: none;
+}
+
+#rss .xml-static-cron p, #rss .xml-static-dynamic p {
+    font-size: 1rem;
+    color: var(--text);
+}
+#rss .xml-static-cron input[type="text"], #rss .xml-static-dynamic 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;
+}
+#rss .rss {
+    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) {
+    #rss .rss {
+        padding: 1rem 0.7rem 1rem 0.7rem;
+    }
+}
+@media (min-width: 1024px) {
+    #rss .rss {
+        padding: 1rem;
+    }
+}
+#rss .rss a {
+    color: var(--link);
+    text-decoration: none;
+    border-bottom: 1px solid;
+}