Guest User

twentyfifteencss

a guest
Jan 25th, 2015
1,590
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @media screen and (min-width: 59.6875em) {
  2.     body:before {
  3.         width: 23%; /* 29.4118%; */ - sidebar white background width
  4.     }
  5.     .sidebar {
  6.         max-width: 300px; /* 413px; */ - sidebar text area width
  7.         width: 23%; /* 29.4118%; */
  8.     }
  9.     .site-header {
  10.         margin: 10% 0; /* 20% 0; */ - padding/margin of the sidebar text area
  11.         padding: 0 10%; /* 0 20%; */
  12.     }
  13.     .site-content {
  14.         margin-left: 23%; /* 29.4118%; */ - marging of the gray area from the left edge
  15.         width: 77%; /* 70.5882%; */ - the gray area width
  16.     }
  17.     .site-main {
  18.         padding: 5% 0; /* 8.3333% 0; */ - height of the top gray bar
  19.     }
  20.     .hentry {
  21.         padding-top: 5%; /* 8.3333%; */ - text height from the top gray bar
  22.     }
  23.     .hentry,
  24.     .page-header,
  25.     .page-content {
  26.         margin: 0 5%; /* 0 8.3333%; */ - gray bars width
  27.     }
  28.     .hentry + .hentry,
  29.     .page-header + .hentry,
  30.     .page-header + .page-content {
  31.         margin-top: 5%; /* 8.3333%; */ - gray bars width
  32.     }
  33.     .page-content {
  34.         padding: 5%; /* 8.3333%; */ - gray bars width
  35.     }
  36.  
  37.     .entry-header {
  38.         padding: 0 5%; /* 0 10%; */ - main title width
  39.     }
  40.     .entry-content,
  41.     .entry-summary {
  42.         padding: 0 5% 5%; /* 0 10% 10%; */ - text width to gray bars
  43.     }
  44.     .comments-area {
  45.         margin: 5% 5% 0; /* 8.3333% 8.3333% 0; */
  46.         padding: 5%; /* 8.3333%; */ - comments gray bars width
  47.     }
  48.     .post-navigation {
  49.         margin: 5% 5% 0; /* 8.3333% 8.3333% 0; */ - old posts gray bars
  50.     }
  51.     .site-footer {
  52.         margin: 0 0 0 27%; /* 0 0 0 35.2941%; */ - indent from the left edge of the footer
  53.         width: 69%; /* 58.8235%; */ - footer width
  54.     }
  55.     .site-info {
  56.         padding: 5% 5%; /* 5% 10%; */ - text indent from the footer edges
  57.     }
  58.     .post-navigation a {
  59.         padding: 5% 5%; /* 5% 10%; */
  60.     }
  61. }
  62.  
  63. @media screen and (min-width: 38.75em) {
  64.     .site-main {
  65.         padding: 5% 0; /* 7.6923% 0; */ - top gray bar height
  66.     }
  67.     .hentry,
  68.     .page-header,
  69.     .page-content {
  70.         margin: 0 5%; /* 0 7.6923%; */ - lateral gray bars width
  71.     }
  72. }
RAW Paste Data