[CSS] New themes! No images used anymore.
This commit is contained in:
parent
eb5bc36390
commit
ac8513741d
GPG Key ID:
96DA09D4B97BC2D5
|
|
@ -14,224 +14,236 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* RESET START */
|
/* RESET START */
|
||||||
:link,
|
:link,
|
||||||
:visited {
|
:visited {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: currentColor;
|
color: currentColor;
|
||||||
}
|
}
|
||||||
a:hover {
|
a:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
all: unset;
|
all: unset;
|
||||||
display: block;
|
display: block;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ol,
|
ol,
|
||||||
ul {
|
ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote,
|
blockquote,
|
||||||
body,
|
body,
|
||||||
fieldset,
|
fieldset,
|
||||||
form,
|
form,
|
||||||
html,
|
html,
|
||||||
input,
|
input,
|
||||||
pre,
|
pre,
|
||||||
textarea {
|
textarea {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
:link img,
|
:link img,
|
||||||
:visited img,
|
:visited img,
|
||||||
a img {
|
a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
address {
|
address {
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
:focus {
|
:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-moz-focus-inner {
|
::-moz-focus-inner {
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary > * {
|
details summary > * {
|
||||||
margin: unset;
|
margin: unset;
|
||||||
padding: unset;
|
padding: unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
details > summary {
|
details > summary {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
details > summary::-webkit-details-marker {
|
details > summary::-webkit-details-marker {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Internet Explorer <details> graceful degradation */
|
/* Internet Explorer <details> graceful degradation */
|
||||||
@supports not (-ms-ime-align: auto) {
|
@supports not (-ms-ime-align: auto) {
|
||||||
details summary {
|
details summary {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
[hidden] {
|
[hidden] {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
-webkit-box-sizing: border-box !important;
|
-webkit-box-sizing: border-box !important;
|
||||||
-moz-box-sizing: border-box !important;
|
-moz-box-sizing: border-box !important;
|
||||||
box-sizing: border-box !important;
|
box-sizing: border-box !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
body,
|
body,
|
||||||
html {
|
html {
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
font-family: 'Open Sans', sans-serif;
|
font-family: 'Open Sans', sans-serif;
|
||||||
font-size: var(--default);
|
font-size: var(--default);
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
h2,
|
h2,
|
||||||
h3,
|
h3,
|
||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
all: unset;
|
all: unset;
|
||||||
display: block;
|
display: block;
|
||||||
font-family: 'Poppins', sans-serif;
|
font-family: 'Poppins', sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: var(--medium);
|
font-size: var(--medium);
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
margin-bottom: 16.2px;
|
margin-bottom: 16.2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: var(--small);
|
font-size: var(--small);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
margin-bottom: 13px;
|
margin-bottom: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
font-size: var(--default);
|
font-size: var(--default);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h4,
|
h4,
|
||||||
h5 {
|
h5 {
|
||||||
font-size: var(--default);
|
font-size: var(--default);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
margin-bottom: 6.1px;
|
margin-bottom: 6.1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
font-family: 'Open Sans', sans-serif;
|
font-family: 'Open Sans', sans-serif;
|
||||||
font-size: var(--default);
|
font-size: var(--default);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
margin: unset;
|
margin: unset;
|
||||||
}
|
}
|
||||||
p:first-line {
|
p:first-line {
|
||||||
padding-left: var(--default);
|
padding-left: var(--default);
|
||||||
}
|
}
|
||||||
p:first-line {
|
p:first-line {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
p:not(:first-line) {
|
p:not(:first-line) {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type=password],
|
input[type=password],
|
||||||
input[type=text],
|
input[type=text],
|
||||||
textarea {
|
textarea {
|
||||||
font-family: 'Open Sans', sans-serif;
|
font-family: 'Open Sans', sans-serif;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
padding: 4px 6px;
|
padding: 4px 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Focus and hover (inset shadow is used in alternative to a border to prevent further redraws) */
|
||||||
|
*:focus {
|
||||||
|
-webkit-box-shadow: var(--shadow-inset-accent);
|
||||||
|
-moz-box-shadow: var(--shadow-inset-accent);
|
||||||
|
box-shadow: var(--shadow-inset-accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
background-color: var(--border) !important;
|
||||||
|
}
|
||||||
/* RESET END */
|
/* RESET END */
|
||||||
|
|
||||||
/* DARK AND LIGHT COLOUR SCHEMES START */
|
/* DARK AND LIGHT COLOUR SCHEMES START */
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
/* Colour vars */
|
/* Colour vars */
|
||||||
:root {
|
:root {
|
||||||
--foreground: #E6E6F7;
|
--foreground: #F0F6F6;
|
||||||
--background-hard: #212130;
|
--background-hard: #141216;
|
||||||
--background-soft: #46465E;
|
--background-card: #131217;
|
||||||
--background-checkerboard: repeating-conic-gradient(#ffffff66 0deg 90deg, #ffffff33 0deg 180deg) 0 0/40px 40px round;
|
--border: #201F25;
|
||||||
--accent: #7070BA;
|
--accent: #E88282;
|
||||||
--translucent: hsla(240, 19%, 16%, 40%);
|
--shadow: 0 0 12px 0 #01010166;
|
||||||
--shadow: 0 0 16px 0 #00000016;
|
|
||||||
--shadow-light: 0 0 16px 0 #FFFFFF16;
|
|
||||||
--shadow-inset-accent: inset 0 0 0 2px var(--accent);
|
--shadow-inset-accent: inset 0 0 0 2px var(--accent);
|
||||||
--gradient: linear-gradient(to left, var(--background-hard) 0%, var(--translucent) 100%) !important;
|
--background-checkerboard: repeating-conic-gradient(#ffffff66 0deg 90deg, #ffffff33 0deg 180deg) 0 0/40px 40px round;
|
||||||
|
--gradient: linear-gradient(10deg, var(--border) 0%, transparent 100%) !important;
|
||||||
|
--gradient-backwards: linear-gradient(290deg, var(--border) 0%, var(--background-card) 100%) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* The page background image itself */
|
/* The page background image itself */
|
||||||
.background-image {
|
.background-image {
|
||||||
background-color: var(--background-soft);
|
background-color: var(--background-hard);
|
||||||
background-image: url("../images/background_dark.png");
|
|
||||||
}
|
}
|
||||||
/* Select element custom dropdown arrow */
|
/* Select element custom dropdown arrow */
|
||||||
select {
|
select {
|
||||||
background-image: url("../images/select_drop_dark.png") !important;
|
background: var(--gradient), url("../images/select_drop_dark.png") no-repeat center right 5px !important;
|
||||||
|
background-size: cover, 16px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
/* Colour vars */
|
/* Colour vars */
|
||||||
:root {
|
:root {
|
||||||
--foreground: #242434;
|
--foreground: #09090D;
|
||||||
--background-hard: #eceff4;
|
--background-hard: #EBEBEB;
|
||||||
--background-soft: #4c566a66;
|
--background-card: #F0F0F0;
|
||||||
--accent: #4c566a;
|
--border: #D5D5D5;
|
||||||
--translucent: rgba(255, 255, 255, 0);
|
--accent: #A22430;
|
||||||
--shadow: 0 0 16px 0 #FFFFFF16;
|
--shadow: 0 0 12px 0 #24243416;
|
||||||
--shadow-light: 0 0 16px 0 #00000016;
|
--shadow-inset-accent: inset 0 0 0 2px var(--accent);
|
||||||
--shadow-inset-accent: inset 0 0 0 2px #4c566a;
|
--background-checkerboard: repeating-conic-gradient(#ffffff66 0deg 90deg, #ffffff33 0deg 180deg) 0 0/40px 40px round;
|
||||||
--gradient: linear-gradient(to right, #FFFFFFAA, transparent) !important;
|
--gradient: linear-gradient(290deg, var(--border) 0%, transparent 60%) !important;
|
||||||
--tneidarg: linear-gradient(to left, #FFFFFFAA, transparent) !important;
|
--gradient-backwards: linear-gradient(290deg, var(--border) 0%, var(--background-card) 100%) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* The page background image itself */
|
/* The page background image itself */
|
||||||
.background-image {
|
.background-image {
|
||||||
background-image: url("../images/background_light.png");
|
background-color: var(--background-hard);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Select element custom dropdown arrow */
|
/* Select element custom dropdown arrow */
|
||||||
select {
|
select {
|
||||||
background-image: url("../images/select_drop_light.png") !important;
|
background: var(--gradient), url("../images/select_drop_light.png") no-repeat center right 5px !important;
|
||||||
|
background-size: cover, 16px !important;
|
||||||
|
background-blend-mode: saturation;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
/* DARK AND LIGHT COLOUR SCHEMES END */
|
/* DARK AND LIGHT COLOUR SCHEMES END */
|
||||||
|
|
@ -275,6 +287,8 @@
|
||||||
height: min-content;
|
height: min-content;
|
||||||
padding: var(--smaller);
|
padding: var(--smaller);
|
||||||
border-radius: var(--smaller);
|
border-radius: var(--smaller);
|
||||||
|
background-color: var(--background-hard) !important;
|
||||||
|
border: 2px solid var(--border);
|
||||||
}
|
}
|
||||||
|
|
||||||
.accessibility-menu ul {
|
.accessibility-menu ul {
|
||||||
|
|
@ -298,6 +312,8 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: var(--smaller);
|
padding: var(--smaller);
|
||||||
|
background: var(--gradient) !important;
|
||||||
|
box-shadow: var(--shadow);
|
||||||
}
|
}
|
||||||
/* Allow scrolling all the way to the top ("page-header" has a height of 3rem) */
|
/* Allow scrolling all the way to the top ("page-header" has a height of 3rem) */
|
||||||
html {
|
html {
|
||||||
|
|
@ -476,22 +492,7 @@ html {
|
||||||
-o-background-size: 100% 100%;
|
-o-background-size: 100% 100%;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
z-index: auto;
|
z-index: auto;
|
||||||
}
|
background-color: var(--background-hard) !important;
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
#panel-left-toggle:checked + .header-panel,
|
|
||||||
#panel-right-toggle:checked + .header-panel,
|
|
||||||
a[id|="anchor"]:target ~ .panel-content {
|
|
||||||
background-image: url("../images/background_dark.png");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
#panel-left-toggle:checked + .header-panel,
|
|
||||||
#panel-right-toggle:checked + .header-panel,
|
|
||||||
a[id|="anchor"]:target ~ .panel-content {
|
|
||||||
background-image: url("../images/background_light.png");
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,58 +1,10 @@
|
||||||
|
|
||||||
|
|
||||||
/* Focus and hover (inset shadow is used in alternative to a border to prevent further redraws) */
|
|
||||||
button:focus,
|
|
||||||
button:hover,
|
|
||||||
input:focus,
|
|
||||||
input:hover,
|
|
||||||
select:focus,
|
|
||||||
select:hover,
|
|
||||||
textarea:focus,
|
|
||||||
textarea:hover {
|
|
||||||
-webkit-box-shadow: var(--shadow-inset-accent) !important;
|
|
||||||
-moz-box-shadow: var(--shadow-inset-accent) !important;
|
|
||||||
box-shadow: var(--shadow-inset-accent) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
*:focus {
|
|
||||||
-webkit-box-shadow: var(--shadow-inset-accent);
|
|
||||||
-moz-box-shadow: var(--shadow-inset-accent);
|
|
||||||
box-shadow: var(--shadow-inset-accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-header,
|
|
||||||
.accessibility-menu,
|
|
||||||
.header-extra-forms-open,
|
|
||||||
.set-background-color-hard,
|
|
||||||
input[type=checkbox]:checked~.panel-content,
|
|
||||||
input[type=radio] {
|
|
||||||
background-color: var(--background-hard) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-container,
|
|
||||||
.note-actions-set,
|
|
||||||
.set-background-color-soft,
|
|
||||||
hr,
|
|
||||||
input[type=checkbox] {
|
|
||||||
background-color: var(--background-soft) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#replyform,
|
#replyform,
|
||||||
.doc-navigation,
|
.doc-navigation,
|
||||||
.h-entry,
|
.h-entry,
|
||||||
.markdown-blocks,
|
.markdown-blocks {
|
||||||
.profile,
|
background-color: var(--background-card) !important;
|
||||||
.section-title-details,
|
|
||||||
.note-attachments-unit,
|
|
||||||
.section-settings,
|
|
||||||
.section-settings ul,
|
|
||||||
.section-widget,
|
|
||||||
.set-background-color-alpha,
|
|
||||||
button,
|
|
||||||
input,
|
|
||||||
select,
|
|
||||||
textarea {
|
|
||||||
background-color: var(--translucent) !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.set-background-color-gradient,
|
.set-background-color-gradient,
|
||||||
|
|
@ -61,8 +13,12 @@ input[type=file] {
|
||||||
background: var(--gradient) !important;
|
background: var(--gradient) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.note-info {
|
||||||
|
background: var(--tneidarg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
.section-settings hr {
|
.section-settings hr {
|
||||||
background: var(--background-soft) !important;
|
background: var(--border) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-container:focus,
|
.button-container:focus,
|
||||||
|
|
@ -104,11 +60,6 @@ select {
|
||||||
fill: var(--foreground);
|
fill: var(--foreground);
|
||||||
}
|
}
|
||||||
|
|
||||||
.accessibility-menu,
|
|
||||||
.set-border-accent {
|
|
||||||
border: 2px solid var(--accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.doc-navigation,
|
.doc-navigation,
|
||||||
.h-entry:not(.embed),
|
.h-entry:not(.embed),
|
||||||
.markdown-blocks,
|
.markdown-blocks,
|
||||||
|
|
@ -120,7 +71,7 @@ button,
|
||||||
input,
|
input,
|
||||||
select,
|
select,
|
||||||
textarea {
|
textarea {
|
||||||
border: 2px solid var(--background-soft) !important;
|
border: 2px solid var(--border) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#header,
|
#header,
|
||||||
|
|
@ -137,9 +88,3 @@ textarea {
|
||||||
box-shadow: var(--shadow);
|
box-shadow: var(--shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
.set-shadow-light {
|
|
||||||
-webkit-box-shadow: var(--shadow-light);
|
|
||||||
-moz-box-shadow: var(--shadow-light);
|
|
||||||
box-shadow: var(--shadow-light);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -152,6 +152,10 @@ embed header {
|
||||||
padding: 6px 10px 6px 0
|
padding: 6px 10px 6px 0
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.note-info {
|
||||||
|
background: var(--gradient-backwards) !important;
|
||||||
|
}
|
||||||
|
|
||||||
.note-author {
|
.note-author {
|
||||||
font-size: var(--default);
|
font-size: var(--default);
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
@ -188,6 +192,10 @@ embed header {
|
||||||
vertical-align: middle
|
vertical-align: middle
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.note-actions-set {
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
.note-actions .form-group {
|
.note-actions .form-group {
|
||||||
all: unset
|
all: unset
|
||||||
}
|
}
|
||||||
|
|
@ -204,11 +212,14 @@ embed header {
|
||||||
margin-left: var(--smaller);
|
margin-left: var(--smaller);
|
||||||
width: var(--default);
|
width: var(--default);
|
||||||
height: var(--default);
|
height: var(--default);
|
||||||
|
background-color: var(--foreground);
|
||||||
|
opacity: 0.33;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-container:hover,
|
.button-container:hover,
|
||||||
.button-container:focus {
|
.button-container:focus {
|
||||||
border: none
|
border: none;
|
||||||
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.favourite-button-container {
|
.favourite-button-container {
|
||||||
|
|
@ -286,6 +297,7 @@ embed header {
|
||||||
-webkit-align-self: flex-start;
|
-webkit-align-self: flex-start;
|
||||||
-ms-flex-item-align: start;
|
-ms-flex-item-align: start;
|
||||||
align-self: flex-start
|
align-self: flex-start
|
||||||
|
background-color: var(--background-card) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-attachments-unit:not(:only-child) {
|
.note-attachments-unit:not(:only-child) {
|
||||||
|
|
|
||||||
|
|
@ -10,6 +10,11 @@
|
||||||
margin-bottom: 0.6rem;
|
margin-bottom: 0.6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.section-settings,
|
||||||
|
.section-settings ul {
|
||||||
|
background-color: var(--background-card) !important;
|
||||||
|
}
|
||||||
|
|
||||||
.section-settings ul {
|
.section-settings ul {
|
||||||
border-radius: 0.6rem;
|
border-radius: 0.6rem;
|
||||||
padding: 0.6rem;
|
padding: 0.6rem;
|
||||||
|
|
|
||||||
|
|
@ -83,17 +83,13 @@ textarea {
|
||||||
-webkit-border-radius: 0.6rem;
|
-webkit-border-radius: 0.6rem;
|
||||||
-moz-border-radius: 0.6rem;
|
-moz-border-radius: 0.6rem;
|
||||||
border-radius: 0.6rem;
|
border-radius: 0.6rem;
|
||||||
|
background: var(--gradient) !important;
|
||||||
}
|
}
|
||||||
select {
|
select {
|
||||||
-webkit-appearance: none !important;
|
-webkit-appearance: none !important;
|
||||||
-moz-appearance: none !important;
|
-moz-appearance: none !important;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
-webkit-background-size: 16px 16px;
|
|
||||||
-moz-background-size: 16px;
|
|
||||||
-o-background-size: 16px;
|
|
||||||
background-size: 16px;
|
|
||||||
background-position: center right 5px;
|
|
||||||
-webkit-border-radius: 0.6rem;
|
-webkit-border-radius: 0.6rem;
|
||||||
-moz-border-radius: 0.6rem;
|
-moz-border-radius: 0.6rem;
|
||||||
border-radius: 0.6rem;
|
border-radius: 0.6rem;
|
||||||
|
|
@ -152,4 +148,25 @@ input[type=file] {
|
||||||
input[type=checkbox],
|
input[type=checkbox],
|
||||||
input[type=radio] {
|
input[type=radio] {
|
||||||
border: unset !important;
|
border: unset !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
input[type=radio] {
|
||||||
|
background-color: var(--background-hard) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=checkbox] {
|
||||||
|
background-color: var(--border) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:focus,
|
||||||
|
button:hover,
|
||||||
|
input:focus,
|
||||||
|
input:hover,
|
||||||
|
select:focus,
|
||||||
|
select:hover,
|
||||||
|
textarea:focus,
|
||||||
|
textarea:hover {
|
||||||
|
-webkit-box-shadow: var(--shadow-inset-accent) !important;
|
||||||
|
-moz-box-shadow: var(--shadow-inset-accent) !important;
|
||||||
|
box-shadow: var(--shadow-inset-accent) !important;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,8 @@
|
||||||
font-family: 'Open Sans', sans-serif;
|
font-family: 'Open Sans', sans-serif;
|
||||||
margin-bottom: 0.6rem;
|
margin-bottom: 0.6rem;
|
||||||
border-radius: 0.6rem;
|
border-radius: 0.6rem;
|
||||||
padding: 0.6rem
|
padding: 0.6rem;
|
||||||
|
background: var(--gradient) !important;
|
||||||
}
|
}
|
||||||
.profile *[class*="profile-info-"] {
|
.profile *[class*="profile-info-"] {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|
@ -41,7 +42,9 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
border-radius: 0.6rem;
|
border-radius: 0.6rem;
|
||||||
margin-bottom: 1.3rem
|
margin-bottom: 1.3rem;
|
||||||
|
background-color: var(--background-card) !important;
|
||||||
|
box-shadow: var(--shadow);
|
||||||
}
|
}
|
||||||
.section-widget hr {
|
.section-widget hr {
|
||||||
margin-bottom: 0.6rem
|
margin-bottom: 0.6rem
|
||||||
|
|
@ -68,7 +71,8 @@
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
border-radius: 0.6rem;
|
border-radius: 0.6rem;
|
||||||
padding: 6px 10px 6px 10px
|
padding: 6px 10px 6px 10px;
|
||||||
|
background: var(--gradient) !important;
|
||||||
}
|
}
|
||||||
.section-title-details[open] svg {
|
.section-title-details[open] svg {
|
||||||
transform: rotate(180deg);
|
transform: rotate(180deg);
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 180 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.3 KiB |
Loading…
Reference in New Issue