{"id":45,"date":"2020-12-02T16:27:02","date_gmt":"2020-12-02T16:27:02","guid":{"rendered":"https:\/\/themes.getmotopress.com\/2021\/?page_id=45"},"modified":"2020-12-02T16:35:11","modified_gmt":"2020-12-02T16:35:11","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/themes.getmotopress.com\/2021\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"\n<p class=\"has-drop-cap\">That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. It seemed as if the months had been playing a game, and had \u201cchanged places\u201d all round; and as if September were determined to show that he knew how to make himself just as disagreeable as August, if only he chose to do so.<br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Columns<\/h3>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>She felt it very much, though the children did all they could to make her comfortable, with shaded rooms, and iced water, and fans.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>The summer had been cool; but, as often happens after cool summers, the autumn proved unusually hot.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns has-3-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"818\" src=\"https:\/\/themes.getmotopress.com\/2021\/wp-content\/uploads\/sites\/39\/2020\/12\/Reading-1024x818.jpg\" alt=\"\" class=\"wp-image-12\" srcset=\"https:\/\/themes.getmotopress.com\/2021\/wp-content\/uploads\/sites\/39\/2020\/12\/Reading-1024x818.jpg 1024w, https:\/\/themes.getmotopress.com\/2021\/wp-content\/uploads\/sites\/39\/2020\/12\/Reading-300x240.jpg 300w, https:\/\/themes.getmotopress.com\/2021\/wp-content\/uploads\/sites\/39\/2020\/12\/Reading-768x614.jpg 768w, https:\/\/themes.getmotopress.com\/2021\/wp-content\/uploads\/sites\/39\/2020\/12\/Reading.jpg 1104w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>It was always the custom for such Austinians as went up to represent the School at the annual competition to stop the night in the town.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"811\" src=\"https:\/\/themes.getmotopress.com\/2021\/wp-content\/uploads\/sites\/39\/2020\/12\/the-garden-at-bougival-1884-1024x811.jpg\" alt=\"\" class=\"wp-image-15\" srcset=\"https:\/\/themes.getmotopress.com\/2021\/wp-content\/uploads\/sites\/39\/2020\/12\/the-garden-at-bougival-1884-1024x811.jpg 1024w, https:\/\/themes.getmotopress.com\/2021\/wp-content\/uploads\/sites\/39\/2020\/12\/the-garden-at-bougival-1884-300x238.jpg 300w, https:\/\/themes.getmotopress.com\/2021\/wp-content\/uploads\/sites\/39\/2020\/12\/the-garden-at-bougival-1884-768x609.jpg 768w, https:\/\/themes.getmotopress.com\/2021\/wp-content\/uploads\/sites\/39\/2020\/12\/the-garden-at-bougival-1884.jpg 1103w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The summer had been cool; but, as often happens after cool summers, the autumn proved unusually hot. <br><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"842\" src=\"https:\/\/themes.getmotopress.com\/2021\/wp-content\/uploads\/sites\/39\/2020\/12\/in-the-bois-de-boulogne-1024x842.jpg\" alt=\"\" class=\"wp-image-10\" srcset=\"https:\/\/themes.getmotopress.com\/2021\/wp-content\/uploads\/sites\/39\/2020\/12\/in-the-bois-de-boulogne-1024x842.jpg 1024w, https:\/\/themes.getmotopress.com\/2021\/wp-content\/uploads\/sites\/39\/2020\/12\/in-the-bois-de-boulogne-300x247.jpg 300w, https:\/\/themes.getmotopress.com\/2021\/wp-content\/uploads\/sites\/39\/2020\/12\/in-the-bois-de-boulogne-768x632.jpg 768w, https:\/\/themes.getmotopress.com\/2021\/wp-content\/uploads\/sites\/39\/2020\/12\/in-the-bois-de-boulogne.jpg 1111w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Every evening the boys would wheel her sofa out on the porch, in hopes of coolness; but it was of no use.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n\n\n\n<div class=\"wp-block-columns alignwide has-4-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>It was always the custom for such Austinians as went up to represent the School at the annual competition to stop the night in the town.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>The summer had been cool; but, as often happens after cool summers, the autumn proved unusually hot. <br><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Every evening the boys would wheel her sofa out on the porch, in hopes of coolness; but it was of no use: the evenings were as warm as the days.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>It seemed as if the months had been playing a game, and had \u201cchanged places\u201d all round; and as if September were determined to show that he knew.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Colors<\/h4>\n\n\n\n<p class=\"has-white-color has-black-background-color has-text-color has-background\">Black<\/p>\n\n\n\n<p class=\"has-white-color has-dark-gray-background-color has-text-color has-background\">Dark Gray<\/p>\n\n\n\n<p class=\"has-white-color has-gray-background-color has-text-color has-background\">Gray<\/p>\n\n\n\n<p class=\"has-green-background-color has-background\">Green(site background)<\/p>\n\n\n\n<p class=\"has-blue-background-color has-background\">Blue<\/p>\n\n\n\n<p class=\"has-purple-background-color has-background\">Purple<\/p>\n\n\n\n<p class=\"has-red-background-color has-background\">Red<\/p>\n\n\n\n<p class=\"has-orange-background-color has-background\">Orange<\/p>\n\n\n\n<p class=\"has-yellow-background-color has-background\">Yellow<\/p>\n\n\n\n<p class=\"has-white-background-color has-background\">White<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Gradients<\/h4>\n\n\n\n<div class=\"wp-block-group has-purple-to-yellow-gradient-background has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>Purple to Yellow<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-yellow-to-purple-gradient-background has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>Yellow to Purple<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-green-to-yellow-gradient-background has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>Green to Yellow<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-yellow-to-green-gradient-background has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>Yellow to Green<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-red-to-yellow-gradient-background has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>Red to Yellow<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-yellow-to-red-gradient-background has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>Yelow to Red<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-purple-to-red-gradient-background has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>Purple to Red<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-red-to-purple-gradient-background has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>Red to Purple<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<p>On the Little Isabel an old ragged palm, with a thick bulging trunk rough with spines, a very witch amongst palm trees, rustles a dismal bunch of dead leaves above the coarse sand. The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Header one<\/h1>\n\n\n\n<p>On the Little Isabel an old ragged palm, with a thick bulging trunk rough with spines, a very witch amongst palm trees, rustles a dismal bunch of dead leaves above the coarse sand. The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Header two<\/h2>\n\n\n\n<p>Resembling an emerald green wedge of land a mile long, and laid flat upon the sea, it bears two forest trees standing close together, with a wide spread of shade at the foot of their smooth trunks.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Header three<\/h3>\n\n\n\n<p>A ravine extending the whole length of the island is full of bushes; and presenting a deep tangled cleft on the high side spreads itself out on the other into a shallow depression abutting on a small strip of sandy shore.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Header four<\/h4>\n\n\n\n<p>The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine. Resembling an emerald green wedge of land a mile long, and laid flat upon the sea, it bears two forest trees standing close together, with a wide spread of shade at the foot of their smooth trunks.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Header five<\/h5>\n\n\n\n<p>On the Little Isabel an old ragged palm, with a thick bulging trunk rough with spines, a very witch amongst palm trees, rustles a dismal bunch of dead leaves above the coarse sand. The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Header six<\/h6>\n\n\n\n<h2 class=\"wp-block-heading\">Blockquotes<\/h2>\n\n\n\n<p>Single line blockquote:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow\"><p>Stay hungry. Stay foolish.<\/p><\/blockquote>\n\n\n\n<p>Multi line blockquote with a cite reference:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>People think focus means saying yes to the thing you&#8217;ve got to focus on. But that&#8217;s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I&#8217;m actually as proud of the things we haven&#8217;t done as the things I have done. Innovation is saying no to 1,000 things.<\/p><cite>Steve Jobs &#8211; Apple Worldwide Developers&#8217; Conference, 1997<\/cite><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Tables<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><th>Employee<\/th><th>Salary<\/th><\/tr><tr><td><a href=\"http:\/\/example.com\/\">Jane<\/a><\/td><td>$1<\/td><td>Because that&#8217;s all Steve Job&#8217; needed for a salary.<\/td><\/tr><tr><td><a href=\"http:\/\/example.com\">John<\/a><\/td><td>$100K<\/td><td>For all the blogging he does.<\/td><\/tr><tr><td><a href=\"http:\/\/example.com\/\">Jane<\/a><\/td><td>$100M<\/td><td>Pictures are worth a thousand words, right? So Tom x 1,000.<\/td><\/tr><tr><td><a href=\"http:\/\/example.com\/\">Jane<\/a><\/td><td>$100B<\/td><td>With hair like that?! Enough said&#8230;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Definition Lists<\/h2>\n\n\n\n<p>\n\nDefinition List Title\nDefinition list division.\nStartup\nA startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.\n#dowork\nCoined by Rob Dyrdek and his personal body guard Christopher &#8220;Big Black&#8221; Boykins, &#8220;Do Work&#8221; works as a self motivator, to motivating your friends.\nDo It Live\nI&#8217;ll let Bill O&#8217;Reilly will <a href=\"https:\/\/www.youtube.com\/watch?v=O_HyZ5aW76c\">explain<\/a> this one.\n\n<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Unordered Lists (Nested)<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>List item one\n<ul><li>List item one\n<ul><li>List item one<\/li><li>List item two<\/li><li>List item three<\/li><li>List item four<\/li><\/ul>\n<\/li><li>List item two<\/li><li>List item three<\/li><li>List item four<\/li><\/ul>\n<\/li><li>List item two<\/li><li>List item three<\/li><li>List item four<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Ordered List (Nested)<\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li>List item one\n<ol><li>List item one\n<ol><li>List item one<\/li><li>List item two<\/li><li>List item three<\/li><li>List item four<\/li><\/ol>\n<\/li><li>List item two<\/li><li>List item three<\/li><li>List item four<\/li><\/ol>\n<\/li><li>List item two<\/li><li>List item three<\/li><li>List item four<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Tags<\/h2>\n\n\n\n<p>These supported tags come from the WordPress.com code <a href=\"http:\/\/en.support.wordpress.com\/code\/\">FAQ<\/a>.<\/p>\n\n\n\n<p><strong>Address Tag<\/strong>\n1 Infinite Loop<br>Cupertino, CA 95014<br>United States\n<\/p>\n\n\n\n<p><strong>Anchor Tag (aka. Link)<\/strong><\/p>\n\n\n\n<p>This is an example of a <a href=\"http:\/\/apple.com\">link<\/a>.<\/p>\n\n\n\n<p><strong>Abbreviation Tag<\/strong><\/p>\n\n\n\n<p>The abbreviation <abbr title=\"Seriously\">srsly<\/abbr> stands for &#8220;seriously&#8221;.<\/p>\n\n\n\n<p><strong>Acronym Tag<\/strong><\/p>\n\n\n\n<p>The acronym ftw stands for &#8220;for the win&#8221;.<\/p>\n\n\n\n<p><strong>Big Tag<\/strong><\/p>\n\n\n\n<p>These tests are a big deal, but this tag is no longer supported in HTML5.<\/p>\n\n\n\n<p><strong>Cite Tag<\/strong><\/p>\n\n\n\n<p>&#8220;Code is poetry.&#8221; &#8211;Automattic<\/p>\n\n\n\n<p><strong>Code Tag<\/strong><\/p>\n\n\n\n<p>You will learn later on in these tests that <code>word-wrap: break-word;<\/code> will be your best friend.<\/p>\n\n\n\n<p><strong>Delete Tag<\/strong><\/p>\n\n\n\n<p>This tag will let you <del>strikeout text<\/del>, but this tag is no longer supported in HTML5 (use the <code>&lt;strike&gt;<\/code> instead).<\/p>\n\n\n\n<p><strong>Emphasize Tag<\/strong><\/p>\n\n\n\n<p>The emphasize tag should <em>italicize<\/em> text.<\/p>\n\n\n\n<p><strong>Insert Tag<\/strong><\/p>\n\n\n\n<p>This tag should denote <ins>inserted<\/ins> text.<\/p>\n\n\n\n<p><strong>Keyboard Tag<\/strong><\/p>\n\n\n\n<p>This scarcely known tag emulates keyboard text, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n\n\n\n<p><strong>Preformatted Tag<\/strong><\/p>\n\n\n\n<p>This tag styles large blocks of code.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">.post-title {\n\tmargin: 0 0 5px;\n\tfont-weight: bold;\n\tfont-size: 38px;\n\tline-height: 1.2;\n}<\/pre>\n\n\n\n<p><strong>Quote Tag<\/strong><\/p>\n\n\n\n<p>Developers, developers, developers&#8230; &#8211;Steve Ballmer<\/p>\n\n\n\n<p><strong>Strong Tag<\/strong><\/p>\n\n\n\n<p>This tag shows <strong>bold text.<\/strong><\/p>\n\n\n\n<p><strong>Subscript Tag<\/strong><\/p>\n\n\n\n<p>Getting our science styling on with H<sub>2<\/sub>O, which should push the &#8220;2&#8221; down.<\/p>\n\n\n\n<p><strong>Superscript Tag<\/strong><\/p>\n\n\n\n<p>Still sticking with science and Isaac Newton&#8217;s E = MC<sup>2<\/sup>, which should lift the 2 up.<\/p>\n\n\n\n<p><strong>Teletype Tag<\/strong><\/p>\n\n\n\n<p>This rarely used tag emulates teletype text, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n\n\n\n<p><strong>Variable Tag<\/strong><\/p>\n\n\n\n<p>This allows you to denote variables.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. It seemed as if the months had been playing a game,&hellip; <a class=\"more-link\" href=\"https:\/\/themes.getmotopress.com\/2021\/style-guide\/\">Continue reading <span class=\"screen-reader-text\">Style Guide<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/themes.getmotopress.com\/2021\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.getmotopress.com\/2021\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.getmotopress.com\/2021\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.getmotopress.com\/2021\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.getmotopress.com\/2021\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":4,"href":"https:\/\/themes.getmotopress.com\/2021\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/themes.getmotopress.com\/2021\/wp-json\/wp\/v2\/pages\/45\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/themes.getmotopress.com\/2021\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}