{"id":1594,"date":"2011-08-30T01:06:09","date_gmt":"2011-08-29T23:06:09","guid":{"rendered":"http:\/\/www.mnkystudio.com\/dotted\/?page_id=1594"},"modified":"2011-08-30T01:06:09","modified_gmt":"2011-08-29T23:06:09","slug":"content-styling","status":"publish","type":"page","link":"https:\/\/condoprodata.com\/?page_id=1594","title":{"rendered":"Content styling"},"content":{"rendered":"<h3>Multiple color dropcaps<\/h3>\n<div class=\"su-spacer\" style=\"height:15px\"><\/div>\n<div class=\"su-dropcap-black\">L<\/div>\n<p>orem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat. Aenean tincidunt ante posuere enim iaculis et blandit erat eleifend.<br \/>\n<\/p>\n<div class=\"su-dropcap-green\">L<\/div>\n<p>orem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat. Aenean tincidunt ante posuere enim iaculis et blandit erat eleifend.<br \/>\n<\/p>\n<div class=\"su-dropcap-orange\">L<\/div>\n<p>orem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat. Aenean tincidunt ante posuere enim iaculis et blandit erat eleifend. <\/p>\n<h5>Or use them other way<\/h5>\n<p><\/p>\n<div class=\"su-column su-column-dropcap\">\n<div class=\"su-dropcap-black\">1<\/div>\n<\/div>\n<div class=\"su-column su-column-dropcap_txt su-column-last\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.<\/div>\n<div class=\"su-spacer\"><\/div>\n<p><\/p>\n<div class=\"su-column su-column-dropcap\">\n<div class=\"su-dropcap-gray\">2<\/div>\n<\/div>\n<div class=\"su-column su-column-dropcap_txt su-column-last\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.<\/div>\n<div class=\"su-spacer\"><\/div>\n<p><\/p>\n<div class=\"su-column su-column-dropcap\">\n<div class=\"su-dropcap-blue\">3<\/div>\n<\/div>\n<div class=\"su-column su-column-dropcap_txt su-column-last\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.<\/div>\n<div class=\"su-spacer\"><\/div>\n<p><\/p>\n<div class=\"su-column su-column-dropcap\">\n<div class=\"su-dropcap-red\">4<\/div>\n<\/div>\n<div class=\"su-column su-column-dropcap_txt su-column-last\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.<\/div>\n<div class=\"su-spacer\"><\/div>\n<p><\/p>\n<div class=\"su-column su-column-dropcap\">\n<div class=\"su-dropcap-green\">5<\/div>\n<\/div>\n<div class=\"su-column su-column-dropcap_txt su-column-last\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.<\/div>\n<div class=\"su-spacer\"><\/div>\n<p><\/p>\n<div class=\"su-column su-column-dropcap\">\n<div class=\"su-dropcap-yellow\">6<\/div>\n<\/div>\n<div class=\"su-column su-column-dropcap_txt su-column-last\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.<\/div>\n<div class=\"su-spacer\"><\/div>\n<p><\/p>\n<div class=\"su-column su-column-dropcap\">\n<div class=\"su-dropcap-orange\">7<\/div>\n<\/div>\n<div class=\"su-column su-column-dropcap_txt su-column-last\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.<\/div>\n<div class=\"su-spacer\"><\/div>\n<p><\/p>\n<div class=\"su-column su-column-dropcap\">\n<div class=\"su-dropcap-pink-orange\">8<\/div>\n<\/div>\n<div class=\"su-column su-column-dropcap_txt su-column-last\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.<\/div>\n<div class=\"su-spacer\"><\/div>\n<p><\/p>\n<div class=\"su-column su-column-dropcap\">\n<div class=\"su-dropcap-purple\">9<\/div>\n<\/div>\n<div class=\"su-column su-column-dropcap_txt su-column-last\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.<\/div>\n<div class=\"su-spacer\"><\/div>\n<div class=\"su-spoiler su-spoiler-style-0\">\n<div class=\"su-spoiler-title\">Get the code<\/div>\n<div class=\"su-spoiler-content\">\n<pre>\n\n&#091;dropcap&#093;L&#091;\/dropcap&#093;Content&#091;\/column&#093;\n\n&#091;dropcap color=\"green\"&#093;L&#091;\/dropcap&#093;Content&#091;\/column&#093;\n\n&#091;dropcap color=\"orange\"&#093;L&#091;\/dropcap&#093;Content&#091;\/column&#093;\n\n&#091;column size=\"dropcap\" last=\"0\"&#093;&#091;dropcap&#093;1&#091;\/dropcap&#093;&#091;\/column&#093;\n&#091;column size=\"dropcap_txt\" last=\"1\"&#093;Content&#091;\/column&#093;\n\n&#091;column size=\"dropcap\" last=\"0\" style=\"0\"&#093;&#091;dropcap color=\"gray\"&#093;2&#091;\/dropcap&#093;&#091;\/column&#093;\n&#091;column size=\"dropcap_txt\" last=\"1\" style=\"0\"&#093;Content&#091;\/column&#093;\n\n&#091;column size=\"dropcap\" last=\"0\" style=\"0\"&#093;&#091;dropcap color=\"blue\"&#093;3&#091;\/dropcap&#093;&#091;\/column&#093;\n&#091;column size=\"dropcap_txt\" last=\"1\" style=\"0\"&#093;Content&#091;\/column&#093;\n\n&#091;column size=\"dropcap\" last=\"0\" style=\"0\"&#093;&#091;dropcap color=\"red\"&#093;4&#091;\/dropcap&#093;&#091;\/column&#093;\n&#091;column size=\"dropcap_txt\" last=\"1\" style=\"0\"&#093;Content&#091;\/column&#093;\n\n&#091;column size=\"dropcap\" last=\"0\" style=\"0\"&#093;&#091;dropcap color=\"green\"&#093;5&#091;\/dropcap&#093;&#091;\/column&#093;\n&#091;column size=\"dropcap_txt\" last=\"1\" style=\"0\"&#093;Content&#091;\/column&#093;\n\n&#091;column size=\"dropcap\" last=\"0\" style=\"0\"&#093;&#091;dropcap color=\"yellow\"&#093;6&#091;\/dropcap&#093;&#091;\/column&#093;\n&#091;column size=\"dropcap_txt\" last=\"1\" style=\"0\"&#093;Content&#091;\/column&#093;\n\n&#091;column size=\"dropcap\" last=\"0\" style=\"0\"&#093;&#091;dropcap color=\"orange\"&#093;7&#091;\/dropcap&#093;&#091;\/column&#093;\n&#091;column size=\"dropcap_txt\" last=\"1\" style=\"0\"&#093;Content&#091;\/column&#093;\n\n&#091;column size=\"dropcap\" last=\"0\" style=\"0\"&#093;&#091;dropcap color=\"pink-orange\"&#093;8&#091;\/dropcap&#093;&#091;\/column&#093;\n&#091;column size=\"dropcap_txt\" last=\"1\" style=\"0\"&#093;Content&#091;\/column&#093;\n\n&#091;column size=\"dropcap\" last=\"0\" style=\"0\"&#093;&#091;dropcap color=\"purple\"&#093;9&#091;\/dropcap&#093;&#091;\/column&#093;\n&#091;column size=\"dropcap_txt\" last=\"1\" style=\"0\"&#093;Content&#091;\/column&#093;\n<\/pre>\n<\/div>\n<\/div>\n<h3>Clearing floats<\/h3>\n<div class=\"su-spacer\" style=\"height:15px\"><\/div>\n<p>This element is left floated, but a [clear] shortcode after it clears all floats and you can add your text below it.<\/p>\n<div class=\"su-pullquote su-pullquote-style-1 su-pullquote-align-left\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sollicitudin urna lacus. Proin consectetur. <\/div>\n<div class=\"clear\"><\/div>\n<div class=\"su-spoiler su-spoiler-style-0\">\n<div class=\"su-spoiler-title\">Get the code<\/div>\n<div class=\"su-spoiler-content\">\n<pre>[pullquote align=\"left\"] Content [\/pullquote]\n[clear] <\/pre>\n<\/div>\n<\/div>\n<h3>Custom div<\/h3>\n<div class=\"su-spacer\" style=\"height:15px\"><\/div>\n<div class=\"su_custom_style_div\" style=\"border-width:5px; border-style:dotted; border-color:#dddddd ;text-align:center;\">\n<h1>This is a custom styled div<\/h1>\n<\/div>\n<div class=\"su-spacer\" style=\"height:15px\"><\/div>\n<div class=\"su-spoiler su-spoiler-style-0\">\n<div class=\"su-spoiler-title\">Get the code<\/div>\n<div class=\"su-spoiler-content\">\n<pre>[div style=\"border-width:5px; border-style:dotted; border-color:#dddddd ;text-align:center;\"] Content [\/div] <\/pre>\n<\/div>\n<\/div>\n<h3>Styled heading<\/h3>\n<div class=\"su-spacer\" style=\"height:15px\"><\/div>\n<div class=\"su-heading\">\n<div class=\"su-heading-shell\"> This is a heading shortcode <\/div>\n<\/div>\n<div class=\"su-spoiler su-spoiler-style-0\">\n<div class=\"su-spoiler-title\">Get the code<\/div>\n<div class=\"su-spoiler-content\">\n<pre>[heading] Content [\/heading] <\/pre>\n<\/div>\n<\/div>\n<h3>Text highlight<\/h3>\n<div class=\"su-spacer\" style=\"height:15px\"><\/div>\n<p><span class=\"su-highlight\" style=\"background:#fff287;color:#000\">&nbsp; Lorem ipsum dolor sit amet, consectetur adipiscing elit. &nbsp;<\/span> Proin sollicitudin ante id libero vulputate semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <\/p>\n<p><span class=\"su-highlight\" style=\"background:#ffafaf;color:#fff\">&nbsp; Lorem ipsum dolor sit amet, consectetur adipiscing elit. &nbsp;<\/span> Proin sollicitudin ante id libero vulputate semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <\/p>\n<p><span class=\"su-highlight\" style=\"background:#abfa9e;color:#037d00\">&nbsp; Lorem ipsum dolor sit amet, consectetur adipiscing elit. &nbsp;<\/span> Proin sollicitudin ante id libero vulputate semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <\/p>\n<p><span class=\"su-highlight\" style=\"background:#c3eff0;color:#002c68\">&nbsp; Lorem ipsum dolor sit amet, consectetur adipiscing elit. &nbsp;<\/span> Proin sollicitudin ante id libero vulputate semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <\/p>\n<p><span class=\"su-highlight\" style=\"background:#e1dee0;color:#656565\">&nbsp; Lorem ipsum dolor sit amet, consectetur adipiscing elit. &nbsp;<\/span> Proin sollicitudin ante id libero vulputate semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <\/p>\n<div class=\"su-spoiler su-spoiler-style-0\">\n<div class=\"su-spoiler-title\">Get the code<\/div>\n<div class=\"su-spoiler-content\">\n<pre> [highlight bg=\"#000\" color=\"#fff\"] Content [\/highlight] <\/pre>\n<\/div>\n<\/div>\n<h3> Empty space with adjustable height  <\/h3>\n<p>100px additional empty space is added after this line.<\/p>\n<div class=\"su-spacer\" style=\"height:100px\"><\/div>\n<div class=\"su-spoiler su-spoiler-style-0\">\n<div class=\"su-spoiler-title\">Get the code<\/div>\n<div class=\"su-spoiler-content\">\n<pre>[spacer size=\"\"100\"]<\/pre>\n<\/div>\n<\/div>\n<h3> Links with selectable color  <\/h3>\n<div class=\"su-spacer\" style=\"height:15px\"><\/div>\n<p><a class=\"su-fancy-link su-fancy-link\" style=\" color:#555\" href=\"javascript:;\"> Read more <span>&rarr;<\/span><\/a><\/p>\n<p><a class=\"su-fancy-link su-fancy-link\" style=\" color:green\" href=\"javascript:;\"> Anything can be posted here<span>&rarr;<\/span><\/a><\/p>\n<p><a class=\"su-fancy-link su-fancy-link\" style=\" color:blue\" href=\"javascript:;\"> Any color posible<span>&rarr;<\/span><\/a><\/p>\n<div class=\"su-spoiler su-spoiler-style-0\">\n<div class=\"su-spoiler-title\">Get the code<\/div>\n<div class=\"su-spoiler-content\">\n<pre> [fancy_link color=\"blue\" link=\"http:\/\/example.com\/\"] Content [\/fancy_link]<\/pre>\n<\/div>\n<\/div>\n<h3> Divider with optional Top function  <\/h3>\n<div class=\"su-spacer\" style=\"height:15px\"><\/div>\n<div class=\"su-divider-shadow\"><\/div>\n<div class=\"su-divider-shadow\"><a href=\"#top\">Top<\/a><\/div>\n<div class=\"su-divider-solid\"><\/div>\n<div class=\"su-divider-solid\"><a href=\"#top\">Top<\/a><\/div>\n<div class=\"su-spoiler su-spoiler-style-0\">\n<div class=\"su-spoiler-title\">Get the code<\/div>\n<div class=\"su-spoiler-content\">\n<pre>[divider]\n[divider top=\"1\"] <\/pre>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Multiple color dropcaps orem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat. Aenean tincidunt ante posuere enim iaculis et blandit erat eleifend. orem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"Template_right-sidebar.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/condoprodata.com\/index.php?rest_route=\/wp\/v2\/pages\/1594"}],"collection":[{"href":"https:\/\/condoprodata.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/condoprodata.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/condoprodata.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/condoprodata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1594"}],"version-history":[{"count":0,"href":"https:\/\/condoprodata.com\/index.php?rest_route=\/wp\/v2\/pages\/1594\/revisions"}],"wp:attachment":[{"href":"https:\/\/condoprodata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}