Re-theme
This commit is contained in:
@@ -8,124 +8,135 @@
|
||||
<head>
|
||||
<script>
|
||||
(function () {
|
||||
var storedTheme = "light";
|
||||
var storedTheme = null;
|
||||
try {
|
||||
storedTheme = localStorage.getItem("theme") || "light";
|
||||
storedTheme = localStorage.getItem("theme");
|
||||
} catch (error) {
|
||||
}
|
||||
var resolvedTheme = storedTheme === "dark" ? "dark" : "light";
|
||||
document.documentElement.dataset.theme = resolvedTheme;
|
||||
if (resolvedTheme === "dark") {
|
||||
document.documentElement.style.backgroundColor = "#090d16";
|
||||
document.documentElement.style.color = "#f8fafc";
|
||||
if (storedTheme === "dark" || storedTheme === "light") {
|
||||
document.documentElement.dataset.theme = storedTheme;
|
||||
} else {
|
||||
document.documentElement.style.backgroundColor = "#f3f4f6";
|
||||
document.documentElement.style.color = "#1b2433";
|
||||
document.documentElement.removeAttribute("data-theme");
|
||||
}
|
||||
var faviconHref = resolvedTheme === "dark"
|
||||
? "{% static 'favicon-dark.svg' %}"
|
||||
: "{% static 'favicon-light.svg' %}";
|
||||
document.querySelectorAll("link[data-gia-favicon]").forEach(function (link) {
|
||||
link.setAttribute("href", faviconHref);
|
||||
});
|
||||
document.querySelectorAll(".js-theme-logo").forEach(function (image) {
|
||||
image.setAttribute("src", faviconHref);
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<style>
|
||||
html[data-theme="dark"],
|
||||
html[data-theme="dark"] body {
|
||||
background: #090d16 !important;
|
||||
color: #f8fafc !important;
|
||||
}
|
||||
html[data-theme="light"],
|
||||
html[data-theme="light"] body {
|
||||
background: #f3f4f6 !important;
|
||||
color: #1b2433 !important;
|
||||
}
|
||||
</style>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{% block browser_title %}{% firstof page_browser_title page_title as explicit_title %}{% if explicit_title %}{{ explicit_title }} · GIA{% else %}{% with route_value=request.resolver_match.url_name|default:request.path_info|humanize_route %}{% if route_value %}{{ route_value }} · GIA{% else %}GIA{% endif %}{% endwith %}{% endif %}{% endblock %}</title>
|
||||
<link rel="icon" type="image/svg+xml" href="{% static 'favicon-light.svg' %}" data-gia-favicon>
|
||||
<link rel="shortcut icon" href="{% static 'favicon-light.svg' %}" data-gia-favicon>
|
||||
<link rel="icon" type="image/png" href="{% static 'favicon.png' %}?v=sq3" data-gia-favicon="icon">
|
||||
<link rel="shortcut icon" href="{% static 'favicon.png' %}?v=sq3" data-gia-favicon="shortcut">
|
||||
<link rel="manifest" href="{% static 'manifest.webmanifest' %}">
|
||||
<link rel="stylesheet" href="{% static 'css/bulma.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'css/bulma-tooltip.min.css' %}">
|
||||
<link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css">
|
||||
<link rel="stylesheet" href="{% static 'css/bulma-slider.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'css/bulma-calendar.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'css/bulma-tagsinput.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'css/bulma-switch.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'css/gridstack.min.css' %}">
|
||||
<script src="{% static 'js/bulma-calendar.min.js' %}" integrity="sha384-DThNif0xGXbopX7+PE+UabkuClfI/zELNhaVqoGLutaWB76dyMw0vIQBGmUxSfVQ" crossorigin="anonymous"></script>
|
||||
<script src="{% static 'js/bulma-slider.min.js' %}" integrity="sha384-wbyps8iLG8QzJE02viYc/27BtT5HSa11+b5V7QPR1/huVuA8f4LRTNGc82qAIeIZ" crossorigin="anonymous"></script>
|
||||
<script src="{% static 'js/htmx.min.js' %}" integrity="sha384-cZuAZ+ZbwkNRnrKi05G/fjBX+azI9DNOkNYysZ0I/X5ZFgsmMiBXgDZof30F5ofc" crossorigin="anonymous"></script>
|
||||
<script defer src="{% static 'js/remove-me.js' %}" integrity="sha384-6fHcFNoQ8QEI3ZDgw9Z/A6Brk64gF7AnFbLgdrumo8/kBbsKQ/wo7wPegj5WkzuG" crossorigin="anonymous"></script>
|
||||
<script defer src="{% static 'js/hyperscript.min.js' %}" integrity="sha384-6GYN8BDHOJkkru6zcpGOUa//1mn+5iZ/MyT6mq34WFIpuOeLF52kSi721q0SsYF9" crossorigin="anonymous"></script>
|
||||
<script src="{% static 'js/bulma-tagsinput.min.js' %}"></script>
|
||||
<script src="{% static 'js/jquery.min.js' %}"></script>
|
||||
<script src="{% static 'js/gridstack-all.js' %}"></script>
|
||||
<script defer src="{% static 'js/magnet.min.js' %}"></script>
|
||||
{# Managed by tools/frontend_assets/asset-manifest.json and scripts/vendor_frontend_assets.py. #}
|
||||
<link rel="preload" href="{% static 'vendor/fontawesome/webfonts/fa-solid-900.woff2' %}" as="font" type="font/woff2" integrity="sha512-Ph1xTLhfMycYSW+wUN8oL3Ggl56nGIS95EHiKWggcL/GbMNjPdib1Hreb1D4COlMxdiGCkk43nspQnpDuTjgQg==" crossorigin="anonymous">
|
||||
<link rel="preload" href="{% static 'vendor/fontawesome/webfonts/fa-regular-400.woff2' %}" as="font" type="font/woff2" integrity="sha512-qioT43fXB5q4Bbpn8sPQE9OIZLjKD0c0lVmpm6KmT8k34LM6gkRcOOMi1BOl2lohFG/7p9tzKfTP5G563BQq1g==" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="{% static 'css/bulma.min.css' %}" integrity="sha512-yh2RE0wZCVZeysGiqTwDTO/dKelCbS9bP2L94UvOFtl/FKXcNAje3Y2oBg/ZMZ3LS1sicYk4dYVGtDex75fvvA==" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="{% static 'css/bulma-tooltip.min.css' %}" integrity="sha512-SNDNIUvSYhnqDV9FFXaH/e0xZ6NzkG4Qm5dafLLf0PCMkzICKaOmMTgI3y2t2jZK+hAtP6A7UBcFqjWMhsujIg==" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="{% static 'vendor/fontawesome/css/all.css' %}" integrity="sha512-UKBBxJ5N3/MYiSsYTlEsARsp4vELKVRIklED4Mb6wpuVFOgy5Blt+sXUdz1TDReqWsm64xxBA2QoBJRCxI0x5Q==" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="{% static 'css/bulma-slider.min.css' %}" integrity="sha512-9o5SkCRCA9thttRH3Gb5QXLxKdRiuRLdO6ToEPwRHGLXjrhTZwFj0rEHjrCcJvDN9/aNaWMpGOIEA2vZsHmEqw==" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="{% static 'css/bulma-calendar.min.css' %}" integrity="sha512-IOnJQkgQpezPDPTJcRiWD7YVI3sF2RYzYDl4isbDT2geSaEHRQ615UN/8GhJbSkvqkKRZu8SBCQ7XwKMqsqLFQ==" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="{% static 'css/bulma-tagsinput.min.css' %}" integrity="sha512-NWTkcDRubZ3pyXbZZLQBILuVsRFs8c6QGgnfe4dm5/d6yp50U+xdoCDLIcSo51fFy/GXH0O2Oed1Z1sF1faxDA==" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="{% static 'css/bulma-switch.min.css' %}" integrity="sha512-zjrHYubQoNgDVqVKTyGjKcvIeQlduZTvXCvcBwQ0iqJYKLKiz9cuFAN7e98zfKqCTpI/EgFRBRcTwJw20yAFuw==" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="{% static 'css/gridstack.min.css' %}" integrity="sha512-ttQfsDTO64bamkJHeLDf0kzMP1NKfkootudPWS2V8Pwy+9z1wexSYjIT6/HXGg/bmtD+DRwsUnQoYEB0yePjbw==" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="{% static 'css/gia-theme.css' %}" integrity="sha512-J/sff1E15uvn7df8Yv/C3Y+CE75bnxZF4vj4wEtfuIaXhECzC0cJTpocvTt7jdB5iMRry8MQ3ZH6Pg/ckh4QNA==" crossorigin="anonymous">
|
||||
<script src="{% static 'js/bulma-calendar.min.js' %}" integrity="sha512-kkEtEtypXzruevjkoxhyEkqkZBtlhK7s8zt7IV2yPabgBwy5xbKL9uWeCS37ldS9AaNTSnveWTu4ivUvGMJUWA==" crossorigin="anonymous"></script>
|
||||
<script src="{% static 'js/bulma-slider.min.js' %}" integrity="sha512-WLKXHCsMXTSIPsmQShJRE6K4IzwvNkhwxr/Oo8N3z+kzjhGleHibspmWLTawNMdl2z9E23XK20+yvUTDZ+zeNQ==" crossorigin="anonymous"></script>
|
||||
<script src="{% static 'js/htmx.min.js' %}" integrity="sha512-CGXFnDNv5q48ciFeIyWFcfZhqYW0sSBiPO+HZDO3XLM+p8xjhezz5CCxtkXVDKfCbvF+iUhel7xoeSp19o7x7g==" crossorigin="anonymous"></script>
|
||||
<script defer src="{% static 'js/remove-me.js' %}" integrity="sha512-uhE4kDw2+tXdJPDKSttOEYhVnwYq310+d5DMQnTjafJ58QLlYPyx0RTCNbjcrTiGfCjAhaQob4AumEUa2m3TaQ==" crossorigin="anonymous"></script>
|
||||
<script defer src="{% static 'js/hyperscript.min.js' %}" integrity="sha512-l43sZzpnAddmYhJyfPrgv46XhJvA95gsA28/+eW4XZLSekQ8wlP68i9f22KGkRjY0HNiZrLc5MXGo4z/tM2QNA==" crossorigin="anonymous"></script>
|
||||
<script src="{% static 'js/bulma-tagsinput.min.js' %}" integrity="sha512-Je6J++MjmmpxF30JCmRwM2KiK3uWQBQtqiNCjwzEMJKExLaa0BqerlYNa/fJAl5Rra4hMgRZF2fzg+V2vjE4Kw==" crossorigin="anonymous"></script>
|
||||
<script src="{% static 'js/jquery.min.js' %}" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous"></script>
|
||||
<script src="{% static 'js/gridstack-all.js' %}" integrity="sha512-djBPxwvBhDep1SvOhliatweHMORhVO3HabrfBjaW6nYsa7UcJYHty31x42m4HBSJXcJSQdoEgRPLVYGGIuIaDQ==" crossorigin="anonymous"></script>
|
||||
<script defer src="{% static 'js/magnet.min.js' %}" integrity="sha512-aoQ3V4iCM8zTcdMDSUTRG1K9wqZzmDSisuaCLQexk9DdFy92oWvTUoAfCVLnGzzJClst8PmtasZg219REwyNkw==" crossorigin="anonymous"></script>
|
||||
<script>
|
||||
(function () {
|
||||
function applyFavicon(theme) {
|
||||
var href = theme === "dark"
|
||||
? "{% static 'favicon-dark.svg' %}"
|
||||
: "{% static 'favicon-light.svg' %}";
|
||||
document.querySelectorAll("link[data-gia-favicon]").forEach(function (link) {
|
||||
link.setAttribute("href", href);
|
||||
});
|
||||
document.querySelectorAll(".js-theme-logo").forEach(function (image) {
|
||||
image.setAttribute("src", href);
|
||||
});
|
||||
}
|
||||
var FAVICON_VERSION = "sq3";
|
||||
var STORAGE_KEY = "theme";
|
||||
var THEME_DARK = "dark";
|
||||
var THEME_LIGHT = "light";
|
||||
var root = document.documentElement;
|
||||
var darkMedia = window.matchMedia("(prefers-color-scheme: dark)");
|
||||
|
||||
function applyTheme(mode) {
|
||||
var validMode = mode === "dark" ? "dark" : "light";
|
||||
document.documentElement.dataset.theme = validMode;
|
||||
applyFavicon(validMode);
|
||||
function getStoredTheme() {
|
||||
try {
|
||||
localStorage.setItem("theme", validMode);
|
||||
var raw = localStorage.getItem(STORAGE_KEY);
|
||||
if (raw === THEME_DARK || raw === THEME_LIGHT) {
|
||||
return raw;
|
||||
}
|
||||
} catch (error) {
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function getResolvedTheme() {
|
||||
var stored = getStoredTheme();
|
||||
if (stored === THEME_DARK || stored === THEME_LIGHT) {
|
||||
return stored;
|
||||
}
|
||||
return darkMedia.matches ? THEME_DARK : THEME_LIGHT;
|
||||
}
|
||||
|
||||
function applyFavicon() {
|
||||
var href = "{% static 'favicon.png' %}?v=" + FAVICON_VERSION;
|
||||
var iconLink = document.querySelector("link[data-gia-favicon='icon']");
|
||||
if (iconLink) {
|
||||
iconLink.setAttribute("href", href);
|
||||
}
|
||||
var shortcutLink = document.querySelector("link[data-gia-favicon='shortcut']");
|
||||
if (shortcutLink) {
|
||||
shortcutLink.setAttribute("href", href);
|
||||
}
|
||||
}
|
||||
|
||||
function persistTheme(mode) {
|
||||
try {
|
||||
localStorage.setItem(STORAGE_KEY, mode);
|
||||
} catch (error) {
|
||||
}
|
||||
}
|
||||
|
||||
function updateToggleUI(mode) {
|
||||
document.querySelectorAll(".js-theme-toggle").forEach(function (button) {
|
||||
var nextMode = validMode === "dark" ? "light" : "dark";
|
||||
button.setAttribute("data-theme-mode", validMode);
|
||||
button.setAttribute("aria-label", "Theme: " + validMode + ". Click to switch to " + nextMode + ".");
|
||||
button.setAttribute("title", "Theme: " + validMode);
|
||||
var nextMode = mode === THEME_DARK ? THEME_LIGHT : THEME_DARK;
|
||||
button.setAttribute("data-theme-mode", mode);
|
||||
button.setAttribute("aria-label", "Theme: " + mode + ". Click to switch to " + nextMode + ".");
|
||||
button.setAttribute("title", "Theme: " + mode);
|
||||
var label = button.querySelector("[data-theme-label]");
|
||||
if (label) {
|
||||
label.textContent = validMode === "dark" ? "Dark" : "Light";
|
||||
label.textContent = mode === THEME_DARK ? "Dark" : "Light";
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function cycleTheme() {
|
||||
var currentTheme = "light";
|
||||
try {
|
||||
currentTheme = localStorage.getItem("theme") || "light";
|
||||
} catch (error) {
|
||||
function applyTheme(mode, shouldPersist) {
|
||||
var validMode = mode === THEME_DARK ? THEME_DARK : THEME_LIGHT;
|
||||
root.dataset.theme = validMode;
|
||||
applyFavicon();
|
||||
updateToggleUI(validMode);
|
||||
if (shouldPersist !== false) {
|
||||
persistTheme(validMode);
|
||||
}
|
||||
if (currentTheme === "dark") {
|
||||
applyTheme("light");
|
||||
return;
|
||||
}
|
||||
applyTheme("dark");
|
||||
}
|
||||
|
||||
try {
|
||||
applyTheme(localStorage.getItem("theme") || "light");
|
||||
} catch (error) {
|
||||
applyTheme("light");
|
||||
function cycleTheme() {
|
||||
var currentTheme = root.dataset.theme === THEME_DARK ? THEME_DARK : THEME_LIGHT;
|
||||
applyTheme(currentTheme === THEME_DARK ? THEME_LIGHT : THEME_DARK, true);
|
||||
}
|
||||
|
||||
applyTheme(getResolvedTheme(), false);
|
||||
|
||||
if (darkMedia && darkMedia.addEventListener) {
|
||||
darkMedia.addEventListener("change", function () {
|
||||
if (!getStoredTheme()) {
|
||||
applyTheme(getResolvedTheme(), false);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
document.querySelectorAll(".js-theme-toggle").forEach(function (button) {
|
||||
button.addEventListener("click", cycleTheme);
|
||||
});
|
||||
applyTheme(document.documentElement.dataset.theme || "light");
|
||||
applyTheme(getResolvedTheme(), false);
|
||||
});
|
||||
})();
|
||||
|
||||
@@ -188,325 +199,6 @@
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<style>
|
||||
.icon { border-bottom: 0px !important;}
|
||||
.wrap {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.nowrap-parent {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.nowrap-child {
|
||||
display: inline-block;
|
||||
}
|
||||
.htmx-indicator{
|
||||
opacity:0;
|
||||
transition: opacity 500ms ease-in;
|
||||
}
|
||||
.htmx-request .htmx-indicator,
|
||||
.htmx-request.htmx-indicator{
|
||||
opacity:1
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
visibility: hidden;
|
||||
background-color: black;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
border-radius: 6px;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.rounded-tooltip:hover .tooltiptext {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.table {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
tr {
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
a.panel-block {
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
tr:hover,
|
||||
a.panel-block:hover {
|
||||
cursor:pointer;
|
||||
background-color:rgba(221, 224, 255, 0.3) !important;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: rgba(84, 84, 84, 0.9) !important;
|
||||
--modal-color: rgba(81, 81, 81, 0.9) !important;
|
||||
}
|
||||
}
|
||||
|
||||
:root {
|
||||
--background-color-light: rgba(210, 210, 210, 0.9) !important;
|
||||
--background-color-dark: rgba(84, 84, 84, 0.9) !important;
|
||||
--background-color-modal-light: rgba(250, 250, 250, 0.5) !important;
|
||||
--background-color-modal-dark: rgba(210, 210, 210, 0.9) !important;
|
||||
}
|
||||
|
||||
[data-theme="light"] {
|
||||
--background-color: var(--background-color-light);
|
||||
--modal-color: var(--background-color-modal-light);
|
||||
}
|
||||
|
||||
[data-theme="dark"] {
|
||||
--background-color: var(--background-color-dark);
|
||||
--modal-color: var(--background-color-modal-dark);
|
||||
}
|
||||
|
||||
.panel, .box, .modal {
|
||||
background-color: var(--modal-color) !important;
|
||||
}
|
||||
.box {
|
||||
border: 1px solid rgba(25, 33, 52, 0.08);
|
||||
box-shadow: 0 18px 48px rgba(20, 28, 45, 0.08);
|
||||
}
|
||||
.modal, .modal.box{
|
||||
background-color: var(--background-color) !important;
|
||||
}
|
||||
.modal-background{
|
||||
background-color:rgba(255, 255, 255, 0.3) !important;
|
||||
}
|
||||
#modals-here .modal-background {
|
||||
background-color: rgba(0, 0, 0, 0.34) !important;
|
||||
}
|
||||
#modals-here .modal-content > .box {
|
||||
background-color: rgba(255, 255, 255, 0.97) !important;
|
||||
color: inherit;
|
||||
}
|
||||
#modals-here .modal-content .input,
|
||||
#modals-here .modal-content .textarea,
|
||||
#modals-here .modal-content .select select {
|
||||
background-color: rgba(255, 255, 255, 0.98) !important;
|
||||
}
|
||||
[data-theme="dark"] #modals-here .modal-content > .box {
|
||||
background-color: rgba(45, 45, 45, 0.97) !important;
|
||||
}
|
||||
[data-theme="dark"] #modals-here .modal-content .input,
|
||||
[data-theme="dark"] #modals-here .modal-content .textarea,
|
||||
[data-theme="dark"] #modals-here .modal-content .select select {
|
||||
background-color: rgba(33, 33, 33, 0.98) !important;
|
||||
}
|
||||
|
||||
.has-background-grey-lighter{
|
||||
background-color:rgba(219, 219, 219, 0.5) !important;
|
||||
}
|
||||
.navbar {
|
||||
background-color:rgba(0, 0, 0, 0.03) !important;
|
||||
}
|
||||
.gia-brand-shell {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
.gia-brand-logo {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0.45rem 0.75rem;
|
||||
border-radius: 16px;
|
||||
background: rgba(255, 255, 255, 0.82);
|
||||
border: 1px solid rgba(21, 28, 39, 0.08);
|
||||
box-shadow: 0 10px 24px rgba(21, 28, 39, 0.08);
|
||||
}
|
||||
.gia-brand-logo img {
|
||||
display: block;
|
||||
}
|
||||
[data-theme="dark"] .gia-brand-logo {
|
||||
background: rgba(255, 255, 255, 0.96);
|
||||
border-color: rgba(255, 255, 255, 0.82);
|
||||
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34);
|
||||
}
|
||||
.section > .container.gia-page-shell,
|
||||
.section > .container {
|
||||
max-width: 1340px;
|
||||
}
|
||||
.gia-page-header {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.gia-page-header .title,
|
||||
.gia-page-header .subtitle {
|
||||
max-width: 72ch;
|
||||
}
|
||||
.gia-page-header .subtitle {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.table thead th {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background: rgba(248, 250, 252, 0.96) !important;
|
||||
color: #1b1f2a !important;
|
||||
backdrop-filter: blur(6px);
|
||||
z-index: 1;
|
||||
}
|
||||
[data-theme="dark"] .table thead th {
|
||||
background: rgba(44, 44, 44, 0.96) !important;
|
||||
color: #f3f5f8 !important;
|
||||
}
|
||||
.table td,
|
||||
.table th {
|
||||
vertical-align: top;
|
||||
}
|
||||
.help {
|
||||
max-width: 78ch;
|
||||
}
|
||||
.button.is-light {
|
||||
border-color: rgba(27, 38, 59, 0.12);
|
||||
}
|
||||
.input,
|
||||
.textarea,
|
||||
.select select {
|
||||
border-color: rgba(27, 38, 59, 0.18);
|
||||
box-shadow: none;
|
||||
}
|
||||
.input:focus,
|
||||
.textarea:focus,
|
||||
.select select:focus {
|
||||
border-color: rgba(27, 99, 214, 0.8);
|
||||
box-shadow: 0 0 0 0.125em rgba(27, 99, 214, 0.14);
|
||||
}
|
||||
|
||||
.grid-stack-item-content,
|
||||
.floating-window {
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
overflow-x: hidden !important;
|
||||
overflow-y: hidden !important;
|
||||
}
|
||||
|
||||
.panel {
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.panel-block {
|
||||
overflow-y:auto;
|
||||
overflow-x:auto;
|
||||
min-height: 90%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.floating-window {
|
||||
max-height: 300px;
|
||||
z-index: 9000;
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
left: 50px;
|
||||
}
|
||||
|
||||
.floating-window .panel {
|
||||
background-color:rgba(250, 250, 250, 0.8) !important;
|
||||
}
|
||||
|
||||
.float-right {
|
||||
float: right;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.grid-stack-item:hover .ui-resizable-handle {
|
||||
display: block !important;
|
||||
}
|
||||
.ui-resizable-handle {
|
||||
z-index: 39 !important;
|
||||
}
|
||||
|
||||
.osint-table-shell {
|
||||
border: 1px solid rgba(127, 127, 127, 0.2);
|
||||
border-radius: 14px;
|
||||
padding: 0.9rem;
|
||||
background: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.osint-table-toolbar {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.osint-results-table-wrap {
|
||||
border-radius: 10px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.task-ui-badge {
|
||||
background: #f5f5f5 !important;
|
||||
border: 1px solid #dbdbdb !important;
|
||||
color: #1f1f1f !important;
|
||||
font-size: 0.75rem;
|
||||
line-height: 1.5;
|
||||
padding: 0.25em 0.75em;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.osint-results-table th {
|
||||
font-size: 0.8rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.osint-sort-link {
|
||||
color: inherit;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.25rem;
|
||||
}
|
||||
|
||||
.osint-sort-link:hover {
|
||||
color: #3273dc;
|
||||
}
|
||||
|
||||
.osint-search-form .button.is-fullwidth {
|
||||
width: 100%;
|
||||
}
|
||||
.navbar-dropdown .navbar-item.is-current-route {
|
||||
background-color: rgba(50, 115, 220, 0.14) !important;
|
||||
color: #1f4f99 !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-toggle-button {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.brand-theme-toggle {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
border: 0 !important;
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
line-height: 1;
|
||||
width: 3.15rem;
|
||||
height: 3.15rem;
|
||||
}
|
||||
.brand-theme-logo {
|
||||
display: block;
|
||||
width: 3.15rem;
|
||||
height: 3.15rem;
|
||||
}
|
||||
.security-page-tabs a {
|
||||
transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
|
||||
}
|
||||
.reduced-motion,
|
||||
.reduced-motion * {
|
||||
animation-duration: 0.01ms !important;
|
||||
animation-iteration-count: 1 !important;
|
||||
transition-duration: 0.01ms !important;
|
||||
scroll-behavior: auto !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
{% get_accessibility_settings request.user as a11y_settings %}
|
||||
<body{% if a11y_settings and a11y_settings.disable_animations %} class="reduced-motion"{% endif %}>
|
||||
@@ -517,12 +209,28 @@
|
||||
<span class="gia-brand-shell">
|
||||
{% if user.is_authenticated %}
|
||||
<button class="button is-light theme-toggle-button gia-brand-logo brand-theme-toggle js-theme-toggle" type="button" data-theme-mode="light" aria-label="Theme toggle">
|
||||
<img class="brand-theme-logo js-theme-logo" src="{% static 'favicon-light.svg' %}" alt="" aria-hidden="true">
|
||||
<svg class="brand-theme-logo" viewBox="0 0 213.35 150.85" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
|
||||
<g transform="translate(38.831 -7.4316)">
|
||||
<g transform="matrix(.99287 0 0 .99911 1.2367 -30.308)">
|
||||
<path class="brand-theme-stroke" d="m-32.645 113.03a115.16 122.5 0 0 1 99.73-61.25 115.16 122.5 0 0 1 99.73 61.25" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="15.42"/>
|
||||
<path class="brand-theme-stroke" d="m67.006 89.591a42.374 42.374 0 0 1 39.148 26.158 42.374 42.374 0 0 1-9.1855 46.179 42.374 42.374 0 0 1-46.179 9.1855 42.374 42.374 0 0 1-26.158-39.148" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="16.251"/>
|
||||
<circle cx="67.003" cy="131.96" r="13.151" fill="#740101"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<span class="is-sr-only" data-theme-label>Auto</span>
|
||||
</button>
|
||||
{% else %}
|
||||
<a href="{% url 'home' %}" class="gia-brand-logo" aria-label="GIA home">
|
||||
<img class="brand-theme-logo" src="{% static 'favicon-light.svg' %}" alt="logo">
|
||||
<svg class="brand-theme-logo" viewBox="0 0 213.35 150.85" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
|
||||
<g transform="translate(38.831 -7.4316)">
|
||||
<g transform="matrix(.99287 0 0 .99911 1.2367 -30.308)">
|
||||
<path class="brand-theme-stroke" d="m-32.645 113.03a115.16 122.5 0 0 1 99.73-61.25 115.16 122.5 0 0 1 99.73 61.25" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="15.42"/>
|
||||
<path class="brand-theme-stroke" d="m67.006 89.591a42.374 42.374 0 0 1 39.148 26.158 42.374 42.374 0 0 1-9.1855 46.179 42.374 42.374 0 0 1-46.179 9.1855 42.374 42.374 0 0 1-26.158-39.148" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="16.251"/>
|
||||
<circle cx="67.003" cy="131.96" r="13.151" fill="#740101"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
{% endif %}
|
||||
</span>
|
||||
|
||||
Reference in New Issue
Block a user