aboutsummaryrefslogtreecommitdiffstats
path: root/youtube/static/license.css
diff options
context:
space:
mode:
Diffstat (limited to 'youtube/static/license.css')
-rw-r--r--youtube/static/license.css24
1 files changed, 13 insertions, 11 deletions
diff --git a/youtube/static/license.css b/youtube/static/license.css
index e632179..a86780c 100644
--- a/youtube/static/license.css
+++ b/youtube/static/license.css
@@ -1,9 +1,3 @@
-html {
- font-family: "liberation serif", "times new roman", calibri, carlito, serif;
- background: var(--background);
- color: var(--text);
-}
-
body {
display: grid;
grid-gap: 20px;
@@ -35,6 +29,8 @@ input[type="search"] {
padding: 0.4rem 0.4rem;
font-size: 15px;
color: var(--search-text);
+ outline: none;
+ box-shadow: none;
}
input[type='search'] {
@@ -101,7 +97,6 @@ header {
"dropdown-label"
"dropdown-content";
grid-area: dropdown;
- z-index: 1;
}
.dropdown-label {
grid-area: dropdown-label;
@@ -141,8 +136,10 @@ label[for=options-toggle-cbox] {
}
#options-toggle-cbox:checked ~ .dropdown-content {
- display: inline-grid;
+ display: block;
white-space: nowrap;
+ background: var(--secondary-background);
+ padding: 0.5rem 1rem;
}
/*- ----------- End Menu Mobile sin JS ------------- */
@@ -184,7 +181,7 @@ label[for=options-toggle-cbox] {
.table td,.table th {
padding: 10px 10px;
- border: 1px solid var(--secondary-background);
+ border: 1px solid var(--border-bg-license);
text-align: center;
}
@@ -269,7 +266,7 @@ label[for=options-toggle-cbox] {
.dropdown {
display: grid;
grid-gap: 1px;
- grid-template-columns: minmax(50px, 100px);
+ grid-template-columns: minmax(50px, 120px);
grid-template-areas:
"dropdown-label"
"dropdown-content";
@@ -277,7 +274,12 @@ label[for=options-toggle-cbox] {
z-index: 1;
position: absolute;
}
-
+ #options-toggle-cbox:checked ~ .dropdown-content {
+ padding: 0rem 3rem 1rem 1rem;
+ width: 100%;
+ max-height: 45vh;
+ overflow-y: scroll;
+ }
.footer {
display: grid;
grid-template-columns: repeat(3, 1fr);