/* Theme Name: Generatepress Child Theme URI: https://mushroom-scholars.org/htdocs/wp-content/themes/generatepress/ Description: Generatepress Child Theme Author: MAT Author URI: https://mushroom-scholars.org 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: generatepresschild / / on hover / a:hover { color:blue; } #masthead > div{ margin-bottom:0px; padding-bottom:0px; padding-top:10px; } .page-header{ box-shadow: 0px 5px 10px darkblue; } .entry-title a{ color:darkblue; } .entry-title a:hover{ color:blue; } #primary-menu{ background-color:whitesmoke; } #primary-menu a:hover{ color:white; background-color: darkblue; } / primary menu icon for mobile devices / #mobile-menu-control-wrapper{ background-color:darkblue; } button .menu-toggle { border-radius:50%!important; padding:1px!important; } .entry-content a:hover{ background-color: white; color: darkblue; } .entry-content > ol > li{ margin-bottom: 15px; } .widget.widget_block a{ color:blue; } .mejs-controls a:hover{ background-color:black; } blockquote{ border-left:none; } / sort out the BUTTON colours / / standard BUTTONS / button { font-size:large; border-radius: 15px; background-color:darkblue; color:white; text-shadow: 1px 2px black; padding:10px; margin: 10px; box-shadow: 0px 5px 10px black; border-width:1px; max-width: 85%!important; } button:hover { font-size:large; border-radius: 20px; background-color:blue; color:white; text-shadow: 1px 1px darkblue; padding:10px; margin: 10px; box-shadow: 0px 2px 10px black; } / to control internal size of ‘input’ buttons / input[type=”button”] { / Set font size to fill entire button / font-size: 90%; } / sort out the copyright / #footer-widgets{ background-color:darkblue; } .site-footer.site-info{ display:none; } .copyright-bar { display: none; } .inside-site-info{ display:none; } / stop words breaking – yep it worked but they might go off screen if table is shunted right for any reason / div.element.element_0.title_link{ word-break: initial; font-size:h4; } / Styling page parts / .site-main h1{ color:#344B6D; } .site-main h2{ color:#344B6D; } .site-main h3{ color:#344B6D; } .site-main h4{ color:#344B6D; } .widget.widget_block h1{ color:#344B6D; } .widget.widget_block h2{ color:#344B6D; } .widget.widget_block h3{ color:#344B6D; } .widget.widget_block h4{ color:#344B6D; } / sorting out the featured image on posts and pages / .featured-image.page-header-image-single.grid-container.grid-parent{ float:left; margin-right:15px; margin-left:15px; max-width:100px; box-shadow: 0px 2px 5px darkblue; } .featured-image{ border-radius:10%!important; } / and images in blog posts need a proper margin / .entry-content img{ padding:15px; } @media (orientation: portrait) { .featured-image {display:none;} } .featured-image.page-header-image.grid-container.grid-parent{ float:left; margin-right:15px; margin-left:15px; max-width:100px; box-shadow: 0px 2px 5px darkblue; } @media (orientation: portrait) { .featured-image {display:none;} } / remove wp logo from admin bar / #wp-admin-bar-wp-logo { display:none; } / MENU & if user is logged in / body.logged-in #menu-item-23 { display:none; } / SIDEBAR & WIDGET STYLING / / remove default white background on sidebar widgets to make customizing ‘background-color’ more manageable / .sidebar .widget { background-color: transparent; margin-bottom:5px; } .widget-area .widget{ padding:15px; } / Frontend for Mushroom Styling (see plugins:backend-styling for the php) / / If you create any viable styles, I’ll be happy to add them to the main site 🙂 / .bluebox{ border-width:2px!important; border-style:solid!important; border-color:blue!imporant; background-color:#b6dbf8!important; padding-bottom:15px!important; padding-top:15px!important; padding-left:20px!important; padding-right:10px!important; } .yellowbox{ background-color:cornsilk!important; padding-bottom:15px!important; padding-top:15px!important; padding-left:15px!important; padding-right:10px!important; box-shadow: 0px 5px 10px darkblue; margin-bottom:10px; border-radius:10%; } / Some other STYLES that are ready to use but not yet on the Mushroom Styling menu (see plugins: Backend-styling) / / enable css generated speech bubbles from https://codepen.io/rikschennink/pen/mjywQb / .bubble { / layout */ position: relative; max-width: 30em;
/* looks */
background-color: #fff;
padding: 1.125em 1.5em;
font-size: 1.25em;
border-radius: 1rem;
box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2); }
.bubble::before { /* layout / content: ”; position: absolute; width: 0; height: 0; top: 100%; left: 1.5em; / offset should move with padding of parent */ border: .75rem solid transparent; border-bottom: none;
/* looks */
border-top-color: #fff;
filter: drop-shadow(0 0.15rem 0.05rem rgba(0, 0, 0, 0.2)); /* x-offset, y-offset, blur radius and colour */
}
/* dressing / html { font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif; line-height: 1.5; font-weight: 300; color: #192229; background: linear-gradient(135deg, #F4F2F3, #BFC6D0); } / styling of standard archive page entries */ article .inside-article{ border-radius:5%; box-shadow: 0px 2px 5px darkblue; padding:20px; overflow: hidden; }