Dateien hochladen nach „web/css/libs“

2023-02-25 02:05:33 +01:00
parent 138487a10d
commit 818c554482
3 changed files with 921 additions and 0 deletions
@@ -0,0 +1,133 @@
+@import "compass";
+
+.box {
+    background: map-get($classic-box, background);
+    box-shadow: 3px 3px 0 rgba(map-get($classic-box, border-color), .6);
+    margin-bottom: 15px;
+    border: 1px solid map-get($classic-box, border-color);
+    padding: 2px;
+
+    .box-header {
+        background-color: map-get($classic-box, color);
+        height: map-get-deep($classic-box, header, height);
+        
+        h1 {
+            color: map-get-deep($classic-box, header, color);
+            float: left;
+            font-size: map-get-deep($classic-box, header, font-size);
+            font-weight: bold;
+            line-height: map-get-deep($classic-box, header, height) - 2px;
+            padding-left: 10px;
+            text-transform: uppercase;
+            /*text-shadow: rgba(0, 0, 0, 1) 0 1px 0;*/
+            
+            &:first-letter {
+                font-size: map-get-deep($classic-box, header, font-size) + 6px;
+            }
+        }
+        ul {
+            float: right;
+            list-style-type: none;
+            
+            li {
+                display: inline;
+                margin-left: -3px;
+                
+                a {
+                    color: lighten(map-get-deep($classic-box, header, color), 10%);
+                    font-size: map-get-deep($classic-box, header, font-size) + 6px;
+                    line-height: map-get-deep($classic-box, header, height);
+                    padding: 4px 10px;
+                    
+                    text-decoration: none;
+                    
+                    &:hover:not(.disabled) {
+                        background: lighten(map-get($classic-box, color), 20%);
+                        color: map-get($classic-box, color) !important;
+                    }
+
+                    &.disabled {
+                        /*opacity: .4;*/
+                        
+                        &:hover {
+                            cursor: default;
+                        }
+                    }
+                }
+
+                &:first-child {
+                    margin-left: 0;
+                }
+                &:last-child a {
+                    border-right: none;
+                }
+                &.active a {
+                    background: #fafafa;
+                    cursor: default;
+                }
+            }
+        }
+    }
+
+    .box-content {
+        padding: 6px;
+        
+        table a {
+            text-decoration: none;
+            color: map-get($classic-box, color);
+            
+            &:hover {
+                color: lighten(map-get($classic-box, color), 20%);
+            }
+        }
+
+        &.faded {
+            opacity: .4;
+        }
+    }
+
+    .box-footer {
+        background: #e8e8e8;
+        padding: 7px;
+        
+        span[class^="icon-"] {
+            font-size: 14px;
+            margin-right: 5px;
+        }
+    }
+}
+
+
+
+/* --------------------- */
+/*  ==     THEMES        */
+/* --------------------- */
+@each $name, $datas in $themes {
+    body.theme-#{""+$name+""} {
+
+        .box {
+            box-shadow: 3px 3px 0 rgba(lighten(map-get($datas, main-color), 16%), .6);
+            border-color: lighten(map-get($datas, main-color), 16%);
+            
+            .box-header {
+                background-color: darken(map-get($datas, main-color), 7%);
+                
+                ul li a {
+                    &:hover:not(.disabled) {
+                        background: lighten(darken(map-get($datas, main-color), 7%), 20%);
+                        color: darken(map-get($datas, main-color), 7%) !important;
+                    }
+                }
+            }
+            .box-content {
+                table a {
+                    color: darken(map-get($datas, main-color), 7%);
+                    
+                    &:hover {
+                        color: lighten(darken(map-get($datas, main-color), 7%), 20%);
+                    }
+                }
+            }
+        }
+    }
+}