wp-content/themes/twentyseventeen/assets/css/ie8.css

   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 }