summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--themes/okadmin/public/css/main.css113
1 files changed, 69 insertions, 44 deletions
diff --git a/themes/okadmin/public/css/main.css b/themes/okadmin/public/css/main.css
index 2cdd5cb..5432ce5 100644
--- a/themes/okadmin/public/css/main.css
+++ b/themes/okadmin/public/css/main.css
@@ -2,12 +2,12 @@
box-sizing: border-box;
}
-@import 'https://fonts.googleapis.com/css?family=Roboto';
+@import "https://fonts.googleapis.com/css?family=Roboto";
html,
body {
margin: 0;
padding: 0;
- font-family: 'Roboto', sans-serif;
+ font-family: "Roboto", sans-serif;
font-size: 15px;
}
@@ -18,20 +18,22 @@ ol {
}
.main.index .resource-category button,
-a {}
+a {
+}
.main.index .resource-list a {
--webkit-column-break-inside: avoid;
- page-break-inside: avoid;
- break-inside: avoid;
- font-weight:100;
+ -webkit-column-break-inside: avoid;
+ page-break-inside: avoid;
+ break-inside: avoid;
+ font-weight: 100;
display: block;
- width:100%;
+ width: 100%;
text-decoration: none;
color: #000;
font-weight: 500;
- padding: 10px 2px;
+ padding: 10px 10px;
cursor: pointer;
+ margin-bottom: 5px;
}
.main.index .resource-category.image .resource-list a {
@@ -63,14 +65,15 @@ a {}
}
.main.index .resource-list a:hover {
- background: #ccc !important;
+ background: #ccc !important;
}
.main.index nav a {
text-decoration: none;
}
.main.index .resource-category button:hover,
-a:hover {}
+a:hover {
+}
.admin-header {
background: #000;
@@ -78,22 +81,28 @@ a:hover {}
padding: 5px;
font-size: 24px;
font-weight: 100;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
}
-.admin-header .breadcrumb {}
+.admin-header .breadcrumb {
+}
-.admin-header .breadcrumb b {}
+.admin-header .breadcrumb b {
+}
.admin-header .site-link {
- float: right;
color: white;
- font-size: 11px;
+ font-size: 15px;
+ font-weight: bold;
}
.main.index .resource-category {
min-width: 200px;
width: 100%;
- padding: 0 5px;
+ padding: 0 10px;
}
.main.index .resource-list {
@@ -102,6 +111,7 @@ a:hover {}
width: 100%;
-moz-columns: 4;
columns: 4;
+ column-gap: 5px;
}
.main.index .image .resource-list {
@@ -169,8 +179,12 @@ h2 {
cursor: grab;
}
-.main.index .resource-category .resource-list a:nth-child(2n+2) {
- background:#f9f9f9;
+.main.index .resource-category .resource-list a:nth-child(2n + 1) {
+ background: #f8f8f8;
+}
+
+.main.index .resource-category .resource-list a:nth-child(2n + 2) {
+ background: #eeeeee;
}
.main.index .resource-category.active footer {
@@ -178,10 +192,10 @@ h2 {
margin-bottom: -10px;
}
-
/* Makes the button look like a link */
-button, .btn {
+button,
+.btn {
background: #000;
color: white;
border: none;
@@ -231,7 +245,8 @@ button, .btn {
margin-right: 0;
}
-.main.index .resource-category .add-btn {}
+.main.index .resource-category .add-btn {
+}
.main.resource {
float: left;
@@ -243,7 +258,8 @@ button, .btn {
margin: 1em 1em;
}
-.main.resource form {}
+.main.resource form {
+}
label {
clear: left;
@@ -272,7 +288,7 @@ label {
display: block;
float: left;
width: 25em;
- font-size: 1.0em;
+ font-size: 1em;
color: #000;
border: 1px solid #333;
min-height: 2em;
@@ -280,12 +296,12 @@ label {
margin-bottom: 1em;
}
-.main.resource form input[name=id] {
+.main.resource form input[name="id"] {
width: 15em;
}
button,
-input[type=submit] {
+input[type="submit"] {
cursor: pointer;
}
@@ -294,6 +310,18 @@ input[type=submit] {
font-family: "Helvetica", sans-serif;
}
+.main.index form {
+ overflow-x: hidden;
+}
+
+.main.index .grouped .resource-category {
+ background: #fbfbfb;
+ padding: 5px 10px;
+ margin: 10px;
+ width: calc(100% - 20px);
+ box-shadow: 0 3px 6px #888;
+}
+
.main.resource form .group {
position: relative;
display: block;
@@ -315,8 +343,8 @@ input[type=submit] {
}
.main.resource form .group.image input,
-.main.resource form .group.video input[type=text]:first-child,
-.main.resource form .group.loaded.video input[type=text],
+.main.resource form .group.video input[type="text"]:first-child,
+.main.resource form .group.loaded.video input[type="text"],
.main.resource form .group input:first-child {
display: block;
width: 25em;
@@ -354,13 +382,13 @@ input[type=submit] {
display: block;
}
-.main.resource form .group input[type=text] {
+.main.resource form .group input[type="text"] {
width: 20.05em;
margin-bottom: 0.1em;
}
.main.resource form .group.image .image-element,
-.main.resource form .group.video input[type=text],
+.main.resource form .group.video input[type="text"],
.main.resource form .group.loaded input[hidden],
.main.resource form .group.image.loaded .fields,
.main.resource form input[hidden] {
@@ -387,7 +415,7 @@ input[type=submit] {
.main.resource form button {
float: left;
padding: 0.5em;
- font-size: 1.0em;
+ font-size: 1em;
color: white;
border: 0;
font-weight: 500;
@@ -397,17 +425,17 @@ input[type=submit] {
float: right;
color: red;
background: #ccc;
- margin-bottom: 50px
+ margin-bottom: 50px;
}
.main.resource form#delete_form button:hover {
background: red;
color: white;
}
-.main.resource form button[type="submit"]{
+.main.resource form button[type="submit"] {
background: #000;
font-size: 17px;
- padding:10px;
+ padding: 10px;
}
.main.resource form ol {
margin: 0;
@@ -439,16 +467,16 @@ input[type=submit] {
height: 6em;
}
-.main.resource form .audio-element input[type=text],
-.main.resource form .video-element input[type=text] {
+.main.resource form .audio-element input[type="text"],
+.main.resource form .video-element input[type="text"] {
width: 15em;
}
-.main.resource form .group input[type=text].link-input,
-.main.resource form .group input[type=text].link-input-new {
+.main.resource form .group input[type="text"].link-input,
+.main.resource form .group input[type="text"].link-input-new {
width: 13.05em;
padding: 0 0 0 0.5em;
-    margin: 1px;
+     margin: 1px;
}
.handle {
@@ -486,7 +514,6 @@ li .handle {
cursor: pointer;
}
-
.main.resource form .add-image-button button {
margin: 0;
pointer-events: none;
@@ -494,7 +521,7 @@ li .handle {
height: 100%;
}
-.add-image-button input[type=file] {
+.add-image-button input[type="file"] {
opacity: 0;
position: absolute;
top: 0;
@@ -548,7 +575,6 @@ li .handle {
opacity: 1;
}
-
/*
.remove {
display: none;
@@ -556,7 +582,7 @@ li .handle {
*/
#delete_form button:hover {
- color: red
+ color: red;
}
.template {
@@ -574,7 +600,6 @@ li .handle {
width: 50%;
border: 1px solid;
margin: 10px 5px 0 5px;
-
}
.success {
@@ -591,4 +616,4 @@ li .handle {
.hidden {
display: none;
-} \ No newline at end of file
+}
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-10 12:55:44 +0000