mirror of
https://code.mensbeam.com/MensBeam/Arsse.git
synced 2024-12-22 21:22:40 +00:00
Preliminary work on manual theme design
This commit is contained in:
parent
265f3a1b6d
commit
edf92b603b
11 changed files with 91 additions and 31 deletions
|
@ -1,33 +1,5 @@
|
||||||
The Arsse does not at this time have any first party clients. However, because The Arsse [supports existing protocols](/en/Supported_Protocols), most clients built for these protocols are compatible with The Arsse. Below are those that we personally know of and have tested with The Arsse.
|
The Arsse does not at this time have any first party clients. However, because The Arsse [supports existing protocols](/en/Supported_Protocols), most clients built for these protocols are compatible with The Arsse. Below are those that we personally know of and have tested with The Arsse.
|
||||||
|
|
||||||
<style>
|
|
||||||
.clients thead tr:first-child th {
|
|
||||||
text-align:left;
|
|
||||||
}
|
|
||||||
.clients thead tr:first-child th:first-child {
|
|
||||||
width: 15%;
|
|
||||||
}
|
|
||||||
.clients thead tr:first-child th:nth-child(3) {
|
|
||||||
width:50%;
|
|
||||||
text-align:center;
|
|
||||||
}
|
|
||||||
.clients thead tr + tr th {
|
|
||||||
width:16.66%;
|
|
||||||
text-align:center;
|
|
||||||
}
|
|
||||||
.clients tbody td:nth-child(3),
|
|
||||||
.clients tbody td:nth-child(4),
|
|
||||||
.clients tbody td:nth-child(5) {
|
|
||||||
text-align:center;
|
|
||||||
font-size:larger;
|
|
||||||
}
|
|
||||||
.clients tbody td.Y {
|
|
||||||
color:#00953b;
|
|
||||||
}
|
|
||||||
.clients tbody td.N {
|
|
||||||
color:#cf102d;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<table class="clients">
|
<table class="clients">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
2
docs/theme/arsse/arsse.css
vendored
2
docs/theme/arsse/arsse.css
vendored
File diff suppressed because one or more lines are too long
BIN
docs/theme/arsse/fonts/cabin-bold.woff
vendored
Executable file
BIN
docs/theme/arsse/fonts/cabin-bold.woff
vendored
Executable file
Binary file not shown.
BIN
docs/theme/arsse/fonts/cabin-bold.woff2
vendored
Executable file
BIN
docs/theme/arsse/fonts/cabin-bold.woff2
vendored
Executable file
Binary file not shown.
BIN
docs/theme/arsse/fonts/cabin-italic.woff
vendored
Executable file
BIN
docs/theme/arsse/fonts/cabin-italic.woff
vendored
Executable file
Binary file not shown.
BIN
docs/theme/arsse/fonts/cabin-italic.woff2
vendored
Executable file
BIN
docs/theme/arsse/fonts/cabin-italic.woff2
vendored
Executable file
Binary file not shown.
BIN
docs/theme/arsse/fonts/cabin-regular.woff
vendored
Executable file
BIN
docs/theme/arsse/fonts/cabin-regular.woff
vendored
Executable file
Binary file not shown.
BIN
docs/theme/arsse/fonts/cabin-regular.woff2
vendored
Executable file
BIN
docs/theme/arsse/fonts/cabin-regular.woff2
vendored
Executable file
Binary file not shown.
BIN
docs/theme/arsse/fonts/leaguegothic.woff
vendored
Normal file
BIN
docs/theme/arsse/fonts/leaguegothic.woff
vendored
Normal file
Binary file not shown.
BIN
docs/theme/arsse/fonts/leaguegothic.woff2
vendored
Normal file
BIN
docs/theme/arsse/fonts/leaguegothic.woff2
vendored
Normal file
Binary file not shown.
92
docs/theme/src/arsse.scss
vendored
92
docs/theme/src/arsse.scss
vendored
|
@ -10,14 +10,60 @@
|
||||||
@import "../../../vendor-bin/daux/vendor/daux/daux.io/themes/daux/scss/_print.scss" print;
|
@import "../../../vendor-bin/daux/vendor/daux/daux.io/themes/daux/scss/_print.scss" print;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* The Arsse overrides */
|
/* The Arsse overrides */
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'League Gothic';
|
||||||
|
src: url('fonts/leaguegothic.woff2') format('woff2'),
|
||||||
|
url('fonts/leaguegothic.woff') format('woff');
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Cabin';
|
||||||
|
src: url('fonts/cabin-regular.woff2') format('woff2'),
|
||||||
|
url('fonts/cabin-regular.woff') format('woff');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Cabin';
|
||||||
|
src: url('fonts/cabin-italic.woff2') format('woff2'),
|
||||||
|
url('fonts/cabin-italic.woff') format('woff');
|
||||||
|
font-style: italic;
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Cabin';
|
||||||
|
src: url('fonts/cabin-bold.woff2') format('woff2'),
|
||||||
|
url('fonts/cabin-bold.woff') format('woff');
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--font-family-text: -apple-system, ".SFNSText-Regular", "San Francisco",
|
--font-family-text: "Cabin", "Trebuchet MS", -apple-system, ".SFNSText-Regular", "San Francisco",
|
||||||
"Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial,
|
"Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial,
|
||||||
sans-serif;
|
sans-serif;
|
||||||
--font-family-monospace: Monaco, Menlo, Consolas, "Lucida Console",
|
--font-family-monospace: Monaco, Menlo, Consolas, "Lucida Console",
|
||||||
"Courier New", monospace;
|
"Courier New", monospace;
|
||||||
--font-family-heading: "Roboto Slab", var(--font-family-text);
|
--font-family-heading: "League Gothic", -apple-system, ".SFNSText-Regular", "San Francisco",
|
||||||
|
"Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial,
|
||||||
|
sans-serif;
|
||||||
|
|
||||||
|
--type-size-1: 4rem;
|
||||||
|
--type-size-2: 3.236rem;
|
||||||
|
--type-size-3: 2.618rem;
|
||||||
|
--type-size-4: 2rem;
|
||||||
|
--type-size-5: 1.618rem;
|
||||||
|
--type-size-6: 1.309rem;
|
||||||
}
|
}
|
||||||
:root {
|
:root {
|
||||||
--sidebar-background: #f7f7f7;
|
--sidebar-background: #f7f7f7;
|
||||||
|
@ -25,3 +71,45 @@
|
||||||
--dark: #3f4657;
|
--dark: #3f4657;
|
||||||
--light: #82becd;
|
--light: #82becd;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
line-height: 1.618;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Brand, h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.s-content table {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Nav__item {
|
||||||
|
font-size: var(--type-size-6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.clients thead tr:first-child th {
|
||||||
|
text-align:left;
|
||||||
|
}
|
||||||
|
.clients thead tr:first-child th:first-child {
|
||||||
|
width: 15%;
|
||||||
|
}
|
||||||
|
.clients thead tr:first-child th:nth-child(3) {
|
||||||
|
width:50%;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
.clients thead tr + tr th {
|
||||||
|
width:16.66%;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
.clients tbody td:nth-child(3),
|
||||||
|
.clients tbody td:nth-child(4),
|
||||||
|
.clients tbody td:nth-child(5) {
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
.clients tbody td.Y {
|
||||||
|
color:#00953b;
|
||||||
|
}
|
||||||
|
.clients tbody td.N {
|
||||||
|
color:#cf102d;
|
||||||
|
}
|
Loading…
Reference in a new issue