mirror of
https://github.com/greflm13/StaticGalleryBuilder.git
synced 2026-02-05 02:59:27 +00:00
moved themes to submodule
This commit is contained in:
Florian Greistorfer
@@ -1,268 +0,0 @@
|
||||
import os
|
||||
import re
|
||||
import sys
|
||||
import shutil
|
||||
import base64
|
||||
import fileinput
|
||||
import urllib.parse
|
||||
import urllib.request
|
||||
from typing import List
|
||||
from selenium import webdriver
|
||||
from selenium.webdriver.common.by import By
|
||||
from selenium.webdriver.chrome.service import Service
|
||||
from selenium.webdriver.chrome.options import Options
|
||||
|
||||
from modules.logger import consolelogger as logger
|
||||
from modules.css_color import extract_colorscheme
|
||||
|
||||
|
||||
def replace_all(file, search_exp, replace_exp):
|
||||
for line in fileinput.input(file, inplace=1):
|
||||
line = re.sub(search_exp, replace_exp, line)
|
||||
sys.stdout.write(line)
|
||||
|
||||
|
||||
def take_screenshot(html_file_path: str, css_file: str, output_file: str, driver: webdriver.Chrome) -> None:
|
||||
"""
|
||||
Takes a screenshot of the given HTML file with the specified CSS applied.
|
||||
|
||||
Args:
|
||||
html_file_path (str): Path to the HTML file or URL.
|
||||
css_file (str): Path to the CSS file to be applied.
|
||||
output_file (str): Path where the screenshot will be saved.
|
||||
driver (webdriver.Chrome): The Chrome WebDriver instance.
|
||||
"""
|
||||
logger.info("taking screenshot for %s", css_file)
|
||||
try:
|
||||
# Open the HTML file or URL
|
||||
if html_file_path.startswith(("http://", "https://")):
|
||||
logger.info("opening URL: %s", html_file_path)
|
||||
driver.get(html_file_path)
|
||||
else:
|
||||
logger.info("opening file: %s", html_file_path)
|
||||
driver.get(f"file://{os.path.abspath(html_file_path)}")
|
||||
|
||||
# Remove current theme.css
|
||||
remove_css_script = """
|
||||
var links = document.querySelectorAll("link[rel='stylesheet']");
|
||||
links.forEach(link => {
|
||||
if (link.href.includes('theme.css')) {
|
||||
link.parentNode.removeChild(link);
|
||||
}
|
||||
});
|
||||
"""
|
||||
logger.info("removing current theme.css")
|
||||
driver.execute_script(remove_css_script)
|
||||
|
||||
with open(css_file, "r", encoding="utf-8") as f:
|
||||
logger.info("reading CSS file: %s", css_file)
|
||||
css_content = f.read()
|
||||
|
||||
# Extract folder icon content
|
||||
css_parts = css_content.split(".foldericon {")
|
||||
css_head = css_parts[0]
|
||||
css_tail = css_parts[1].split("}", maxsplit=1)[1]
|
||||
folder_icon_content = css_parts[1].split("}", maxsplit=1)[0].strip()
|
||||
folder_icon_content = re.sub(r"/\*.*\*/", "", folder_icon_content)
|
||||
|
||||
for match in re.finditer(r"content: (.*);", folder_icon_content):
|
||||
logger.info("found foldericon", extra={"foldericon": folder_icon_content})
|
||||
folder_icon_content = match.group(1).replace('"', "")
|
||||
break
|
||||
|
||||
if "url" not in folder_icon_content:
|
||||
logger.info("Reading foldericon svg")
|
||||
with open(folder_icon_content, "r", encoding="utf-8") as f:
|
||||
svg = f.read()
|
||||
if "svg.j2" in folder_icon_content:
|
||||
logger.info("foldericon in theme file is a jinja2 template")
|
||||
colorscheme = extract_colorscheme(css_file)
|
||||
for color_key, color_value in colorscheme.items():
|
||||
svg = svg.replace(f"{{{{ {color_key} }}}}", color_value)
|
||||
logger.info("replaced colors in svg")
|
||||
svg = urllib.parse.quote(svg)
|
||||
|
||||
css_content = f'{css_head}\n.foldericon {{\n content: url("data:image/svg+xml,{svg}");\n}}\n{css_tail}'
|
||||
|
||||
# Encode CSS content as Base64
|
||||
logger.info("encoding css content as base64")
|
||||
encoded_css = base64.b64encode(css_content.encode("utf-8")).decode("utf-8")
|
||||
|
||||
# Inject CSS into HTML using JavaScript
|
||||
apply_css_script = f"""
|
||||
var style = document.createElement('style');
|
||||
style.innerHTML = atob('{encoded_css}');
|
||||
document.head.appendChild(style);
|
||||
"""
|
||||
logger.info("injecting CSS into HTML")
|
||||
driver.execute_script(apply_css_script)
|
||||
|
||||
# Wait for a while to ensure CSS is applied
|
||||
# time.sleep(1)
|
||||
|
||||
# Move mouse to info
|
||||
logger.info("moving mouse to info")
|
||||
hoverable = driver.find_element(By.CLASS_NAME, "tooltip")
|
||||
webdriver.ActionChains(driver).move_to_element(hoverable).perform()
|
||||
|
||||
# Capture screenshot
|
||||
logger.info("taking screenshot")
|
||||
driver.save_screenshot(output_file)
|
||||
logger.info("screenshot saved to %s", output_file)
|
||||
|
||||
except Exception as e:
|
||||
logger.error("failed to take screenshot for %s: %s", css_file, e)
|
||||
|
||||
|
||||
def create_preview(html_file_path: str, css_file: str, previews_folder: str):
|
||||
logger.info("creating preview for %s", css_file)
|
||||
out_file = os.path.basename(css_file).removesuffix(".css") + ".html"
|
||||
urllib.request.urlretrieve(html_file_path, os.path.join(previews_folder, out_file))
|
||||
basename = os.path.basename(css_file)
|
||||
path = css_file.removesuffix(basename)
|
||||
replace_all(
|
||||
os.path.join(previews_folder, out_file),
|
||||
r'^\s*?<link rel="stylesheet" href=".*theme.css">\s*?$',
|
||||
f' <link rel="stylesheet" href="file://{path}previews/{basename}">',
|
||||
)
|
||||
with open(css_file, "r", encoding="utf-8") as f:
|
||||
theme = f.read()
|
||||
split = theme.split(".foldericon {")
|
||||
split2 = split[1].split("}", maxsplit=1)
|
||||
themehead = split[0]
|
||||
themetail = split2[1]
|
||||
foldericon = split2[0].strip()
|
||||
foldericon = re.sub(r"/\*.*\*/", "", foldericon)
|
||||
for match in re.finditer(r"content: (.*);", foldericon):
|
||||
foldericon = match[1]
|
||||
foldericon = foldericon.replace('"', "")
|
||||
break
|
||||
if "url" in foldericon:
|
||||
logger.info("foldericon in theme file, using it")
|
||||
shutil.copyfile(css_file, os.path.join(path, "previews", basename))
|
||||
return
|
||||
with open(os.path.join(path, foldericon.removeprefix("themes/")), "r", encoding="utf-8") as f:
|
||||
logger.info("Reading foldericon svg")
|
||||
svg = f.read()
|
||||
if "svg.j2" in foldericon:
|
||||
logger.info("foldericon in theme file is a jinja2 template")
|
||||
colorscheme = extract_colorscheme(css_file)
|
||||
for color_key, color_value in colorscheme.items():
|
||||
svg = svg.replace(f"{{{{ {color_key} }}}}", color_value)
|
||||
logger.info("replaced colors in svg")
|
||||
svg = urllib.parse.quote(svg)
|
||||
if os.path.exists(os.path.join(path, "previews", basename)):
|
||||
os.remove(os.path.join(path, "previews", basename))
|
||||
with open(os.path.join(path, "previews", basename), "x", encoding="utf-8") as f:
|
||||
logger.info("writing theme file")
|
||||
f.write(themehead + '\n.foldericon {\n content: url("data:image/svg+xml,' + svg + '");\n}\n' + themetail)
|
||||
logger.info("preview created for %s", css_file)
|
||||
|
||||
|
||||
def write_readme(directory_path: str, themes: List[str]) -> None:
|
||||
"""
|
||||
Writes the README file with previews of included themes.
|
||||
|
||||
Args:
|
||||
directory_path (str): Path to the folder containing the themes and README.md.
|
||||
themes (List[str]): List of theme names.
|
||||
"""
|
||||
readme_path = os.path.join(directory_path, "README.md")
|
||||
try:
|
||||
with open(readme_path, "r", encoding="utf-8") as f:
|
||||
logger.info("reading README.md", extra={"file": readme_path})
|
||||
readme = f.read()
|
||||
|
||||
readme_head = readme.split("## Previews of included themes")[0]
|
||||
readme_head += "## Previews of included themes\n"
|
||||
readme_head += "".join([f"\n### {theme}\n\n\n" for theme in themes])
|
||||
|
||||
with open(readme_path, "w", encoding="utf-8") as f:
|
||||
logger.info("writing README.md", extra={"file": readme_path})
|
||||
f.write(readme_head)
|
||||
|
||||
logger.info("README.md updated with previews of included themes.")
|
||||
|
||||
except FileNotFoundError:
|
||||
logger.error("README.md not found in %s", directory_path)
|
||||
except Exception as e:
|
||||
logger.error("failed to write README.md: %s", e)
|
||||
|
||||
|
||||
def write_index(directory_path: str, themes: List[str]) -> None:
|
||||
with open(os.path.join(directory_path, "index.html"), "w", encoding="utf-8") as f:
|
||||
f.write(
|
||||
"""<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Themes</title>
|
||||
</head>
|
||||
<body>"""
|
||||
)
|
||||
for theme in themes:
|
||||
f.write(f'<a href="previews/{theme}.html">{theme}</a><br>\n')
|
||||
f.write("</body></html>")
|
||||
|
||||
|
||||
def main(directory_path: str, html_file_path: str) -> None:
|
||||
"""
|
||||
Main function to take screenshots for each CSS file in the folder and update the README.md.
|
||||
|
||||
Args:
|
||||
directory_path (str): Path to the folder containing CSS files.
|
||||
html_file_path (str): Path to the HTML file or URL for rendering.
|
||||
"""
|
||||
if not os.path.exists(directory_path):
|
||||
logger.error('Error: Folder path "%s" does not exist.', directory_path)
|
||||
return
|
||||
|
||||
# Setup Chrome options
|
||||
chrome_options = Options()
|
||||
chrome_options.add_argument("--headless") # Run in headless mode, no GUI
|
||||
chrome_options.add_argument("--window-size=1920,1080") # Set window size to at least 1920x1080
|
||||
|
||||
# Initialize Chrome WebDriver
|
||||
chromedriver_path = "/usr/bin/chromedriver"
|
||||
service = Service(chromedriver_path)
|
||||
logger.info("Using chromedriver at %s", chromedriver_path, extra={"chrome_options": chrome_options})
|
||||
driver = webdriver.Chrome(service=service, options=chrome_options)
|
||||
|
||||
try:
|
||||
themes = []
|
||||
# Iterate over all files in the folder
|
||||
for filename in sorted(os.listdir(directory_path)):
|
||||
if filename.endswith(".css"):
|
||||
theme_name = os.path.splitext(filename)[0]
|
||||
themes.append(theme_name)
|
||||
css_file = os.path.join(directory_path, filename)
|
||||
output_file = os.path.join(directory_path, "screenshots", f"{theme_name}.png")
|
||||
previews_folder = os.path.join(directory_path, "previews")
|
||||
|
||||
# Create screenshots folder if it doesn't exist
|
||||
os.makedirs(os.path.dirname(output_file), exist_ok=True)
|
||||
os.makedirs(previews_folder, exist_ok=True)
|
||||
|
||||
# Take screenshot for this CSS file
|
||||
take_screenshot(html_file_path, css_file, output_file, driver)
|
||||
create_preview(html_file_path, css_file, previews_folder)
|
||||
|
||||
# Write the README file with the new previews
|
||||
write_readme(directory_path, themes)
|
||||
write_index(directory_path, themes)
|
||||
|
||||
finally:
|
||||
logger.info("closing chrome webdriver")
|
||||
driver.quit()
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
if len(sys.argv) != 3:
|
||||
logger.error("Usage: python script_name.py directory_path html_file_path")
|
||||
else:
|
||||
dir_path = sys.argv[1]
|
||||
html_path = sys.argv[2]
|
||||
logger.info("Starting script", extra={"directory_path": dir_path, "html_file_path": html_path})
|
||||
main(dir_path, html_path)
|
||||
logger.info("Done!", extra={"directory_path": dir_path})
|
||||
106
themes/README.md
106
themes/README.md
@@ -1,106 +0,0 @@
|
||||
# Custom CSS Themes
|
||||
|
||||
You can create custom Themes. They must at least include the following:
|
||||
|
||||
## Requirements for Themes
|
||||
|
||||
### Required Variables
|
||||
|
||||
Define the following variables in your theme:
|
||||
|
||||
- `--color1`: Primary color
|
||||
- `--color2`: Secondary color
|
||||
- `--color3`: Additional color
|
||||
- `--color4`: Another color
|
||||
|
||||
These variables are essential for automatic icon generation.
|
||||
|
||||
### Folder Icon Specification
|
||||
|
||||
Include the following CSS rule to specify the folder icon used in your theme:
|
||||
|
||||
```css
|
||||
.foldericon {
|
||||
content: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 1024 1024' class='icon' version='1.1' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0' /%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M853.333333 256H469.333333l-85.333333-85.333333H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v170.666667h853.333334v-85.333334c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%233674e7' /%3E%3Cpath d='M853.333333 256H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v426.666667c0 46.933333 38.4 85.333333 85.333334 85.333333h682.666666c46.933333 0 85.333333-38.4 85.333334-85.333333V341.333333c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%236495ed' /%3E%3C/g%3E%3C/svg%3E");
|
||||
}
|
||||
```
|
||||
|
||||
Replace the SVG data URI (`url("data:image/svg+xml,...")`) with your desired SVG icon content.
|
||||
|
||||
## Previews of included themes
|
||||
|
||||
### alpenglow-dark
|
||||
|
||||
|
||||
|
||||
### alpenglow
|
||||
|
||||
|
||||
|
||||
### aritim-dark
|
||||
|
||||
|
||||
|
||||
### aritim
|
||||
|
||||
|
||||
|
||||
### autumn
|
||||
|
||||
|
||||
|
||||
### carnation
|
||||
|
||||
|
||||
|
||||
### catpuccin
|
||||
|
||||
|
||||
|
||||
### cornflower
|
||||
|
||||
|
||||
|
||||
### default-dark
|
||||
|
||||
|
||||
|
||||
### default
|
||||
|
||||
|
||||
|
||||
### ivy
|
||||
|
||||
|
||||
|
||||
### kjoe
|
||||
|
||||
|
||||
|
||||
### monokai-vibrant
|
||||
|
||||
|
||||
|
||||
### rainbow
|
||||
|
||||
|
||||
|
||||
### spring
|
||||
|
||||
|
||||
|
||||
### steam
|
||||
|
||||
|
||||
|
||||
### summer
|
||||
|
||||
|
||||
|
||||
### sunflower
|
||||
|
||||
|
||||
|
||||
### winter
|
||||
|
||||
|
||||
@@ -1,140 +0,0 @@
|
||||
@import url("https://fonts.cdnfonts.com/css/metropolis-2");
|
||||
|
||||
* {
|
||||
--color1: #ffa769;
|
||||
--color2: #fc4ca0;
|
||||
--color3: #7542e5;
|
||||
--color4: #ff4ad9;
|
||||
--color5: #5f2eca;
|
||||
--color6: #7033ca;
|
||||
--color7: #ff778e;
|
||||
--bcolor1: #e2d9f8;
|
||||
--bcolor2: #20123a;
|
||||
--bcolor3: #2b1753;
|
||||
--bcolor4: #321c64;
|
||||
--gradient: linear-gradient(
|
||||
80deg,
|
||||
var(--bcolor2) 0%,
|
||||
var(--color5) 1%,
|
||||
var(--color3) 2%,
|
||||
var(--color2) 3%,
|
||||
var(--color1) 4%,
|
||||
var(--color1) 96%,
|
||||
var(--color2) 97%,
|
||||
var(--color3) 98%,
|
||||
var(--color5) 99%,
|
||||
var(--bcolor2) 100%
|
||||
);
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor3);
|
||||
font-family: "Metropolis", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--color3);
|
||||
background-image: var(--gradient);
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor1);
|
||||
}
|
||||
|
||||
.navbar li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--color4);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color1);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color2);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/catpuccin.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 500;
|
||||
color: var(--bcolor1);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.folders a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a {
|
||||
font-weight: 500;
|
||||
color: var(--color7);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 500;
|
||||
background-color: var(--color6);
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--color3);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--color3);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor2);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color6);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--bcolor4);
|
||||
color: var(--bcolor1);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
border-top: 3px solid var(--bcolor1);
|
||||
border-right: 3px solid transparent;
|
||||
box-sizing: border-box;
|
||||
animation: rotation 1s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes rotation {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@@ -1,139 +0,0 @@
|
||||
@import url("https://fonts.cdnfonts.com/css/metropolis-2");
|
||||
|
||||
* {
|
||||
--color1: #ffa769;
|
||||
--color2: #fc4ca0;
|
||||
--color3: #7542e5;
|
||||
--color4: #ff4ad9;
|
||||
--color5: #ff778e;
|
||||
--color6: #fff5f6;
|
||||
--color7: #5f2eca;
|
||||
--bcolor1: #ffe7ea;
|
||||
--bcolor2: #20123b;
|
||||
--bcolor3: #2b1753;
|
||||
--bcolor4: #321c64;
|
||||
--gradient: linear-gradient(80deg,
|
||||
var(--bcolor2) 0%,
|
||||
var(--color3) 1%,
|
||||
var(--color4) 2%,
|
||||
var(--color5) 3%,
|
||||
var(--color1) 4%,
|
||||
var(--color1) 96%,
|
||||
var(--color5) 97%,
|
||||
var(--color4) 98%,
|
||||
var(--color3) 99%,
|
||||
var(--bcolor2) 100%);
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color6);
|
||||
font-family: "Metropolis", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color5);
|
||||
background-image: var(--gradient);
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor2);
|
||||
}
|
||||
|
||||
.navbar li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor4);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color5);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/catpuccin.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 500;
|
||||
color: var(--bcolor2);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.folders a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a {
|
||||
font-weight: 500;
|
||||
color: var(--color7);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 500;
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--color3);
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--color7);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--color7);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor1);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color3);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color2);
|
||||
color: var(--bcolor2);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
border-top: 3px solid var(--bcolor2);
|
||||
border-right: 3px solid transparent;
|
||||
box-sizing: border-box;
|
||||
animation: rotation 1s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes rotation {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@@ -1,152 +0,0 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
|
||||
|
||||
* {
|
||||
--color1: #5d88ca;
|
||||
--color2: #27ae60;
|
||||
--color3: #f67400;
|
||||
--color4: #da4453;
|
||||
--color5: #212b36;
|
||||
--bcolor1: #10151a;
|
||||
--bcolor2: #d3dae3;
|
||||
--bcolor3: #141a21;
|
||||
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color5);
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 500;
|
||||
color: var(--bcolor2);
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--bcolor3);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--color2);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color4);
|
||||
text-decoration: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/folder-papirus.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor2);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.folders a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a {
|
||||
font-weight: 500;
|
||||
color: var(--color1);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 400;
|
||||
background-color: var(--bcolor1);
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--bcolor3);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--bcolor3);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor1);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color3);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color5);
|
||||
color: var(--bcolor2);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 50%;
|
||||
position: relative;
|
||||
animation: rotate 1s linear infinite
|
||||
}
|
||||
|
||||
.loader::before {
|
||||
content: "";
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
inset: 0px;
|
||||
border-radius: 50%;
|
||||
border: 5px solid var(--bcolor2);
|
||||
animation: prixClipFix 2s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes rotate {
|
||||
100% {
|
||||
transform: rotate(360deg)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes prixClipFix {
|
||||
0% {
|
||||
clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
|
||||
}
|
||||
|
||||
25% {
|
||||
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
|
||||
}
|
||||
|
||||
50% {
|
||||
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
|
||||
}
|
||||
|
||||
75% {
|
||||
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
|
||||
}
|
||||
|
||||
100% {
|
||||
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--bcolor3);
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -1,152 +0,0 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
|
||||
|
||||
* {
|
||||
--color1: #1d99f3;
|
||||
--color2: #27ae60;
|
||||
--color3: #f67400;
|
||||
--color4: #da4453;
|
||||
--color5: #eef2f5;
|
||||
--bcolor1: #a3a5ac;
|
||||
--bcolor2: #303030;
|
||||
--bcolor3: #eff0f1;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--bcolor1);
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 500;
|
||||
color: var(--bcolor2);
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
text-decoration: none;
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor2);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color3);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color4);
|
||||
text-decoration: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/folder-papirus.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor2);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.folders a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a {
|
||||
font-weight: 500;
|
||||
color: var(--color1);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 400;
|
||||
background-color: var(--bcolor1);
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--bcolor3);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--bcolor3);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor1);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color4);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color5);
|
||||
color: var(--bcolor2);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 50%;
|
||||
position: relative;
|
||||
animation: rotate 1s linear infinite
|
||||
}
|
||||
|
||||
.loader::before {
|
||||
content: "";
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
inset: 0px;
|
||||
border-radius: 50%;
|
||||
border: 5px solid var(--bcolor2);
|
||||
animation: prixClipFix 2s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes rotate {
|
||||
100% {
|
||||
transform: rotate(360deg)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes prixClipFix {
|
||||
0% {
|
||||
clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
|
||||
}
|
||||
|
||||
25% {
|
||||
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
|
||||
}
|
||||
|
||||
50% {
|
||||
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
|
||||
}
|
||||
|
||||
75% {
|
||||
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
|
||||
}
|
||||
|
||||
100% {
|
||||
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--bcolor3);
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -1,168 +0,0 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap");
|
||||
|
||||
* {
|
||||
--color1: #FF7F50;
|
||||
/* Coral */
|
||||
--color2: #D2691E;
|
||||
/* Chocolate */
|
||||
--color3: #8B4513;
|
||||
/* SaddleBrown */
|
||||
--color4: #FFA07A;
|
||||
/* LightSalmon */
|
||||
--bcolor1: #FFF8DC;
|
||||
/* Cornsilk */
|
||||
--bcolor2: #2F4F4F;
|
||||
/* DarkSlateGray */
|
||||
--bcolor3: #3E2723;
|
||||
/* Darker brown */
|
||||
--bcolor4: #4E342E;
|
||||
/* Slightly lighter brown */
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--color1);
|
||||
font-family: "Playfair Display", serif;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 500;
|
||||
color: var(--bcolor1);
|
||||
font-family: "Playfair Display", serif;
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--color3);
|
||||
font-weight: 500;
|
||||
font-family: "Playfair Display", serif;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color4);
|
||||
text-decoration: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/folder-3.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor1);
|
||||
text-decoration: none;
|
||||
font-family: "Playfair Display", serif;
|
||||
}
|
||||
|
||||
.folders a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a {
|
||||
font-weight: 500;
|
||||
color: var(--color2);
|
||||
text-decoration: none;
|
||||
font-family: "Playfair Display", serif;
|
||||
}
|
||||
|
||||
.row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 400;
|
||||
background-color: var(--bcolor2);
|
||||
font-family: "Playfair Display", serif;
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--color3);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--color3);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color1);
|
||||
color: var(--bcolor1);
|
||||
font-weight: 600;
|
||||
font-family: "Playfair Display", serif;
|
||||
}
|
||||
|
||||
.loader,
|
||||
.loader:before,
|
||||
.loader:after {
|
||||
border-radius: 50%;
|
||||
width: 2.5em;
|
||||
height: 2.5em;
|
||||
animation-fill-mode: both;
|
||||
animation: bblFadInOut 1.8s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.loader {
|
||||
color: var(--bcolor2);
|
||||
font-size: 7px;
|
||||
position: relative;
|
||||
text-indent: -9999em;
|
||||
transform: translateZ(0);
|
||||
animation-delay: -0.16s;
|
||||
}
|
||||
|
||||
.loader:before,
|
||||
.loader:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.loader:before {
|
||||
left: -3.5em;
|
||||
animation-delay: -0.32s;
|
||||
}
|
||||
|
||||
.loader:after {
|
||||
left: 3.5em;
|
||||
}
|
||||
|
||||
@keyframes bblFadInOut {
|
||||
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
box-shadow: 0 2.5em 0 -1.3em
|
||||
}
|
||||
|
||||
40% {
|
||||
box-shadow: 0 2.5em 0 0
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor3);
|
||||
font-family: "Playfair Display", serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -1,135 +0,0 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
|
||||
|
||||
* {
|
||||
--color1: #8b0000;
|
||||
--color2: #b22222;
|
||||
--color3: #ff4500;
|
||||
--color4: #6e0000;
|
||||
--bcolor1: #171717;
|
||||
--bcolor2: #191919;
|
||||
--bcolor3: #ebebeb;
|
||||
--bcolor4: #0a0a0a;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: bold;
|
||||
color: var(--bcolor3);
|
||||
background-color: var(--color1);
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor3);
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor3);
|
||||
background-color: var(--color3);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color4);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/folder-1.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor1);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.folders a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a {
|
||||
font-weight: 800;
|
||||
color: var(--color2);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 600;
|
||||
background-color: var(--bcolor2);
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color1);
|
||||
color: var(--bcolor1);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: 15px auto;
|
||||
position: relative;
|
||||
color: var(--color1);
|
||||
box-sizing: border-box;
|
||||
animation: animloader 1s linear infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes animloader {
|
||||
0% {
|
||||
box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0;
|
||||
}
|
||||
|
||||
33% {
|
||||
box-shadow: -38px 0px, -14px -12px, 14px 0, 38px 0;
|
||||
}
|
||||
|
||||
66% {
|
||||
box-shadow: -38px 0px, -14px 0, 14px -12px, 38px 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor3);
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -1,198 +0,0 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap");
|
||||
|
||||
* {
|
||||
--color1: #F28FAD;
|
||||
--color2: #ABE9B3;
|
||||
--color3: #FAE3B0;
|
||||
--color4: #96CDFB;
|
||||
--bcolor1: #F5E0DC;
|
||||
--bcolor2: #575268;
|
||||
--bcolor3: #D9E0EE;
|
||||
--bcolor4: #C9CBFF;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color1);
|
||||
font-family: "Nunito", sans-serif;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 500;
|
||||
color: var(--bcolor2);
|
||||
font-family: "Nunito", sans-serif;
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color3);
|
||||
font-weight: 500;
|
||||
font-family: "Nunito", sans-serif;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color1);
|
||||
text-decoration: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/catpuccin.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor2);
|
||||
text-decoration: none;
|
||||
font-family: "Nunito", sans-serif;
|
||||
}
|
||||
|
||||
.folders a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a {
|
||||
font-weight: 500;
|
||||
color: var(--color1);
|
||||
text-decoration: none;
|
||||
font-family: "Nunito", sans-serif;
|
||||
}
|
||||
|
||||
.row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 400;
|
||||
background-color: var(--color3);
|
||||
font-family: "Nunito", sans-serif;
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--color4);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--color4);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color1);
|
||||
color: var(--bcolor1);
|
||||
font-weight: 600;
|
||||
font-family: "Nunito", sans-serif;
|
||||
}
|
||||
|
||||
.loader {
|
||||
transform: rotateZ(45deg);
|
||||
perspective: 1000px;
|
||||
border-radius: 50%;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
color: var(--color1);
|
||||
}
|
||||
|
||||
.loader:before,
|
||||
.loader:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
border-radius: 50%;
|
||||
transform: rotateX(70deg);
|
||||
animation: 1s spin linear infinite;
|
||||
}
|
||||
|
||||
.loader:after {
|
||||
color: var(--bcolor4);
|
||||
transform: rotateY(70deg);
|
||||
animation-delay: .4s;
|
||||
}
|
||||
|
||||
@keyframes rotate {
|
||||
0% {
|
||||
transform: translate(-50%, -50%) rotateZ(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(-50%, -50%) rotateZ(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotateccw {
|
||||
0% {
|
||||
transform: translate(-50%, -50%) rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(-50%, -50%) rotate(-360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
box-shadow: .2em 0px 0 0px currentcolor;
|
||||
}
|
||||
|
||||
12% {
|
||||
box-shadow: .2em .2em 0 0 currentcolor;
|
||||
}
|
||||
|
||||
25% {
|
||||
box-shadow: 0 .2em 0 0px currentcolor;
|
||||
}
|
||||
|
||||
37% {
|
||||
box-shadow: -.2em .2em 0 0 currentcolor;
|
||||
}
|
||||
|
||||
50% {
|
||||
box-shadow: -.2em 0 0 0 currentcolor;
|
||||
}
|
||||
|
||||
62% {
|
||||
box-shadow: -.2em -.2em 0 0 currentcolor;
|
||||
}
|
||||
|
||||
75% {
|
||||
box-shadow: 0px -.2em 0 0 currentcolor;
|
||||
}
|
||||
|
||||
87% {
|
||||
box-shadow: .2em -.2em 0 0 currentcolor;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--bcolor3);
|
||||
font-family: "Nunito", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -1,135 +0,0 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
|
||||
|
||||
* {
|
||||
--color1: cornflowerblue;
|
||||
--color2: #1346a4;
|
||||
--color3: #0e3377;
|
||||
--color4: #3674e7;
|
||||
--bcolor1: #171717;
|
||||
--bcolor2: #191919;
|
||||
--bcolor3: #ebebeb;
|
||||
--bcolor4: #0a0a0a;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: bold;
|
||||
color: var(--bcolor3);
|
||||
background-color: var(--color1);
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor3);
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor3);
|
||||
background-color: var(--color3);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color4);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/folder-1.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor1);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.folders a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a {
|
||||
font-weight: 800;
|
||||
color: var(--color2);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 600;
|
||||
background-color: var(--bcolor2);
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color1);
|
||||
color: var(--bcolor1);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: 15px auto;
|
||||
position: relative;
|
||||
color: var(--color1);
|
||||
box-sizing: border-box;
|
||||
animation: animloader 1s linear infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes animloader {
|
||||
0% {
|
||||
box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0;
|
||||
}
|
||||
|
||||
33% {
|
||||
box-shadow: -38px 0px, -14px -12px, 14px 0, 38px 0;
|
||||
}
|
||||
|
||||
66% {
|
||||
box-shadow: -38px 0px, -14px 0, 14px -12px, 38px 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor3);
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -1,111 +0,0 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
|
||||
|
||||
* {
|
||||
--color1: #262a2b;
|
||||
--color2: #0d0e0e;
|
||||
--color3: #313537;
|
||||
--color4: #181a1b;
|
||||
--color5: #5483ef;
|
||||
--bcolor1: #e8e6e3;
|
||||
--bcolor2: #0c0d0e;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: bold;
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--color1);
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: bold;
|
||||
color: var(--bcolor1);
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--color3);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color5);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/folder-2.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 700;
|
||||
color: var(--color5);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 400;
|
||||
background-color: var(--color3);
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--color4);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--color4);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor2);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color1);
|
||||
color: var(--bcolor1);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
border-top: 3px solid var(--bcolor1);
|
||||
border-right: 3px solid transparent;
|
||||
box-sizing: border-box;
|
||||
animation: rotation 1s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes rotation {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--color4);
|
||||
font-family: "Ubuntu", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
body a {
|
||||
font-weight: 400;
|
||||
color: var(--color5);
|
||||
text-decoration: none;
|
||||
}
|
||||
@@ -1,111 +0,0 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
|
||||
|
||||
* {
|
||||
--color1: #333333;
|
||||
--color2: #888888;
|
||||
--color3: #dddddd;
|
||||
--color4: #111111;
|
||||
--color5: #0055ff;
|
||||
--bcolor1: #ffffff;
|
||||
--bcolor2: #000000;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: bold;
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--color1);
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 700;
|
||||
color: var(--bcolor1);
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
background-color: var(--color4);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color3);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color5);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/folder-2.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 700;
|
||||
color: var(--color5);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 400;
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--color4);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--color4);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color1);
|
||||
color: var(--bcolor1);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
border-top: 3px solid var(--bcolor2);
|
||||
border-right: 3px solid transparent;
|
||||
box-sizing: border-box;
|
||||
animation: rotation 1s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes rotation {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--bcolor1);
|
||||
font-family: "Ubuntu", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
body a {
|
||||
font-weight: 400;
|
||||
color: var(--color5);
|
||||
text-decoration: none;
|
||||
}
|
||||
@@ -1,6 +0,0 @@
|
||||
<svg width='64' height='64' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
|
||||
<path d='M20 6H10L8 4H4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V8C22 6.89543 21.1046 6 20 6Z' fill='{{ color1 }}' />
|
||||
<path d='M4 4H8L10 6H20C21.1046 6 22 6.89543 22 8H2C2 6.89543 2.89543 6 4 6V4Z' fill='{{ color4 }}' />
|
||||
<path d='M10 6H14L12 4H8L10 6Z' fill='{{ color3 }}' />
|
||||
<path d='M14 6H18L16 4H12L14 6Z' fill='{{ color2 }}' />
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 493 B |
@@ -1,13 +0,0 @@
|
||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
|
||||
<path style="fill:{{ color2 }};" d="M44.5,41h-41C2.119,41,1,39.881,1,38.5v-31C1,6.119,2.119,5,3.5,5h11.597
|
||||
c1.519,0,2.955,0.69,3.904,1.877L21.5,10h23c1.381,0,2.5,1.119,2.5,2.5v26C47,39.881,45.881,41,44.5,41z" />
|
||||
<path style="fill:{{ color2 }};" d="M2,25h20V11H4c-1.105,0-2,0.895-2,2V25z" />
|
||||
<path style="fill:#FFFFFF;" d="M2,26h20V12H4c-1.105,0-2,0.895-2,2V26z" />
|
||||
<path style="fill:{{ color1 }};" d="M1,37.875V38.5C1,39.881,2.119,41,3.5,41h41c1.381,0,2.5-1.119,2.5-2.5v-0.625H1z" />
|
||||
<path style="fill:{{ color2 }};"
|
||||
d="M44.5,11h-23l-1.237,0.824C19.114,12.591,17.763,13,16.381,13H3.5C2.119,13,1,14.119,1,15.5v22C1,38.881,2.119,40,3.5,40h41c1.381,0,2.5-1.119,2.5-2.5v-24C47,12.119,45.881,11,44.5,11z" />
|
||||
<path style="fill:{{ color1 }};" d="M44.5,40h-41C2.119,40,1,38.881,1,37.5v-21C1,15.119,2.119,14,3.5,14h13.256
|
||||
c1.382,0,2.733-0.409,3.883-1.176L21.875,12H44.5c1.381,0,2.5,1.119,2.5,2.5v23C47,38.881,45.881,40,44.5,40z" />
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.2 KiB |
@@ -1,11 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
<path fill="{{ color2 }}"
|
||||
d="M491 326V92.143C491 79.021 480.259 68 467.137 68H341.13c-9.287 0-17.723 5.603-21.596 14.044l-12.709 27.903C302.952 118.388 294.516 124 285.229 124H67.538C54.416 124 44 134.426 44 147.549v216.363C44 377.034 54.416 388 67.538 388h399.599c.628 0 1.248-.36 1.863-.408V433h.342c0 6 4.877 10.636 10.829 10.636c5.952 0 10.829-4.967 10.829-10.919V326z">
|
||||
</path>
|
||||
<path fill="{{ color1 }}"
|
||||
d="M480.171 443.636c-5.952 0-10.829-4.636-10.829-10.636H469V210.181C469 197.058 458.661 186 445.539 186H45.94C32.818 186 22 197.058 22 210.181V449.37C22 462.492 32.818 473 45.94 473h399.599c1.385 0 2.741-.06 4.061-.288c1.639.227 3.31.385 5.012.385c20.04 0 36.136-16.229 36.136-36.269c0-.534-.036-1.058-.058-1.586c-1.147 4.766-5.435 8.394-10.519 8.394z">
|
||||
</path>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.0 KiB |
@@ -1,34 +0,0 @@
|
||||
<svg height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-51.2 -51.2 614.40 614.40" xml:space="preserve"
|
||||
fill="#000000" stroke="#000000" stroke-width="0.00512" transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)">
|
||||
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
||||
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#CCCCCC" stroke-width="10.24">
|
||||
</g>
|
||||
<g id="SVGRepo_iconCarrier">
|
||||
<g transform="translate(0 1)">
|
||||
<path style="fill: {{ color2 }};"
|
||||
d="M422.4,144.067c0-18.773-13.653-34.133-29.867-34.133h-107.52l-37.547-51.2H81.92 c-11.947,0-22.187,11.947-22.187,25.6v59.733H422.4z"></path>
|
||||
<path style="fill: {{ color3 }};" d="M426.667,109.933h-34.133c16.213,0,29.867,15.36,29.867,34.133h38.4 C460.8,125.293,445.44,109.933,426.667,109.933"></path>
|
||||
<path style="fill: rgb(255, 255, 255);"
|
||||
d="M81.92,58.733H59.733c-14.507,0-25.6,11.947-25.6,25.6v59.733h25.6V84.333 C59.733,70.68,69.973,58.733,81.92,58.733"></path>
|
||||
<path style="fill: {{ color1 }};"
|
||||
d="M34.133,169.667v256c0,14.507,10.24,25.6,23.04,25.6h397.653c12.8,0,23.04-11.093,23.04-25.6v-256 c0-14.507-10.24-25.6-23.04-25.6H57.173C44.373,144.067,34.133,156.013,34.133,169.667">
|
||||
</path>
|
||||
<path style="fill: rgb(255, 255, 255);"
|
||||
d="M34.133,425.667v-256c0-14.507,10.24-25.6,23.04-25.6h-23.04c-14.507,0-25.6,11.093-25.6,25.6v256 c0,14.507,11.093,25.6,25.6,25.6h23.04C44.373,451.267,34.133,440.173,34.133,425.667">
|
||||
</path>
|
||||
<path style="fill: {{ color2 }};"
|
||||
d="M477.867,144.067h-23.04c12.8,0,23.04,11.093,23.04,25.6v256c0,14.507-10.24,25.6-23.04,25.6h23.04 c14.507,0,25.6-11.093,25.6-25.6v-256C503.467,156.013,492.373,144.067,477.867,144.067">
|
||||
</path>
|
||||
<path
|
||||
d="M477.867,459.8H34.133C15.36,459.8,0,444.44,0,425.667v-51.2c0-5.12,3.413-8.533,8.533-8.533s8.533,3.413,8.533,8.533v51.2 c0,9.387,7.68,17.067,17.067,17.067h443.733c9.387,0,17.067-7.68,17.067-17.067v-256c0-9.387-7.68-17.067-17.067-17.067H34.133 c-9.387,0-17.067,7.68-17.067,17.067V306.2c0,5.12-3.413,8.533-8.533,8.533S0,311.32,0,306.2V169.667 c0-18.773,15.36-34.133,34.133-34.133h443.733c18.773,0,34.133,15.36,34.133,34.133v256C512,444.44,496.64,459.8,477.867,459.8z">
|
||||
</path>
|
||||
<path d="M17.067,340.333c0-5.12-3.413-8.533-8.533-8.533S0,335.213,0,340.333c0,5.12,3.413,8.533,8.533,8.533 S17.067,345.453,17.067,340.333"></path>
|
||||
<path
|
||||
d="M460.8,152.6H34.133c-5.12,0-8.533-3.413-8.533-8.533V84.333C25.6,65.56,40.96,50.2,59.733,50.2h187.733 c2.56,0,5.12,0.853,6.827,3.413L294.4,101.4h132.267c23.893,0,42.667,18.773,42.667,42.667 C469.333,149.187,465.92,152.6,460.8,152.6z M42.667,135.533H450.56c-3.413-10.24-12.8-17.067-23.893-17.067H290.133 c-2.56,0-5.12-0.853-6.827-3.413L243.2,67.267H59.733c-9.387,0-17.067,7.68-17.067,17.067V135.533z">
|
||||
</path>
|
||||
<path d="M162.133,203.8h-102.4c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533h102.4 c5.12,0,8.533,3.413,8.533,8.533C170.667,200.387,167.253,203.8,162.133,203.8z"></path>
|
||||
<path d="M162.133,237.933h-102.4c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533h102.4 c5.12,0,8.533,3.413,8.533,8.533C170.667,234.52,167.253,237.933,162.133,237.933z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.4 KiB |
@@ -1 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><linearGradient id="WQEfvoQAcpQgQgyjQQ4Hqa" x1="24" x2="24" y1="6.708" y2="14.977" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#eba600"/><stop offset="1" stop-color="#c28200"/></linearGradient><path fill="url(#WQEfvoQAcpQgQgyjQQ4Hqa)" d="M24.414,10.414l-2.536-2.536C21.316,7.316,20.553,7,19.757,7L5,7C3.895,7,3,7.895,3,9l0,30 c0,1.105,0.895,2,2,2l38,0c1.105,0,2-0.895,2-2V13c0-1.105-0.895-2-2-2l-17.172,0C25.298,11,24.789,10.789,24.414,10.414z"/><linearGradient id="WQEfvoQAcpQgQgyjQQ4Hqb" x1="24" x2="24" y1="10.854" y2="40.983" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffd869"/><stop offset="1" stop-color="#fec52b"/></linearGradient><path fill="url(#WQEfvoQAcpQgQgyjQQ4Hqb)" d="M21.586,14.414l3.268-3.268C24.947,11.053,25.074,11,25.207,11H43c1.105,0,2,0.895,2,2v26 c0,1.105-0.895,2-2,2H5c-1.105,0-2-0.895-2-2V15.5C3,15.224,3.224,15,3.5,15h16.672C20.702,15,21.211,14.789,21.586,14.414z"/></svg>
|
||||
|
Before Width: | Height: | Size: 1020 B |
@@ -1,10 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" version="1">
|
||||
<rect style="opacity:0.2" width="56" height="36" x="4" y="22" rx="2.8" ry="2.8" />
|
||||
<path style="fill:{{ color2 }}"
|
||||
d="M 4,46.2 C 4,47.751 5.2488,49 6.8,49 H 57.2 C 58.751,49 60,47.751 60,46.2 V 15.8 C 60,14.249 58.751,13 57.2,13 H 32 C 27.8,13 26.4,7 22.2,7 H 6.8 C 5.2488,7 4,8.2488 4,9.8" />
|
||||
<rect style="opacity:0.2" width="56" height="36" x="4" y="20" rx="2.8" ry="2.8" />
|
||||
<rect style="fill:#e4e4e4" width="48" height="22" x="8" y="16" rx="2.8" ry="2.8" />
|
||||
<rect style="fill:{{ color1 }}" width="56" height="36" x="4" y="21" rx="2.8" ry="2.8" />
|
||||
<path style="opacity:0.1;fill:#ffffff"
|
||||
d="M 6.8008,7 C 5.2496,7 4,8.2496 4,9.8008 V 10.801 C 4,9.2496 5.2496,8 6.8008,8 H 22.199 C 26.399,8 27.8,14 32,14 H 57.199 C 58.75,14 60,15.25 60,16.801 V 15.801 C 60,14.25 58.75,13 57.199,13 H 32 C 27.8,13 26.399,7 22.199,7 Z" />
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 943 B |
@@ -1,11 +0,0 @@
|
||||
<?xml version='1.0' encoding='UTF-8' standalone='no'?>
|
||||
<svg height='512' width='512' version='1.1' id='Layer_1' viewBox='0 0 327.68 327.68' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'
|
||||
xmlns:svg='http://www.w3.org/2000/svg'>
|
||||
<defs id='defs1' />
|
||||
<g id='icon' transform='translate(-128.08785,-19.123746)'>
|
||||
<path id='fg' style='fill:#dcdedf;fill-opacity:1;stroke:none;stroke-width:6.4;stroke-linecap:round'
|
||||
d='m 428.2793,160.97461 c -78.34525,0.002 -156.69075,-0.007 -235.03585,0.0159 -6.54719,0.16827 -12.82625,4.35683 -15.37415,10.41233 -1.13922,2.74038 -1.79474,5.64883 -2.74311,8.45618 -10.27476,33.32809 -20.56379,66.65251 -30.78952,99.99526 -1.21885,4.66702 0.98496,9.97729 5.17832,12.3776 2.40372,1.49255 5.31559,1.67974 8.07056,1.58986 78.16762,-0.0305 156.33557,0.008 234.503,-0.0259 6.43644,-0.17102 12.61041,-4.22124 15.23762,-10.1162 1.2077,-2.75858 1.84495,-5.72012 2.81312,-8.56426 10.08283,-32.66775 20.13843,-65.34481 30.20361,-98.01744 0.84274,-2.37238 1.35887,-4.96865 0.67937,-7.45078 -0.98831,-4.2533 -4.6015,-7.82876 -8.96172,-8.48315 -1.24947,-0.20685 -2.51789,-0.23068 -3.78125,-0.18945 z' />
|
||||
<path id='bg' style='fill:#dcdedf;fill-opacity:1;stroke:none;stroke-width:6.4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;paint-order:normal'
|
||||
d='m 214.44922,72.089844 c -20.32611,0.01324 -40.65359,-0.03032 -60.97883,0.03325 -5.06767,0.228794 -9.72081,4.176673 -10.64873,9.186171 -0.54368,2.865585 -0.16202,5.794266 -0.28069,8.688777 -4.6e-4,27.527908 -0.008,55.056498 0.0176,82.583978 0.17186,3.22428 3.44977,5.89016 6.64757,5.28488 2.4037,-0.30447 4.32209,-2.31086 4.87898,-4.61617 3.53052,-10.60549 6.98896,-21.23707 10.60492,-31.81263 1.14174,-2.71356 4.14972,-4.41014 7.06111,-4.12697 16.80704,-0.0631 33.61433,-0.01 50.42149,-0.0279 55.72175,-0.002 111.44406,0.006 167.16547,-0.0191 5.71319,-0.19462 10.82844,-5.25566 10.91838,-11.00339 0.12602,-2.9908 -0.0352,-5.98579 0.0574,-8.97822 0.0534,-2.61272 -0.3941,-5.33067 -1.94259,-7.50013 -2.21535,-3.37352 -6.26106,-5.45808 -10.30253,-5.1988 -44.42303,-0.0315 -88.8461,0.006 -133.26914,-0.0339 -1.35699,0.0355 -2.86726,0.10531 -3.94821,-0.87625 -1.14131,-0.86056 -1.57137,-2.31551 -1.50179,-3.694889 -0.0148,-5.79966 0.0803,-11.603104 -0.0604,-17.400318 -0.41681,-5.210159 -4.80455,-9.807583 -10.02134,-10.361315 -2.37314,-0.240789 -4.76368,-0.0457 -7.14443,-0.12428 -5.89141,-0.0074 -11.78281,-0.0066 -17.67422,-0.0028 z' />
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.5 KiB |
@@ -1,46 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="100"
|
||||
height="100"
|
||||
viewBox="0 0 100 100"
|
||||
version="1.1"
|
||||
id="svg3"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<rect
|
||||
x="10"
|
||||
y="30"
|
||||
width="80"
|
||||
height="50"
|
||||
fill="{{ color1 }}"
|
||||
rx="5"
|
||||
ry="5"
|
||||
id="rect1" />
|
||||
<rect
|
||||
x="10"
|
||||
y="20"
|
||||
width="40"
|
||||
height="20"
|
||||
fill="{{ color1 }}"
|
||||
rx="5"
|
||||
ry="5"
|
||||
id="rect2" />
|
||||
<rect
|
||||
x="20"
|
||||
y="40"
|
||||
width="60"
|
||||
height="40"
|
||||
fill="{{ color2 }}"
|
||||
rx="3"
|
||||
ry="3"
|
||||
id="rect3" />
|
||||
<rect
|
||||
x="30"
|
||||
y="50"
|
||||
width="40"
|
||||
height="30"
|
||||
fill="{{ color1 }}"
|
||||
rx="2"
|
||||
ry="2"
|
||||
id="rect4" />
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 876 B |
@@ -1,27 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Themes</title>
|
||||
</head>
|
||||
<body><a href="previews/alpenglow-dark.html">alpenglow-dark</a><br>
|
||||
<a href="previews/alpenglow.html">alpenglow</a><br>
|
||||
<a href="previews/aritim-dark.html">aritim-dark</a><br>
|
||||
<a href="previews/aritim.html">aritim</a><br>
|
||||
<a href="previews/autumn.html">autumn</a><br>
|
||||
<a href="previews/carnation.html">carnation</a><br>
|
||||
<a href="previews/catpuccin.html">catpuccin</a><br>
|
||||
<a href="previews/cornflower.html">cornflower</a><br>
|
||||
<a href="previews/default-dark.html">default-dark</a><br>
|
||||
<a href="previews/default.html">default</a><br>
|
||||
<a href="previews/ivy.html">ivy</a><br>
|
||||
<a href="previews/kjoe.html">kjoe</a><br>
|
||||
<a href="previews/monokai-vibrant.html">monokai-vibrant</a><br>
|
||||
<a href="previews/rainbow.html">rainbow</a><br>
|
||||
<a href="previews/spring.html">spring</a><br>
|
||||
<a href="previews/steam.html">steam</a><br>
|
||||
<a href="previews/summer.html">summer</a><br>
|
||||
<a href="previews/sunflower.html">sunflower</a><br>
|
||||
<a href="previews/winter.html">winter</a><br>
|
||||
</body></html>
|
||||
133
themes/ivy.css
133
themes/ivy.css
@@ -1,133 +0,0 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
|
||||
|
||||
* {
|
||||
--color1: #006400;
|
||||
--color2: #008000;
|
||||
--color3: #32cd32;
|
||||
--color4: #004300;
|
||||
--bcolor1: #171717;
|
||||
--bcolor2: #191919;
|
||||
--bcolor3: #ebebeb;
|
||||
--bcolor4: #0a0a0a;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: bold;
|
||||
color: var(--bcolor3);
|
||||
background-color: var(--color1);
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor3);
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor3);
|
||||
background-color: var(--color3);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color4);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/folder-1.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor1);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.folders a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a {
|
||||
font-weight: 800;
|
||||
color: var(--color2);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 600;
|
||||
background-color: var(--bcolor2);
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color1);
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: 15px auto;
|
||||
position: relative;
|
||||
color: var(--color1);
|
||||
box-sizing: border-box;
|
||||
animation: animloader 1s linear infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes animloader {
|
||||
0% {
|
||||
box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0;
|
||||
}
|
||||
|
||||
33% {
|
||||
box-shadow: -38px 0px, -14px -12px, 14px 0, 38px 0;
|
||||
}
|
||||
|
||||
66% {
|
||||
box-shadow: -38px 0px, -14px 0, 14px -12px, 38px 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor3);
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
134
themes/kjoe.css
134
themes/kjoe.css
@@ -1,134 +0,0 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
|
||||
|
||||
* {
|
||||
--color1: #260000;
|
||||
--color2: #470000;
|
||||
--color3: #191313;
|
||||
--color4: #ff2727;
|
||||
--bcolor1: #ebebeb;
|
||||
--bcolor2: #171717;
|
||||
--bcolor3: #0a0a0a;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: bold;
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--color1);
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor1);
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--color3);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color4);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 1024 1024' class='icon' version='1.1' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0' /%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M853.333333 256H469.333333l-85.333333-85.333333H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v170.666667h853.333334v-85.333334c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%238e0000' /%3E%3Cpath d='M853.333333 256H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v426.666667c0 46.933333 38.4 85.333333 85.333334 85.333333h682.666666c46.933333 0 85.333333-38.4 85.333334-85.333333V341.333333c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%23FF2727' /%3E%3C/g%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor1);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.folders a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a {
|
||||
font-weight: 800;
|
||||
color: var(--color4);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 600;
|
||||
background-color: var(--color3);
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor3);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color1);
|
||||
color: var(--bcolor1);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: 15px auto;
|
||||
position: relative;
|
||||
color: var(--bcolor1);
|
||||
box-sizing: border-box;
|
||||
animation: animloader 1s linear infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes animloader {
|
||||
0% {
|
||||
box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0;
|
||||
}
|
||||
|
||||
33% {
|
||||
box-shadow: -38px 0px, -14px -12px, 14px 0, 38px 0;
|
||||
}
|
||||
|
||||
66% {
|
||||
box-shadow: -38px 0px, -14px 0, 14px -12px, 38px 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor2);
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -1,178 +0,0 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
|
||||
|
||||
* {
|
||||
--color1: #81f900;
|
||||
--color2: #e542ff;
|
||||
--color3: #ffd945;
|
||||
--color4: #528bff;
|
||||
--bcolor1: #f6f6f6;
|
||||
--bcolor2: #2c313a;
|
||||
--bcolor3: #191b20;
|
||||
--bcolor4: #16171d;
|
||||
--bcolor5: #0b0c0f;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: bold;
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor3);
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 900;
|
||||
color: var(--bcolor1);
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
background-color: var(--bcolor2);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor2);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color4);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/subfolder.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 900;
|
||||
color: var(--color3);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 600;
|
||||
background-color: var(--bcolor2);
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--bcolor3);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--bcolor3);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor5);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color1);
|
||||
color: var(--bcolor1);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.loader {
|
||||
transform: rotateZ(45deg);
|
||||
perspective: 1000px;
|
||||
border-radius: 50%;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
color: var(--color2);
|
||||
}
|
||||
|
||||
.loader:before,
|
||||
.loader:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
border-radius: 50%;
|
||||
transform: rotateX(70deg);
|
||||
animation: 1s spin linear infinite;
|
||||
}
|
||||
|
||||
.loader:after {
|
||||
color: var(--color4);
|
||||
transform: rotateY(70deg);
|
||||
animation-delay: .4s;
|
||||
}
|
||||
|
||||
@keyframes rotate {
|
||||
0% {
|
||||
transform: translate(-50%, -50%) rotateZ(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(-50%, -50%) rotateZ(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotateccw {
|
||||
0% {
|
||||
transform: translate(-50%, -50%) rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(-50%, -50%) rotate(-360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
box-shadow: .2em 0px 0 0px currentcolor;
|
||||
}
|
||||
|
||||
12% {
|
||||
box-shadow: .2em .2em 0 0 currentcolor;
|
||||
}
|
||||
|
||||
25% {
|
||||
box-shadow: 0 .2em 0 0px currentcolor;
|
||||
}
|
||||
|
||||
37% {
|
||||
box-shadow: -.2em .2em 0 0 currentcolor;
|
||||
}
|
||||
|
||||
50% {
|
||||
box-shadow: -.2em 0 0 0 currentcolor;
|
||||
}
|
||||
|
||||
62% {
|
||||
box-shadow: -.2em -.2em 0 0 currentcolor;
|
||||
}
|
||||
|
||||
75% {
|
||||
box-shadow: 0px -.2em 0 0 currentcolor;
|
||||
}
|
||||
|
||||
87% {
|
||||
box-shadow: .2em -.2em 0 0 currentcolor;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor4);
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
body a {
|
||||
font-weight: 900;
|
||||
color: var(--color2);
|
||||
text-decoration: none;
|
||||
}
|
||||
@@ -1,138 +0,0 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
|
||||
|
||||
* {
|
||||
--color5: #e50000;
|
||||
--color6: #ff8d00;
|
||||
--color3: #ffee00;
|
||||
--color4: #028121;
|
||||
--color1: #004cff;
|
||||
--color2: #770088;
|
||||
--bcolor1: #ebebeb;
|
||||
--bcolor2: #191919;
|
||||
--bcolor3: #171717;
|
||||
--bcolor4: #0a0a0a;
|
||||
--bcolor5: #929292;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: bold;
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--color5);
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor1);
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--color6);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color3);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color4);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/subfolder.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor3);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.folders a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a {
|
||||
font-weight: 800;
|
||||
color: var(--color4);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 600;
|
||||
background-color: var(--bcolor2);
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor5);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color3);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color6);
|
||||
color: var(--bcolor4);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: 15px auto;
|
||||
position: relative;
|
||||
color: var(--color4);
|
||||
box-sizing: border-box;
|
||||
animation: animloader 1s linear infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes animloader {
|
||||
0% {
|
||||
box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0;
|
||||
}
|
||||
|
||||
33% {
|
||||
box-shadow: -38px 0px, -14px -12px, 14px 0, 38px 0;
|
||||
}
|
||||
|
||||
66% {
|
||||
box-shadow: -38px 0px, -14px 0, 14px -12px, 38px 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor3);
|
||||
background-color: var(--bcolor1);
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
@@ -1,168 +0,0 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Lora:wght@300;400;500;600;700&display=swap");
|
||||
|
||||
* {
|
||||
--color1: #FFB6C1;
|
||||
/* LightPink */
|
||||
--color2: #98FB98;
|
||||
/* PaleGreen */
|
||||
--color3: #FFD700;
|
||||
/* Gold */
|
||||
--color4: #87CEFA;
|
||||
/* LightSkyBlue */
|
||||
--bcolor1: #FFFFFF;
|
||||
/* White */
|
||||
--bcolor2: #2F4F4F;
|
||||
/* DarkSlateGray */
|
||||
--bcolor3: #FAF0E6;
|
||||
/* Linen */
|
||||
--bcolor4: #E6E6FA;
|
||||
/* Lavender */
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color1);
|
||||
font-family: "Lora", serif;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 500;
|
||||
color: var(--bcolor2);
|
||||
font-family: "Lora", serif;
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color3);
|
||||
font-weight: 500;
|
||||
font-family: "Lora", serif;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color4);
|
||||
text-decoration: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/folder-3.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor2);
|
||||
text-decoration: none;
|
||||
font-family: "Lora", serif;
|
||||
}
|
||||
|
||||
.folders a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a {
|
||||
font-weight: 500;
|
||||
color: var(--color2);
|
||||
text-decoration: none;
|
||||
font-family: "Lora", serif;
|
||||
}
|
||||
|
||||
.row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 400;
|
||||
background-color: var(--bcolor4);
|
||||
font-family: "Lora", serif;
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--bcolor3);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--bcolor3);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color1);
|
||||
color: var(--bcolor1);
|
||||
font-weight: 600;
|
||||
font-family: "Lora", serif;
|
||||
}
|
||||
|
||||
.loader,
|
||||
.loader:before,
|
||||
.loader:after {
|
||||
border-radius: 50%;
|
||||
width: 2.5em;
|
||||
height: 2.5em;
|
||||
animation-fill-mode: both;
|
||||
animation: bblFadInOut 1.8s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.loader {
|
||||
color: var(--bcolor2);
|
||||
font-size: 7px;
|
||||
position: relative;
|
||||
text-indent: -9999em;
|
||||
transform: translateZ(0);
|
||||
animation-delay: -0.16s;
|
||||
}
|
||||
|
||||
.loader:before,
|
||||
.loader:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.loader:before {
|
||||
left: -3.5em;
|
||||
animation-delay: -0.32s;
|
||||
}
|
||||
|
||||
.loader:after {
|
||||
left: 3.5em;
|
||||
}
|
||||
|
||||
@keyframes bblFadInOut {
|
||||
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
box-shadow: 0 2.5em 0 -1.3em
|
||||
}
|
||||
|
||||
40% {
|
||||
box-shadow: 0 2.5em 0 0
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--bcolor3);
|
||||
font-family: "Lora", serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
158
themes/steam.css
158
themes/steam.css
@@ -1,158 +0,0 @@
|
||||
@import url('https://fonts.cdnfonts.com/css/arial');
|
||||
|
||||
* {
|
||||
--color1: #171d25;
|
||||
--color2: #1a9fff;
|
||||
--color3: #17191b;
|
||||
--color4: #3d4450;
|
||||
--bcolor1: #dcdedf;
|
||||
--bcolor2: #262a32;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: 900;
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--color1);
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 900;
|
||||
color: var(--bcolor1);
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
text-decoration: underline;
|
||||
text-decoration-thickness: 0.3ex;
|
||||
text-underline-offset: 0.5ex;
|
||||
color: var(--color2)
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--color3);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color2);
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg height='512' width='512' version='1.1' id='Layer_1' viewBox='0 0 327.68 327.68' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1' /%3E%3Cg id='icon' transform='translate(-128.08785,-19.123746)'%3E%3Cpath id='fg' style='fill:%23dcdedf;fill-opacity:1;stroke:none;stroke-width:6.4;stroke-linecap:round' d='m 428.2793,160.97461 c -78.34525,0.002 -156.69075,-0.007 -235.03585,0.0159 -6.54719,0.16827 -12.82625,4.35683 -15.37415,10.41233 -1.13922,2.74038 -1.79474,5.64883 -2.74311,8.45618 -10.27476,33.32809 -20.56379,66.65251 -30.78952,99.99526 -1.21885,4.66702 0.98496,9.97729 5.17832,12.3776 2.40372,1.49255 5.31559,1.67974 8.07056,1.58986 78.16762,-0.0305 156.33557,0.008 234.503,-0.0259 6.43644,-0.17102 12.61041,-4.22124 15.23762,-10.1162 1.2077,-2.75858 1.84495,-5.72012 2.81312,-8.56426 10.08283,-32.66775 20.13843,-65.34481 30.20361,-98.01744 0.84274,-2.37238 1.35887,-4.96865 0.67937,-7.45078 -0.98831,-4.2533 -4.6015,-7.82876 -8.96172,-8.48315 -1.24947,-0.20685 -2.51789,-0.23068 -3.78125,-0.18945 z' /%3E%3Cpath id='bg' style='fill:%23dcdedf;fill-opacity:1;stroke:none;stroke-width:6.4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;paint-order:normal' d='m 214.44922,72.089844 c -20.32611,0.01324 -40.65359,-0.03032 -60.97883,0.03325 -5.06767,0.228794 -9.72081,4.176673 -10.64873,9.186171 -0.54368,2.865585 -0.16202,5.794266 -0.28069,8.688777 -4.6e-4,27.527908 -0.008,55.056498 0.0176,82.583978 0.17186,3.22428 3.44977,5.89016 6.64757,5.28488 2.4037,-0.30447 4.32209,-2.31086 4.87898,-4.61617 3.53052,-10.60549 6.98896,-21.23707 10.60492,-31.81263 1.14174,-2.71356 4.14972,-4.41014 7.06111,-4.12697 16.80704,-0.0631 33.61433,-0.01 50.42149,-0.0279 55.72175,-0.002 111.44406,0.006 167.16547,-0.0191 5.71319,-0.19462 10.82844,-5.25566 10.91838,-11.00339 0.12602,-2.9908 -0.0352,-5.98579 0.0574,-8.97822 0.0534,-2.61272 -0.3941,-5.33067 -1.94259,-7.50013 -2.21535,-3.37352 -6.26106,-5.45808 -10.30253,-5.1988 -44.42303,-0.0315 -88.8461,0.006 -133.26914,-0.0339 -1.35699,0.0355 -2.86726,0.10531 -3.94821,-0.87625 -1.14131,-0.86056 -1.57137,-2.31551 -1.50179,-3.694889 -0.0148,-5.79966 0.0803,-11.603104 -0.0604,-17.400318 -0.41681,-5.210159 -4.80455,-9.807583 -10.02134,-10.361315 -2.37314,-0.240789 -4.76368,-0.0457 -7.14443,-0.12428 -5.89141,-0.0074 -11.78281,-0.0066 -17.67422,-0.0028 z' /%3E%3C/g%3E%3C/svg%3E%0A");
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 700;
|
||||
color: var(--bcolor1);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.folders figure:hover img {
|
||||
content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg height='512' width='512' version='1.1' id='Layer_1' viewBox='0 0 327.68 327.68' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1' /%3E%3Cg id='icon' transform='translate(-128.08785,-19.123746)'%3E%3Cpath id='fg' style='fill:%23dcdedf;fill-opacity:1;stroke:none;stroke-width:6.4;stroke-linecap:round' d='m 428.2793,160.97461 c -78.34525,0.002 -156.69075,-0.007 -235.03585,0.0159 -6.54719,0.16827 -12.82625,4.35683 -15.37415,10.41233 -1.13922,2.74038 -1.79474,5.64883 -2.74311,8.45618 -10.27476,33.32809 -20.56379,66.65251 -30.78952,99.99526 -1.21885,4.66702 0.98496,9.97729 5.17832,12.3776 2.40372,1.49255 5.31559,1.67974 8.07056,1.58986 78.16762,-0.0305 156.33557,0.008 234.503,-0.0259 6.43644,-0.17102 12.61041,-4.22124 15.23762,-10.1162 1.2077,-2.75858 1.84495,-5.72012 2.81312,-8.56426 10.08283,-32.66775 20.13843,-65.34481 30.20361,-98.01744 0.84274,-2.37238 1.35887,-4.96865 0.67937,-7.45078 -0.98831,-4.2533 -4.6015,-7.82876 -8.96172,-8.48315 -1.24947,-0.20685 -2.51789,-0.23068 -3.78125,-0.18945 z' /%3E%3Cpath id='bg' style='fill:%231a9fff;fill-opacity:1;stroke:none;stroke-width:6.4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;paint-order:normal' d='m 214.44922,72.089844 c -20.32611,0.01324 -40.65359,-0.03032 -60.97883,0.03325 -5.06767,0.228794 -9.72081,4.176673 -10.64873,9.186171 -0.54368,2.865585 -0.16202,5.794266 -0.28069,8.688777 -4.6e-4,27.527908 -0.008,55.056498 0.0176,82.583978 0.17186,3.22428 3.44977,5.89016 6.64757,5.28488 2.4037,-0.30447 4.32209,-2.31086 4.87898,-4.61617 3.53052,-10.60549 6.98896,-21.23707 10.60492,-31.81263 1.14174,-2.71356 4.14972,-4.41014 7.06111,-4.12697 16.80704,-0.0631 33.61433,-0.01 50.42149,-0.0279 55.72175,-0.002 111.44406,0.006 167.16547,-0.0191 5.71319,-0.19462 10.82844,-5.25566 10.91838,-11.00339 0.12602,-2.9908 -0.0352,-5.98579 0.0574,-8.97822 0.0534,-2.61272 -0.3941,-5.33067 -1.94259,-7.50013 -2.21535,-3.37352 -6.26106,-5.45808 -10.30253,-5.1988 -44.42303,-0.0315 -88.8461,0.006 -133.26914,-0.0339 -1.35699,0.0355 -2.86726,0.10531 -3.94821,-0.87625 -1.14131,-0.86056 -1.57137,-2.31551 -1.50179,-3.694889 -0.0148,-5.79966 0.0803,-11.603104 -0.0604,-17.400318 -0.41681,-5.210159 -4.80455,-9.807583 -10.02134,-10.361315 -2.37314,-0.240789 -4.76368,-0.0457 -7.14443,-0.12428 -5.89141,-0.0074 -11.78281,-0.0066 -17.67422,-0.0028 z' /%3E%3C/g%3E%3C/svg%3E%0A");
|
||||
}
|
||||
|
||||
.folders a:hover {
|
||||
text-decoration: underline;
|
||||
text-decoration-thickness: 0.3ex;
|
||||
text-underline-offset: 0.5ex;
|
||||
color: var(--color2)
|
||||
}
|
||||
|
||||
.row a {
|
||||
font-weight: 500;
|
||||
color: var(--color2);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 500;
|
||||
background-color: var(--color4);
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--color3);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--color3);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--color4);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color1);
|
||||
color: var(--bcolor1);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 50%;
|
||||
position: relative;
|
||||
animation: rotate 1s linear infinite
|
||||
}
|
||||
|
||||
.loader::before {
|
||||
content: "";
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
inset: 0px;
|
||||
border-radius: 50%;
|
||||
border: 5px solid var(--color2);
|
||||
animation: prixClipFix 2s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes rotate {
|
||||
100% {
|
||||
transform: rotate(360deg)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes prixClipFix {
|
||||
0% {
|
||||
clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
|
||||
}
|
||||
|
||||
25% {
|
||||
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
|
||||
}
|
||||
|
||||
50% {
|
||||
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
|
||||
}
|
||||
|
||||
75% {
|
||||
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
|
||||
}
|
||||
|
||||
100% {
|
||||
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor2);
|
||||
font-family: "Arial", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -1,162 +0,0 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
|
||||
|
||||
* {
|
||||
--color1: #FFD700; /* Gold */
|
||||
--color2: #00BFFF; /* DeepSkyBlue */
|
||||
--color3: #32CD32; /* LimeGreen */
|
||||
--color4: #FFA500; /* Orange */
|
||||
--bcolor1: #FFFFFF; /* White */
|
||||
--bcolor2: #1E1E1E; /* DarkGrey */
|
||||
--bcolor3: #F0F8FF; /* AliceBlue */
|
||||
--bcolor4: #E0FFFF; /* LightCyan */
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: 700;
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color1);
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 500;
|
||||
color: var(--bcolor2);
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--color3);
|
||||
font-weight: 500;
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color4);
|
||||
text-decoration: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/folder-3.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor2);
|
||||
text-decoration: none;
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
.folders a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a {
|
||||
font-weight: 500;
|
||||
color: var(--color2);
|
||||
text-decoration: none;
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
.row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 400;
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor2);
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--bcolor3);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--bcolor3);
|
||||
color: var(--bcolor2);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color1);
|
||||
color: var(--bcolor1);
|
||||
font-weight: 600;
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
.loader,
|
||||
.loader:before,
|
||||
.loader:after {
|
||||
border-radius: 50%;
|
||||
width: 2.5em;
|
||||
height: 2.5em;
|
||||
animation-fill-mode: both;
|
||||
animation: bblFadInOut 1.8s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.loader {
|
||||
color: var(--bcolor2);
|
||||
font-size: 7px;
|
||||
position: relative;
|
||||
text-indent: -9999em;
|
||||
transform: translateZ(0);
|
||||
animation-delay: -0.16s;
|
||||
}
|
||||
|
||||
.loader:before,
|
||||
.loader:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.loader:before {
|
||||
left: -3.5em;
|
||||
animation-delay: -0.32s;
|
||||
}
|
||||
|
||||
.loader:after {
|
||||
left: 3.5em;
|
||||
}
|
||||
|
||||
@keyframes bblFadInOut {
|
||||
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
box-shadow: 0 2.5em 0 -1.3em
|
||||
}
|
||||
|
||||
40% {
|
||||
box-shadow: 0 2.5em 0 0
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--bcolor3);
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -1,136 +0,0 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
|
||||
|
||||
* {
|
||||
--color1: #ffb000;
|
||||
--color2: #ffd700;
|
||||
--color3: #ffe135;
|
||||
--color4: #ce8c00;
|
||||
--bcolor1: #171717;
|
||||
--bcolor2: #191919;
|
||||
--bcolor3: #ebebeb;
|
||||
--bcolor4: #0a0a0a;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: bold;
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color1);
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor2);
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color3);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color4);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/folder-1.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor1);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.folders a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a {
|
||||
font-weight: 800;
|
||||
color: var(--color1);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor3);
|
||||
background-color: var(--bcolor2);
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color1);
|
||||
color: var(--bcolor1);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: 15px auto;
|
||||
position: relative;
|
||||
color: var(--color1);
|
||||
box-sizing: border-box;
|
||||
animation: animloader 1s linear infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes animloader {
|
||||
0% {
|
||||
box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0;
|
||||
}
|
||||
|
||||
33% {
|
||||
box-shadow: -38px 0px, -14px -12px, 14px 0, 38px 0;
|
||||
}
|
||||
|
||||
66% {
|
||||
box-shadow: -38px 0px, -14px 0, 14px -12px, 38px 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor3);
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -1,169 +0,0 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");
|
||||
|
||||
* {
|
||||
--color1: #00CED1;
|
||||
/* DarkTurquoise */
|
||||
--color2: #4682B4;
|
||||
/* SteelBlue */
|
||||
--color3: #B0C4DE;
|
||||
/* LightSteelBlue */
|
||||
--color4: #5F9EA0;
|
||||
/* CadetBlue */
|
||||
--bcolor1: #FFFFFF;
|
||||
/* White */
|
||||
--bcolor2: #2F4F4F;
|
||||
/* DarkSlateGray */
|
||||
--bcolor3: #E0E0E0;
|
||||
/* LightGray */
|
||||
--bcolor4: #D3D3D3;
|
||||
/* LightGray */
|
||||
}
|
||||
|
||||
.navbar {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color1);
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 500;
|
||||
color: var(--bcolor2);
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color3);
|
||||
font-weight: 500;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color2);
|
||||
text-decoration: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.foldericon {
|
||||
content: "themes/icons/folder-3.svg.j2";
|
||||
}
|
||||
|
||||
.folders a {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor2);
|
||||
text-decoration: none;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
.folders a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row a {
|
||||
font-weight: 500;
|
||||
color: var(--color2);
|
||||
text-decoration: none;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
.row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 400;
|
||||
color: var(--bcolor3);
|
||||
background-color: var(--bcolor2);
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
.tagentry label:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.tagentry .tagtoggle:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor4);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
#totop {
|
||||
background-color: var(--color1);
|
||||
color: var(--bcolor1);
|
||||
font-weight: 600;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
.loader,
|
||||
.loader:before,
|
||||
.loader:after {
|
||||
border-radius: 50%;
|
||||
width: 2.5em;
|
||||
height: 2.5em;
|
||||
animation-fill-mode: both;
|
||||
animation: bblFadInOut 1.8s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.loader {
|
||||
color: var(--bcolor2);
|
||||
font-size: 7px;
|
||||
position: relative;
|
||||
text-indent: -9999em;
|
||||
transform: translateZ(0);
|
||||
animation-delay: -0.16s;
|
||||
}
|
||||
|
||||
.loader:before,
|
||||
.loader:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.loader:before {
|
||||
left: -3.5em;
|
||||
animation-delay: -0.32s;
|
||||
}
|
||||
|
||||
.loader:after {
|
||||
left: 3.5em;
|
||||
}
|
||||
|
||||
@keyframes bblFadInOut {
|
||||
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
box-shadow: 0 2.5em 0 -1.3em
|
||||
}
|
||||
|
||||
40% {
|
||||
box-shadow: 0 2.5em 0 0
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--bcolor3);
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
Reference in New Issue
Block a user