[Summary view] [Print] [Text view]

   1  /*
   2  Styles for older IE versions (previous to IE9).
   3  */
   4  
   5  body {
   6      background-color: #e6e6e6;
   7  }
   8  body.custom-background-empty {
   9      background-color: #fff;
  10  }
  11  body.custom-background-empty .site,
  12  body.custom-background-white .site {
  13      box-shadow: none;
  14      margin-bottom: 0;
  15      margin-top: 0;
  16      padding: 0;
  17  }
  18  .assistive-text,
  19  .site .screen-reader-text {
  20      clip: rect(1px 1px 1px 1px);
  21  }
  22  .full-width .site-content {
  23      float: none;
  24      width: 100%;
  25  }
  26  img.size-full,
  27  img.size-large,
  28  img.header-image,
  29  img.wp-post-image,
  30  img[class*="align"],
  31  img[class*="wp-image-"],
  32  img[class*="attachment-"] {
  33      width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
  34  }
  35  .author-avatar {
  36      float: left;
  37      margin-top: 8px;
  38      margin-top: 0.571428571rem;
  39  }
  40  .author-description {
  41      float: right;
  42      width: 80%;
  43  }
  44  .site {
  45      box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
  46      margin: 48px auto;
  47      max-width: 960px;
  48      overflow: hidden;
  49      padding: 0 40px;
  50  }
  51  .site-content {
  52      float: left;
  53      width: 65.104166667%;
  54  }
  55  body.template-front-page .site-content,
  56  body.attachment .site-content,
  57  body.full-width .site-content {
  58      width: 100%;
  59  }
  60  .widget-area {
  61      float: right;
  62      width: 26.041666667%;
  63  }
  64  .site-header h1,
  65  .site-header h2 {
  66      text-align: left;
  67  }
  68  .site-header h1 {
  69      font-size: 26px;
  70      line-height: 1.846153846;
  71  }
  72  .main-navigation ul.nav-menu,
  73  .main-navigation div.nav-menu > ul {
  74      border-bottom: 1px solid #ededed;
  75      border-top: 1px solid #ededed;
  76      display: inline-block !important;
  77      text-align: left;
  78      width: 100%;
  79  }
  80  .main-navigation ul {
  81      margin: 0;
  82      text-indent: 0;
  83  }
  84  .main-navigation li a,
  85  .main-navigation li {
  86      display: inline-block;
  87      text-decoration: none;
  88  }
  89  .ie7 .main-navigation li a,
  90  .ie7 .main-navigation li {
  91      display: inline;
  92  }
  93  .main-navigation li a {
  94      border-bottom: 0;
  95      color: #6a6a6a;
  96      line-height: 3.692307692;
  97      text-transform: uppercase;
  98  }
  99  .main-navigation li a:hover {
 100      color: #000;
 101  }
 102  .main-navigation li {
 103      margin: 0 40px 0 0;
 104      position: relative;
 105  }
 106  .main-navigation li ul {
 107      margin: 0;
 108      padding: 0;
 109      position: absolute;
 110      top: 100%;
 111      z-index: 1;
 112      height: 1px;
 113      width: 1px;
 114      overflow: hidden;
 115      clip: rect(1px, 1px, 1px, 1px);
 116  }
 117  .ie7 .main-navigation li ul {
 118      clip: inherit;
 119      display: none;
 120      left: 0;
 121      overflow: visible;
 122  }
 123  .main-navigation li ul ul,
 124  .ie7 .main-navigation li ul ul {
 125      top: 0;
 126      left: 100%;
 127  }
 128  .main-navigation ul li:hover > ul,
 129  .main-navigation ul li:focus > ul,
 130  .main-navigation .focus > ul {
 131      border-left: 0;
 132      clip: inherit;
 133      overflow: inherit;
 134      height: inherit;
 135      width: inherit;
 136  }
 137  .ie7 .main-navigation ul li:hover > ul,
 138  .ie7 .main-navigation ul li:focus > ul {
 139      display: block;
 140  }
 141  .main-navigation li ul li a {
 142      background: #efefef;
 143      border-bottom: 1px solid #ededed;
 144      display: block;
 145      font-size: 11px;
 146      line-height: 2.181818182;
 147      padding: 8px 10px;
 148      width: 180px;
 149  }
 150  .main-navigation li ul li a:hover {
 151      background: #e3e3e3;
 152      color: #444;
 153  }
 154  .main-navigation .current-menu-item > a,
 155  .main-navigation .current-menu-ancestor > a,
 156  .main-navigation .current_page_item > a,
 157  .main-navigation .current_page_ancestor > a {
 158      color: #636363;
 159      font-weight: bold;
 160  }
 161  .main-navigation .menu-toggle {
 162      display: none;
 163  }
 164  .entry-header .entry-title {
 165      font-size: 22px;
 166  }
 167  #respond form input[type="text"] {
 168      width: 46.333333333%;
 169  }
 170  #respond form textarea.blog-textarea {
 171      width: 79.666666667%;
 172  }
 173  .template-front-page .site-content,
 174  .template-front-page article {
 175      overflow: hidden;
 176  }
 177  .template-front-page.has-post-thumbnail article {
 178      float: left;
 179      width: 47.916666667%;
 180  }
 181  .entry-page-image {
 182      float: right;
 183      margin-bottom: 0;
 184      width: 47.916666667%;
 185  }
 186  /* IE Front Page Template Widget fix */
 187  .template-front-page .widget-area {
 188      clear: both;
 189  }
 190  .template-front-page .widget {
 191      width: 100% !important;
 192      border: none;
 193  }
 194  .template-front-page .widget-area .widget,
 195  .template-front-page .first.front-widgets,
 196  .template-front-page.two-sidebars .widget-area .front-widgets {
 197      float: left;
 198      margin-bottom: 24px;
 199      width: 51.875%;
 200  }
 201  .template-front-page .second.front-widgets,
 202  .template-front-page .widget-area .widget:nth-child(odd) {
 203      clear: right;
 204  }
 205  .template-front-page .first.front-widgets,
 206  .template-front-page .second.front-widgets,
 207  .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
 208      float: right;
 209      margin: 0 0 24px;
 210      width: 39.0625%;
 211  }
 212  .template-front-page.two-sidebars .widget,
 213  .template-front-page.two-sidebars .widget:nth-child(even) {
 214      float: none;
 215      width: auto;
 216  }
 217  /* add input font for <IE9 Password Box to make the bullets show up */
 218  input[type="password"] {
 219      font-family: Helvetica, Arial, sans-serif;
 220  }
 221  
 222  /* RTL overrides for IE7 and IE8
 223  -------------------------------------------------------------- */
 224  .rtl .site-header h1,
 225  .rtl .site-header h2 {
 226      text-align: right;
 227  }
 228  .rtl .widget-area,
 229  .rtl .author-description {
 230      float: left;
 231  }
 232  .rtl .author-avatar,
 233  .rtl .site-content {
 234      float: right;
 235  }
 236  .rtl .main-navigation ul.nav-menu,
 237  .rtl .main-navigation div.nav-menu > ul {
 238      text-align: right;
 239  }
 240  .rtl .main-navigation ul li ul li,
 241  .rtl .main-navigation ul li ul li ul li {
 242      margin-left: 40px;
 243      margin-right: auto;
 244  }
 245  .rtl .main-navigation li ul ul {
 246      position: absolute;
 247      bottom: 0;
 248      right: 100%;
 249      z-index: 1;
 250  }
 251  .ie7 .rtl .main-navigation li ul ul {
 252      position: absolute;
 253      bottom: 0;
 254      right: 100%;
 255      z-index: 1;
 256  }
 257  .ie7 .rtl .main-navigation ul li {
 258      z-index: 99;
 259  }
 260  .ie7 .rtl .main-navigation li ul {
 261      position: absolute;
 262      bottom: 100%;
 263      right: 0;
 264      z-index: 1;
 265  }
 266  .ie7 .rtl .main-navigation li {
 267      margin-right: auto;
 268      margin-left: 40px;
 269  }
 270  .ie7 .rtl .main-navigation li ul ul ul {
 271      position: relative;
 272      z-index: 1;
 273  }