{"id":3596,"date":"2013-12-19T15:37:58","date_gmt":"2013-12-19T15:37:58","guid":{"rendered":"https:\/\/megafm.com.uy\/web\/2013\/12\/19\/typography\/"},"modified":"2013-12-19T15:37:58","modified_gmt":"2013-12-19T15:37:58","slug":"typography","status":"publish","type":"post","link":"https:\/\/megafm.com.uy\/web\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<div class=\"typo\">\n<div class=\"nuTypoBlock\">\n<h6 class=\"nuTypoTitle\">Leading Paragraph<\/h6>\n<p class=\"leading\">Fusce est nisl, vulputate vitae convallis nec, rutrum in est. Nullam non leo mi, quis vehicula sapien. Donec fermentum nunc id purus mollis molestie. Sed egestas, neque eu molestie semper, libero massa porta risus, at dapibus arcu ipsum sit amet lorem. Suspendisse imperdiet vehicula purus, id cursus felis porta non. Donec blandit dui ut nisi hendrerit aliquam.<br \/> Aliquam eget fermentum nulla. Praesent sed enim purus!<\/p>\n<\/div>\n<div class=\"nuTypoBlock\">\n<h6 class=\"nuTypoTitle\">Default Paragraph<\/h6>\n<p>Fusce est nisl, vulputate vitae convallis nec, rutrum in est. Nullam non leo mi, quis vehicula sapien. Donec fermentum nunc id purus mollis molestie. Sed egestas, neque eu molestie semper, libero massa porta risus, at dapibus arcu ipsum sit amet lorem. Suspendisse imperdiet vehicula purus, id cursus felis porta non. Donec blandit dui ut nisi hendrerit aliquam.<\/p>\n<\/div>\n<div class=\"nuTypoBlock\">\n<h6 class=\"nuTypoTitle\">Headings<\/h6>\n<h1>Heading 1<\/h1>\n<h2>Heading 2<\/h2>\n<h3>Heading 3<\/h3>\n<h4>Heading 4<\/h4>\n<h5>Heading 5<\/h5>\n<h6>Heading 6<\/h6>\n<\/div>\n<div class=\"nuTypoBlock\">\n<h6 class=\"nuTypoTitle\">Blockquotes<\/h6>\n<blockquote>\n<p>Fusce est nisl, vulputate vitae convallis nec, rutrum in est. Nullam non leo mi, quis vehicula sapien.<\/p>\n<p><cite>Jackie Brown<\/cite><\/p><\/blockquote>\n<\/div>\n<div class=\"nuTypoBlock\">\n<h6 class=\"nuTypoTitle\">Unordered Lists<\/h6>\n<ul class=\"nuUnorderedList01\">\n<li>Aenean mollis velit eu metus vehicula tempor.<\/li>\n<li>Curabitur et neque turpis, in adipi cing quam.<\/li>\n<li>Morbi sollicitudin odio id nisl viverra faucibus nec et leo.<\/li>\n<li>Phasellus ut felis ac lectus vehicula.<\/li>\n<\/ul>\n<ul class=\"nuUnorderedList02\">\n<li>Aenean mollis velit eu metus vehicula tempor.<\/li>\n<li>Curabitur et neque turpis, in adipi cing quam.<\/li>\n<li>Morbi sollicitudin odio id nisl viverra faucibus nec et leo.<\/li>\n<li>Phasellus ut felis ac lectus vehicula.<\/li>\n<\/ul>\n<div class=\"clr\">\u00a0<\/div>\n<\/div>\n<div class=\"nuTypoBlock\">\n<h6 class=\"nuTypoTitle\">Ordered Lists<\/h6>\n<ol class=\"orderedList01\">\n<li>Aenean mollis velit eu metus vehicula tempor.<\/li>\n<li>Curabitur et neque turpis, in adipi cing quam.<\/li>\n<li>Morbi sollicitudin odio id nisl viverra faucibus nec et leo.<\/li>\n<li>Phasellus ut felis ac lectus vehicula.<\/li>\n<\/ol>\n<ol class=\"orderedList02\">\n<li>Aenean mollis velit eu metus vehicula tempor.<\/li>\n<li>Curabitur et neque turpis, in adipi cing quam.<\/li>\n<li>Morbi sollicitudin odio id nisl viverra faucibus nec et leo.<\/li>\n<li>Phasellus ut felis ac lectus vehicula.<\/li>\n<\/ol>\n<div class=\"clr\">\u00a0<\/div>\n<\/div>\n<div class=\"nuTypoBlock\">\n<h6 class=\"nuTypoTitle\">Pre tag or code class<\/h6>\n<pre class=\"nuPre01\">#wrapper {   \r\n    position: relative;  \r\n    float: left;   \r\n    display: block; \r\n}\r\n<\/pre>\n<\/div>\n<div class=\"nuTypoBlock\">\n<h6 class=\"nuTypoTitle\">Highlights<\/h6>\n<p class=\"highlights\">Maecenas molestie tellus vel nisi <span class=\"highlight01\">lacinia ornare<\/span>. Nulla at risus eu mauris adipiscing feugiat a vitae mi.<\/p>\n<\/div>\n<div class=\"nuTypoBlock\">\n<h6 class=\"nuTypoTitle\">Bubble Speech<\/h6>\n<div class=\"nuBubble bubble01\">Nunc lectus ligula, scelerisque sed scelerisque at, fringilla at ipsum. Cras porttitor tellus a ipsum faucibus luctus. In non erat vel quam facilisis.<\/div>\n<p class=\"nuBubbleMeta\"><span class=\"nuBubbleAuthor\">Author Name<\/span><\/p>\n<div class=\"nuBubble bubble02\">Nunc lectus ligula, scelerisque sed scelerisque at, fringilla at ipsum. Cras porttitor tellus a ipsum faucibus luctus. In non erat vel quam facilisis.<\/div>\n<p class=\"nuBubbleMeta\"><span class=\"nuBubbleAuthor\">Author Name<\/span><\/p>\n<div class=\"nuBubble bubble03\">Nunc lectus ligula, scelerisque sed scelerisque at, fringilla at ipsum. Cras porttitor tellus a ipsum faucibus luctus. In non erat vel quam facilisis.<\/div>\n<p class=\"nuBubbleMeta\"><span class=\"nuBubbleAuthor\">Author Name<\/span><\/p>\n<\/div>\n<div class=\"nuTypoBlock\">\n<h6 class=\"nuTypoTitle\">Separators<\/h6>\n<hr \/>\n<hr class=\"hr2\" \/>\n<hr class=\"hr3\" \/><\/div>\n<div class=\"nuTypoBlock\">\n<h6 class=\"nuTypoTitle\">Blocks<\/h6>\n<div class=\"nuBlocks block01\">\n<h3><span>Block 1<\/span><\/h3>\n<p>Maecenas molestie tellus vel nisi lacinia ornare. Nulla at risus eu mauris adipiscing feugiat a vitae mi.<\/p>\n<\/div>\n<div class=\"nuBlocks block02\">\n<h3><span>Block 2<\/span><\/h3>\n<p>Maecenas molestie tellus vel nisi lacinia ornare. Nulla at risus eu mauris adipiscing feugiat a vitae mi.<\/p>\n<\/div>\n<div class=\"nuBlocks block03\">\n<h3><span>Block 3<\/span><\/h3>\n<p>Maecenas molestie tellus vel nisi lacinia ornare. Nulla at risus eu mauris adipiscing feugiat a vitae mi.<\/p>\n<\/div>\n<\/div>\n<div class=\"nuTypoBlock\">\n<h6 class=\"nuTypoTitle\">Tables<\/h6>\n<table class=\"text-center nuTypoTable\" style=\"width: 100%;\">\n<tbody>\n<tr>\n<th>HEADER 1<\/th>\n<th>HEADER 2<\/th>\n<th>HEADER 3<\/th>\n<\/tr>\n<tr>\n<td>$100<\/td>\n<td>$200<\/td>\n<td>$300<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"nuTypoBlock\">\n<h6 class=\"nuTypoTitle\">Buttons<\/h6>\n<p><a class=\"gridBlock btn huge\" href=\"#\">Button 01<\/a> <a class=\"gridBlock btn\" href=\"#\">Button 02<\/a> <a class=\"gridBlock btn small\" href=\"#\">Button 03<\/a><\/div>\n<div class=\"nuTypoBlock\"><a class=\"gridBlock btn huge invert\" href=\"#\">Button 01<\/a> <a class=\"gridBlock btn invert\" href=\"#\">Button 02<\/a> <a class=\"gridBlock btn small invert\" href=\"#\">Button 03<\/a><\/div>\n<div class=\"nuTypoBlock transBg\"><a class=\"gridBlock btn huge transparent\" href=\"#\">Button 01<\/a> <a class=\"gridBlock btn transparent\" href=\"#\">Button 02<\/a> <a class=\"gridBlock btn small transparent\" href=\"#\">Button 03<\/a><\/div>\n<div class=\"nuTypoBlock\">\n<h6 class=\"nuTypoTitle\">Warnings<\/h6>\n<p class=\"nuWarnings nuAlert\">Aenean justo lacus, porta bibendum iaculis id, interdum ac quam. Nulla at tortor ut nisl pretium imperdiet. Nullam a est quis lorem egestas lobortis.<\/p>\n<p class=\"nuWarnings nuInfo\">Aenean justo lacus, porta bibendum iaculis id, interdum ac quam. Nulla at tortor ut nisl pretium imperdiet. Nullam a est quis lorem egestas lobortis.<\/p>\n<p class=\"nuWarnings nuSuccess\">Aenean justo lacus, porta bibendum iaculis id, interdum ac quam. Nulla at tortor ut nisl pretium imperdiet. Nullam a est quis lorem egestas lobortis.<\/p>\n<p class=\"nuWarnings nuError\">Aenean justo lacus, porta bibendum iaculis id, interdum ac quam. Nulla at tortor ut nisl pretium imperdiet. Nullam a est quis lorem egestas lobortis.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Leading Paragraph Fusce est nisl, vulputate vitae convallis nec, rutrum in est. Nullam non leo mi, quis vehicula sapien. Donec fermentum nunc id purus mollis molestie. Sed egestas, neque eu molestie semper, libero massa porta risus, at dapibus arcu ipsum sit amet lorem. Suspendisse imperdiet vehicula purus, id cursus felis porta non. Donec blandit dui [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-3596","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/megafm.com.uy\/web\/wp-json\/wp\/v2\/posts\/3596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/megafm.com.uy\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/megafm.com.uy\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/megafm.com.uy\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/megafm.com.uy\/web\/wp-json\/wp\/v2\/comments?post=3596"}],"version-history":[{"count":0,"href":"https:\/\/megafm.com.uy\/web\/wp-json\/wp\/v2\/posts\/3596\/revisions"}],"wp:attachment":[{"href":"https:\/\/megafm.com.uy\/web\/wp-json\/wp\/v2\/media?parent=3596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/megafm.com.uy\/web\/wp-json\/wp\/v2\/categories?post=3596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/megafm.com.uy\/web\/wp-json\/wp\/v2\/tags?post=3596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}