Initial AD port
This commit is contained in:
187
themes/after-dark/docs/assets/css/conditional/layout/landing.css
Normal file
187
themes/after-dark/docs/assets/css/conditional/layout/landing.css
Normal file
@@ -0,0 +1,187 @@
|
||||
:root {
|
||||
--vertical-rhythm: 5rem;
|
||||
--logo-animation-filter-start: drop-shadow(0 -25px 45px #ff2e88) brightness(1) drop-shadow(0 -55px 35px #ff2e88) brightness(1) drop-shadow(0 -35px 155px #ff9800) brightness(4);
|
||||
--logo-animation-filter-end: drop-shadow(0 -20px 45px #ff2e88) brightness(.1) drop-shadow(0 0 5px #ff2e88) brightness(.7) drop-shadow(0 -20px 135px #ff2e88) brightness(2);
|
||||
}
|
||||
main, footer, header, caption {
|
||||
text-align: center;
|
||||
}
|
||||
nav[itemtype*="SiteNavigationElement"] {
|
||||
opacity: 0;
|
||||
transition: opacity 300ms ease;
|
||||
}
|
||||
nav[itemtype*="SiteNavigationElement"]:focus-within {
|
||||
opacity: 1;
|
||||
transition: opacity 300ms ease;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
nav[itemtype*="SiteNavigationElement"] {
|
||||
display: none;
|
||||
}
|
||||
.hack header h1 {
|
||||
margin-top: 2rem !important;
|
||||
}
|
||||
.grid {
|
||||
flex-direction: row;
|
||||
}
|
||||
.cell {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
.shaded {
|
||||
filter: var(--logo-animation-filter-start);
|
||||
opacity: 0;
|
||||
}
|
||||
.animated {
|
||||
/* FIXME: Animation disabled due to browser conflict with Web Miner */
|
||||
animation: reveal 2s both;
|
||||
opacity: 1; /* remove with fix */
|
||||
filter: var(--logo-animation-filter-end); /* remove with fix */
|
||||
}
|
||||
@keyframes reveal {
|
||||
from {
|
||||
filter: var(--logo-animation-filter-start);
|
||||
}
|
||||
to {
|
||||
filter: var(--logo-animation-filter-end);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.hack .grid {
|
||||
justify-content: center;
|
||||
}
|
||||
.hack header h1:after {
|
||||
content: none;
|
||||
}
|
||||
.hack header h1 {
|
||||
font-family: Futura,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
|
||||
padding: 0;
|
||||
margin: 1rem;
|
||||
font-size: 3em;
|
||||
display: inline-block;
|
||||
|
||||
background-color: #2a3439;
|
||||
color: transparent;
|
||||
text-shadow: 0 2px 3px rgba(255, 255, 255, 0.1);
|
||||
-webkit-background-clip: text;
|
||||
-moz-background-clip: text;
|
||||
background-clip: text;
|
||||
filter: brightness(3);
|
||||
}
|
||||
.hack header h1 sup {
|
||||
font-size: 1rem;
|
||||
}
|
||||
.hack header h1 sup:before {
|
||||
content: " ";
|
||||
}
|
||||
.hack header h2:before,
|
||||
.hack section h2:before {
|
||||
content: unset;
|
||||
}
|
||||
.hack header h2,
|
||||
.hack section h2 {
|
||||
margin-top: .8rem;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.hack header h2 {
|
||||
margin-top: -1rem;
|
||||
}
|
||||
.hack .install.cta {
|
||||
margin-top: -1rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.hack .install.cta form[action*="quick-install"] {
|
||||
width: unset;
|
||||
}
|
||||
.hack .install.cta form[action*="quick-install"] button {
|
||||
border-radius: 4px;
|
||||
color: #ccc;
|
||||
background-color: #ff2e8860;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
.hack .install.cta form[action*="quick-install"] button:hover,
|
||||
.hack .install.cta form[action*="quick-install"] button:focus {
|
||||
background-color: #ff2e8880;
|
||||
color: #fff;
|
||||
}
|
||||
.hack .install.cta form[action*="quick-install"] button svg {
|
||||
stroke: #ff9800;
|
||||
}
|
||||
.hack section:not(.capabilities) {
|
||||
margin: var(--vertical-rhythm) 0;
|
||||
}
|
||||
.hack section.logo a {
|
||||
border-bottom: none;
|
||||
background-color: inherit;
|
||||
}
|
||||
.hack section.hero {
|
||||
margin-top: -3rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.hack section.hero img {
|
||||
pointer-events: none;
|
||||
}
|
||||
.hack section.feature ul li {
|
||||
display: inline;
|
||||
padding-left: unset;
|
||||
}
|
||||
.hack section.feature ul > li::after {
|
||||
position: unset;
|
||||
content: "";
|
||||
}
|
||||
.hack section.feature ul > li:not(:last-of-type)::after {
|
||||
content: " | ";
|
||||
}
|
||||
.hack section.hero figure {
|
||||
margin: 0;
|
||||
line-height: 0;
|
||||
min-height: 266px;
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
.hack section.hero figure img {
|
||||
margin: -3em 0 -2em;
|
||||
}
|
||||
}
|
||||
.hack section.tagline p {
|
||||
margin: 0;
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.hack section.capabilities table a {
|
||||
display: block;
|
||||
}
|
||||
.hack footer section.cta {
|
||||
margin-top: 6rem;
|
||||
}
|
||||
.hack footer section.cta a {
|
||||
border-bottom: none;
|
||||
background-color: inherit;
|
||||
color: #ff9800;
|
||||
display: inline-block;
|
||||
}
|
||||
.hack footer section.cta a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.hack footer section.cta a small {
|
||||
display: block;
|
||||
}
|
||||
.hack.dark table tbody td:first-child {
|
||||
color: inherit;
|
||||
font-weight: initial;
|
||||
}
|
||||
.hack.dark table tr th {
|
||||
background-color: #1976d220;
|
||||
}
|
||||
.hack.dark table tr td a {
|
||||
border: 1px solid #2196f340;
|
||||
padding: 0.25rem;
|
||||
}
|
||||
.hack.dark table tr td a:hover {
|
||||
transition: all 300ms ease;
|
||||
background-color: #ff2e8860;
|
||||
border-color: #2196f360;
|
||||
}
|
||||
.hack.dark table tr td a:not(:hover) {
|
||||
transition: all 300ms ease;
|
||||
background-color: #ff2e8825;
|
||||
}
|
||||
55
themes/after-dark/docs/assets/css/custom.css
Normal file
55
themes/after-dark/docs/assets/css/custom.css
Normal file
@@ -0,0 +1,55 @@
|
||||
/*!
|
||||
* Copyright (C) 2019 Josh Habdas <jhabdas@protonmail.com>
|
||||
*
|
||||
* This file is part of After Dark.
|
||||
*
|
||||
* After Dark is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as published
|
||||
* by the Free Software Foundation, either version 3 of the License, or
|
||||
* (at your option) any later version.
|
||||
*
|
||||
* After Dark is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
|
||||
a[rel*="external"]::after {
|
||||
content: " " url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='i-external'%20viewBox='0%200%2032%2032'%20width='14'%20height='14'%20fill='none'%20stroke='%23ff9800'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='9.38%'%3E%3Cpath%20d='M14%209%20L3%209%203%2029%2023%2029%2023%2018%20M18%204%20L28%204%2028%2014%20M28%204%20L14%2018'/%3E%3C/svg%3E");
|
||||
}
|
||||
nav a.active {
|
||||
background-color: inherit;
|
||||
color: #fff;
|
||||
}
|
||||
a[itemprop="url"] {
|
||||
color: #ff9800;
|
||||
}
|
||||
a[itemprop="url"]:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.muted, .help-block {
|
||||
opacity: 0.70;
|
||||
}
|
||||
.hack .muted,
|
||||
.hack .help-block {
|
||||
color: #e0e0e0;
|
||||
}
|
||||
.hack > header {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr minmax(min-content, auto);
|
||||
column-gap: 20px;
|
||||
grid-template-areas: "nav nav";
|
||||
}
|
||||
.hack.dark table tr:nth-child(odd) td {
|
||||
background-color: #1976d220;
|
||||
}
|
||||
.hack.dark table tr td a {
|
||||
display: block;
|
||||
}
|
||||
caption {
|
||||
margin-bottom: 20px;
|
||||
text-align: left;
|
||||
}
|
||||
Reference in New Issue
Block a user