{"id":105,"date":"2012-06-22T07:16:32","date_gmt":"2012-06-22T07:16:32","guid":{"rendered":"http:\/\/localhost\/the_practice\/?page_id=105"},"modified":"2012-06-22T07:16:32","modified_gmt":"2012-06-22T07:16:32","slug":"shortcodes-tables-boxes","status":"publish","type":"page","link":"https:\/\/www.jamesurbanic.com\/?page_id=105","title":{"rendered":"Shortcodes: Tables &#038; Boxes"},"content":{"rendered":"<h2>Tables with Predefined Colors<\/h2>\n<div class=\"styled_table styled_table\">\n<table>\n<thead>\n<tr>\n<th style=\"width:25%\">Browser<\/th>\n<th style=\"width:25%\">Version<\/th>\n<th style=\"width:25%\">CSS Grade<\/th>\n<th style=\"width:25%\">Platform<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Firefox<\/td>\n<td>6.0.2<\/td>\n<td>AAA<\/td>\n<td>Win XP<\/td>\n<\/tr>\n<tr>\n<td>Internet Explorer<\/td>\n<td>8<\/td>\n<td>C<\/td>\n<td>Win Vista<\/td>\n<\/tr>\n<tr>\n<td>Chrome<\/td>\n<td>5<\/td>\n<td>BB<\/td>\n<td>Win 7<\/td>\n<\/tr>\n<tr>\n<td>Safari<\/td>\n<td>5<\/td>\n<td>AA<\/td>\n<td>Win 7<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"styled_table styled_table table_yellow\">\n<table>\n<thead>\n<tr>\n<th style=\"width:25%\">Browser<\/th>\n<th style=\"width:25%\">Version<\/th>\n<th style=\"width:25%\">CSS Grade<\/th>\n<th style=\"width:25%\">Platform<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Firefox<\/td>\n<td>6.0.2<\/td>\n<td>AAA<\/td>\n<td>Win XP<\/td>\n<\/tr>\n<tr>\n<td>Internet Explorer<\/td>\n<td>8<\/td>\n<td>C<\/td>\n<td>Win Vista<\/td>\n<\/tr>\n<tr>\n<td>Chrome<\/td>\n<td>5<\/td>\n<td>BB<\/td>\n<td>Win 7<\/td>\n<\/tr>\n<tr>\n<td>Safari<\/td>\n<td>5<\/td>\n<td>AA<\/td>\n<td>Win 7<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"styled_table styled_table table_blue\">\n<table>\n<thead>\n<tr>\n<th style=\"width:25%\">Browser<\/th>\n<th style=\"width:25%\">Version<\/th>\n<th style=\"width:25%\">CSS Grade<\/th>\n<th style=\"width:25%\">Platform<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Firefox<\/td>\n<td>6.0.2<\/td>\n<td>AAA<\/td>\n<td>Win XP<\/td>\n<\/tr>\n<tr>\n<td>Internet Explorer<\/td>\n<td>8<\/td>\n<td>C<\/td>\n<td>Win Vista<\/td>\n<\/tr>\n<tr>\n<td>Chrome<\/td>\n<td>5<\/td>\n<td>BB<\/td>\n<td>Win 7<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"styled_table styled_table table_green\">\n<table>\n<thead>\n<tr>\n<th style=\"width:25%\">Browser<\/th>\n<th style=\"width:25%\">Version<\/th>\n<th style=\"width:25%\">CSS Grade<\/th>\n<th style=\"width:25%\">Platform<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Firefox<\/td>\n<td>6.0.2<\/td>\n<td>AAA<\/td>\n<td>Win XP<\/td>\n<\/tr>\n<tr>\n<td>Internet Explorer<\/td>\n<td>8<\/td>\n<td>C<\/td>\n<td>Win Vista<\/td>\n<\/tr>\n<tr>\n<td>Chrome<\/td>\n<td>5<\/td>\n<td>BB<\/td>\n<td>Win 7<\/td>\n<\/tr>\n<tr>\n<td>Safari<\/td>\n<td>5<\/td>\n<td>AA<\/td>\n<td>Win 7<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"styled_table styled_table table_pink\">\n<table>\n<thead>\n<tr>\n<th style=\"width:25%\">Browser<\/th>\n<th style=\"width:25%\">Version<\/th>\n<th style=\"width:25%\">CSS Grade<\/th>\n<th style=\"width:25%\">Platform<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Firefox<\/td>\n<td>6.0.2<\/td>\n<td>AAA<\/td>\n<td>Win XP<\/td>\n<\/tr>\n<tr>\n<td>Internet Explorer<\/td>\n<td>8<\/td>\n<td>C<\/td>\n<td>Win Vista<\/td>\n<\/tr>\n<tr>\n<td>Chrome<\/td>\n<td>5<\/td>\n<td>BB<\/td>\n<td>Win 7<\/td>\n<\/tr>\n<tr>\n<td>Safari<\/td>\n<td>5<\/td>\n<td>AA<\/td>\n<td>Win 7<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"styled_table styled_table table_dark\">\n<table>\n<thead>\n<tr>\n<th style=\"width:25%\">Browser<\/th>\n<th style=\"width:25%\">Version<\/th>\n<th style=\"width:25%\">CSS Grade<\/th>\n<th style=\"width:25%\">Platform<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Firefox<\/td>\n<td>6.0.2<\/td>\n<td>AAA<\/td>\n<td>Win XP<\/td>\n<\/tr>\n<tr>\n<td>Internet Explorer<\/td>\n<td>8<\/td>\n<td>C<\/td>\n<td>Win Vista<\/td>\n<\/tr>\n<tr>\n<td>Chrome<\/td>\n<td>5<\/td>\n<td>BB<\/td>\n<td>Win 7<\/td>\n<\/tr>\n<tr>\n<td>Safari<\/td>\n<td>5<\/td>\n<td>AA<\/td>\n<td>Win 7<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"styled_table styled_table table_orange\">\n<table>\n<thead>\n<tr>\n<th style=\"width:25%\">Browser<\/th>\n<th style=\"width:25%\">Version<\/th>\n<th style=\"width:25%\">CSS Grade<\/th>\n<th style=\"width:25%\">Platform<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Firefox<\/td>\n<td>6.0.2<\/td>\n<td>AAA<\/td>\n<td>Win XP<\/td>\n<\/tr>\n<tr>\n<td>Internet Explorer<\/td>\n<td>8<\/td>\n<td>C<\/td>\n<td>Win Vista<\/td>\n<\/tr>\n<tr>\n<td>Chrome<\/td>\n<td>5<\/td>\n<td>BB<\/td>\n<td>Win 7<\/td>\n<\/tr>\n<tr>\n<td>Safari<\/td>\n<td>5<\/td>\n<td>AA<\/td>\n<td>Win 7<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"styled_table styled_table table_purple\">\n<table>\n<thead>\n<tr>\n<th style=\"width:25%\">Browser<\/th>\n<th style=\"width:25%\">Version<\/th>\n<th style=\"width:25%\">CSS Grade<\/th>\n<th style=\"width:25%\">Platform<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Firefox<\/td>\n<td>6.0.2<\/td>\n<td>AAA<\/td>\n<td>Win XP<\/td>\n<\/tr>\n<tr>\n<td>Internet Explorer<\/td>\n<td>8<\/td>\n<td>C<\/td>\n<td>Win Vista<\/td>\n<\/tr>\n<tr>\n<td>Chrome<\/td>\n<td>5<\/td>\n<td>BB<\/td>\n<td>Win 7<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"styled_table styled_table table_red\">\n<table>\n<thead>\n<tr>\n<th style=\"width:25%\">Browser<\/th>\n<th style=\"width:25%\">Version<\/th>\n<th style=\"width:25%\">CSS Grade<\/th>\n<th style=\"width:25%\">Platform<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Firefox<\/td>\n<td>6.0.2<\/td>\n<td>AAA<\/td>\n<td>Win XP<\/td>\n<\/tr>\n<tr>\n<td>Internet Explorer<\/td>\n<td>8<\/td>\n<td>C<\/td>\n<td>Win Vista<\/td>\n<\/tr>\n<tr>\n<td>Chrome<\/td>\n<td>5<\/td>\n<td>BB<\/td>\n<td>Win 7<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<pre class=\"brush: plain\">\n[table class=\"styled_table table_red\"]<table>\n                        <thead>\n                            <tr>\n                                <th style=\"width:25%\">Browser<\/th>\n                                <th style=\"width:25%\">Version<\/th>\n                                <th style=\"width:25%\">CSS Grade<\/th>\n                                <th style=\"width:25%\">Platform<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr>\n                                <td>Firefox<\/td>\n                                <td>6.0.2<\/td>\n\n                                <td>AAA<\/td>\n                                <td>Win XP<\/td>\n                            <\/tr>\n                            <tr>\n                                <td>Internet Explorer<\/td>\n                                <td>8<\/td>\n                                <td>C<\/td>\n                                <td>Win Vista<\/td>\n                            <\/tr>\n                            <tr>\n                                <td>Chrome<\/td>\n                                <td>5<\/td>\n                                <td>BB<\/td>\n                                <td>Win 7<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>[\/table]\n<\/pre>\n<h2>Styled Boxes<\/h2>\n\n<div class=\"sb sb_pink\">\r\n                <div class=\"box_title\">Styled box Pink<\/div>\r\n                <div class=\"box_content\">Insert the content here<div class=\"clear\"><\/div>\r\n                <\/div>\r\n            <\/div>\n<div class=\"sb sb_yellow\">\r\n                <div class=\"box_title\">Styled box Yellow<\/div>\r\n                <div class=\"box_content\">Insert the content here<div class=\"clear\"><\/div>\r\n                <\/div>\r\n            <\/div>\n<div class=\"sb sb_blue\">\r\n                <div class=\"box_title\">Styled box Blue<\/div>\r\n                <div class=\"box_content\">Insert the content here<div class=\"clear\"><\/div>\r\n                <\/div>\r\n            <\/div>\n<div class=\"sb sb_green\">\r\n                <div class=\"box_title\">Styled box Green<\/div>\r\n                <div class=\"box_content\">Insert the content here<div class=\"clear\"><\/div>\r\n                <\/div>\r\n            <\/div>\n<div class=\"sb sb_dark\">\r\n                <div class=\"box_title\">Styled box Dark<\/div>\r\n                <div class=\"box_content\">Insert the content here<div class=\"clear\"><\/div>\r\n                <\/div>\r\n            <\/div>\n<div class=\"sb sb_purple\">\r\n                <div class=\"box_title\">Styled box Purple<\/div>\r\n                <div class=\"box_content\">Insert the content here<div class=\"clear\"><\/div>\r\n                <\/div>\r\n            <\/div>\n<div class=\"sb sb_orange\">\r\n                <div class=\"box_title\">Styled box Orange<\/div>\r\n                <div class=\"box_content\">Insert the content here<div class=\"clear\"><\/div>\r\n                <\/div>\r\n            <\/div>\n<div class=\"sb \">\r\n                <div class=\"box_title\">Styled box Default Color<\/div>\r\n                <div class=\"box_content\">Insert the content here<div class=\"clear\"><\/div>\r\n                <\/div>\r\n            <\/div>\n\n<pre class=\"brush: plain\">\n[styled_box class=\"\" title=\"Styled box Default Color\"]Insert the content here[\/styled_box]\n<\/pre>\n<p><strong>[ styled_box ] colors: <\/strong>gray (default), pink, brown, orange, green, blue, dark_gray, purple<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tables with Predefined Colors Styled Boxes [ styled_box ] colors: gray (default), pink, brown, orange, green, blue, dark_gray, purple<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"nf_dc_page":"","footnotes":""},"class_list":["post-105","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jamesurbanic.com\/index.php?rest_route=\/wp\/v2\/pages\/105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jamesurbanic.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jamesurbanic.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jamesurbanic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jamesurbanic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=105"}],"version-history":[{"count":0,"href":"https:\/\/www.jamesurbanic.com\/index.php?rest_route=\/wp\/v2\/pages\/105\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jamesurbanic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}