Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Twenty Fourteen Extended

By: Nexcius on Jan 21st, 2014  |  syntax: CSS  |  size: 3.34 KB  |  views: 994  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /*
  2.  Theme Name:     Twenty Fourteen Extended
  3.  Description:    Make use of full width page templates in the Twenty Fourteen theme
  4.  Author:         Nexcius
  5.  Author URI:     http://www.nexcius.net
  6.  Template:       twentyfourteen
  7.  Version:        1.0.1
  8. */
  9.  
  10. @import url("../twentyfourteen/style.css");
  11.  
  12.  
  13. .full-width .site-content .page .entry-header,
  14. .full-width .site-content .page .entry-content,
  15. .full-width .site-content .page .entry-summary,
  16. .full-width .site-content .page .entry-meta {
  17.         max-width: 100%;
  18. }
  19.  
  20. @media screen and (min-width: 594px) {
  21.         .full-width .site-content .page .entry-header {
  22.                 max-width: 100%;
  23.                 margin-left: 0;
  24.                 margin-right: 0;
  25.         }
  26.          
  27.         .full-width .site-content .page .entry-content,
  28.         .full-width .site-content .page .entry-summary,
  29.         .full-width .site-content .page .entry-meta {
  30.                 max-width: 100%;
  31.                 padding-left: 30px;
  32.                 padding-right: 30px;
  33.         }
  34.  
  35.  
  36.         .full-width .site-content .page  .wp-caption.alignnone {
  37.                 max-width: 100%;
  38.                 max-width: -moz-calc(100% + 60px);
  39.                 max-width: calc(100% + 60px);
  40.                 margin-left: -30px;
  41.                 margin-right: -30px;
  42.         }
  43.  
  44.         .full-width .site-content .page  .wp-caption.alignnone .wp-caption-text {
  45.                 max-width: 100%;
  46.                 margin-left: 30px;
  47.                 margin-right: 30px;
  48.         }
  49.        
  50.         .full-width .site-content .page  blockquote.alignright,
  51.         .full-width .site-content .page  img.size-full.alignright,
  52.         .full-width .site-content .page  img.size-large.alignright,
  53.         .full-width .site-content .page  img.size-medium.alignright,
  54.         .full-width .site-content .page  .wp-caption.alignright {
  55.                 margin-right: -20px;
  56.         }
  57.        
  58.         .full-width .site-content .page  blockquote.alignleft,
  59.         .full-width .site-content .page  img.size-full.alignleft,
  60.         .full-width .site-content .page  img.size-large.alignleft,
  61.         .full-width .site-content .page  img.size-medium.alignleft,
  62.         .full-width .site-content .page  .wp-caption.alignleft {
  63.                 margin-left: -20px;
  64.         }
  65. }
  66.  
  67. @media screen and (min-width: 673px) {
  68.         .full-width .site-content  .page .entry-header {
  69.                 margin-left: 30px;
  70.                 margin-right: 30px;
  71.         }
  72.          
  73.         .full-width .site-content .page  .entry-content,
  74.         .full-width .site-content .page  .entry-summary,
  75.         .full-width .site-content .page  .entry-meta {
  76.                 padding-left: 60px;
  77.                 padding-right: 60px;
  78.         }
  79.  
  80.  
  81.         .full-width .site-content .page  .wp-caption.alignnone {
  82.                 max-width: -moz-calc(100% + 120px);
  83.                 max-width: calc(100% + 120px);
  84.                 margin-left: -60px;
  85.                 margin-right: -60px;
  86.                
  87.         }
  88.  
  89.         .full-width .site-content .page .wp-caption.alignnone .wp-caption-text {
  90.                 margin-left: 60px;
  91.                 margin-right: 60px;
  92.         }
  93.        
  94.         .full-width .site-content .page blockquote.alignright,
  95.         .full-width .site-content .page  blockquote.alignleft {
  96.                 max-width: 50%;
  97.         }
  98.        
  99.         .full-width .site-content .page  blockquote.alignright,
  100.         .full-width .site-content .page  img.size-full.alignright,
  101.         .full-width .site-content .page  img.size-large.alignright,
  102.         .full-width .site-content .page  img.size-medium.alignright,
  103.         .full-width .site-content .page  .wp-caption.alignright {
  104.                 margin-right: -50px;
  105.         }
  106.        
  107.         .full-width .site-content .page  blockquote.alignleft,
  108.         .full-width .site-content .page  img.size-full.alignleft,
  109.         .full-width .site-content .page  img.size-large.alignleft,
  110.         .full-width .site-content .page  img.size-medium.alignleft,
  111.         .full-width .site-content .page  .wp-caption.alignleft {
  112.                 margin-left: -50px;
  113.         }
  114. }