{"id":232961,"date":"2009-09-09T14:30:49","date_gmt":"2009-09-09T12:30:49","guid":{"rendered":"https:\/\/mppu.org\/demo-styles\/"},"modified":"2009-09-09T14:30:49","modified_gmt":"2009-09-09T12:30:49","slug":"demo-styles","status":"publish","type":"post","link":"https:\/\/www.mppu.org\/index.php\/2009\/09\/09\/demo-styles\/","title":{"rendered":"demo styles"},"content":{"rendered":"<h1>Styles- typography<\/h1>\n<h2>Icone nei moduli<\/h2>\n<p><strong>Suffisso classe CSS modulo:<\/strong><\/p>\n<p><img decoding=\"async\" src=\"images\/icon\/alert-mod-h3.png\" alt=\"alert-mod-h3\" border=\"0\" width=\"16\" height=\"16\" \/>suffisso: alert<\/p>\n<p><img decoding=\"async\" src=\"images\/icon\/moreinfo-desc.png\" alt=\"moreinfo-desc\" border=\"0\" width=\"14\" height=\"18\" \/>suffisso: arrow<\/p>\n<p><img decoding=\"async\" src=\"images\/icon\/special-11.png\" alt=\"special-11\" border=\"0\" width=\"14\" height=\"14\" \/>suffisso: attention<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"images\/icon\/cart-mod-h3.png\" alt=\"cart-mod-h3\" border=\"0\" width=\"16\" height=\"16\" \/>suffisso: cart<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"images\/icon\/check-mod-h3.png\" alt=\"check-mod-h3\" border=\"0\" width=\"16\" height=\"16\" \/>suffisso: check<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"images\/icon\/down-mod-h3.png\" alt=\"down-mod-h3\" border=\"0\" width=\"16\" height=\"16\" \/>suffisso: download<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"images\/icon\/faq-icon-l.png\" alt=\"faq\" border=\"0\" width=\"16\" height=\"16\" \/>suffisso:faq<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"images\/icon\/favorite-mod-h3.png\" alt=\"favorite-mod-h3\" border=\"0\" width=\"16\" height=\"16\" \/>suffisso: favorite<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"images\/icon\/info-mod-h3.png\" alt=\"info-mod-h3\" border=\"0\" width=\"16\" height=\"16\" \/>suffisso: info<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"images\/icon\/latest-mod-h3.png\" alt=\"latest-mod-h3\" border=\"0\" width=\"14\" height=\"14\" \/>suffisso: latest<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"images\/icon\/special-4.png\" alt=\"special-4\" border=\"0\" width=\"14\" height=\"14\" \/>suffisso: media<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"images\/icon\/plus-mod-h3.png\" alt=\"plus-mod-h3\" border=\"0\" width=\"14\" height=\"14\" \/>suffisso: plus<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"images\/icon\/special-3.png\" alt=\"special-3\" border=\"0\" width=\"14\" height=\"14\" \/> suffisso: project<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"images\/icon\/rss-mod-h3.png\" alt=\"rss-mod-h3\" border=\"0\" width=\"16\" height=\"16\" \/>suffisso: rss<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"images\/icon\/user-icon-l.png\" alt=\"user\" border=\"0\" width=\"16\" height=\"16\" \/>suffisso: user<\/p>\n<p>\u00a0<\/p>\n<h2>Downloads<\/h2>\n<p>[rokdownload menuitem=&#8221;144&#8243; downloaditem=&#8221;24&#8243; direct_download=&#8221;false&#8221;]rokdownload link[\/rokdownload]<\/p>\n<p>[rokdownload menuitem=&#8221;145&#8243; downloaditem=&#8221;54&#8243; direct_download=&#8221;true&#8221;]direct download[\/rokdownload]<\/p>\n<ul>\n<li class=\"link\">lista (link)!<\/li>\n<li class=\"link\">lista<\/li>\n<li class=\"link\">lista<\/li>\n<\/ul>\n<ul class=\"bullet-1\">\n<li>lista (bullet-1)<\/li>\n<li>lista<\/li>\n<li>lista<\/li>\n<\/ul>\n<ul class=\"bullet-2\">\n<li>lista (bullet-2)<\/li>\n<li>lista<\/li>\n<li>lista<\/li>\n<\/ul>\n<ul class=\"bullet-3\">\n<li>lista (bullet-3)<\/li>\n<li>lista<\/li>\n<li>lista<\/li>\n<\/ul>\n<ul class=\"bullet-4\">\n<li>lista (bullet-4)<\/li>\n<li>lista<\/li>\n<li>lista<\/li>\n<\/ul>\n<ul class=\"bullet-5\">\n<li>lista(bullet-5)<\/li>\n<li>lista<\/li>\n<li>lista<\/li>\n<\/ul>\n<ul class=\"bullet-6\">\n<li>lista (bullet-6)<\/li>\n<li>lista<\/li>\n<li>lista<\/li>\n<\/ul>\n<ul class=\"bullet-7\">\n<li>lista (bullet-7)<\/li>\n<li>lista<\/li>\n<li>lista<\/li>\n<\/ul>\n<ul class=\"bullet-8\">\n<li>lista(bullet-8)<\/li>\n<li>lista<\/li>\n<li>lista<\/li>\n<\/ul>\n<pre>format: \"preformatted\" <\/pre>\n<blockquote><p>blockquote (da scegliere nel &#8220;format&#8221;)<\/p><\/blockquote>\n<blockquote class=\"quotes\">\n<p>format: &#8220;blockquote&#8221;  &#8211; con lo style &#8220;quotes&#8221; e anche come paragrafo &#8211; cos\u00ec apre e chiude con le virgolette<\/p>\n<\/blockquote>\n<blockquote class=\"red\"><p>format: &#8220;blockquote&#8221;  &#8211; con lo style &#8220;red&#8221;<\/p><\/blockquote>\n<blockquote class=\"blue\"><p>format: &#8220;blockquote&#8221;  &#8211; con lo style &#8220;blue&#8221;<\/p><\/blockquote>\n<blockquote class=\"green\"><p>format: &#8220;blockquote&#8221;  &#8211; con lo style &#8220;green&#8221;<\/p><\/blockquote>\n<blockquote class=\"purple\"><p>format: &#8220;blockquote&#8221;  &#8211; con lo style &#8220;purple&#8221;<\/p><\/blockquote>\n<blockquote class=\"orange\"><p>format: &#8220;blockquote&#8221;  &#8211; con lo style &#8220;orange&#8221;<\/p><\/blockquote>\n<blockquote class=\"grey\"><p>format: &#8220;blockquote&#8221;  &#8211; con lo style &#8220;grey&#8221;<\/p><\/blockquote>\n<p class=\"important-orange\"><span class=\"important-title-orange\">titolo<\/span> testo testo testo      come si fa? titolo scritto all&#8217;inizio del testo &#8211; applicare stile p.e. &#8220;important-orange&#8221; a tutto incl. titolo e poi aggiungere lo stile p.e. &#8220;important-title-orange&#8221; in pi\u00f9 al titolo!<\/p>\n<p class=\"important-grey\"><span class=\"important-title-grey\">titolo<\/span> testo testo testo      come si fa? titolo scritto all&#8217;inizio del testo &#8211; applicare stile p.e. &#8220;important-grey&#8221; a tutto incl. titolo e poi aggiungere lo stile p.e. &#8220;important-title-grey&#8221; in pi\u00f9 al titolo!<\/p>\n<p><span class=\"dropcap\">all&#8217;inizio frase!<\/span> p.e. cos\u00ec: testo testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testo testo testo testo testo testotesto testo testotesto testo testotesto testo to testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotestotesto testo testo Testo testo testo.<\/p>\n<p><span class=\"dropcap\">d<\/span>p.e. dropcop &#8211; sempre la prima lettera &#8211; testo testo testo testo testo testo testotesto testo testotesto.testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testo.<\/p>\n<p><span class=\"dropcap-blue\">B<\/span>p.e. dropcop-blue &#8211; sempre la prima lettera &#8211; testo testo testo testo testo testo testotesto testo testotesto.testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testo.<\/p>\n<p><span class=\"dropcap-orange\">colorato<\/span> inizio colorato p.e. <strong>&#8220;dropcop-organge&#8221;<\/strong> testo testo testo testo testo testo testotesto testo testotesto.testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testotesto testo testo.<\/p>\n<p><span class=\"number-orange\">1 <\/span>&#8220;number-orange&#8221; testo testo testo testo testo testo testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testo.<\/p>\n<p><span class=\"number-purple\">2<\/span> &#8220;number-purple&#8221; ecc. ecc. testo testo testo testo testo testo testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testo.<\/p>\n<p>This is a span that allows you to highlight words or phrases. Use the following format: <span class=\"highlight\">&#8230;highlight&#8230;<\/span><\/p>\n<p>This is a span that allows you to highlight words or phrases. Use the following format: <span class=\"highlight-red\">highlight-red&#8230;<\/span><\/p>\n<p>This is a span that allows you to highlight words or phrases. Use the following format: <span class=\"highlight-blue\">&#8230;highlight-blue<br \/><\/span><\/p>\n<p>This is a span that allows you to highlight words or phrases. Use the following format: <span class=\"highlight-green\">&#8230;highlight-green<\/span><\/p>\n<p>This is a span that allows you to highlight words or phrases. Use the following format: <span class=\"highlight-orange\">&#8230;highlight-orange<\/span><\/p>\n<p>This is a span that allows you to highlight words or phrases. Use the following format: <span class=\"highlight-brown\">&#8230;highlight-brown<\/span><\/p>\n<p>This is a span that allows you to highlight words or phrases. Use the following format: <span class=\"highlight-purple\">&#8230;highlight-purple<\/span><\/p>\n<p>This is a span that allows you to highlight words or phrases. Use the following format: <span class=\"highlight-grey\">&#8230;highlight-grey<\/span><\/p>\n<p>testo testo testo testo testo testo testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testo. <span class=\"inset-right\">&#8220;inset-right&#8221; per qualcosa in evidenza a destra ! <\/span> testo testo testo testo testo testo testo testo testo estotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testo.esto testo testo testo testo testo testo testo testo estotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testo.<span class=\"inset-left\">&#8220;inset-left&#8221; per qualcosa in evidenza a sinistra!<\/span>testo testo testo testo testo testo testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testo.to testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testotesto testo testo testo testo.<\/p>\n<h2>Styles<\/h2>\n<p><span class=\"attention\">This is a sample of the <strong>&#8216;attention&#8217; style.<\/strong> Use this style to denote very important information to your users. To use this use the folllowing html: <strong>IN PRATTICA: <em>applicare lo stile<\/em>!<\/strong><\/span><\/p>\n<p><span class=\"notice\">This is a sample of the <strong>&#8216;notice&#8217; style<\/strong>. Use this style to denote very important information to your users.<\/span><\/p>\n<p> <span class=\"alert\">This is a sample of the<strong> &#8216;alert&#8217; style<\/strong>. Use this style to denote very important information to your users. <strong> <\/strong><\/span> <\/p>\n<p><span class=\"download\">This is a sample of the<strong> &#8216;download&#8217; style.<\/strong> Use this style to denote very important information to your users. <br \/><\/span><\/p>\n<p><span class=\"approved\">This is a sample of the<strong> &#8216;approved&#8217; style.<\/strong> Use this style to denote very important information to your users. <\/span><\/p>\n<p><span class=\"media\">This is a sample of the <strong>&#8216;media&#8217; style.<\/strong> Use this style to denote very important information to your users. <\/span> <span class=\"note\">This is a sample of the <strong>&#8216;note&#8217; style.<\/strong> Use this style to denote very important information to your users.<\/span> <span class=\"cart\">This is a sample of the <strong>&#8216;cart&#8217; style.<\/strong> Use this style to denote very important information to your users. <\/span> <span class=\"camera\">This is a sample of the<strong> &#8216;camera&#8217; style.<\/strong> Use this style to denote very important information to your users.<\/span> <span class=\"doc\">This is a sample of the <strong>&#8216;doc&#8217; style.<\/strong> Use this style to denote very important information to your users. <br \/><\/span><\/p>\n<h2>List Styles &#8211; Special Icons<\/h2>\n<ul class=\"special-1\">\n<li>lista special-1<\/li>\n<\/ul>\n<ul class=\"special-2\">\n<li>lista special-2<\/li>\n<\/ul>\n<ul class=\"special-3\">\n<li>lista special-3<\/li>\n<\/ul>\n<ul class=\"special-4\">\n<li>lista special-4<\/li>\n<\/ul>\n<ul class=\"special-5\">\n<li>lista special-5<\/li>\n<\/ul>\n<ul class=\"special-6\">\n<li>lista special-6<\/li>\n<\/ul>\n<ul class=\"special-7\">\n<li>lista special-7<\/li>\n<\/ul>\n<ul class=\"special-8\">\n<li>lista special-8<\/li>\n<\/ul>\n<ul class=\"special-9\">\n<li>lista special-9<\/li>\n<\/ul>\n<ul class=\"special-10\">\n<li>lista special-10<\/li>\n<\/ul>\n<ul class=\"special-11\">\n<li>lista special-11<\/li>\n<\/ul>\n<ul class=\"special-12\">\n<li>lista special-12<\/li>\n<\/ul>\n<ul class=\"special-13\">\n<li>lista special-13<\/li>\n<\/ul>\n<ul class=\"special-14\">\n<li>lista special-14<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Styles- typography Icone nei moduli Suffisso classe CSS modulo: suffisso: alert suffisso: arrow suffisso: attention suffisso: cart suffisso: check suffisso: download suffisso:faq suffisso: favorite suffisso: info suffisso: latest suffisso: media suffisso: plus suffisso: project suffisso: rss suffisso: user \u00a0 Downloads [rokdownload menuitem=&#8221;144&#8243; downloaditem=&#8221;24&#8243; direct_download=&#8221;false&#8221;]rokdownload link[\/rokdownload] [rokdownload menuitem=&#8221;145&#8243; downloaditem=&#8221;54&#8243; direct_download=&#8221;true&#8221;]direct download[\/rokdownload] lista (link)! lista lista lista [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[113],"tags":[],"class_list":["post-232961","post","type-post","status-publish","format-standard","hentry","category-uncategorised"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.mppu.org\/index.php\/wp-json\/wp\/v2\/posts\/232961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mppu.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mppu.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mppu.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mppu.org\/index.php\/wp-json\/wp\/v2\/comments?post=232961"}],"version-history":[{"count":0,"href":"https:\/\/www.mppu.org\/index.php\/wp-json\/wp\/v2\/posts\/232961\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.mppu.org\/index.php\/wp-json\/wp\/v2\/media?parent=232961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mppu.org\/index.php\/wp-json\/wp\/v2\/categories?post=232961"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mppu.org\/index.php\/wp-json\/wp\/v2\/tags?post=232961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}