-
-
Save KinnaT/761d8ec1e800ecf57607 to your computer and use it in GitHub Desktop.
Shortcodes Ultimate 4-Post Template
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
a { | |
//color: #1E1E1E: ; | |
// you can change the color of the hyperlinked title here: ; | |
} | |
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { | |
margin: 0; | |
padding: 0; | |
border: 0; | |
font: inherit; | |
font-size: 100%; | |
vertical-align: baseline; | |
} | |
[class*='span'] { | |
float: left; | |
min-height: 1px; | |
margin-left: 20px; | |
} | |
.span12 { | |
width: 940px; | |
} | |
.row { | |
margin-left: -20px; | |
*zoom: 1: ; | |
position: relative; | |
} | |
.row::before, .row::after { | |
display: table; | |
line-height: 0; | |
content: ""; | |
} | |
.row::after { | |
clear: both; | |
} | |
.container { | |
width: 940px; | |
} | |
.container { | |
margin: 0 auto; | |
position: relative; | |
} | |
.container::before, .container::after { | |
content: ""; | |
display: table; | |
} | |
.container::after { | |
clear: both; | |
} | |
.stack { | |
*zoom: 1: ; | |
padding: 35px 0; | |
position: relative; | |
width: 100%; | |
} | |
:first-child.stack { | |
padding-top: 15px; | |
} | |
:last-child.stack { | |
padding-bottom: 30px; | |
} | |
#content { | |
background: #fff; | |
} | |
#content, .list li a { | |
background-color: #efefef; | |
} | |
.boxed { | |
margin: 0 auto; | |
padding: 5px 0; | |
width: 1000px; | |
} | |
body { | |
color: #555; | |
background: #2a2a2a; | |
font: normal 100% Helvetica, Arial, sans-serif; | |
line-height: 1.5em; | |
font-size: 13px; | |
-webkit-font-smoothing: antialiased; | |
font-smooth: always; | |
background-attachment: fixed; | |
background-position: center; | |
} | |
body { | |
font-family: Arial,Helvetica,Garuda,sans-serif; | |
font-size: 13px; | |
line-height: 1.5em; | |
} | |
body { | |
background-color: #b5b5b5; | |
} | |
html { | |
line-height: 1; | |
} | |
html { | |
margin-top: 32px !important; | |
} | |
.four-loop-container { | |
width: 22%; | |
display: block; | |
position: relative; | |
float: left; | |
margin-left: 2%; | |
margin-right: 2%; | |
height: auto; | |
max-height: 500px; | |
} | |
:first-child.four-loop-container { | |
margin-left: 0px; | |
} | |
:last-child.four-loop-container { | |
margin-right: 0px; | |
float: right; | |
} | |
.su-post { | |
width: 100%; | |
max-height: 500px; | |
height: auto; | |
} | |
.su-post-title-clearfix { | |
margin-bottom: 10px; | |
margin-top: 15px; | |
border-bottom: 1px solid #CCCCCC; | |
overflow: hidden; | |
white-space: nowrap; | |
position: relative; | |
} | |
.su-post-meta { | |
font-size: 10px; | |
font-family: Arial, Helvetica, Garuda, sans-serif; | |
color: #555555; | |
line-height: 1.5em; | |
opacity: 0.8; | |
} | |
.su-post-thumbnail-clearfix { | |
height: 160px; | |
margin: 5px 0 10px 0; | |
max-width: 205px; | |
display: block; | |
position: relative; | |
overflow: hidden; | |
float: left; | |
} | |
.su-post-excerpt-clearfix { | |
margin-bottom: 15px; | |
position: relative; | |
height: auto; | |
max-height: 500px; | |
} | |
.su-post-excerpt { | |
height: auto; | |
position: relative; | |
} | |
p { | |
margin: 0 0 20px 0; | |
} | |
p:last-child { | |
margin: 0; | |
} | |
.su-post-excerpt p { | |
max-height: 300px; | |
display: block; | |
float: left; | |
} | |
a { | |
text-decoration: none; | |
outline: none; | |
} | |
a, .color-scheme, .dropcap, header.dark #social-box a, header.dark #social-box form input, .stack-callout em, .stack-callout.bg-dark .button-primary, ul.price-list li.row-price sup, ul.price-list li.row-price em, header.light #primary-nav a:hover, header.dark #primary-nav ul li a:hover, .stack-callout.bg-dark .callout-icon, .stack-section-title h1 em { | |
color: #606b68; | |
} | |
img { | |
max-width: 100%; | |
display: inherit; | |
} | |
.su-post-thumbnail-clearfix img { | |
position: relative; | |
display: inline; | |
vertical-align: middle; | |
} | |
.su-post-thumbnail-clearfix img { | |
position: relative; | |
display: inline; | |
vertical-align: middle; | |
} | |
h2 { | |
font-size: 22px; | |
line-height: 1.5em; | |
margin: 0 0 20px 0; | |
} | |
h2 { | |
font-size: 23px; | |
line-height: 1.5em; | |
} | |
.wf-active h1, h2, h3, h4, h5, h6, .widget-title, .callout-text, #primary-nav, .feature-title, .stack-title, .slide-title, .row-title { | |
font-family: "Source Sans Pro"; | |
visibility: visible; | |
} | |
.su-post-title { | |
vertical-align: bottom; | |
font-size: 16px; | |
position: relative; | |
font-weight: bold; | |
white-space: pre-line; | |
font-family: Source Sans Pro; | |
color: #555555 !important; | |
line-height: 1.5em; | |
padding: 2px; | |
margin: 0; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="su-posts su-posts-four-loop"> | |
<?php if ( $posts->have_posts() ) { while ( $posts->have_posts() ) : $posts->the_post(); global $post; ?> | |
<div class="four-loop-container"> | |
<div id="su-post-<?php the_ID(); ?>" class="su-post"> | |
<div class="su-post-title-clearfix"> | |
<h2 class="su-post-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> | |
</div> | |
<div class="su-post-meta"><?php _e( 'Posted', 'su' ); ?>: <?php the_time( get_option( 'date_format' ) ); ?></div> | |
<div class="su-post-thumbnail-clearfix"> | |
<?php if ( get_post_thumbnail_id() ) { ?> | |
<?php | |
echo gen_responsive_image_block( get_post_thumbnail_id(), array( | |
array( 'width' => 290, 'height' => 220, 'crop' => true ), | |
array( 'width' => 290*2, 'height' => 220*2, 'crop' => true, 'media' => '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)' ) | |
) | |
); | |
?> | |
<?php } else { ?> | |
<div class="thumb-dummy"></div> | |
<?php } ?> | |
</div> | |
<div class="su-post-excerpt-clearfix"> | |
<div class="su-post-excerpt"> | |
<?php the_excerpt(); ?> | |
</div> | |
</div> | |
</div> | |
</div> | |
<?php endwhile; } else { echo '<h4>' . __( 'Posts not found', 'su' ) . '</h4>'; } ?> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html class="wf-sourcesanspro-n4-active wf-active csstransforms csstransforms3d csstransitions js no-touch" lang="en-US"> | |
<head> | |
</head> | |
<body class="home page page-id-767 page-template-default logged-in admin-bar has-dashicons customize-support sticky-menu su-other-shortcodes-loaded"><div class="boxed " id="layout"><div class="post-content-home" id="content"><div class="stack stack-page-content-home"><div class="container"><div class="row"><div class="span12"><div class="su-posts su-posts-four-loop"> | |
<div class="four-loop-container"> | |
<div class="su-post" id="su-post-4798"> | |
<div class="su-post-title-clearfix"> | |
<h2 class="su-post-title"><a href="http://test.amtamassage.org/download-the-amta-national-convention-app/">Download the AMTA National Convention App</a></h2> | |
</div> | |
<div class="su-post-meta">Posted: August 16, 2015</div> | |
<div class="su-post-thumbnail-clearfix"> | |
<span data-alt="" data-picture=""><span data-src="http://test.amtamassage.org/wp-content/uploads/4798-thumb-290x220-cropped.png"><img alt="" src="http://test.amtamassage.org/wp-content/uploads/4798-thumb-290x220-cropped.png"></span><span data-src="http://test.amtamassage.org/wp-content/uploads/4798-thumb-580x440-cropped.png" data-media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)"></span><noscript>&lt;img src='http://test.amtamassage.org/wp-content/uploads/4798-thumb-290x220-cropped.png' alt=''&gt;</noscript></span> </div> | |
<div class="su-post-excerpt-clearfix"> | |
<div class="su-post-excerpt"> | |
<p>Download the AMTA 2015 National Convention mobile app to your iPhone, iPad or Android device to view course schedules, find social events, access speaker bios, navigate your way through <a id="rssmi_more" onclick="javascript:window.open('http://www.amtamassage.org/articles/1/News/detail/3282'); return false;" href="http://www.amtamassage.org/articles/1/News/detail/3282" rel="nofollow">read more at source…</a></p> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="four-loop-container"> | |
<div class="su-post" id="su-post-4790"> | |
<div class="su-post-title-clearfix"> | |
<h2 class="su-post-title"><a href="http://test.amtamassage.org/join-the-massage-therapy-community-in-pittsburgh/">Join the Massage Therapy Community in Pittsburgh</a></h2> | |
</div> | |
<div class="su-post-meta">Posted: August 13, 2015</div> | |
<div class="su-post-thumbnail-clearfix"> | |
<span data-alt="" data-picture=""><span data-src="http://test.amtamassage.org/wp-content/uploads/4790-thumb-290x220-cropped.jpg"><img alt="" src="http://test.amtamassage.org/wp-content/uploads/4790-thumb-290x220-cropped.jpg"></span><span data-src="http://test.amtamassage.org/wp-content/uploads/4790-thumb-580x440-cropped.jpg" data-media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)"></span><noscript>&lt;img src='http://test.amtamassage.org/wp-content/uploads/4790-thumb-290x220-cropped.jpg' alt=''&gt;</noscript></span> </div> | |
<div class="su-post-excerpt-clearfix"> | |
<div class="su-post-excerpt"> | |
<p>There’s still time to attend the AMTA 2015 National Convention, August 19-22 in Pittsburgh, Pennsylvania! Register on-site at the David L. Lawrence Convention Center to attend rigorous continuing education, <a id="rssmi_more" onclick="javascript:window.open('http://www.amtamassage.org/articles/1/News/detail/3281'); return false;" href="http://www.amtamassage.org/articles/1/News/detail/3281" rel="nofollow">read more at source…</a></p> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="four-loop-container"> | |
<div class="su-post" id="su-post-4787"> | |
<div class="su-post-title-clearfix"> | |
<h2 class="su-post-title"><a href="http://test.amtamassage.org/get-ready-for-amta-national-convention/">Get Ready for AMTA National Convention!</a></h2> | |
</div> | |
<div class="su-post-meta">Posted: August 12, 2015</div> | |
<div class="su-post-thumbnail-clearfix"> | |
<span data-alt="" data-picture=""><span data-src="http://test.amtamassage.org/wp-content/uploads/4787-thumb-290x220-cropped.jpg"><img alt="" src="http://test.amtamassage.org/wp-content/uploads/4787-thumb-290x220-cropped.jpg"></span><span data-src="http://test.amtamassage.org/wp-content/uploads/4787-thumb-580x440-cropped.jpg" data-media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)"></span><noscript>&lt;img src='http://test.amtamassage.org/wp-content/uploads/4787-thumb-290x220-cropped.jpg' alt=''&gt;</noscript></span> </div> | |
<div class="su-post-excerpt-clearfix"> | |
<div class="su-post-excerpt"> | |
<p>The AMTA 2015 National Convention is August 19-22! We’re excited to come together with the massage therapy profession in Pittsburgh. You’ll have more opportunities than ever to discover new <a id="rssmi_more" onclick="javascript:window.open('http://www.amtamassage.org/articles/1/News/detail/3280'); return false;" href="http://www.amtamassage.org/articles/1/News/detail/3280" rel="nofollow">read more at source…</a></p> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="four-loop-container"> | |
<div class="su-post" id="su-post-4784"> | |
<div class="su-post-title-clearfix"> | |
<h2 class="su-post-title"><a href="http://test.amtamassage.org/integrating-assessments-into-intake/">Integrating Assessments Into Intake</a></h2> | |
</div> | |
<div class="su-post-meta">Posted: August 11, 2015</div> | |
<div class="su-post-thumbnail-clearfix"> | |
<span data-alt="" data-picture=""><span data-src="http://test.amtamassage.org/wp-content/uploads/4784-thumb-290x220-cropped.jpg"><img alt="" src="http://test.amtamassage.org/wp-content/uploads/4784-thumb-290x220-cropped.jpg"></span><span data-src="http://test.amtamassage.org/wp-content/uploads/4784-thumb-580x440-cropped.jpg" data-media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)"></span><noscript>&lt;img src='http://test.amtamassage.org/wp-content/uploads/4784-thumb-290x220-cropped.jpg' alt=''&gt;</noscript></span> </div> | |
<div class="su-post-excerpt-clearfix"> | |
<div class="su-post-excerpt"> | |
<p>Do you want to improve your use of assessments in your intake interviews? This online CE course offers practical tips.</p> | |
<p></p> | |
<p>Integrating Assessments Into Intake<br> | |
3 CE Hours</p> | |
<p>Discover how assessments can help to <a id="rssmi_more" onclick="javascript:window.open('http://www.amtamassage.org/articles/1/News/detail/3278'); return false;" href="http://www.amtamassage.org/articles/1/News/detail/3278" rel="nofollow">read more at source…</a></p> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div></div></div></div></div></div></div></body> | |
</html> |
Author
KinnaT
commented
Aug 18, 2015
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment