Amy Haywood Dutton ahaywood
ahaywood
/ CSS: Media Query - Desktops and Laptops
Last active
December 12, 2015 10:18
CSS: Media Query - Desktops and Laptops
This file contains hidden or 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
| /* Desktops and laptops ----------- */ | |
| @media only screen and (min-width : 1224px) { | |
| /* Styles */ | |
| } |
ahaywood
/ CSS: Media Query - iPad (portrait)
Last active
December 12, 2015 10:19
CSS: Media Query - iPad (portrait)
This file contains hidden or 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
| /* iPads (portrait) ----------- */ | |
| @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { | |
| /* Styles */ | |
| } |
ahaywood
/ CSS: Media Query - iPad (landscape)
Last active
December 12, 2015 10:19
CSS: Media Query - iPad (landscape)
This file contains hidden or 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
| /* iPads (landscape) ----------- */ | |
| @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { | |
| /* Styles */ | |
| } |
ahaywood
/ CSS: Media Query - iPad (portrait and landscape)
Last active
December 12, 2015 10:19
CSS: Media Query - iPad (portrait and landscape)
This file contains hidden or 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
| /* iPads (portrait and landscape) ----------- */ | |
| @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { | |
| /* Styles */ | |
| } |
ahaywood
/ CSS: Media Query - Smartphones (portrait)
Last active
December 12, 2015 10:19
CSS: Media Query - Smartphones (portrait)
This file contains hidden or 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
| /* Smartphones (portrait) ----------- */ | |
| @media only screen and (max-width : 320px) { | |
| /* Styles */ | |
| } |
ahaywood
/ CSS: Media Query - Smartphones (landscape)
Last active
January 25, 2018 16:45
CSS: Media Query - Smartphones (landscape)
This file contains hidden or 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
| /* Smartphones (landscape) ----------- */ | |
| @media only screen and (min-width : 321px) { | |
| /* Styles */ | |
| } |
ahaywood
/ CSS: Media Query - Smartphones (portrait and landscape)
Last active
December 12, 2015 10:19
CSS: Media Query - Smartphones (portrait and landscape)
This file contains hidden or 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
| /* Smartphones (portrait and landscape) ----------- */ | |
| @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { | |
| /* Styles */ | |
| } |
This file contains hidden or 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
| @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) { | |
| /* your css rules for ipad portrait */ | |
| } | |
| @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) { | |
| /* your css rules for ipad landscape */ | |
| } |
ahaywood
/ PHP: WP - Contact 7 Shortcode in PHP
Last active
December 11, 2015 18:09
PHP: WP - Contact 7 Shortcode in PHP
This file contains hidden or 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
| <?php echo do_shortcode( '[contact-form-7 id="12" title="Contact Form"]' ); ?> |
This file contains hidden or 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
| // WORDPRESS LOOP | |
| <?php if (have_posts()) : while (have_posts()) : the_post(); ?> | |
| <div <?php post_class() ?> id="post-<?php the_ID(); ?>"> | |
| <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2> | |
| <?php include (TEMPLATEPATH . '/inc/meta.php' ); ?> | |
| <div class="entry"> |