From 85600a732db7bc69db901792b258bc75c1e1e41a Mon Sep 17 00:00:00 2001 From: laury Date: Wed, 24 Jun 2015 12:59:46 -0400 Subject: [PATCH] Adding connections templates --- connections-templates/cmap/card-single.php | 121 +++++++ connections-templates/cmap/card.php | 179 +++++++++++ connections-templates/cmap/card.php.SAVE | 177 +++++++++++ connections-templates/cmap/cmap-custom.css | 300 ++++++++++++++++++ .../cmap/cmap-custom.css.SAVE | 296 +++++++++++++++++ 5 files changed, 1073 insertions(+) create mode 100644 connections-templates/cmap/card-single.php create mode 100644 connections-templates/cmap/card.php create mode 100644 connections-templates/cmap/card.php.SAVE create mode 100644 connections-templates/cmap/cmap-custom.css create mode 100644 connections-templates/cmap/cmap-custom.css.SAVE diff --git a/connections-templates/cmap/card-single.php b/connections-templates/cmap/card-single.php new file mode 100644 index 0000000..9682b22 --- /dev/null +++ b/connections-templates/cmap/card-single.php @@ -0,0 +1,121 @@ +
+ +
+
+ + getImage( array( + 'image' => $atts['image'] , +// 'height' => $atts['image_height'] , + 'width' => 550, +// 'width' => $atts['image_width'] , + 'fallback' => array( +// 'type' => $atts['image_fallback'] , +// 'string' => $atts['str_image'] + ) + ) + ); + + ?> + +
+ +
+
+ +
+ +
+

getNameBlock( array( 'format' => $atts['name_format'], 'link' => $atts['link'] ) ); ?>

+ getTitleBlock(); ?> + getOrgUnitBlock(); ?> + getContactNameBlock( array( 'format' => $atts['contact_name_format'] , 'label' => $atts['str_contact'] ) ); ?> +
+ + getAddressBlock( array( 'format' => $atts['addr_format'] , 'type' => $atts['address_types'] ) ); + + if ( $atts['show_phone_numbers'] ) $entry->getPhoneNumberBlock( array( 'format' => $atts['phone_format'] , 'type' => $atts['phone_types'] ) ); + + if ( $atts['show_email'] ) $entry->getEmailAddressBlock( array( 'format' => $atts['email_format'] , 'type' => $atts['email_types'] ) ); + + if ( $atts['show_im'] ) $entry->getImBlock(); + + if ( $atts['show_social_media'] ) $entry->getSocialMediaBlock(); + + if ( $atts['show_dates'] ) $entry->getDateBlock( array( 'format' => $atts['date_format'], 'type' => $atts['date_types'] ) ); + + if ( $atts['show_links'] ) $entry->getLinkBlock( array( 'format' => $atts['link_format'], 'type' => $atts['link_types'] ) ); + + if ( $atts['show_family'] )$entry->getFamilyMemberBlock(); + + ?> + +
+
+
+ +
+ + getContentBlock( $atts['content'], $atts, $template ); ?> + + getBio() != '' ) { + + echo '
'; + + if ( $atts['enable_bio_head'] ) echo '

' , $atts['str_bio_head'] , '

'; + + $entry->getImage( array( + 'image' => $atts['tray_image'] , + 'height' => $atts['tray_image_height'] , + 'width' => $atts['tray_image_width'] , + 'fallback' => array( + 'type' => $atts['tray_image_fallback'] , + 'string' => $atts['str_tray_image'] + ) + ) + ); + + $entry->getBioBlock(); + + echo '
'; + + echo '
'; + } + + if ( $atts['enable_note'] && $entry->getNotes() != '' ) { + + echo '
'; + +// if ( $atts['enable_note_head'] ) echo '

' , $atts['str_note_head'] , '

'; + + $entry->getNotesBlock(); + + echo '
'; + + echo '
'; + } + + if ( $atts['enable_map'] ) { + + $gMap = $entry->getMapBlock( array( + 'height' => $atts['map_frame_height'] , + 'width' => ( $atts['map_frame_width'] ) ? $atts['map_frame_width'] : NULL , + 'return' => TRUE , + 'zoom' => 16 +//$atts['map_zoom'] + ) + ); + + if ( ! empty( $gMap ) ) $mapDiv = '
' . $gMap . '
'; + + } + + if ( isset($mapDiv) ) echo $mapDiv; + + ?> +
diff --git a/connections-templates/cmap/card.php b/connections-templates/cmap/card.php new file mode 100644 index 0000000..f0b5d39 --- /dev/null +++ b/connections-templates/cmap/card.php @@ -0,0 +1,179 @@ +
+ +
+ +
+ + getImage( array( + 'image' => $atts['image'] , + 'height' => $atts['image_height'] , + 'width' => $atts['image_width'] , + 'fallback' => array( +// 'type' => $atts['image_fallback'] , +// 'string' => $atts['str_image'] + ) + ) + ); + + ?> + +
+ +
+ +
+ +

getNameBlock( array( 'format' => $atts['name_format'], 'link' => $atts['link'] ) ); ?>

+ getTitleBlock(); ?> + getOrgUnitBlock(); ?> + getContactNameBlock( array( 'format' => $atts['contact_name_format'] , 'label' => '' ) ); ?> + +
+ + getAddressBlock( array( 'format' => $atts['addr_format'] , 'type' => $atts['address_types'] ) ); + + if ( $atts['show_phone_numbers'] ) $entry->getPhoneNumberBlock( array( 'format' => $atts['phone_format'] , 'type' => $atts['phone_types'] ) ); + + if ( $atts['show_email'] ) $entry->getEmailAddressBlock( array( 'format' => $atts['email_format'] , 'type' => $atts['email_types'] ) ); + + if ( $atts['show_im'] ) $entry->getImBlock(); + + if ( $atts['show_social_media'] ) $entry->getSocialMediaBlock(); + + if ( $atts['show_dates'] ) $entry->getDateBlock( array( 'format' => $atts['date_format'], 'type' => $atts['date_types'] ) ); + + if ( $atts['show_links'] ) $entry->getLinkBlock( array( 'format' => $atts['link_format'], 'type' => $atts['link_types'] ) ); + + if ( $atts['show_family'] )$entry->getFamilyMemberBlock(); + + ?> + +
+
+
+ + getContentBlock( $atts['content'], $atts, $template ); ?> +
+ + + getBio() != '' ) { + + printf( '%2$s', + $entry->getRuid(), + $atts['str_bio_show'], + $atts['str_bio_hide'] + ); + } + + if ( ( $atts['enable_note'] && $entry->getNotes() != '' ) && ( $atts['enable_bio'] && $entry->getBio() != '' ) ) { + echo ' | '; + } + + if ( $atts['enable_note'] && $entry->getNotes() != '' ) { + + printf( '%2$s', + $entry->getRuid(), + $atts['str_note_show'], + $atts['str_note_hide'] + ); + } + + ?> + + + + + getMapBlock( array( + 'height' => $atts['map_frame_height'] , + 'width' => ( $atts['map_frame_width'] ) ? $atts['map_frame_width'] : NULL , + 'return' => TRUE , + 'zoom' => 14 +// 'zoom' => $atts['map_zoom'] + ) + ); + + if ( ! empty( $gMap ) ) { + + $mapDiv = ''; + + printf( '%2$s', + $entry->getRuid(), + $atts['str_map_show'], + $atts['str_map_hide'] + ); + } + } + + if ( ! empty( $gMap ) && $atts['show_return_to_top'] ) { + +// echo ' | '; + } + + if ( $atts['show_return_to_top'] ) { + + ?> + + + + + + + +
+
+ + getBio() != '' ) { + + echo ''; + } + +// if ( $atts['enable_note'] && $entry->getNotes() != '' ) { + if ( $entry->getNotes() != '' ) { + + echo ''; + } + + ?> + + +
diff --git a/connections-templates/cmap/card.php.SAVE b/connections-templates/cmap/card.php.SAVE new file mode 100644 index 0000000..75bd0bc --- /dev/null +++ b/connections-templates/cmap/card.php.SAVE @@ -0,0 +1,177 @@ +
+ +
+ + getImage( array( + 'image' => $atts['image'] , + 'height' => $atts['image_height'] , + 'width' => $atts['image_width'] , + 'fallback' => array( +// 'type' => $atts['image_fallback'] , +// 'string' => $atts['str_image'] + ) + ) + ); + + ?> + +
+ +
+ +
+ +

getNameBlock( array( 'format' => $atts['name_format'], 'link' => $atts['link'] ) ); ?>

+ getTitleBlock(); ?> + getOrgUnitBlock(); ?> + getContactNameBlock( array( 'format' => $atts['contact_name_format'] , 'label' => '' ) ); ?> + +
+ + getAddressBlock( array( 'format' => $atts['addr_format'] , 'type' => $atts['address_types'] ) ); + + if ( $atts['show_phone_numbers'] ) $entry->getPhoneNumberBlock( array( 'format' => $atts['phone_format'] , 'type' => $atts['phone_types'] ) ); + + if ( $atts['show_email'] ) $entry->getEmailAddressBlock( array( 'format' => $atts['email_format'] , 'type' => $atts['email_types'] ) ); + + if ( $atts['show_im'] ) $entry->getImBlock(); + + if ( $atts['show_social_media'] ) $entry->getSocialMediaBlock(); + + if ( $atts['show_dates'] ) $entry->getDateBlock( array( 'format' => $atts['date_format'], 'type' => $atts['date_types'] ) ); + + if ( $atts['show_links'] ) $entry->getLinkBlock( array( 'format' => $atts['link_format'], 'type' => $atts['link_types'] ) ); + + if ( $atts['show_family'] )$entry->getFamilyMemberBlock(); + + ?> + +
+ +
+ + getContentBlock( $atts['content'], $atts, $template ); ?> +
+ + + getBio() != '' ) { + + printf( '%2$s', + $entry->getRuid(), + $atts['str_bio_show'], + $atts['str_bio_hide'] + ); + } + + if ( ( $atts['enable_note'] && $entry->getNotes() != '' ) && ( $atts['enable_bio'] && $entry->getBio() != '' ) ) { + echo ' | '; + } + + if ( $atts['enable_note'] && $entry->getNotes() != '' ) { + + printf( '%2$s', + $entry->getRuid(), + $atts['str_note_show'], + $atts['str_note_hide'] + ); + } + + ?> + + + + + getMapBlock( array( + 'height' => $atts['map_frame_height'] , + 'width' => ( $atts['map_frame_width'] ) ? $atts['map_frame_width'] : NULL , + 'return' => TRUE , + 'zoom' => 14 +// 'zoom' => $atts['map_zoom'] + ) + ); + + if ( ! empty( $gMap ) ) { + + $mapDiv = ''; + + printf( '%2$s', + $entry->getRuid(), + $atts['str_map_show'], + $atts['str_map_hide'] + ); + } + } + + if ( ! empty( $gMap ) && $atts['show_return_to_top'] ) { + +// echo ' | '; + } + + if ( $atts['show_return_to_top'] ) { + + ?> + + + + + + + +
+
+ + getBio() != '' ) { + + echo ''; + } + +// if ( $atts['enable_note'] && $entry->getNotes() != '' ) { + if ( $entry->getNotes() != '' ) { + + echo ''; + } + + ?> + + +
diff --git a/connections-templates/cmap/cmap-custom.css b/connections-templates/cmap/cmap-custom.css new file mode 100644 index 0000000..7cc1aff --- /dev/null +++ b/connections-templates/cmap/cmap-custom.css @@ -0,0 +1,300 @@ +#cn-list { + width: 65%; +} + +#cn-list .cn-clear { +/* cler: both; */ +} + + +#cn-cmap .cn-clear { + clear: none !important; +} + +#cn-cmap { + clear: none !important; + line-height: normal; + min-height: 300px; +} + +#cn-cmap .cn-alphaindex { + float: left; + padding-left: 1em; +} + + +#cn-cmap #cn-list-head .cn-alphaindex { + clear: none !important; + position: relative; + margin: 12px 0 0; + text-align: right; +} + +#cn-cmap .cn-search { + float: left; + padding-bottom: 15px; +} +#cn-cmap .cn-search label { display: none; } + +#cn-cmap #cn-select-label { + display: block; + font-size: 14px; + margin: 10px 0 6px; + text-align: left; +} + +#cn-cmap form.cn-form { + clear: none !important; + text-align: left; +} + +#cn-cmap form.cn-form select.cn-cat-select { + font-size: 12px; + height: auto; + max-width: 100%; + min-width: 250px; +} + +#cn-list .cn-list-row { + border: none; +width: 90%; +padding: 0px; + + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4); + -moz-box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4); + box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4); + background: none; + border:1px solid #D3D3D3; + font-size: 12px; + margin: 10px 4px; + padding: 5px; + position: relative; + +} +#cn-list .cn-list-row-alternate { + border: none; +width: 90%; +padding: 0px; + + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4); + -moz-box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4); + box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4); + background: none; + border:1px solid #D3D3D3; + font-size: 12px; + margin: 10px 4px; + padding: 5px; + position: relative; + +} + +#cn-cmap #cn-list-body { + padding-top: 12px; +} + +#cn-cmap .cn-entry { + padding: 0x !important; + -webkit-border-radius: none; + -moz-border-radius: none; + border-radius: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + background: none; + border: none; +} + +#cn-cmap .cn-entry.cn-background-gradient { + + background: -moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0.25) 80%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(80%,rgba(255,255,255,0.25)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(255,255,255,0.25) 80%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(255,255,255,0.25) 80%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(255,255,255,0.25) 80%,rgba(255,255,255,0.3) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(255,255,255,0.25) 80%,rgba(255,255,255,0.3) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#4dffffff',GradientType=0 ); /* IE6-9 */ +} + +#cn-cmap .cn-entry-content-block-list { +/* clear: both; */ + margin: 12px 0; +} + +#cn-cmap .cn-left { + float: none; + width: auto; +} + +#cn-cmap .cn-right { + float-right: none; + width: auto; +} + +#cn-cmap h3 { + clear: none; + font-size: 20px; + font-weight: bold; + margin: 0 0 6px; +} + +#cn-cmap h4 { + clear: none; + font-size: 16px; + font-weight: bold; + margin: 0 0 6px; +} + +#cn-cmap .cn-label { font-weight: bold; } +#cn-cmap .fn { + font-family: Arial,sans-serif; + display: block; + font-size: 1.1em; + /*font-variant: small-caps;*/ + font-weight: bold; + wrap: normal; +} + +#cn-cmap .link-block { display: inline; margin-bottom: 0; } +#cn-cmap .link { display: inline; } + +#cn-cmap span.cn-image-style { + -webkit-border-radius: none; + -moz-border-radius: none; + border-radius: none; + background: white; /* Old browsers */ + border: none; + margin: 0; + padding-bottom: 10px; +} +#cn-cmap .cn-image-style p { + color: #AAAAAA; + font-weight: 700; + text-align: center; + text-shadow: 1px 1px 0px #FFFFFF; + padding: 5px; +} + +#cn-cmap .cn-bio, #cn-cmap .cn-notes, #cn-cmap .cn-gmap { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + background: #f1f1f1; + border: 1px solid #D3D3D3; + margin: 10px 0 6px; + padding: 6px; + text-align: left; +} +.vcard li { + display: list-item; +} +#cn-cmap .cn-gmap-single { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: 1px solid #D3D3D3; + margin: 10px 0 6px; + padding: 6px; + text-align: left; +} + +/* + * This should help to keep themes from breaking Google Maps by setting the img to max-width: 100%; + */ +#cn-cmap .cn-gmap-single img { + background-color: transparent; + max-width: none !important; +} + +#cn-cmap .cn-bio .cn-image-style, #cn-cmap .cn-bio-single .cn-image-style { float: right; } + + +/* Smartphones (portrait and landscape) ----------- */ +@media only screen +and (max-width : 480px) { + + #cn-cmap .cn-left { + float: none; + /*text-align: left;*/ + } + + #cn-cmap .cn-right { + /*float: none;*/ + margin-top: 10px; + text-align: left; + } + +} + +/* Smartphones (landscape) ----------- */ +/*@media only screen +and (min-width : 321px) { + #cn-cmap .cn-right { + float: none; + text-align: left; + } +}*/ + +/* Smartphones (portrait) ----------- */ +/*@media only screen +and (max-width : 320px) { + #cn-cmap .cn-right { + float: none; + text-align: left; + } +}*/ + +/* iPads (portrait and landscape) ----------- */ +/*@media only screen +and (min-device-width : 768px) +and (max-device-width : 1024px) { + #cn-cmap .cn-right { + float: right; + text-align: right; + } +}*/ + +/* iPads (landscape) ----------- */ +/*@media only screen +and (min-device-width : 768px) +and (max-device-width : 1024px) +and (orientation : landscape) { + #cn-cmap .cn-right { + float: right; + text-align: right; + } +}*/ + +/* iPads (portrait) ----------- */ +/*@media only screen +and (min-device-width : 768px) +and (max-device-width : 1024px) +and (orientation : portrait) { + #cn-cmap .cn-right { + float: right; + text-align: right; + } +} +*/ +/* Desktops and laptops ----------- */ +/*@media only screen +and (min-width : 1224px) { + #cn-cmap .cn-right { + float: right; + text-align: right; + } +}*/ + +/* Large screens ----------- */ +/*@media only screen +and (min-width : 1824px) { + #cn-cmap .cn-right { + float: right; + text-align: right; + } +}*/ diff --git a/connections-templates/cmap/cmap-custom.css.SAVE b/connections-templates/cmap/cmap-custom.css.SAVE new file mode 100644 index 0000000..8d93f55 --- /dev/null +++ b/connections-templates/cmap/cmap-custom.css.SAVE @@ -0,0 +1,296 @@ +#cn-list { + width: 60%; +} + +#cn-list .cn-clear { +/* cler: both; */ +} + +#cn-cmap .cn-clear { + clear: none !important; +} + +#cn-cmap { + clear: none !important; + line-height: normal; + min-height: 300px; +} + +#cn-cmap .cn-alphaindex { text-align: right; } + +#cn-cmap #cn-list-head .cn-alphaindex { + clear: none !important; + position: relative; + margin: 12px 0 0; + text-align: right; +} + +#cn-cmap .cn-search { + float: left; + padding-bottom: 15px; +} +#cn-cmap .cn-search label { display: none; } + +#cn-cmap #cn-select-label { + display: block; + font-size: 14px; + margin: 10px 0 6px; + text-align: left; +} + +#cn-cmap form.cn-form { + clear: none !important; + text-align: left; +} + +#cn-cmap form.cn-form select.cn-cat-select { + font-size: 12px; + height: auto; + max-width: 100%; + min-width: 250px; +} + +#cn-list .cn-list-row { + border: none; +width: 90%; +padding: 0px; + + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4); + -moz-box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4); + box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4); + background: none; + border:1px solid #D3D3D3; + font-size: 12px; + margin: 10px 4px; + padding: 5px; + position: relative; + +} +#cn-list .cn-list-row-alternate { + border: none; +width: 90%; +padding: 0px; + + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4); + -moz-box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4); + box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4); + background: none; + border:1px solid #D3D3D3; + font-size: 12px; + margin: 10px 4px; + padding: 5px; + position: relative; + +} + +#cn-cmap #cn-list-body { + padding-top: 12px; +} + +#cn-cmap .cn-entry { +/* + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4); + -moz-box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4); + box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4); + background: none; + border:1px solid #D3D3D3; + font-size: 12px; + margin: 10px 4px; + padding: 5px; + position: relative; +*/ +} + +#cn-cmap .cn-entry.cn-background-gradient { + + background: -moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0.25) 80%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(80%,rgba(255,255,255,0.25)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(255,255,255,0.25) 80%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(255,255,255,0.25) 80%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(255,255,255,0.25) 80%,rgba(255,255,255,0.3) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(255,255,255,0.25) 80%,rgba(255,255,255,0.3) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#4dffffff',GradientType=0 ); /* IE6-9 */ +} + +#cn-cmap .cn-entry-content-block-list { +/* clear: both; */ + margin: 12px 0; +} + +#cn-cmap .cn-left { + float: left; + max-width: 100%; + width: auto; +} + +#cn-cmap .cn-right { + text-align: right; +} + +#cn-cmap h3 { +/* clear: none; */ + font-size: 20px; + font-weight: bold; + margin: 0 0 6px; +} + +#cn-cmap h4 { +/* clear: none; */ + font-size: 16px; + font-weight: bold; + margin: 0 0 6px; +} + +#cn-cmap .cn-label { font-weight: bold; } +#cn-cmap .fn { display: block; font-size: 16px; /*font-variant: small-caps;*/ font-weight: bolder; } + +#cn-cmap .link-block { display: inline; margin-bottom: 0; } +#cn-cmap .link { display: inline; } + +#cn-cmap span.cn-image-style { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + background: #f1f1f1; /* Old browsers */ + background: -moz-linear-gradient(top, #f1f1f1 0%, #e3e3e3 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #f1f1f1 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #f1f1f1 0%,#e3e3e3 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #f1f1f1 0%,#e3e3e3 100%); /* IE10+ */ + background: linear-gradient(top, #f1f1f1 0%,#e3e3e3 100%); /* W3C */ + border: 1px solid #E3E3E3; + margin: 0; + padding: 5px; +} +#cn-cmap .cn-image-style p { + color: #AAAAAA; + font-weight: 700; + text-align: center; + text-shadow: 1px 1px 0px #FFFFFF; + padding: 5px; +} + +#cn-cmap .cn-bio, #cn-cmap .cn-notes, #cn-cmap .cn-gmap { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + background: #f1f1f1; + border: 1px solid #D3D3D3; + margin: 10px 0 6px; + padding: 6px; + text-align: left; +} +#cn-cmap .cn-gmap-single { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: 1px solid #D3D3D3; + margin: 10px 0 6px; + padding: 6px; + text-align: left; +} + +/* + * This should help to keep themes from breaking Google Maps by setting the img to max-width: 100%; + */ +#cn-cmap .cn-gmap-single img { + background-color: transparent; + max-width: none !important; +} + +#cn-cmap .cn-bio .cn-image-style, #cn-cmap .cn-bio-single .cn-image-style { float: right; } + + +/* Smartphones (portrait and landscape) ----------- */ +@media only screen +and (max-width : 480px) { + + #cn-cmap .cn-left { + float: none; + /*text-align: left;*/ + } + + #cn-cmap .cn-right { + /*float: none;*/ + margin-top: 10px; + text-align: left; + } + +} + +/* Smartphones (landscape) ----------- */ +/*@media only screen +and (min-width : 321px) { + #cn-cmap .cn-right { + float: none; + text-align: left; + } +}*/ + +/* Smartphones (portrait) ----------- */ +/*@media only screen +and (max-width : 320px) { + #cn-cmap .cn-right { + float: none; + text-align: left; + } +}*/ + +/* iPads (portrait and landscape) ----------- */ +/*@media only screen +and (min-device-width : 768px) +and (max-device-width : 1024px) { + #cn-cmap .cn-right { + float: right; + text-align: right; + } +}*/ + +/* iPads (landscape) ----------- */ +/*@media only screen +and (min-device-width : 768px) +and (max-device-width : 1024px) +and (orientation : landscape) { + #cn-cmap .cn-right { + float: right; + text-align: right; + } +}*/ + +/* iPads (portrait) ----------- */ +/*@media only screen +and (min-device-width : 768px) +and (max-device-width : 1024px) +and (orientation : portrait) { + #cn-cmap .cn-right { + float: right; + text-align: right; + } +} +*/ +/* Desktops and laptops ----------- */ +/*@media only screen +and (min-width : 1224px) { + #cn-cmap .cn-right { + float: right; + text-align: right; + } +}*/ + +/* Large screens ----------- */ +/*@media only screen +and (min-width : 1824px) { + #cn-cmap .cn-right { + float: right; + text-align: right; + } +}*/ -- 2.17.1