/* This file is part of nginx-fancyindex-flat-theme. * * nginx-fancyindex-flat-theme is free software: you can redistribute it and/or * modify it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or (at your * option) any later version. * * nginx-fancyindex-flat-theme is distributed in the hope that it will be * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General * Public License for more details. * * You should have received a copy of the GNU General Public License along with * this program. If not, see * * http://www.gnu.org/licenses/ * * Original work: * Copyright (C) 2018 Alexander Haase * * Modifications: * Copyright (C) 2024 Rocky Enterprise Software Foundation * - Added Rocky Linux branding * - Added system-based dark mode support * - Updated color scheme and typography * - Modified layout and spacing */ /* This theme heavily uses Twitter Bootstrap (v4). That means, bootstrap CSS * classes will be used if possible and modified or enhanced by classes defined * in this less file (and dependent files). However, the bootstrap sources will * not be used and compiled in this theme for simplicity, so one served by a * central CDN may be used. * * Although this code shouldn't be affected by Bootstrap's licensing and/or * copyright, we'd like to inform anyone, that Bootstrap is licensed under the * MIT license. * * Copyright (c) 2011-2018 Twitter, Inc. * Copyright (c) 2011-2018 The Bootstrap Authors * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. * * * NOTE: The following comment will be used as short version of the copyright * notice above to be included in compressed files, too. */ /*! * This file is part of the nginx-fancyindex-flat-theme (licensed under the GPL * license) and uses Twitter Bootstrap (v4) (licensed under the MIT license). * * Copyright (C) * 2018 Alexander Haase * * See the LICENSE file for details. */ /* Import base styles */ /* This file is part of nginx-fancyindex-flat-theme. * * nginx-fancyindex-flat-theme is free software: you can redistribute it and/or * modify it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or (at your * option) any later version. * * nginx-fancyindex-flat-theme is distributed in the hope that it will be * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General * Public License for more details. * * You should have received a copy of the GNU General Public License along with * this program. If not, see * * http://www.gnu.org/licenses/ * * * Copyright (C) * 2018 Alexander Haase */ /** * Color definitions. * * As this theme doesn't use bootstrap source files, the following color * definitions are required for classes setting colors for elements. If the * color is taken from the original Bootstrap source, the name is identical to * the one in Bootstrap for compatibility. */ /** * Grayscale colors. * * NOTE: Although not all colors of the grayscale palette will be used, all * colors have been copied for simlicity when fixing color issues in * future commits. */ /** * Colors from Google's material design. * * The application's primary color is a green-tone taken from Google's material * design, licensed under the MIT license. */ /* This file is part of nginx-fancyindex-flat-theme. * * nginx-fancyindex-flat-theme is free software: you can redistribute it and/or * modify it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or (at your * option) any later version. * * nginx-fancyindex-flat-theme is distributed in the hope that it will be * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General * Public License for more details. * * You should have received a copy of the GNU General Public License along with * this program. If not, see * * http://www.gnu.org/licenses/ * * * Copyright (C) * 2018 Alexander Haase */ /** * This file configures anything related to the directory index, that is not * handled by the general classes, e.g. the handling of filenames. */ #list { /* Filenames and the table headings may link to the relating file or sort * the table. However, these links shoul NOT be highlighted. Decorations * will be kept enabled for underlineing the link when hovering. */ /* The colgroup needs to be hidden to stop the default fancyindex table to * set the width of the columns. */ } #list a, #list a:hover, #list a:focus { color: #000; } #list colgroup { display: none; } #list .filename { /* As the filenames could take more space than available, allow the * browser to break it if needed. */ word-break: break-all; white-space: normal; } /* If the client prefers a dark color scheme, the following classes will be * applied to give the site a dark look and feel. * * NOTE: These classes need to be at the end of this file, as they override the * default settings previously defined, if the dark color scheme is * requested. */ @media (prefers-color-scheme: dark) { a, a:hover, a:focus { color: white; } } /* Base styles - Light mode by default */ body { background-color: #fff; color: #212529; } body .navbar { background-color: #fff; border-bottom: 1px solid #e9ecef; } body .navbar-brand { color: #212529; } body .navbar-brand img { filter: none; } body .breadcrumb { background-color: #f8f9fa; border-radius: 8px; padding: 0.75rem 1rem; margin-top: 1rem; } body .list-group-item { background-color: #fff; border-color: #e9ecef; color: #212529; } body .list-group-item:hover { background-color: #f8f9fa; } body .list-group-item a { color: #10b981; text-decoration: none; } body .list-group-item a:hover { color: #0c8a60; } body .footer { background-color: #fff; border-top: 1px solid #e9ecef; padding: 1rem 0; } body .footer a { color: #10b981; text-decoration: none; } body .footer a:hover { color: #0c8a60; } body .btn-outline-secondary { color: #6c757d; border-color: #dee2e6; } body .btn-outline-secondary:hover { background-color: #f8f9fa; border-color: #ced4da; color: #343a40; } /* Dark mode styles - activated by system preference */ @media (prefers-color-scheme: dark) { body { background-color: #121212; color: #e2e8f0; } body .navbar { background-color: #121212; border-bottom: 1px solid #232323; } body .navbar-brand { color: #e2e8f0; } body .navbar-brand img { filter: brightness(0) invert(1); } body .breadcrumb { background-color: #1e1e1e; border: 1px solid #1e1e1e; } body .list-group-item { background-color: #1e1e1e; border-color: #1e1e1e; color: #e2e8f0; } body .list-group-item:hover { background-color: #2b2b2b; } body .list-group-item a { color: #10b981; } body .list-group-item a:hover { color: #34d399; } body .footer { background-color: #121212; border-top: 1px solid #232323; } body .footer a { color: #10b981; } body .footer a:hover { color: #34d399; } body .footer .text-muted { color: #94a3b8 !important; } body th, body td { color: #e2e8f0 !important; border-color: #1e1e1e !important; } body th { border-bottom: 1px solid #232323; color: #10b981; } body th a { color: #10b981 !important; } body th a:hover { color: #34d399 !important; } body .list-group { border-top: 1px solid #1e1e1e; } body .list-group-item { border-color: #1e1e1e; color: #e2e8f0; } body .list-group-item > a { color: #e2e8f0 !important; } body .list-group-item > a:hover { color: #10b981 !important; } body tr { color: #e2e8f0; } body td a { color: #e2e8f0 !important; } body td a:hover { color: #10b981 !important; } }
Лучший частный хостинг