-
-
Save diggeddy/ea1ba379c2f8171effa5dd8a270ff06e to your computer and use it in GitHub Desktop.
Chemistry Steps Child Theme Style Sheet
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
/* | |
Theme Name: GeneratePress Child | |
Theme URI: https://generatepress.com | |
Description: GeneratePress Child Theme | |
Author: Olive Studio | |
Author URI: http://www.olivestudio.net/ | |
Template: generatepress | |
Version: 1.0.0 | |
License: GNU General Public License v2 or later | |
License URI: http://www.gnu.org/licenses/gpl-2.0.html | |
Text Domain: generatepress-child | |
*/ | |
/* overwrite main theme rules */ | |
.menu-item-has-children .dropdown-menu-toggle { | |
display: none; | |
} | |
.inside-header { | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-align: center; | |
-ms-flex-align: center; | |
align-items: center; | |
} | |
.inside-header .site-logo { | |
order: 1; | |
} | |
.inside-header .site-branding { | |
order: 2; | |
margin-left: 20px; | |
} | |
.inside-header .main-navigation { | |
margin-left: auto; | |
order: 3; | |
} | |
.site-logo { | |
float: left; | |
} | |
button, | |
html input[type="button"], | |
input[type="reset"], | |
input[type="submit"], | |
a.button { | |
border-radius: 50px; | |
padding: 15px 50px; | |
} | |
p { | |
margin-bottom: 1em; | |
} | |
.inside-header .main-navigation:not(.navigation-stick) { | |
margin-right: -20px; | |
} | |
.search-field:focus { | |
outline: none; | |
} | |
/* media queries*/ | |
@media (max-width: 992px) { | |
.inside-header .site-branding .main-title { | |
font-size: 36px; | |
} | |
} | |
@media (max-width: 768px) { | |
h3 { | |
font-size: 25px; | |
} | |
h4 { | |
font-size: 20px; | |
} | |
.inside-header { | |
-webkit-box-align: start; | |
-ms-flex-align: start; | |
align-items: flex-start; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
padding: 10px 20px; | |
} | |
.inside-header .site-logo { | |
margin-bottom: 5px !important; | |
} | |
.inside-header .site-logo:not(.sticky-logo) { | |
width: 85px; | |
} | |
.inside-header .site-branding { | |
margin-bottom: 0 !important; | |
} | |
.inside-header .main-navigation { | |
min-width: 150px; | |
} | |
.inside-header .main-navigation:not(.navigation-stick) { | |
width: 100%; | |
margin-right: 0; | |
} | |
.inside-header .main-navigation:not(.navigation-stick) .mobile-bar-items { | |
margin-right: -20px; | |
} | |
.inside-header .main-navigation:not(.navigation-stick) .mobile-bar-items a { | |
line-height: 40px; | |
} | |
.inside-header .main-navigation:not(.navigation-stick) .menu-toggle { | |
line-height: 40px; | |
padding: 0; | |
} | |
.inside-header .main-navigation:not(.navigation-stick) .main-nav .menu > li:not(.search-item) { | |
margin-left: 7px; | |
} | |
.inside-header .main-navigation .sub-menu { | |
margin-left: 20px; | |
} | |
.search-field { | |
padding-left: 0 !important; | |
} | |
.inside-header .site-branding { | |
margin-top: 5px; | |
} | |
} | |
@media (max-width: 576px) { | |
.inside-header .site-logo:not(.sticky-logo) { | |
width: 85px; | |
} | |
.inside-header .site-branding { | |
margin-top: 7px; | |
} | |
.inside-header .site-branding .main-title { | |
font-size: 25px; | |
} | |
} | |
@media (max-width: 375px) { | |
h2 { | |
font-size: 24px; | |
} | |
h3 { | |
font-size: 20px; | |
} | |
h4 { | |
font-size: 18px; | |
} | |
} | |
@media (max-width: 359px) { | |
.inside-header .site-branding { | |
margin-top: 9px; | |
} | |
.inside-header .site-branding .main-title { | |
font-size: 20px; | |
} | |
} | |
/* general styling*/ | |
.custom-container { | |
max-width: 1100px; | |
margin: 0 auto; | |
} | |
.text-black { | |
color: #000000 !important; | |
} | |
.text-light-blue { | |
color: #74cdda !important; | |
} | |
/* custom child theme styling*/ | |
.homepage { | |
margin: 40px auto; | |
} | |
.hero-section { | |
background-color: #ffffff; | |
} | |
.hero-image-wrapper { | |
max-width: 1047px; | |
margin: 0 auto; | |
} | |
.hero-image { | |
padding: 10px 0; | |
} | |
.hero-content-wrapper { | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
background-color: #243d82; | |
padding: 30px 20px; | |
} | |
.hero-content { | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-align: center; | |
-ms-flex-align: center; | |
align-items: center; | |
-webkit-box-orient: horizontal; | |
-webkit-box-direction: normal; | |
-ms-flex-direction: row; | |
flex-direction: row; | |
color: #ffffff; | |
max-width: 1047px; | |
} | |
.hero-text { | |
margin: 0 50px 0 0; | |
text-align: left; | |
} | |
a.custom-button { | |
min-width: 62px; | |
} | |
.categories { | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: horizontal; | |
-webkit-box-direction: normal; | |
-ms-flex-direction: row; | |
flex-direction: row; | |
margin-right: 0px; | |
margin-left: 0px; | |
} | |
.categories .category { | |
/* width: 50%; | |
padding: 0 25px; */ | |
-webkit-columns: 2; /* Chrome, Safari, Opera */ | |
-moz-columns: 2; /* Firefox */ | |
columns: 2; | |
} | |
.category-title { | |
position: relative; | |
padding-left: 97px; | |
background-color: #74cdda; | |
color: #ffffff; | |
} | |
.category-title .title-content { | |
margin: 0; | |
line-height: 72px; | |
font-size: 30px; | |
margin-right: 20px; | |
} | |
.category-title:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 72px; | |
height: 72px; | |
background-color: #243d82; | |
background-position: center; | |
background-repeat: no-repeat; | |
background-size: 45px 39px; | |
} | |
.category-title.organic-chemistry:before { | |
background-image: url('assets/icon-organic-chemistry.svg'); | |
} | |
.category-title.general-chemistry:before { | |
background-image: url('assets/icon-general-chemistry.svg'); | |
} | |
.categories .category .category-content { | |
background-color: #ffffff; | |
padding: 47px 30px; | |
padding-top:0px; | |
} | |
.categories .category .category-content .category-list { | |
list-style-position: inside; | |
margin-left: 0; | |
margin-bottom: 38px; | |
} | |
.categories .category .category-content .category-list .category-list-item { | |
color: #243d82; | |
position: relative; | |
} | |
.categories .category .category-content .category-list .category-list-item:hover{ | |
color: #74cdda; | |
} | |
.categories .category .category-content .category-list .category-list-item:hover .post-title { | |
color: #74cdda; | |
} | |
.categories .category .category-content .category-list .category-list-item .post-title { | |
padding-left: 5px; | |
} | |
/* media queries*/ | |
@media (max-width: 1200px) { | |
.categories { | |
margin-right: -15px; | |
margin-left: -15px; | |
} | |
.categories .category { | |
padding: 0 15px; | |
} | |
.category-title { | |
padding-left: 87px; | |
} | |
} | |
@media (max-width: 1024px) { | |
.homepage { | |
margin: 20px 15px; | |
} | |
} | |
@media (max-width: 992px) { | |
.categories { | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-ms-flex-direction: column; | |
flex-direction: column; | |
margin-right: 0; | |
margin-left: 0; | |
} | |
.categories .category { | |
width: 100%; | |
margin-bottom: 20px; | |
padding: 0; | |
} | |
} | |
@media (max-width: 768px) { | |
.hero-content-wrapper { | |
padding: 20px; | |
} | |
.hero-content { | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-ms-flex-direction: column; | |
flex-direction: column; | |
} | |
.hero-text { | |
margin: 0 auto 20px; | |
text-align: center; | |
} | |
.category-title { | |
padding-left: 87px; | |
} | |
} | |
/* styling of the post page*/ | |
.entry-section { | |
margin-bottom: 50px !important; | |
} | |
.custom-header { | |
margin: -40px; | |
} | |
.custom-content { | |
margin: 6em 0 0; | |
} | |
.related-entries { | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
-ms-flex-wrap: wrap; | |
flex-wrap: wrap; | |
list-style: circle inside; | |
color: #243d82; | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
.related-entry { | |
width: 33.33%; | |
padding: 0 15px; | |
box-sizing: border-box; | |
margin-bottom: 10px; | |
} | |
.related-entry:hover { | |
color: #74cdda; | |
} | |
.related-entry:hover a { | |
color: #74cdda; | |
} | |
.question-number + p { | |
display: inline; | |
} | |
.question-text { | |
margin-bottom: 10px; | |
} | |
.answer-number { | |
margin-right: 5px; | |
width: 20px; | |
float: left; | |
clear: left; | |
} | |
.question-collapse-trigger { | |
display: inline-block; | |
position: relative; | |
padding-left: 34px; | |
text-transform: uppercase; | |
color: #2756d6; | |
margin-bottom: 10px; | |
cursor: pointer; | |
} | |
.question-collapse-trigger:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 21px; | |
height: 21px; | |
background-image: url('assets/icon-plus.svg'); | |
background-position: center; | |
background-repeat: no-repeat; | |
background-size: 19px; | |
} | |
.question-collapse-trigger.opened:before { | |
background-image: url('assets/icon-minus.svg'); | |
background-size: 21px; | |
} | |
.question-collapse-trigger.icon-green:before { | |
background-image: url('assets/icon-plus-green.svg'); | |
} | |
.question-collapse-trigger.icon-green.opened:before { | |
background-image: url('assets/icon-minus-green.svg'); | |
} | |
.question-collapse-trigger.icon-purple:before { | |
background-image: url('assets/icon-plus-purple.svg'); | |
} | |
.question-collapse-trigger.icon-purple.opened:before { | |
background-image: url('assets/icon-minus-purple.svg'); | |
} | |
.question-collapse-target { | |
transition: max-height 0.6s ease-out; | |
max-height: 0; | |
overflow: hidden; | |
} | |
.question-collapse-target.show { | |
transition: max-height 0.6s ease-in; | |
height: auto; | |
max-height: 9999px; | |
margin-bottom: 10px; | |
} | |
.share-icons { | |
margin-top: 5px; | |
} | |
/* media queries */ | |
@media (max-width: 992px) { | |
.related-entry { | |
width: 50%; | |
} | |
} | |
@media (max-width: 768px) { | |
.custom-header { | |
margin: -30px; | |
} | |
.custom-content { | |
margin: 4em 0 0; | |
} | |
.entry-section { | |
margin-bottom: 30px !important; | |
} | |
.related-entry { | |
width: 100%; | |
} | |
} | |
/* footer styling */ | |
#menu-footer-menu li { | |
text-align: center; | |
} | |
#menu-footer-menu li a { | |
color: #999999; | |
} | |
#menu-footer-menu li a:hover, | |
#menu-footer-menu li a:active, | |
#menu-footer-menu li a:focus { | |
color: #74cdda; | |
} | |
/* media queries */ | |
#menu-footer-menu li.current-menu-item a { | |
color: #74cdda; | |
} | |
@media (max-width: 768px) { | |
#menu-footer-menu li a { | |
padding-bottom: 10px; | |
} | |
} | |
.separate-containers .inside-article{ | |
padding: 20px; | |
background-color:#FFFFFF!important; | |
} | |
.separate-containers .paging-navigation { | |
clear:both; | |
} | |
body.archive .post { | |
margin: 0 0 2em; | |
width: 48%; | |
margin-right: 10px; | |
float: left; | |
background-color: #ffffff; | |
min-height: 700px; | |
} | |
@media (max-width: 767px) { | |
body.archive .post { width: 100% !important; | |
float: none; | |
} | |
body.archive .post { | |
min-height: 500px; | |
} | |
.categories .category { | |
-webkit-columns: 1; | |
-moz-columns: 1; | |
columns: 1; | |
} | |
} | |
.category-content h4 a { | |
color:#000000; | |
} | |
.featured-image.page-header-image-single { | |
display:none; | |
} | |
.clearall { | |
width:100%; | |
clear:both; | |
} | |
h2.entry-title, a.text-black, a.text-lg { | |
font-size:28px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment