Change style, with bump to 1.5.1 + new screenshot

This commit is contained in:
2025-06-30 18:25:48 -07:00
parent 79970b34e9
commit 3d2230f068
2 changed files with 103 additions and 58 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 110 KiB

After

Width:  |  Height:  |  Size: 236 KiB

161
style.css
View File

@ -1,9 +1,9 @@
/*!
/*!
Theme Name: Sophia After Dark
Author: Sophia Atkinson, Mystery Themes
Author URI: https://sophia.wtf
Description: Sophia After Dark is a page builder based and colorful free blog style WordPress theme fit for writers and bloggers. With the help of live customizer option makes your site own and present your content in an attractive way. It comes up with an amazing creative blog layouts, fully RTL and translation ready, and also compatible with Gutenberg. The theme works perfectly with Elementor that helps to create a beautiful and unique website faster. As its name suggests, it added staggering variety of color and makes your site attractive and elegant.
Version: 1.5.0
Version: 1.5.1
Requires at least: 4.7
Tested up to: 6.8.1
Requires PHP: 5.2.4
@ -205,7 +205,7 @@ button,
input,
select,
textarea {
color: #cfcfcf;
color: #FFFFFF;
font-family: 'Poppins', sans-serif;
font-size: 15px;
line-height: 1.8;
@ -219,7 +219,7 @@ h4,
h5,
h6 {
clear: both;
font-weight: normal;
font-weight: 400;
line-height: 1.5;
margin-bottom: 15px;
color: #ffffff;
@ -239,7 +239,9 @@ strong {
dfn,
cite,
em,
i {
i,
p em,
p i {
font-style: italic;
}
@ -274,6 +276,15 @@ var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
.wp-block-code,
code,
pre {
color: #c5cae9!important;
background-color: #141414;
word-wrap: break-word;
padding: 3px;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
@ -427,7 +438,7 @@ button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
color: #D1D1D1;
color: #fff;
cursor: pointer;
font-size: 14px;
line-height: 13px;
@ -437,13 +448,16 @@ input[type="submit"] {
display: inline-block;
position: relative;
text-shadow: none;
border: 1px solid #e1e1e1;
background: none;
border-radius: 5px
}
.navigation .nav-links a{
background-color: #F5A9B8;
}
button{
padding: none!important;
}
.navigation .nav-links a:hover,
.bttn:hover,
button,
input[type="button"]:hover,
@ -471,19 +485,12 @@ input[type="url"],
input[type="password"],
input[type="search"] {
color: #666;
border: 1px solid #ccc;
border: none;
height: 36px;
width: 100%;
-webkit-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
border: 1px solid #AAA;
border-bottom: none;
border-radius: 2px;
}
.searchform input[type="text"]:focus {
@ -504,11 +511,11 @@ textarea {
padding-left: 3px;
vertical-align: top;
/* Improves readability and alignment in all browsers */
color: #666;
border: 1px solid #ccc;
color: #fff;
height: 160px;
max-width: 100%;
width: 100%;
background-color: #1E1F22;
}
/*--------------------------------------------------------------
@ -523,12 +530,10 @@ a {
-moz-transition: all 0.3s ease-in-out;
}
a:visited {}
a:hover,
a:focus,
a:active {
color: #F5A9B8;
color: #ff849d;
}
a:focus {
@ -768,6 +773,7 @@ h1.entry-title a {
.category article.hentry,
.blog article.hentry {
margin-bottom: 40px;
box-shadow: none;
}
.blog article.hentry:first-child {
@ -788,7 +794,7 @@ article.hentry .entry-footer>span {
.page-header .page-title {
color: #ffffff;
padding-bottom: 15px;
font-weight: 600;
font-weight: bold;
}
.updated {
@ -992,7 +998,6 @@ textarea#comment {
padding: 20px;
margin-bottom: 20px;
background: none;
border: 1px solid #e1e1e1;
text-align: left;
}
@ -1066,6 +1071,7 @@ textarea#comment {
line-height: 20px;
padding: 2px 10px;
display: inline-block;
border-radius: 5px;
}
#respond {
@ -1073,7 +1079,6 @@ textarea#comment {
margin: 20px 0 0;
margin-bottom: 20px !important;
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.5);
}
#commentform .form-submit {
@ -1464,6 +1469,7 @@ Default widget css
.widget_tag_cloud .tagcloud a:hover,
.widget.widget_tag_cloud a:hover {
border-radius: 5px;
background: #F5A9B8;
color: #fff;
border-color: #F5A9B8;
@ -1472,6 +1478,7 @@ Default widget css
.wp-block-search__button {
background: #f9f9f9;
border: none;
border-radius: 0;
width: 80px;
margin: 0;
height: 36px;
@ -1553,11 +1560,11 @@ body {
position: relative;
font-family: 'Poppins', sans-serif;
line-height: 1.8;
background: #0B0B0B;
background: #1E1F22;
}
.site-layout--boxed #page {
background-color: #0B0B0B;
background-color: #2E3035;
margin: 0 auto;
width: 1360px;
-webkit-box-shadow: 0 0 75px 10px rgba(0, 0, 0, .75);
@ -1587,7 +1594,7 @@ body.site-layout--boxed {
}
#page {
background: #0B0B0B none repeat scroll 0 0;
background: #2E3035 none repeat scroll 0 0;
}
.sad-container {
@ -1704,7 +1711,7 @@ Header CSS
.sad-live-link a:hover,
.sad-live-link a:focus {
color: #ffffff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
box-shadow: none;
}
.header-widget-wrapper {
@ -1720,7 +1727,7 @@ Header CSS
margin: 0;
font-size: 36px;
line-height: 1.5;
font-weight: 700;
font-weight: 1;
}
.site-title a {
@ -1729,7 +1736,9 @@ Header CSS
.site-description {
margin: 0;
font-size: 13px;
font-size: 15px;
line-height: 1.5;
font-weight: 1;
}
.home.blog #masthead {
@ -1767,7 +1776,7 @@ Header CSS
}
.sad-logo-row-wrapper {
background: #0B0B0B;
background: #2E3035;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
@ -1790,7 +1799,7 @@ Header CSS
}
.is-sticky .sad-social-menu-wrapper {
background: #0B0B0B;
background: #2E3035;
z-index: 9999;
}
@ -1902,15 +1911,15 @@ Search CSS
.sad-menu-search .sad-form-wrap .search-form .search-field {
border: none;
border-bottom: 1px solid #ccc;
border-radius: 5px;
padding: 20px;
width: 80%;
height: 70px;
display: block;
margin: 0 auto;
border: none;
border-bottom: 1px solid #e1e1e1;
font-size: 26px;
background-color: #1E1F22;
}
.sad-menu-search .sad-form-wrap .search-form .search-field:focus {
@ -1928,6 +1937,7 @@ Search CSS
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
border-radius: 5px;
}
.sad-form-close {
@ -2045,12 +2055,12 @@ Menu CSS
#site-navigation ul li.current_page_item>a,
#site-navigation ul li.current-menu-parent>a,
#site-navigation ul li.focus>a {
color: #F5A9B8;
color: #ff849d;
}
#site-navigation ul li .sub-menu,
#site-navigation ul li .children {
background: #0B0B0B;
background: #2E3035;
width: 250px;
text-align: left;
position: absolute;
@ -2417,6 +2427,7 @@ article {
font-size: 20px;
margin-bottom: 8px;
line-height: 1.3;
font-weight: bold;
}
.single .entry-title {
@ -2512,12 +2523,12 @@ article.sticky::before {
left: 20px;
top: 20px;
display: block;
width: 40px;
height: 40px;
width: 30px;
height: 30px;
background: #F5A9B8;
color: #fff;
font-size: 15px;
line-height: 40px;
line-height: 30px;
border-radius: 100%;
z-index: 99;
text-align: center;
@ -2548,6 +2559,10 @@ article .post-thumbnail img {
-o-transition: 0.3s ease;
transition: 0.3s ease;
min-width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
article .post-thumbnail:hover img {
@ -2584,14 +2599,14 @@ article.page .post-thumbnail::before,
.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links a.page-numbers:hover {
border: 1px solid #F5A9B8;
padding: 12px 15px;
vertical-align: top;
display: inline-block;
margin: 0 5px;
font-size: 14px;
line-height: 13px;
color: #F5A9B8;
background-color: #ff849d;
border-radius: 5px
}
.archive-grid-post-wrapper,
@ -2622,6 +2637,7 @@ article.page .post-thumbnail::before,
Sidebar CSS
--------------------------------------------------------------*/
.widget {
background-color: #2E3035;
border: 1px solid rgba(255, 255, 255, 0.5);
padding: 20px;
}
@ -2669,8 +2685,8 @@ Single CSS
--------------------------------------------------------------*/
.sad-author-box {
border: 1px solid rgba(255, 255, 255, 0.5);
padding: 20px;
margin-top: 15px;
margin-bottom: 60px;
text-align: left;
}
@ -2687,6 +2703,14 @@ Single CSS
width: 18%;
}
.sad-author-box .sad-author__avatar img {
border-radius: 50% !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.single .sad-author-box .sad-author-info {
float: left;
width: 80%;
@ -2709,7 +2733,6 @@ Single CSS
.single .sad-author-box .sad-author-info .sad-author-name a {
color: #ffffff;
}
/*--------------------------------------------------------------
Error 404 styles
--------------------------------------------------------------*/
@ -2728,10 +2751,11 @@ Error 404 styles
}
.error-num {
margin: 0;
font-size: 100px;
font-weight: 900;
font-weight: 1;
color: #ffffff;
line-height: 150px;
line-height: 1.5;
}
.error-num span {
@ -2909,14 +2933,19 @@ Footer CSS
#bottom-footer {
padding: 12px 0;
background: rgba(255, 255, 255, 0.01);
background-color: #2E3035;
color: #fff;
font-size: 13px;
}
.site-info {
font-size: 13px;
float: center;
float: unset;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.site-info .sad-disclaimer-text {
@ -3088,10 +3117,14 @@ Scroll To Top styles
-webkit-transition: .5s;
transition: .5s;
z-index: 99;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#sad-scrollup::before {
content: '\f178';
content: '\f061';
position: absolute;
top: 3px;
right: -36px;
@ -3100,13 +3133,13 @@ Scroll To Top styles
font-size: 18px;
font-family: 'ForkAwesome';
line-height: 1;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
-moz-transition: none;
-webkit-transition: none;
transition: none;
}
#sad-scrollup:hover {
color: #F5A9B8;
color: #ff849d;
}
.single article .post-thumbnail:hover img {
@ -3124,10 +3157,6 @@ Scroll To Top styles
margin-bottom: 10px;
}
.search article {
box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
}
.no-results.not-found {
text-align: center;
}
@ -3155,3 +3184,19 @@ Scroll To Top styles
width: 80%;
margin: 0 auto;
}
span.required {
color: red;
}
.sad-copyright-text,
.nav-links,
.wp-block-image {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
div.sad-logo-row-wrapper.sad-clearfix,
footer#colophon.site-footer{
background-color: #1E1F22;
}