Last active
February 3, 2023 02:52
-
-
Save brianleejackson/08089718e5007cb1f45bea58fa0bed98 to your computer and use it in GitHub Desktop.
woorkup custom CSS used with GeneratePress theme. Source: https://woorkup.com/generatepress-review/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
html {-webkit-font-smoothing: auto;} | |
/*fonts*/ | |
strong {color:#202020;} | |
/*no margin mobile*/ | |
@media screen and (max-width: 768px) { | |
.no-margin-mobile {margin-bottom:0px;}} | |
/*links*/ | |
#block-2 a {text-decoration:none;} | |
#block-2 {border: 1px solid rgba(0,0,0,.05); | |
box-shadow: 0 0 27px 0 rgb(214 231 233 / 52%); | |
} | |
/*sticky widget*/ | |
@media (min-width: 769px) { | |
.site-content { | |
display: flex; | |
} | |
.inside-right-sidebar { | |
height: 99%; | |
} | |
.inside-right-sidebar aside:last-child { | |
position: -webkit-sticky; | |
position: sticky; | |
top: 50px; | |
} | |
} | |
/*code blocks and snippets*/ | |
code { | |
background: rgba(0,0,0,.05); | |
padding: 2px; | |
} | |
.wp-block-preformatted code, .wp-block-code code { | |
background: none !important; | |
} | |
blockquote { | |
font-size: 1em !important; | |
} | |
.gb-highlight, .highlight, mark { | |
background: #FAF3C4; | |
padding: 4px; | |
} | |
#breadcrumbs { | |
display: none; | |
} | |
/*responsive tables*/ | |
thead { | |
background-color: #343e47; | |
color: #ffffff; | |
} | |
/*images*/ | |
figcaption { | |
font-size: 15px; | |
color: #8e9498; | |
} | |
.wp-block-image a { | |
border-bottom: none !important; | |
} | |
.page-header-image-single { | |
margin-bottom: 1em !important; | |
} | |
.post-image-below-header.post-image-aligned-left .inside-article .post-image { | |
margin-top: 1em; | |
} | |
.post-image-below-header.post-image-aligned-center .inside-article .featured-image { | |
margin-top: 1em; | |
} | |
/* Copyright Bar */ | |
.copyright-bar { | |
width: 100%; | |
display: flex; | |
justify-content: space-between; | |
flex-flow: row wrap; | |
} | |
@media screen and (max-width: 460px) { | |
.copyright-bar { | |
justify-content:center; | |
} | |
} | |
.nav-links .page-numbers:not(.next):not(.prev) { | |
display: none; | |
} | |
.no-border a, .no-border a:visited { | |
color: #4c5357 !important; | |
border-bottom: none !important; | |
} | |
/*blog*/ | |
.read-more { | |
margin-top: 5%; | |
float: right; | |
} | |
.separate-containers .inside-article { | |
border-bottom: 1px solid rgba(0,0,0,.05); | |
} | |
/*buttons*/ | |
.btn, .button { | |
-webkit-border-radius: 3; | |
-moz-border-radius: 3; | |
border-radius: 3px; | |
color: #ffffff !important; | |
padding: 12px 22px 12px 22px; | |
text-decoration: none; | |
border: 2px solid #2C333A !important; | |
position: relative; | |
min-width: 200px; | |
display: inline-block; | |
} | |
/*sidebar feature widgets*/ | |
#custom_html-8 { | |
padding: 0px 0 0px 0; | |
} | |
#text-47 { | |
padding-top: 0px; | |
margin-bottom: 5px; | |
} | |
.sidebar-product { | |
padding: 20px; | |
color: #fff; | |
} | |
.sidebar-product.perfmatters { | |
background: #343e47; | |
} | |
.sidebar-product.kinsta { | |
background: #5942F1; | |
} | |
.sidebar-product strong { | |
display: block; | |
font-size: 18px; | |
color: #fff; | |
margin-bottom: 6px; | |
} | |
.sidebar-product p { | |
line-height: 1.2; | |
font-size: 17px; | |
margin-bottom: 16px; | |
} | |
.sidebar-product a { | |
display: inline-block; | |
font-size: 17px; | |
padding: .5em 1em; | |
text-decoration: none; | |
min-width: 120px; | |
text-align: center; | |
} | |
.sidebar-product.perfmatters a:hover { | |
background-color: #4680ce; | |
} | |
.sidebar-product.kinsta a:hover { | |
background-color: #4cccd1; | |
} | |
.sidebar-product.perfmatters a { | |
background-color: #4a89dd; | |
color: #fff; | |
} | |
.sidebar-product.kinsta a { | |
background-color: #52D5DA; | |
color: #150773; | |
} | |
.sidebar-product .below-cta { | |
display: block; | |
font-size: 15px; | |
color: #A49DF6; | |
margin-top: 8px; | |
} | |
.sidebar-product .below-cta a { | |
background: none; | |
display: inline; | |
padding: 0px; | |
font-size: 14px; | |
color: #A49DF6; | |
} | |
.sidebar-product .below-cta a:hover { | |
background-color: transparent; | |
} | |
#custom_html-4 { | |
margin-bottom: 0px; | |
padding: 0 0 5px 0; | |
} | |
/*novashare widget*/ | |
#novashare_follow_widget-2 { | |
padding-left: 25px; | |
padding-right: 25px; | |
margin-top: 30px; | |
border: 1px solid rgba(0,0,0,.05); | |
box-shadow: 0 0 27px 0 rgba(214, 231, 233, 0.52); | |
} | |
/*updated date*/ | |
@media (max-width: 768px) { | |
.entry-meta { | |
font-size: 15px;} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment