--- /dev/null
+<div id="entry-id-<?php echo $entry->getRuid(); ?>" class="cn-entry-single">
+
+<div>
+ <div class="cn-left">
+
+ <?php
+
+ $entry->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']
+ )
+ )
+ );
+
+ ?>
+
+ </div>
+
+ <div class="cn-left" style="float: left !important;">
+</div>
+
+ <div class="cn-left" style="float: left !important;">
+
+ <div style="margin-bottom: 5px;">
+ <h3><?php $entry->getNameBlock( array( 'format' => $atts['name_format'], 'link' => $atts['link'] ) ); ?></h3>
+ <?php if ( $atts['show_title'] ) $entry->getTitleBlock(); ?>
+ <?php if ( $atts['show_org'] ) $entry->getOrgUnitBlock(); ?>
+ <?php if ( $atts['show_contact_name'] ) $entry->getContactNameBlock( array( 'format' => $atts['contact_name_format'] , 'label' => $atts['str_contact'] ) ); ?>
+ </div>
+
+ <?php
+
+ if ( $atts['show_addresses'] ) $entry->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();
+
+ ?>
+
+ </div>
+</div>
+<br clear="all">
+
+ <div class="cn-clear"></div>
+
+ <?php $entry->getContentBlock( $atts['content'], $atts, $template ); ?>
+
+ <?php
+
+ if ( $atts['enable_bio'] && $entry->getBio() != '' ) {
+
+ echo '<div class="cn-bio-single">';
+
+ if ( $atts['enable_bio_head'] ) echo '<h4>' , $atts['str_bio_head'] , '</h4>';
+
+ $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 '<div class="cn-clear"></div>';
+
+ echo '</div>';
+ }
+
+ if ( $atts['enable_note'] && $entry->getNotes() != '' ) {
+
+ echo '<div class="cn-notes-single">';
+
+// if ( $atts['enable_note_head'] ) echo '<h4>' , $atts['str_note_head'] , '</h4>';
+
+ $entry->getNotesBlock();
+
+ echo '<div class="cn-clear"></div>';
+
+ echo '</div>';
+ }
+
+ 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 = '<div class="cn-gmap-single" id="cn-gmap-single" data-gmap-id="' . $entry->getRuid() . '">' . $gMap . '</div>';
+
+ }
+
+ if ( isset($mapDiv) ) echo $mapDiv;
+
+ ?>
+</div>
--- /dev/null
+<div id="entry-id-<?php echo $entry->getRuid(); ?>" class="cn-entry" style="background-color: white;">
+
+<div style="width: 100%; border:">
+
+ <div class="cn-right" style="float: right;">
+
+ <?php
+
+
+ $entry->getImage( array(
+ 'image' => $atts['image'] ,
+ 'height' => $atts['image_height'] ,
+ 'width' => $atts['image_width'] ,
+ 'fallback' => array(
+// 'type' => $atts['image_fallback'] ,
+// 'string' => $atts['str_image']
+ )
+ )
+ );
+
+ ?>
+
+ </div>
+
+ <div class="cn-left">
+
+ <div style="margin-bottom: 5px;">
+
+ <h3> <?php $entry->getNameBlock( array( 'format' => $atts['name_format'], 'link' => $atts['link'] ) ); ?></h3>
+ <?php if ( $atts['show_title'] ) $entry->getTitleBlock(); ?>
+ <?php if ( $atts['show_org'] ) $entry->getOrgUnitBlock(); ?>
+ <?php if ( $atts['show_contact_name'] ) $entry->getContactNameBlock( array( 'format' => $atts['contact_name_format'] , 'label' => '' ) ); ?>
+
+ </div>
+
+ <?php
+
+ if ( $atts['show_addresses'] ) $entry->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();
+
+ ?>
+
+ </div>
+</div>
+ <div class="cn-clear"></div>
+
+ <?php $entry->getContentBlock( $atts['content'], $atts, $template ); ?>
+<div style="width: 100%">
+ <span class="cn-right" style="float: right">
+
+ <?php
+
+ if ( $atts['enable_bio'] && $entry->getBio() != '' ) {
+
+ printf( '<a class="cn-bio-anchor toggle-div" id="bio-anchor-%1$s" href="#" data-uuid="%1$s" data-div-id="bio-block-%1$s" data-str-show="%2$s" data-str-hide="%3$s">%2$s</a>',
+ $entry->getRuid(),
+ $atts['str_bio_show'],
+ $atts['str_bio_hide']
+ );
+ }
+
+ if ( ( $atts['enable_note'] && $entry->getNotes() != '' ) && ( $atts['enable_bio'] && $entry->getBio() != '' ) ) {
+ echo '<span class="toggle-bio-note-divider"> | </span>';
+ }
+
+ if ( $atts['enable_note'] && $entry->getNotes() != '' ) {
+
+ printf( '<a class="cn-note-anchor toggle-div" id="note-anchor-%1$s" href="#" data-uuid="%1$s" data-div-id="note-block-%1$s" data-str-show="%2$s" data-str-hide="%3$s">%2$s</a>',
+ $entry->getRuid(),
+ $atts['str_note_show'],
+ $atts['str_note_hide']
+ );
+ }
+
+ ?>
+
+ </span>
+
+ <span class="cn-left">
+ <?php
+
+ 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' => 14
+// 'zoom' => $atts['map_zoom']
+ )
+ );
+
+ if ( ! empty( $gMap ) ) {
+
+ $mapDiv = '<div class="cn-gmap" id="map-container-' . $entry->getRuid() . '" style="display: none;">' . $gMap . '</div>';
+
+ printf( '<a class="cn-map-anchor toggle-map" id="map-anchor-%1$s" href="#" data-uuid="%1$s" data-str-show="%2$s" data-str-hide="%3$s">%2$s</a>',
+ $entry->getRuid(),
+ $atts['str_map_show'],
+ $atts['str_map_hide']
+ );
+ }
+ }
+
+ if ( ! empty( $gMap ) && $atts['show_return_to_top'] ) {
+
+// echo '<span class="toggle-map-divider"> | </span>';
+ }
+
+ if ( $atts['show_return_to_top'] ) {
+
+ ?>
+
+<?php // <span class="cn-return-to-top"><?php cnTemplatePart::returnToTop() ?></span>
+
+
+ <?php } ?>
+
+ </span>
+</div>
+ <div class="cn-clear"></div>
+
+ <?php
+
+ if ( $atts['enable_bio'] && $entry->getBio() != '' ) {
+
+ echo '<div class="cn-bio" id="bio-block-' , $entry->getRuid() , '" style="display: none;">';
+
+ if ( $atts['enable_bio_head'] ) echo '<h4>' , $atts['str_bio_head'] , '</h4>';
+
+ $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 '<div class="cn-clear"></div>';
+
+ echo '</div>';
+ }
+
+// if ( $atts['enable_note'] && $entry->getNotes() != '' ) {
+ if ( $entry->getNotes() != '' ) {
+
+ echo '<div class="cn-notes" id="note-block-' , $entry->getRuid() , '" style="display: none;">';
+
+ if ( $atts['enable_note_head'] ) echo '<h4>' , $atts['str_note_head'] , '</h4>';
+
+ $entry->getNotesBlock();
+
+ echo '<div class="cn-clear"></div>';
+
+ echo '</div>';
+ }
+
+ ?>
+
+ <?php if ( isset($mapDiv) ) echo $mapDiv; ?>
+</div>
--- /dev/null
+<div id="entry-id-<?php echo $entry->getRuid(); ?>" class="cn-entry" style="background-color: white;">
+
+ <div class="cn-right">
+
+ <?php
+
+
+ $entry->getImage( array(
+ 'image' => $atts['image'] ,
+ 'height' => $atts['image_height'] ,
+ 'width' => $atts['image_width'] ,
+ 'fallback' => array(
+// 'type' => $atts['image_fallback'] ,
+// 'string' => $atts['str_image']
+ )
+ )
+ );
+
+ ?>
+
+ </div>
+
+ <div class="cn-left">
+
+ <div style="margin-bottom: 5px;">
+
+ <h3> <?php $entry->getNameBlock( array( 'format' => $atts['name_format'], 'link' => $atts['link'] ) ); ?></h3>
+ <?php if ( $atts['show_title'] ) $entry->getTitleBlock(); ?>
+ <?php if ( $atts['show_org'] ) $entry->getOrgUnitBlock(); ?>
+ <?php if ( $atts['show_contact_name'] ) $entry->getContactNameBlock( array( 'format' => $atts['contact_name_format'] , 'label' => '' ) ); ?>
+
+ </div>
+
+ <?php
+
+ if ( $atts['show_addresses'] ) $entry->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();
+
+ ?>
+
+ </div>
+
+ <div class="cn-clear"></div>
+
+ <?php $entry->getContentBlock( $atts['content'], $atts, $template ); ?>
+<div style="width: 100%">
+ <span class="cn-right" style="float: right">
+
+ <?php
+
+ if ( $atts['enable_bio'] && $entry->getBio() != '' ) {
+
+ printf( '<a class="cn-bio-anchor toggle-div" id="bio-anchor-%1$s" href="#" data-uuid="%1$s" data-div-id="bio-block-%1$s" data-str-show="%2$s" data-str-hide="%3$s">%2$s</a>',
+ $entry->getRuid(),
+ $atts['str_bio_show'],
+ $atts['str_bio_hide']
+ );
+ }
+
+ if ( ( $atts['enable_note'] && $entry->getNotes() != '' ) && ( $atts['enable_bio'] && $entry->getBio() != '' ) ) {
+ echo '<span class="toggle-bio-note-divider"> | </span>';
+ }
+
+ if ( $atts['enable_note'] && $entry->getNotes() != '' ) {
+
+ printf( '<a class="cn-note-anchor toggle-div" id="note-anchor-%1$s" href="#" data-uuid="%1$s" data-div-id="note-block-%1$s" data-str-show="%2$s" data-str-hide="%3$s">%2$s</a>',
+ $entry->getRuid(),
+ $atts['str_note_show'],
+ $atts['str_note_hide']
+ );
+ }
+
+ ?>
+
+ </span>
+
+ <span class="cn-left">
+ <?php
+
+ 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' => 14
+// 'zoom' => $atts['map_zoom']
+ )
+ );
+
+ if ( ! empty( $gMap ) ) {
+
+ $mapDiv = '<div class="cn-gmap" id="map-container-' . $entry->getRuid() . '" style="display: none;">' . $gMap . '</div>';
+
+ printf( '<a class="cn-map-anchor toggle-map" id="map-anchor-%1$s" href="#" data-uuid="%1$s" data-str-show="%2$s" data-str-hide="%3$s">%2$s</a>',
+ $entry->getRuid(),
+ $atts['str_map_show'],
+ $atts['str_map_hide']
+ );
+ }
+ }
+
+ if ( ! empty( $gMap ) && $atts['show_return_to_top'] ) {
+
+// echo '<span class="toggle-map-divider"> | </span>';
+ }
+
+ if ( $atts['show_return_to_top'] ) {
+
+ ?>
+
+<?php // <span class="cn-return-to-top"><?php cnTemplatePart::returnToTop() ?></span>
+
+
+ <?php } ?>
+
+ </span>
+</div>
+ <div class="cn-clear"></div>
+
+ <?php
+
+ if ( $atts['enable_bio'] && $entry->getBio() != '' ) {
+
+ echo '<div class="cn-bio" id="bio-block-' , $entry->getRuid() , '" style="display: none;">';
+
+ if ( $atts['enable_bio_head'] ) echo '<h4>' , $atts['str_bio_head'] , '</h4>';
+
+ $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 '<div class="cn-clear"></div>';
+
+ echo '</div>';
+ }
+
+// if ( $atts['enable_note'] && $entry->getNotes() != '' ) {
+ if ( $entry->getNotes() != '' ) {
+
+ echo '<div class="cn-notes" id="note-block-' , $entry->getRuid() , '" style="display: none;">';
+
+ if ( $atts['enable_note_head'] ) echo '<h4>' , $atts['str_note_head'] , '</h4>';
+
+ $entry->getNotesBlock();
+
+ echo '<div class="cn-clear"></div>';
+
+ echo '</div>';
+ }
+
+ ?>
+
+ <?php if ( isset($mapDiv) ) echo $mapDiv; ?>
+</div>
--- /dev/null
+#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;
+ }
+}*/
--- /dev/null
+#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;
+ }
+}*/
projects / WP-Themes / VisitAlpena.git / commitdiff