style.css

@charset "utf-8";
/*
Theme Name: Groundworker
Description: This is a tard project that brings you Blankslate and GroundworkCSS 2, Enjoy!
Author: Matrixfox
Author URI: http://matrixfox.com/
Version: 1
Tags: white, light, fluid-width, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/
/*
 * Main Stylesheet
 *
 */
body {
  word-wrap: break-word; }

code {
  white-space: normal; }

#sidebar ul {
  margin: 0; }
#sidebar li {
  list-style: none; }

#searchsubmit {
  margin: 10px 0 10px 0;
  width: 100%; }

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
  max-width: 100%; }

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto; }

img.size-full,
img.size-large,
img.wp-post-image {
  height: auto;
  max-width: 100%; }

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
  max-width: 100%; }

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
  max-width: 100% !important; }

/* Images */
.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

img.alignleft {
  margin: 5px 20px 5px 0; }

.wp-caption.alignleft {
  margin: 5px 10px 5px 0; }

img.alignright {
  margin: 5px 0 5px 20px; }

.wp-caption.alignright {
  margin: 5px 0 5px 10px; }

img.aligncenter {
  margin: 5px auto; }

img.alignnone {
  margin: 5px 0; }

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
  color: #220e10;
  font-size: 18px;
  font-style: italic;
  font-weight: 300; }

img.wp-smiley,
.rsswidget img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
  list-style-position: inside; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  body {
    background-color: green; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  body {
    background-color: red; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  body {
    background-color: purple; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  body {
    background-color: blue; } }