[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); /* IE7 */
  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      display: none;
 108      margin: 0;
 109      padding: 0;
 110      position: absolute;
 111      top: 100%;
 112      z-index: 1;
 113  }
 114  .ie7 .main-navigation li ul {
 115      left: 0;
 116  }
 117  .main-navigation li ul ul,
 118  .ie7 .main-navigation li ul ul {
 119      top: 0;
 120      left: 100%;
 121  }
 122  .main-navigation ul li:hover > ul {
 123      border-left: 0;
 124      display: block;
 125  }
 126  .main-navigation li ul li a {
 127      background: #efefef;
 128      border-bottom: 1px solid #ededed;
 129      display: block;
 130      font-size: 11px;
 131      line-height: 2.181818182;
 132      padding: 8px 10px;
 133      width: 180px;
 134  }
 135  .main-navigation li ul li a:hover {
 136      background: #e3e3e3;
 137      color: #444;
 138  }
 139  .main-navigation .current-menu-item > a,
 140  .main-navigation .current-menu-ancestor > a,
 141  .main-navigation .current_page_item > a,
 142  .main-navigation .current_page_ancestor > a {
 143      color: #636363;
 144      font-weight: bold;
 145  }
 146  .menu-toggle {
 147      display: none;
 148  }
 149  .entry-header .entry-title {
 150      font-size: 22px;
 151  }
 152  #respond form input[type="text"] {
 153      width: 46.333333333%;
 154  }
 155  #respond form textarea.blog-textarea {
 156      width: 79.666666667%;
 157  }
 158  .template-front-page .site-content,
 159  .template-front-page article {
 160      overflow: hidden;
 161  }
 162  .template-front-page.has-post-thumbnail article {
 163      float: left;
 164      width: 47.916666667%;
 165  }
 166  .entry-page-image {
 167      float: right;
 168      margin-bottom: 0;
 169      width: 47.916666667%;
 170  }
 171  .template-front-page .widget-area .widget,
 172  .template-front-page.two-sidebars .widget-area .front-widgets {
 173      float: left;
 174      margin-bottom: 24px;
 175      width: 51.875%;
 176  }
 177  .template-front-page .widget-area .widget:nth-child(odd) {
 178      clear: right;
 179  }
 180  .template-front-page .widget-area .widget:nth-child(even),
 181  .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
 182      float: right;
 183      margin: 0 0 24px;
 184      width: 39.0625%;
 185  }
 186  .template-front-page.two-sidebars .widget,
 187  .template-front-page.two-sidebars .widget:nth-child(even) {
 188      float: none;
 189      width: auto;
 190  }
 191  
 192  /* =RTL overrides for IE7 and IE8
 193  -------------------------------------------------------------- */
 194  .rtl .site-header h1,
 195  .rtl .site-header h2 {
 196      text-align: right;
 197  }
 198  .rtl .widget-area,
 199  .rtl .author-description {
 200      float: left;
 201  }
 202  .rtl .author-avatar,
 203  .rtl .site-content {
 204      float: right;
 205  }
 206  .rtl .main-navigation ul.nav-menu,
 207  .rtl .main-navigation div.nav-menu > ul {
 208      text-align: right;
 209  }
 210  .rtl .main-navigation ul li ul li,
 211  .rtl .main-navigation ul li ul li ul li {
 212      margin-left: 40px;
 213      margin-right: auto;
 214  }
 215  .rtl .main-navigation li ul ul {
 216      position: absolute;
 217      bottom: 0;
 218      right: 100%;
 219      z-index: 1;
 220  }
 221  .ie7 .rtl .main-navigation li ul ul {
 222      position: absolute;
 223      bottom: 0;
 224      right: 100%;
 225      z-index: 1;
 226  }
 227  .ie7 .rtl .main-navigation ul li {
 228      z-index: 99;
 229  }
 230  .ie7 .rtl .main-navigation li ul {
 231      position: absolute;
 232      bottom: 100%;
 233      right: 0;
 234      z-index: 1;
 235  }
 236  .ie7 .rtl .main-navigation li {
 237      margin-right: auto;
 238      margin-left: 40px;
 239  }
 240  .ie7 .rtl .main-navigation li ul ul ul {
 241      position: relative;
 242      z-index: 1;
 243  }