{"id":12,"date":"2013-08-29T14:04:50","date_gmt":"2013-08-29T14:04:50","guid":{"rendered":"http:\/\/themes.elmastudio.de\/kioremoana\/?p=12"},"modified":"2013-08-29T14:04:50","modified_gmt":"2013-08-29T14:04:50","slug":"testing-the-text-styles","status":"publish","type":"post","link":"https:\/\/themes.elmastudio.de\/kioremoana\/2013\/08\/29\/testing-the-text-styles\/","title":{"rendered":"Testing the Text Styles"},"content":{"rendered":"<p class=\"intro\">Nascetur auctor! Integer duis dolor platea, porta magnis lectus elementum! Ut rhoncus turpis, vel platea porta? Augue elementum, velit! Cursus enim ac, eu tristique?<\/p>\n<p><span class=\"dropcaps\">A<\/span>orem nec aenean, magnis mattis risus, amet turpis natoque augue pulvinar dolor porttitor pulvinar mid magnis proin? Augue, turpis ultricies tincidunt magna adipiscing facilisis et tincidunt cras lorem velit platea augue ridiculus? Sed ac parturient massa nisi tortor, ut, a placerat diam, lectus mid sed dictumst, augue nascetur magnis enim in sed risus augue et sed. Facilisis sit arcu integer sed! Ridiculus et est, enim proin adipiscing dis elit hac sit natoque, et placerat nisi nascetur amet et adipiscing ac, sagittis sed et platea parturient dictumst, magna dapibus? Vel parturient diam. Mattis diam a. Nunc dolor.<\/p>\n<p><!--more--><\/p>\n<h1>Header one<\/h1>\n<h2>Header two<\/h2>\n<h3>Header three<\/h3>\n<h4>Header four<\/h4>\n<h5>Header five<\/h5>\n<h6>Header six<\/h6>\n<h2>Blockquotes<\/h2>\n<p>Single line blockquote:<\/p>\n<blockquote><p>Stay hungry. Stay foolish.<\/p><\/blockquote>\n<p>Multi line blockquote with a cite reference:<\/p>\n<blockquote><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. <cite>Steve Jobs &#8211; Apple Worldwide Developers&#8217; Conference, 1997<\/cite><\/p><\/blockquote>\n<blockquote><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. <cite><a href=\"#\">Steve Jobs<\/a><\/cite><\/p><\/blockquote>\n<h2>Tables<\/h2>\n<table>\n<tbody>\n<tr>\n<th>Employee<\/th>\n<th class=\"views\">Salary<\/th>\n<th><\/th>\n<\/tr>\n<tr class=\"odd\">\n<td><a href=\"http:\/\/john.do\/\">John Saddington<\/a><\/td>\n<td>$1<\/td>\n<td>Because that&#8217;s all Steve Job&#8217; needed for a salary.<\/td>\n<\/tr>\n<tr class=\"even\">\n<td><a href=\"http:\/\/tommcfarlin.com\/\">Tom McFarlin<\/a><\/td>\n<td>$100K<\/td>\n<td>For all the blogging he does.<\/td>\n<\/tr>\n<tr class=\"odd\">\n<td><a href=\"http:\/\/jarederickson.com\/\">Jared Erickson<\/a><\/td>\n<td>$100M<\/td>\n<td>Pictures are worth a thousand words, right? So Tom x 1,000.<\/td>\n<\/tr>\n<tr class=\"even\">\n<td><a href=\"http:\/\/chrisam.es\/\">Chris Ames<\/a><\/td>\n<td>$100B<\/td>\n<td>With hair like that?! Enough said&#8230;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Definition Lists<\/h2>\n<dl>\n<dt>Definition List Title<\/dt>\n<dd>Definition list division.<\/dd>\n<dt>Startup<\/dt>\n<dd>A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.<\/dd>\n<dt>#dowork<\/dt>\n<dd>Coined 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.<\/dd>\n<dt>Do It Live<\/dt>\n<dd>I&#8217;ll let Bill O&#8217;Reilly will <a title=\"We'll Do It Live\" href=\"https:\/\/www.youtube.com\/watch?v=O_HyZ5aW76c\">explain<\/a> this one.<\/dd>\n<\/dl>\n<h2>Unordered Lists (Nested)<\/h2>\n<ul>\n<li>List item one\n<ul>\n<li>List item one\n<ul>\n<li>List item one<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<\/li>\n<li>List item three organization designed to search for a repeatable and scalable business model. doined by Rob Dyrdek and his personal body guard <\/li>\n<li>List item three organization designed to search for a repeatable and scalable business model. doined by Rob Dyrdek and his personal body guard <\/li>\n<li>List item three organization designed to search for a repeatable and scalable business model. doined by Rob Dyrdek and his personal body guard <\/li>\n<\/ul>\n<h2>Ordered List (Nested)<\/h2>\n<ol>\n<li>List item one\n<ol>\n<li>List item one\n<ol>\n<li>List item one<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<h2>HTML Tags<\/h2>\n<p>These supported tags come from the WordPress.com code <a title=\"Code\" href=\"http:\/\/en.support.wordpress.com\/code\/\">FAQ<\/a>.<\/p>\n<p><strong>Address Tag<\/strong><\/p>\n<address>1 Infinite Loop<br \/>\nCupertino, CA 95014<br \/>\nUnited States<\/address>\n<p><strong>Anchor Tag (aka. Link)<\/strong><\/p>\n<p>This is an example of a <a title=\"Apple\" href=\"http:\/\/apple.com\">link<\/a>.<\/p>\n<p><strong>Abbreviation Tag<\/strong><\/p>\n<p>The abbreviation <abbr title=\"Seriously\">srsly<\/abbr> stands for &#8220;seriously&#8221;.<\/p>\n<p><strong>Acronym Tag (<em>deprecated in HTML5<\/em>)<\/strong><\/p>\n<p>The acronym <acronym title=\"For The Win\">ftw<\/acronym> stands for &#8220;for the win&#8221;.<\/p>\n<p><strong>Big Tag\u00a0<strong>(<em>deprecated in HTML5<\/em>)<\/strong><\/strong><\/p>\n<p>These tests are a <big>big<\/big> deal, but this tag is no longer supported in HTML5.<\/p>\n<p><strong>Cite Tag<\/strong><\/p>\n<p>&#8220;Code is poetry.&#8221; &#8212;<cite>Automattic<\/cite><\/p>\n<p><strong>Code Tag<\/strong><\/p>\n<p>You will learn later on in these tests that <code>word-wrap: break-word;<\/code> will be your best friend.<\/p>\n<p><strong>Delete Tag<\/strong><\/p>\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<p><strong>Emphasize Tag<\/strong><\/p>\n<p>The emphasize tag should <em>italicize<\/em> text.<\/p>\n<p><strong>Insert Tag<\/strong><\/p>\n<p>This tag should denote <ins>inserted<\/ins> text.<\/p>\n<p><strong>Keyboard Tag<\/strong><\/p>\n<p>This scarsly known tag emulates <kbd>keyboard text<\/kbd>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n<p><strong>Preformatted Tag<\/strong><\/p>\n<p>This tag styles large blocks of code.<\/p>\n<pre>.post-title {\n\tmargin: 0 0 5px;\n\tfont-weight: bold;\n\tfont-size: 38px;\n\tline-height: 1.2;\n\tand here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;\n}<\/pre>\n<p><strong>Quote Tag<\/strong><\/p>\n<p><q>Developers, developers, developers&#8230;<\/q> &#8211;Steve Ballmer<\/p>\n<p><strong>Strike Tag\u00a0<strong>(<em>deprecated in HTML5<\/em>)<\/strong><\/strong><\/p>\n<p>This tag shows <span style=\"text-decoration:line-through\">strike-through text<\/span><\/p>\n<p><strong>Strong Tag<\/strong><\/p>\n<p>This tag shows <strong>bold<strong> text.<\/strong><\/strong><\/p>\n<p><strong>Subscript Tag<\/strong><\/p>\n<p>Getting our science styling on with H<sub>2<\/sub>O, which should push the &#8220;2&#8221; down.<\/p>\n<p><strong>Superscript Tag<\/strong><\/p>\n<p>Still sticking with science and Isaac Newton&#8217;s E = MC<sup>2<\/sup>, which should lift the 2 up.<\/p>\n<p><strong>Teletype Tag\u00a0<strong>(<em>deprecated in HTML5<\/em>)<\/strong><\/strong><\/p>\n<p>This rarely used tag emulates <tt>teletype text<\/tt>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n<p><strong>Variable Tag<\/strong><\/p>\n<p>This allows you to denote <var>variables<\/var>.<\/p>\n<p class=\"sidenote-left\">Pulvinar penatibus quis! Nec ac turpis parturient eu. Aenean eros, dignissim pellentesque est vel a proin odio dis<\/p>\n<p> Duis dolor, turpis lorem! Turpis magnis nisi dictumst pellentesque ac augue Lacus adipiscing cursus, pid, magna! Augue et phasellus porttitor etiam, magna. Non massa scelerisque etiam in odio! Pid tincidunt turpis in dictumst odio pid quis duis! Eu lundium egestas tincidunt nunc in! Lectus magna tempor, vel augue. In augue? Placerat etiam! Hac velit turpis elit, integer. Turpis, in velit tempor eros, et risus diam? Turpis, adipiscing velit ut? Ac turpis. Vel tincidunt urna! Pid cursus nisi? Placerat, sociis est, magna rhoncus cras eros turpis lorem odio nunc augue placerat? Nisi placerat risus odio sed et mauris placerat sed pid a mattis urna, phasellus augue porta elementum nascetur, enim ut, lundium lundium? Amet scelerisque, magna massa in sociis, scelerisque vel, mid tortor. Auctor tristique aliquam sed. Elementum vel sit mattis. Ridiculus tincidunt platea scelerisque? Augue, turpis mus, et sagittis nunc purus. Tincidunt ultricies in, tempor porttitor amet, aliquet in est, elementum egestas integer purus, mauris ac urna! Turpis turpis, diam in, tincidunt, rhoncus tortor duis. Cras. Sit pellentesque, placerat! Urna porttitor. Enim pulvinar habitasse, auctor cursus! Sociis. Proin cras! Mus, habitasse augue porttitor cum adipiscing, placerat cursus odio porttitor, habitasse? Porta habitasse ultrices, augue tempor, dis urna et, montes, magna ac cursus eu? Aliquam dictumst aenean etiam sit phasellus in? Arcu, egestas egestas, ut turpis eu pellentesque sed eu, magnis vut nisi, vel porta ac, turpis. Nisi quis adipiscing egestas, a, mus dapibus, mus risus aliquet ut? Etiam lacus turpis rhoncus, lacus sociis amet vel. Turpis? Cum facilisis facilisis. Tristique est aliquet dapibus odio porta odio aliquam integer! Tristique montes, pulvinar dis! Et dapibus, adipiscing adipiscing cursus lectus auctor urna, in nunc. Egestas non in in, dignissim aliquam turpis pellentesque, integer amet dolor ultricies? Proin ultricies turpis, elementum? Odio augue. Eros, nec aliquam rhoncus? Elit eu, vel. <\/p>\n<p class=\"sidenote-right\">Pulvinar penatibus quis! Nec ac turpis parturient eu. Aenean eros, dignissim pellentesque est vel a proin odio dis<\/p>\n<p> Eu turpis tincidunt nec amet, arcu elit, quis dapibus magna! Dolor, porttitor nec egestas aliquam, sagittis, et nisi porttitor proin nec tincidunt dis, turpis ultricies tincidunt eu facilisis penatibus! Ut et ridiculus elit magna in vel nunc non enim enim montes aenean et mauris pellentesque? Adipiscing porta mauris augue sed, et mauris sagittis a cum, amet placerat lorem tortor? Magnis parturient! Ac lorem, platea rhoncus, montes, montes, aliquam pulvinar augue tincidunt.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nascetur auctor! Integer duis dolor platea, porta magnis lectus elementum! Ut rhoncus turpis, vel platea porta? Augue elementum, velit! Cursus enim ac, eu tristique? Aorem nec aenean, magnis mattis risus, amet turpis natoque augue pulvinar dolor porttitor pulvinar mid magnis proin? Augue, turpis ultricies tincidunt magna adipiscing facilisis et tincidunt cras lorem velit platea augue &hellip; <\/p>\n<div class=\"more-link-wrap\"><a href=\"https:\/\/themes.elmastudio.de\/kioremoana\/2013\/08\/29\/testing-the-text-styles\/\" class=\"more-link\"><span>Read more<\/span><\/a><\/div>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[33,34,38],"class_list":["post-12","post","type-post","status-publish","format-standard","hentry","category-articles","tag-styles","tag-testing","tag-typography"],"_links":{"self":[{"href":"https:\/\/themes.elmastudio.de\/kioremoana\/wp-json\/wp\/v2\/posts\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.elmastudio.de\/kioremoana\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.elmastudio.de\/kioremoana\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.elmastudio.de\/kioremoana\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.elmastudio.de\/kioremoana\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":0,"href":"https:\/\/themes.elmastudio.de\/kioremoana\/wp-json\/wp\/v2\/posts\/12\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.elmastudio.de\/kioremoana\/wp-json\/wp\/v2\/media?parent=12"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.elmastudio.de\/kioremoana\/wp-json\/wp\/v2\/categories?post=12"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.elmastudio.de\/kioremoana\/wp-json\/wp\/v2\/tags?post=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}