{"id":96,"date":"2025-09-11T11:38:36","date_gmt":"2025-09-11T11:38:36","guid":{"rendered":"https:\/\/playground.mushroom-scholars.org\/wpp\/?p=96"},"modified":"2025-09-11T11:38:36","modified_gmt":"2025-09-11T11:38:36","slug":"original-css","status":"publish","type":"post","link":"https:\/\/playground.mushroom-scholars.org\/wpp\/2025\/09\/11\/original-css\/","title":{"rendered":"original css"},"content":{"rendered":"<p>\/* Theme Name: Generatepress Child Theme URI: <a href=\"https:\/\/mushroom-scholars.org\/htdocs\/wp-content\/themes\/generatepress\/\">https:\/\/mushroom-scholars.org\/htdocs\/wp-content\/themes\/generatepress\/<\/a> Description: Generatepress Child Theme Author: MAT Author URI: <a href=\"https:\/\/mushroom-scholars.org\/\">https:\/\/mushroom-scholars.org<\/a> Template: generatepress Version: 1.0.0 License: GNU General Public License v2 or later License URI: <a href=\"http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\">http:\/\/www.gnu.org\/licenses\/gpl-2.0.html<\/a> Text Domain: generatepresschild <em>\/ \/<\/em> on hover <em>\/ a:hover { color:blue; } #masthead &gt; 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; } \/<\/em> primary menu icon for mobile devices <em>\/ #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 &gt; ol &gt; li{ margin-bottom: 15px; } .widget.widget_block a{ color:blue; } .mejs-controls a:hover{ background-color:black; } blockquote{ border-left:none; } \/<\/em> sort out the BUTTON colours <em>\/ \/<\/em> standard BUTTONS <em>\/ 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; } \/<\/em> to control internal size of &#8216;input&#8217; buttons <em>\/ input[type=&#8221;button&#8221;] { \/<\/em> Set font size to fill entire button <em>\/ font-size: 90%; } \/<\/em> sort out the copyright <em>\/ #footer-widgets{ background-color:darkblue; } .site-footer.site-info{ display:none; } .copyright-bar { display: none; } .inside-site-info{ display:none; } \/<\/em> stop words breaking &#8211; yep it worked but they might go off screen if table is shunted right for any reason <em>\/ div.element.element_0.title_link{ word-break: initial; font-size:h4; } \/<\/em> Styling page parts <em>\/ .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; } \/<\/em> sorting out the featured image on posts and pages <em>\/ .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; } \/<\/em> and images in blog posts need a proper margin <em>\/ .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;} } \/<\/em> remove wp logo from admin bar <em>\/ #wp-admin-bar-wp-logo { display:none; } \/<\/em> MENU &amp; if user is logged in <em>\/ body.logged-in #menu-item-23 { display:none; } \/<\/em> SIDEBAR &amp; WIDGET STYLING <em>\/ \/<\/em> remove default white background on sidebar widgets to make customizing &#8216;background-color&#8217; more manageable <em>\/ .sidebar .widget { background-color: transparent; margin-bottom:5px; } .widget-area .widget{ padding:15px; } \/<\/em> Frontend for Mushroom Styling (see plugins:backend-styling for the php) <em>\/ \/<\/em> If you create any viable styles, I&#8217;ll be happy to add them to the main site \ud83d\ude42 <em>\/ .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%; } \/<\/em> Some other STYLES that are ready to use but not yet on the Mushroom Styling menu (see plugins: Backend-styling) <em>\/ \/<\/em> enable css generated speech bubbles from <a href=\"https:\/\/codepen.io\/rikschennink\/pen\/mjywQb\">https:\/\/codepen.io\/rikschennink\/pen\/mjywQb<\/a> <em>\/ .bubble { \/<\/em> layout *\/ position: relative; max-width: 30em;<\/p>\n<pre><code>\/* looks *\/\r\nbackground-color: #fff;\r\npadding: 1.125em 1.5em;\r\nfont-size: 1.25em;\r\nborder-radius: 1rem;\r\n\r\n<\/code><\/pre>\n<p>box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2); }<\/p>\n<p>.bubble::before { \/* layout <em>\/ content: &#8221;; position: absolute; width: 0; height: 0; top: 100%; left: 1.5em; \/<\/em> offset should move with padding of parent *\/ border: .75rem solid transparent; border-bottom: none;<\/p>\n<pre><code>\/* looks *\/\r\nborder-top-color: #fff;\r\nfilter: drop-shadow(0 0.15rem 0.05rem rgba(0, 0, 0, 0.2)); \/* x-offset, y-offset, blur radius and colour *\/\r\n\r\n<\/code><\/pre>\n<p>}<\/p>\n<p>\/* dressing <em>\/ 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); } \/<\/em> styling of standard archive page entries *\/ article .inside-article{ border-radius:5%; box-shadow: 0px 2px 5px darkblue; padding:20px; overflow: hidden; }<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\/* 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 &gt; div{ margin-bottom:0px; padding-bottom:0px; padding-top:10px; } .page-header{ box-shadow: 0px 5px &#8230; <a title=\"original css\" class=\"read-more\" href=\"https:\/\/playground.mushroom-scholars.org\/wpp\/2025\/09\/11\/original-css\/\" aria-label=\"Read more about original css\">Read more<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-96","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/playground.mushroom-scholars.org\/wpp\/wp-json\/wp\/v2\/posts\/96","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/playground.mushroom-scholars.org\/wpp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/playground.mushroom-scholars.org\/wpp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/playground.mushroom-scholars.org\/wpp\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/playground.mushroom-scholars.org\/wpp\/wp-json\/wp\/v2\/comments?post=96"}],"version-history":[{"count":1,"href":"https:\/\/playground.mushroom-scholars.org\/wpp\/wp-json\/wp\/v2\/posts\/96\/revisions"}],"predecessor-version":[{"id":97,"href":"https:\/\/playground.mushroom-scholars.org\/wpp\/wp-json\/wp\/v2\/posts\/96\/revisions\/97"}],"wp:attachment":[{"href":"https:\/\/playground.mushroom-scholars.org\/wpp\/wp-json\/wp\/v2\/media?parent=96"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/playground.mushroom-scholars.org\/wpp\/wp-json\/wp\/v2\/categories?post=96"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/playground.mushroom-scholars.org\/wpp\/wp-json\/wp\/v2\/tags?post=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}