DreamFreely/DF-Ghost-Dawn-Theme
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

June 2026 Production theme

Browse Source
This commit is contained in:
canin carlos
2026-06-13 21:33:23 -05:00
commit 2463a228e9
112 changed files with 12813 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/general/basics.css
+57
View File
@@ -0,0 +1,57 @@
:root {
--brand-color: var(--ghost-accent-color, #ff572f);
--primary-text-color: #333;
--secondary-text-color: #999;
--white-color: #fff;
--lighter-gray-color: #f6f6f6;
--light-gray-color: #e6e6e6;
--mid-gray-color: #ccc;
--dark-gray-color: #444;
--darker-gray-color: #1a1a1a;
--black-color: #000;
--green-color: #28a745;
--orange-color: #ffc107;
--red-color: #dc3545;
--facebook-color: #3b5998;
--twitter-color: #1da1f2;
--linkedin-color: #0B66C3;
--bluesky-color: #1185FE;
--threads-color: #000000;
--mastodon-color: #6364FF;
--tiktok-color: #000000;
--youtube-color: #ff0000;
--instagram-color: #000000;
--rss-color: #f26522;
--animation-base: ease-in-out;
--font-sans: Mulish, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
--font-serif: Lora, Times, serif;
--font-mono: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
--navbar-height: 80px;
--content-font-size: 1.7rem;
--header-spacing: 60px;
}
@media (max-width: 767px) {
:root {
--header-spacing: 30px;
}
}
body {
color: var(--primary-text-color);
background-color: var(--white-color);
}
a {
color: var(--darker-gray-color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 800;
color: var(--darker-gray-color);
}
assets/css/general/button.css
+67
View File
@@ -0,0 +1,67 @@
.button {
display: inline-flex;
align-items: center;
justify-content: center;
height: 36px;
padding: 0 15px;
font-size: 11px;
font-weight: 800;
color: var(--brand-color);
text-transform: uppercase;
letter-spacing: 0.5px;
cursor: pointer;
background-color: var(--white-color);
border: 1px solid var(--light-gray-color);
border-radius: 3px;
outline: none;
}
.button:hover {
border-color: var(--mid-gray-color);
opacity: 1;
}
.button .icon-loading {
display: none;
}
.button.loading {
text-indent: -9999px;
}
.button.loading .icon-loading {
display: block;
}
.button-secondary {
color: var(--darker-gray-color);
}
.button-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
padding: 0;
color: var(--darker-gray-color);
cursor: pointer;
background-color: transparent;
border: 0;
outline: none;
}
.button-icon:hover .icon {
opacity: 0.8;
}
.button-text {
padding: 0;
margin: 0;
line-height: inherit;
color: var(--darker-gray-color);
cursor: pointer;
background-color: transparent;
border: 0;
outline: none;
}
assets/css/general/fonts.css
+62
View File
@@ -0,0 +1,62 @@
@font-face {
font-family: Mulish;
font-style: normal;
font-weight: 400;
src: local(""), url("../fonts/mulish-v10-latin-regular.woff2") format("woff2"), url("../fonts/mulish-v10-latin-regular.woff") format("woff");
}
@font-face {
font-family: Mulish;
font-style: normal;
font-weight: 700;
src: local(""), url("../fonts/mulish-v10-latin-700.woff2") format("woff2"), url("../fonts/mulish-v10-latin-700.woff") format("woff");
}
@font-face {
font-family: Mulish;
font-style: normal;
font-weight: 800;
src: local(""), url("../fonts/mulish-v10-latin-800.woff2") format("woff2"), url("../fonts/mulish-v10-latin-800.woff") format("woff");
}
@font-face {
font-family: Mulish;
font-style: italic;
font-weight: 400;
src: local(""), url("../fonts/mulish-v10-latin-italic.woff2") format("woff2"), url("../fonts/mulish-v10-latin-italic.woff") format("woff");
}
@font-face {
font-family: Mulish;
font-style: italic;
font-weight: 700;
src: local(""), url("../fonts/mulish-v10-latin-700italic.woff2") format("woff2"), url("../fonts/mulish-v10-latin-700italic.woff") format("woff");
}
@font-face {
font-family: Lora;
font-style: normal;
font-weight: 400;
src: local(""), url("../fonts/lora-v23-latin-regular.woff2") format("woff2"), url("../fonts/lora-v23-latin-regular.woff") format("woff");
}
@font-face {
font-family: Lora;
font-style: normal;
font-weight: 700;
src: local(""), url("../fonts/lora-v23-latin-700.woff2") format("woff2"), url("../fonts/lora-v23-latin-700.woff") format("woff");
}
@font-face {
font-family: Lora;
font-style: italic;
font-weight: 400;
src: local(""), url("../fonts/lora-v23-latin-italic.woff2") format("woff2"), url("../fonts/lora-v23-latin-italic.woff") format("woff");
}
@font-face {
font-family: Lora;
font-style: italic;
font-weight: 700;
src: local(""), url("../fonts/lora-v23-latin-700italic.woff2") format("woff2"), url("../fonts/lora-v23-latin-700italic.woff") format("woff");
}
assets/css/general/form.css
+83
View File
@@ -0,0 +1,83 @@
label {
display: block;
font-size: 1.4rem;
font-weight: 700;
color: var(--darker-gray-color);
}
label + label {
margin-top: 2rem;
}
label input,
label textarea {
margin-top: 0.7rem;
}
input,
textarea {
width: 100%;
height: 44px;
padding: 0 1.5rem;
font-size: 1.6rem;
color: var(--darker-gray-color);
appearance: none;
background-color: var(--white-color);
border: 1px solid var(--light-gray-color);
border-radius: 5px;
outline: none;
}
input:focus,
textarea:focus {
border-color: var(--mid-gray-color);
}
textarea {
height: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
resize: vertical;
}
.form-wrapper {
position: relative;
}
.form-button {
position: absolute;
top: 5px;
right: 5px;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
color: var(--white-color);
cursor: pointer;
background-color: var(--brand-color);
border: 0;
border-radius: 0 4px 4px 0;
outline: none;
}
.form-button .icon-loading {
display: none;
}
.loading .form-button .icon {
display: none;
}
.loading .form-button .icon-loading {
display: block;
}
.contact-form {
margin-top: 3rem;
}
.contact-form .button {
margin-top: 1.5rem;
}
assets/css/general/icons.css
+13
View File
@@ -0,0 +1,13 @@
symbol {
fill: currentColor;
}
.icon {
width: 20px;
height: 20px;
}
.icon-loading {
width: 26px;
height: 26px;
}