{"id":1728,"date":"2011-08-30T22:00:43","date_gmt":"2011-08-30T20:00:43","guid":{"rendered":"http:\/\/www.mnkystudio.com\/dotted\/?page_id=1728"},"modified":"2011-08-30T22:00:43","modified_gmt":"2011-08-30T20:00:43","slug":"notes-and-boxes","status":"publish","type":"page","link":"https:\/\/condoprodata.com\/?page_id=1728","title":{"rendered":"Notes and boxes"},"content":{"rendered":"<p>Boxes and notes are available in unlimited colors, fully flexible by size and friendly to any content including other shortcodes. <\/p>\n<div class=\"su-divider-solid\"><\/div>\n<h3>Call out boxes<\/h3>\n<div class=\"su-spacer\" style=\"height:15px\"><\/div>\n<div class=\"su-callout\" style=\"background-color:#e20000; color:#ffffff; padding:25px;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus.<\/div>\n<div class=\"su-callout\" style=\"background-color:#ff6600; color:#ffffff; padding:25px;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus.<\/div>\n<div class=\"su-callout\" style=\"background-color:#39cb00; color:#ffffff; padding:25px;\">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. Aenean tincidunt ante posuere enim iaculis et blandit erat eleifend. Etiam quis mauris vitae tellus lacinia accumsan a id nisi. Praesent quis sapien quam. Etiam pharetra eleifend lorem, vel euismod tortor iaculis vitae. Duis nec mauris tellus, id consectetur neque. Pellentesque tincidunt cursus ante, pulvinar adipiscing urna feugiat posuere. Ut augue tortor, sagittis non sollicitudin vitae, facilisis vitae ipsum. Maecenas congue ornare porttitor<\/div>\n<div class=\"su-column su-column-1-2\">\n<div class=\"su-callout\" style=\"background-color:#00b1dd; color:#ffffff; padding:25px;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus.<\/div>\n<\/div>\n<div class=\"su-column su-column-1-2 su-column-last\">\n<div class=\"su-callout\" style=\"background-color:#cb036f; color:#ffffff; padding:25px;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus.<\/div>\n<\/div>\n<div class=\"su-spacer\"><\/div>\n<div class=\"su-spoiler su-spoiler-style-0\">\n<div class=\"su-spoiler-title\">Get example code<\/div>\n<div class=\"su-spoiler-content\">\n<pre> [callout bg=\"#cb0056\" color=\"#ffffff\"] Content [\/callout]\n<\/pre>\n<\/div>\n<\/div>\n<h3>Box with caption<\/h3>\n<div class=\"su-spacer\" style=\"height:15px\"><\/div>\n<div class=\"su-box\">\n<div class=\"su-box-title\" style=\"background-color:#969696;border-top:1px solid #d5d5d5;text-shadow:1px 1px 0 #787878\">Box title I<\/div>\n<div class=\"su-box-content\"  style=\"color:#3c3c3c; background-color:#eaeaea; border:1px solid #d5d5d5;\"> Content <\/div>\n<\/div>\n<div class=\"su-box\">\n<div class=\"su-box-title\" style=\"background-color:#f9b209;border-top:1px solid #fde09d;text-shadow:1px 1px 0 #c78e07\">Box title II<\/div>\n<div class=\"su-box-content\"  style=\"color:#644704; background-color:#fef0ce; border:1px solid #fde09d;\"> Content <\/div>\n<\/div>\n<div class=\"su-box\">\n<div class=\"su-box-title\" style=\"background-color:#80ca0a;border-top:1px solid #ccea9d;text-shadow:1px 1px 0 #66a208\">Box title III<\/div>\n<div class=\"su-box-content\"  style=\"color:#335104; background-color:#e6f4ce; border:1px solid #ccea9d;\"> Content <\/div>\n<\/div>\n<div class=\"su-spoiler su-spoiler-style-0\">\n<div class=\"su-spoiler-title\">Get example code<\/div>\n<div class=\"su-spoiler-content\">\n<pre> [box title=\"Box title III\" color=\"#80ca0a\"] Content [\/box]\n<\/pre>\n<\/div>\n<\/div>\n<h3>Notes<\/h3>\n<div class=\"su-spacer\" style=\"height:15px\"><\/div>\n<div class=\"su-note\" style=\"background-color:#ffa3a3;border:1px solid #cc7070\">\n<div class=\"su-note-shell\" style=\"border:1px solid #ffc6c6; color:#663838\"> Note text  <\/div>\n<\/div>\n<div class=\"su-note\" style=\"background-color:#c8f87d;border:1px solid #95c54a\">\n<div class=\"su-note-shell\" style=\"border:1px solid #ddfbae; color:#4a6225\"> Note text  <\/div>\n<\/div>\n<div class=\"su-note\" style=\"background-color:#e1fdf1;border:1px solid #aecabe\">\n<div class=\"su-note-shell\" style=\"border:1px solid #edfef7; color:#57655f\"> Note text  <\/div>\n<\/div>\n<div class=\"su-note\" style=\"background-color:#fdef78;border:1px solid #cabc45\">\n<div class=\"su-note-shell\" style=\"border:1px solid #fef5ab; color:#655e22\"> Note text  <\/div>\n<\/div>\n<div class=\"su-spoiler su-spoiler-style-0\">\n<div class=\"su-spoiler-title\">Get example code<\/div>\n<div class=\"su-spoiler-content\">\n<pre> [note color=\"#fdeb56\"] Note text  [\/note]\n<\/pre>\n<\/div>\n<\/div>\n<h3>Notes with custom icon<\/h3>\n<div class=\"su-spacer\" style=\"height:15px\"><\/div>\n<div class=\"su-note\" style=\"background-color:#c4eb4a;border:1px solid #91b817\">\n<div class=\"su-note-shell\" style=\"border:1px solid #daf38e; color:#485c0c\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.mnkystudio.com\/promotion\/wp-content\/uploads\/2011\/08\/shield_protect_on.png\" width=\"32\" height=\"32\" \/> Note text<\/div>\n<\/div>\n<div class=\"su-note\" style=\"background-color:#ea9292;border:1px solid #b75f5f\">\n<div class=\"su-note-shell\" style=\"border:1px solid #f2bbbb; color:#5c3030\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.mnkystudio.com\/promotion\/wp-content\/uploads\/2011\/08\/close_delete.png\" width=\"32\" height=\"32\" \/> Note text<\/div>\n<\/div>\n<div class=\"su-note\" style=\"background-color:#bfe5e1;border:1px solid #8cb2ae\">\n<div class=\"su-note-shell\" style=\"border:1px solid #d7efed; color:#465957\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.mnkystudio.com\/promotion\/wp-content\/uploads\/2011\/08\/flag_mark_blue.png\" width=\"32\" height=\"32\" \/> Note text<\/div>\n<\/div>\n<div class=\"su-spoiler su-spoiler-style-0\">\n<div class=\"su-spoiler-title\">Get example code<\/div>\n<div class=\"su-spoiler-content\">\n<pre> [note color=\"#e57777\"] &#60;img src=\"\" width=\"32\" height=\"32\" \/&#62; Note text [\/note]\n<\/pre>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Boxes and notes are available in unlimited colors, fully flexible by size and friendly to any content including other shortcodes. Call out boxes Box with caption Notes Notes with custom icon<\/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\/1728"}],"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=1728"}],"version-history":[{"count":0,"href":"https:\/\/condoprodata.com\/index.php?rest_route=\/wp\/v2\/pages\/1728\/revisions"}],"wp:attachment":[{"href":"https:\/\/condoprodata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}