Authorjackwoods
License[Jack_Woods]
CategoryJaltoid.com
Created
Updated
Size22 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Jaltoid Media but with a few tweaks to make the experience more enjoyable and easy on the eyes
I'm sorry if my code looks like a mess, but I'm not too knowledgeful about how to create a style, this one is a first, but as far as I've been checking and perfecting on my end, it should look ok
I'm sorry if it doesn't, I did my best
First style of my own, so I bet there may be things wrong with the code, sorry in advance if you're a professional
might not work on other browsers other than Chrome, I haven't tried on those and honestly trying to optimize it for those would probably take weeks of work, and learning even more things about coding, I kinda just did this for myself and maybe to show the guys at Jaltoid how I would like to see the site improved upon visually
other than that, it should be all good!
/* ==UserStyle==
@name Jaltoid Dark+
@version 20210911.08.40
@namespace userstyles.world/user/jackwoods
@description Jaltoid Media but with a few tweaks to make the experience more enjoyable and easy on the eyes
I'm sorry if my code looks like a mess, but I'm not too knowledgeful about how to create a style, this one is a first, but as far as I've been checking and perfecting on my end, it should look ok
I'm sorry if it doesn't, I did my best
@author jackwoods
@license [Jack_Woods]
==/UserStyle== */
@-moz-document url-prefix("https://jaltoid.com") {
.gutenbiz-header-style-light .gutenbiz-top-bar-content {
background: linear-gradient( 83deg, #0eff9f, #ff0049);
}
.gutenbiz-inner-banner-wrapper:after {
background-color: rgb(0 0 0 / 90%);
}
.post,
.page {
margin: 0;
background-color: #3d2c32;
}
.um-profile.um .um-name a {
color: #ffffff;
font-size: 20px;
}
.um-meta-text {
margin: 1px 0 0 0;
color: #fff;
line-height: 1.0em;
font-size: 18px;
text-align: center;
}
.um-field-label-icon {
font-size: 22px;
position: relative;
top: 4px;
color: #fff;
}
.um .um-field-label {
color: #ffffff;
}
#secondary .widget-title {
color: #ffffff;
}
* {
word-break: break-word;
color: #ff4683;
}
body,
body p,
body div,
.woocommerce-Tabs-panel,
div#tab-description,
.woocommerce-tabs.wc-tabs-wrapper {
color: #0eff9f;
}
#secondary .widget,
#secondary .widget a,
#secondary .widget ul li a {
color: #ff4683;
border-radius: 10px;
}
.pagination .nav-links > *.current,
::selection,
.gutenbiz-main-menu > ul > li > a:after,
.gutenbiz-btn-primary,
#infinite-handle span,
ul.wc-block-grid__products li.wc-block-grid__product button,
ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button__link,
ul.wc-block-grid__products li.wc-block-grid__product button:hover,
ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button__link:hover,
ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-onsale,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart.wc-forward,
.woocommerce ul.products li.product .onsale,
.single-product .product .onsale,
.single-product .product .entry-summary button.button,
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals a.checkout-button.button.alt.wc-forward,
.woocommerce-cart .woocommerce form.woocommerce-cart-form table button.button,
form.woocommerce-checkout div#order_review #payment button#place_order,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.widget.woocommerce.widget_price_filter .price_slider_amount .button,
.widget .woocommerce-product-search button,
.woocommerce ul.products li.product-category.product h2,
#site-navigation li.menu-item:before,
div#mr-mobile-menu li.menu-item:before {
background-color: #3d2c32;
}
.sidebar-order aside section {
box-shadow: 1px 1px 13px #0eff9f;
padding: 25px;
border-radius: 3px;
}
body a,
body a:visited {
color: #ff4683;
}
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover {
background: #0eff9f;
}
.gutenbiz-main-menu > ul > li > a,
.gutenbiz-search-icons,
.gutenbiz-search-icons:visited {
color: #ff4683;
}
.gutenbiz-inner-banner-wrapper .gutenbiz-inner-banner .entry-title {
font-size: 45px;
color: #70f4bc;
}
img {
vertical-align: middle;
border-style: none;
box-shadow: 0px 9px 17px #000;
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
display: block;
color: #50f8c0;
font-size: .8125em;
}
.site-branding img {
max-width: 200px !important;
box-shadow: none;
}
.um-header {
position: relative;
padding: 0 0 25px 0;
min-height: 85px;
box-sizing: content-box !important;
}
.um-profile.um-viewing .um-field-label {
display: block;
margin: 0 0 8px 0;
border-bottom: solid 2px #26ffb7;
padding-bottom: 9px;
}
.um-profile.um .um-name a {
color: #ffffff;
font-size: 30px;
float: left;
margin-right: 3px;
margin-inline-start: 90px;
margin-top: -7px;
}
.um-profile-meta .um-main-meta .um-name .um-online-status i {
position: relative;
top: -10px;
left: 4px;
}
.um-header {
position: relative;
padding: 0 0 25px 0;
min-height: 85px;
box-sizing: content-box !important;
}
.um-header {
position: relative;
padding: 0 0 25px 0;
border-bottom: solid 0px #3d2c32;
min-height: 85px;
box-sizing: content-box !important;
}
.um-profile img {
display: block;
border-radius: 10px;
margin: 0px !important;
box-sizing: content-box;
}
#rpwwt-recent-posts-widget-with-thumbnails-10 img {
max-width: 250px;
width: 100%;
height: auto;
border-radius: 10px;
}
.um-cover-e {
text-align: center;
box-sizing: content-box;
border-radius: 10px;
overflow: visible;
}
.um-cover {
background-color: #3d2c32;
box-sizing: content-box;
position: relative;
}
.wp-block-latest-posts__featured-image img {
height: auto;
width: auto;
max-width: 100%;
border-radius: 10px;
}
h1,
.entry-content h1 {
color: #70f4bc;
font-size: 40px;
font-size: 2.6666666666667rem;
}
.gutenbiz-right-sidebar .sidebar-order {
order: 2;
padding-left: 50px;
background: #3d2c32;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
background: #3d2c32;
}
body:not(.page-template-full-width) #content {
padding-top: 5rem;
padding-bottom: 5rem;
background: #3d2c32;
}
.comments-area .comment-list .comment-body p {
margin-top: 0.5rem;
background: #3d2c32;
padding: 0.8rem;
font-size: 0.9rem;
margin-bottom: 0.4rem;
color: #fff;
}
.comment-respond .comment-reply-title {
margin: 4rem 0 1.5rem;
font-size: 1.5rem;
font-weight: 700;
color: #70f4bc;
}
.comment-respond .comment-reply-title a,
.comment-respond .logged-in-as a {
font-size: 0.9rem;
color: #f7f7f7;
text-decoration: underline;
}
.comment-respond .comment-form label {
font-size: 0.9rem;
color: #ffffff;
}
.comment-respond .comment-form input:not([type="checkbox"]):not([type="submit"]),
.comment-respond .comment-form textarea {
width: 100%;
border: none;
background-color: #000000;
font-size: 1rem;
padding: 0.8rem;
border-radius: 10px;
}
.gutenbiz-btn-primary,
.comment-respond .comment-form input[type="submit"],
.no-results.not-found a {
padding: 1rem 1.3rem;
border: none;
background: #ff4683;
color: #fff;
display: inline-block;
font-size: 1rem;
border-radius: 10px;
}
.post-navigation .nav-links > div a:hover span {
color: #ff4683;
}
.post-navigation .nav-links > div a .nav-title {
font-size: 1.1rem;
margin-top: 0.3rem;
color: #fff;
font-weight: 600;
}
.comments-area .comments-title {
margin: 3.5rem 0 2rem;
font-size: 1.6rem;
font-weight: 700;
padding-left: 2.5rem;
position: relative;
color: #70f4bc;
}
.entry-meta.single {
min-height: 50px;
padding: 0.5rem;
margin-top: 1.5rem;
margin-bottom: 2rem;
border: 4px solid #000000;
}
.entry-meta.single .url img {
border-radius: 100px;
}
.entry-meta.single .url img {
border-radius: 100px;
}
.comments-area .comment-list .comment-body .comment-author img {
position: absolute;
left: 0;
top: 0;
border-radius: 100px;
}
.comments-area .comment-list .comment-body .reply a {
font-weight: 600;
color: #ff4683;
font-size: 0.85rem;
}
.comments-area .comment-list .comment-body .comment-author cite a {
color: #fff;
text-decoration: underline;
}
.comments-area .comment-list .comment-body .comment-meta * {
color: #c4c4c4;
}
.comment-respond .comment-form input:not([type="checkbox"]):not([type="submit"]),
.comment-respond .comment-form textarea {
width: 100%;
border: none;
background-color: #000000;
font-size: 1rem;
padding: 0.8rem;
border-radius: 10px;
-webkit-text-fill-color: #f7f7f7;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span {
height: auto;
max-width: 100%;
box-shadow: none;
border-radius: 10px;
}
body,
h1,
.entry-title a,
.entry-content h1,
h2,
.entry-content h2,
h3,
.entry-content h3,
h4,
.entry-content h4,
h5,
.entry-content h5,
h6,
.entry-content h6 {
color: #ff4679;
}
.gutenbiz-header-style-light .gutenbiz-header-style-2-menu {
display: flex;
justify-content: space-between;
align-items: center;
background: #3d2c32;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: a...