[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Seventeen
   3  Description: IE8 specific style.
   4  */
   5  
   6  body {
   7      font-size: 16px;
   8  }
   9  
  10  h1 {
  11      font-size: 30px;
  12      font-size: 1.875rem;
  13  }
  14  
  15  h2,
  16  .page .panel-content .recent-posts .entry-title {
  17      font-size: 26px;
  18      font-size: 1.625rem;
  19  }
  20  
  21  h3 {
  22      font-size: 22px;
  23      font-size: 1.375rem;
  24  }
  25  
  26  h4 {
  27      font-size: 18px;
  28      font-size: 1.125rem;
  29  }
  30  
  31  h5 {
  32      font-size: 13px;
  33      font-size: 0.8125rem;
  34  }
  35  
  36  h6 {
  37      font-size: 16px;
  38      font-size: 1rem;
  39  }
  40  
  41  img {
  42      width: inherit;  /* Make images fill their parent's space. */
  43  }
  44  
  45  /* Fixes linked images */
  46  .entry-content a img,
  47  .widget a img {
  48      filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=5, Color=#ffffff);
  49  }
  50  
  51  /* Layout */
  52  
  53  .site-content {
  54      padding: 6.5em 0 0;
  55  }
  56  
  57  /* Site Branding */
  58  
  59  .custom-header {
  60      overflow: hidden;
  61  }
  62  
  63  .has-header-image.twentyseventeen-front-page .custom-header,
  64  .has-header-image.home.blog .custom-header {
  65      display: block;
  66  }
  67  
  68  .custom-header-media {
  69      background-position: bottom center;
  70  }
  71  
  72  .site-branding {
  73      padding: 45px 0;
  74  }
  75  
  76  .has-header-image.twentyseventeen-front-page .site-branding,
  77  .has-header-image.home.blog .site-branding {
  78      bottom: 0;
  79      display: block;
  80      left: 0;
  81      height: auto;
  82      padding-top: 0;
  83      position: absolute;
  84      width: 100%;
  85  }
  86  
  87  .has-header-image .custom-header-media img {
  88      left: 0;
  89      top: 0;
  90  }
  91  
  92  .site-title {
  93      font-size: 36px;
  94      font-weight: 700;
  95  }
  96  
  97  .site-description {
  98      font-size: 16px;
  99  }
 100  
 101  /* Main Navigation */
 102  
 103  .navigation-top {
 104      background: #fff;
 105      position: relative;
 106      z-index: 10;
 107  }
 108  
 109  .menu-toggle {
 110      width: 150px;
 111  }
 112  
 113  .main-navigation ul#top-menu {
 114      margin-bottom: -1px;
 115      padding: 0;
 116  }
 117  
 118  .no-svg .dropdown-toggle {
 119      padding: 0.25em 0 0;
 120  }
 121  
 122  .no-svg .dropdown-toggle.toggled-on {
 123      padding: 0.75em 0 0;
 124  }
 125  
 126  .dropdown-toggle .svg-fallback.icon-angle-down {
 127      -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')";
 128  }
 129  
 130  .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
 131      -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
 132  }
 133  
 134  /* Front Page */
 135  
 136  .twentyseventeen-front-page.has-header-image .custom-header,
 137  .blog.home.has-header-image .custom-header,
 138  .panel-image {
 139      height: 800px;
 140      max-height: 800px;
 141      padding-top: 0;
 142  }
 143  
 144  .twentyseventeen-front-page .custom-header-media,
 145  .blog.home .custom-header-media {
 146      background-position: center center;
 147  }
 148  
 149  .twentyseventeen-front-page.has-header-image .site-branding,
 150  .home.blog.has-header-image .site-branding {
 151      bottom: 20px;
 152      position: absolute;
 153      width: 100%;
 154  }
 155  
 156  .page .panel-content .entry-title,
 157  .page-title,
 158  .page .entry-title {
 159      font-size: 14px;
 160      font-size: 0.875rem;
 161      font-weight: 700;
 162      letter-spacing: 0.14em;
 163      text-transform: uppercase;
 164  }
 165  
 166  /* Posts */
 167  
 168  .blog .site-main > article,
 169  .archive .site-main > article,
 170  .search .site-main > article {
 171      padding-bottom: 4em;
 172  }
 173  
 174  time.updated {
 175      display: none;
 176  }
 177  
 178  time.published {
 179      display: inline-block;
 180  }
 181  
 182  .blog .entry-title {
 183      padding-top: 0;
 184  }
 185  
 186  .single-post .entry-title,
 187  .page .entry-title,
 188  .entry-meta + .entry-title {
 189      font-size: 26px;
 190      font-weight: 400;
 191      letter-spacing: normal;
 192      padding-top: 0;
 193      text-transform: none;
 194  }
 195  
 196  .entry-footer .cat-links,
 197  .entry-footer .tags-links {
 198      padding-left: 0;
 199  }
 200  
 201  .comment-author .avatar {
 202      z-index: -1;
 203  }
 204  
 205  ol.children .children {
 206      padding-left: 2em;
 207  }
 208  
 209  /* RTL Styles */
 210  
 211  .rtl .has-header-image.twentyseventeen-front-page .site-branding,
 212  .rtl .has-header-image.home.blog .site-branding {
 213      left: auto;
 214      right: 0;
 215  }
 216  
 217  .rtl .entry-footer .cat-links,
 218  .rtl .entry-footer .tags-links {
 219      padding-right: 0;
 220  }
 221  
 222  .rtl ol.children .children {
 223      padding-left: 0;
 224      padding-right: 2em;
 225  }