This repository has been archived on 2021-05-06. You can view files and clone it, but cannot push or open issues or pull requests.
gitea-custom/templates/custom/header.tmpl

223 lines
7.6 KiB
Cheetah
Raw Normal View History

2021-05-05 23:59:51 +03:00
<style>
2021-05-06 00:18:06 +03:00
:root {
2021-05-06 00:26:09 +03:00
--body-bg-color: #2E2E2E;
--accent-bg-color: #d4d3d3;
--button-accent-color: #3d3d3d;
--selected-bg-color: #2E2E2E;
--hover-bg-color: #555555;
--card-border-radius: 0;
--button-border-radius: 4px;
--main-font-weight: 500;
2021-05-06 04:48:43 +03:00
--cards-length: 80vw;
2021-05-06 00:26:09 +03:00
2021-05-06 00:18:06 +03:00
--fonts-proportional: -apple-system,"Segoe UI",system-ui,"Roboto","Helvetica Neue","Arial";
--fonts-monospace: "SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New",monospace,var(--fonts-emoji);
--fonts-emoji: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla";
2021-05-06 00:26:09 +03:00
--border-radius: var(--card-border-radius);
--opacity-disabled: 1;
2021-05-06 01:44:14 +03:00
--color-primary: #2E2E2E;
2021-05-06 00:18:06 +03:00
--color-primary-dark-1: #3f3f3f;
--color-primary-dark-2: #2E2E2E;
--color-primary-dark-3: #202020;
--color-primary-dark-4: #131313;
--color-primary-dark-5: #0e0e0e;
--color-primary-dark-6: #0c1a28;
--color-primary-dark-7: #04080c;
2021-05-06 01:44:14 +03:00
--color-primary-light-1: #2e2e2e;
--color-primary-light-2: #3f3f3f;
--color-primary-light-3: #4e4e4e;
--color-primary-light-4: #626262;
--color-primary-light-5: #777777;
--color-primary-light-6: #a7a7a7;
2021-05-06 00:18:06 +03:00
--color-primary-light-7: #f4f8fb;
2021-05-06 01:44:14 +03:00
--color-primary-alpha-10: #2E2E2E;
--color-primary-alpha-20: #2E2E2E;
--color-primary-alpha-30: #2E2E2E;
--color-primary-alpha-40: #2E2E2E;
--color-primary-alpha-50: #2E2E2E;
--color-primary-alpha-60: #2E2E2E;
--color-primary-alpha-70: #2E2E2E;
--color-primary-alpha-80: #2E2E2E;
--color-primary-alpha-90: #2E2E2E;
2021-05-06 00:18:06 +03:00
--color-secondary: #d4d3d3;
--color-secondary-dark-1: #cecece;
--color-secondary-dark-2: #bfbfbf;
--color-secondary-dark-3: #a0a0a0;
--color-secondary-dark-4: #909090;
--color-secondary-dark-5: #818181;
--color-secondary-dark-6: #717171;
--color-secondary-dark-7: #626262;
--color-secondary-dark-7: #525252;
--color-secondary-dark-8: #434343;
--color-secondary-dark-8: #333333;
--color-secondary-dark-9: #242424;
--color-secondary-dark-10: #141414;
--color-secondary-dark-11: #040404;
--color-secondary-light-1: #e5e5e5;
--color-secondary-light-2: #ebebeb;
--color-secondary-light-3: #f2f2f2;
--color-secondary-light-4: #f8f8f8;
--color-secondary-alpha-10: #dedede19;
--color-secondary-alpha-20: #dedede33;
--color-secondary-alpha-30: #dedede4b;
--color-secondary-alpha-40: #dedede66;
--color-secondary-alpha-50: #dedede80;
--color-secondary-alpha-60: #dedede99;
--color-secondary-alpha-70: #dededeb3;
--color-secondary-alpha-80: #dededecc;
--color-secondary-alpha-90: #dededee1;
--color-red: #db2828;
--color-orange: #f2711c;
--color-yellow: #fbbd08;
--color-olive: #b5cc18;
--color-green: #21ba45;
--color-teal: #00b5ad;
--color-blue: #2185d0;
--color-violet: #6435c9;
--color-purple: #a333c8;
--color-pink: #e03997;
--color-brown: #a5673f;
--color-grey: #888888;
--color-black: #1b1c1d;
--color-gold: #a1882b;
--color-white: #ffffff;
--color-diff-removed-word-bg: #fdb8c0;
--color-diff-added-word-bg: #acf2bd;
--color-diff-removed-row-bg: #ffeef0;
--color-diff-added-row-bg: #e6ffed;
--color-diff-removed-row-border: #f1c0c0;
--color-diff-added-row-border: #e6ffed;
--color-diff-inactive: #f2f2f2;
2021-05-06 00:20:26 +03:00
--color-body: #d4d3d3;
2021-05-06 00:18:06 +03:00
--color-text-dark: #080808;
--color-text: #212121;
--color-text-light: #555555;
--color-text-light-2: #808080;
--color-text-light-3: #a0a0a0;
2021-05-06 00:20:26 +03:00
--color-box-header: #d4d3d3;
--color-box-body: #d4d3d3;
--color-footer: #d4d3d3;
2021-05-06 00:18:06 +03:00
--color-timeline: #ececec;
--color-input-text: #212121;
--color-input-background: #ffffff;
--color-input-border: #dedede;
--color-input-border-hover: #cecece;
2021-05-06 00:20:26 +03:00
--color-navbar: #d4d3d3;
2021-05-06 00:18:06 +03:00
--color-light: #00000004;
--color-light-border: #0000001d;
--color-hover: #0000000f;
--color-active: #00000014;
2021-05-06 00:20:26 +03:00
--color-menu: #d4d3d3;
--color-card: #d4d3d3;
2021-05-06 00:18:06 +03:00
--color-markdown-table-row: #00000008;
--color-markdown-code-block: #00000010;
2021-05-06 00:20:26 +03:00
--color-button: #d4d3d3;
--color-code-bg: #d4d3d3;
2021-05-06 00:18:06 +03:00
--color-shadow: #00000030;
2021-05-06 00:20:26 +03:00
--color-secondary-bg: #d4d3d3;
--color-expand-button: #d4d3d3;
2021-05-06 00:18:06 +03:00
--color-placeholder-text: #aaa;
--color-editor-line-highlight: var(--color-primary-light-6);
--checkbox-mask-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 18 18" width="16" height="16"><path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>');
--checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z"></path></svg>');
}
2021-05-06 00:23:43 +03:00
.ui.table > thead > tr > th {
background: #d4d3d3;
}
2021-05-05 23:59:51 +03:00
body {
2021-05-06 00:26:09 +03:00
color: #2E2E2E;
2021-05-05 23:59:51 +03:00
background: var(--body-bg-color);
font-family: var(--fonts-regular);
font-weight: var(--main-font-weight);
}
br {
display: block;
content: "";
margin-top: 2px;
}
.wave-background {
2021-05-06 00:18:06 +03:00
background-image: url(https://hippoz.xyz/res/wave.svg);
2021-05-05 23:59:51 +03:00
background-size: 100% auto;
background-repeat: no-repeat;
}
2021-05-06 00:07:30 +03:00
.page-content, .card {
2021-05-05 23:59:51 +03:00
margin: 25px auto;
padding: 20px;
background: var(--accent-bg-color);
border-radius: var(--card-border-radius);
box-shadow: 2px -2px 38px 1px rgba(0,0,0,0.59);
}
2021-05-06 00:07:30 +03:00
.page-content, .card.layout-card {
2021-05-05 23:59:51 +03:00
width: var(--cards-length);
}
.navigation-buttons {
text-align: right;
}
.navigation-branding {
float: left;
}
.navigation-branding-text {
text-decoration: none;
display: inline-block;
padding: 8px;
font-size: 18px;
white-space: nowrap;
margin-left: 10px;
margin-right: 10px;
}
.noselect {
user-select: none;
}
2021-05-06 01:48:29 +03:00
.item, .button, .button-default {
2021-05-05 23:59:51 +03:00
display: inline-block;
text-decoration: none;
font-weight: 500;
border: none;
background-color: var(--accent-bg-color);
border-radius: var(--button-border-radius);
padding: 8px;
font-size: 18px;
white-space: nowrap;
margin-left: 10px;
margin-right: 10px;
color: var(--button-accent-color);
cursor: pointer;
outline: none;
}
.button-default:hover:not(.button-selected) {
color: var(--accent-bg-color);
background-color: var(--hover-bg-color);
}
2021-05-06 04:12:39 +03:00
.button-selected, .button.active, .button-default.active {
2021-05-05 23:59:51 +03:00
color: var(--accent-bg-color);
background-color: var(--selected-bg-color);
}
.input {
border: none;
outline: none;
border-radius: 2px;
padding: 3px;
margin: 8px;
}
@media screen and (max-width: 850px) {
.page-content, .card.layout-card {
width: 90vw;
2021-05-05 23:59:51 +03:00
}
}
</style>