wp-content/themes/twentythirteen/css/ie.css

   1 /*
   2 Styles for older IE versions (previous to IE9).
   3 */
   4
   5 .site {
   6         min-width: 1040px;
   7 }
   8
   9 .genericon:before:hover,
  10 .menu-toggle:after:hover,
  11 .date a:before:hover,
  12 .entry-meta .author a:before:hover,
  13 .format-audio .entry-content:before:hover,
  14 .comments-link a:before:hover,
  15 .tags-links a:first-child:before:hover,
  16 .categories-links a:first-child:before:hover,
  17 .edit-link > a:before:hover,
  18 .attachment-meta:before:hover,
  19 .attachment-meta a:before:hover,
  20 .comment-awaiting-moderation:before:hover,
  21 .comment-reply-link:before:hover,
  22 .comment-reply-title small a:before:hover,
  23 .bypostauthor > .comment-body .fn:before:hover {
  24         text-decoration: none;
  25 }
  26
  27 .nav-menu .sub-menu ul,
  28 .nav-menu .children ul {
  29         left: 100%;
  30 }
  31
  32 .site-header .home-link {
  33         max-width: 1040px;
  34 }
  35
  36 .site-header .search-form [type="search"],
  37 .site-header .search-form [type="text"] {
  38         padding-top: 6px;
  39 }
  40
  41 img.alignright {
  42         margin-right: 0;
  43 }
  44
  45 img.alignleft {
  46         margin-left: 0;
  47 }
  48
  49 .site-main .sidebar-inner {
  50         width: 1040px;
  51 }
  52
  53 .site-main .widget-area {
  54         margin-right: 60px;
  55 }
  56
  57 .format-image .entry-content .size-full {
  58         margin: 0;
  59         max-width: 604px;
  60 }
  61
  62 .gallery-columns-1 .gallery-item,
  63 .gallery-columns-2 .gallery-item,
  64 .gallery-columns-3 .gallery-item {
  65         max-width: none;
  66 }
  67
  68 .gallery img {
  69         width: auto;
  70 }
  71
  72 .gallery-caption {
  73         background: #000;
  74         filter: alpha(opacity=0);
  75 }
  76
  77 .gallery-item:hover .gallery-caption {
  78         filter: alpha(opacity=70);
  79 }
  80
  81 .comment {
  82         clear: both;
  83 }
  84
  85 .comment-meta,
  86 .comment-content,
  87 .comment-list .reply {
  88         width: 480px;
  89 }
  90
  91 .depth-2 .comment-meta,
  92 .depth-2 .comment-content,
  93 .comment-list .depth-2 .reply {
  94         width: 460px;
  95 }
  96
  97 .depth-3 .comment-meta,
  98 .depth-3 .comment-content,
  99 .comment-list .depth-3 .reply {
 100         width: 440px;
 101 }
 102
 103 .depth-4 .comment-meta,
 104 .depth-4 .comment-content,
 105 .comment-list .depth-4 .reply {
 106         width: 420px;
 107 }
 108
 109 .depth-5 .comment-meta,
 110 .depth-5 .comment-content,
 111 .comment-list .depth-5 .reply {
 112         width: 400px;
 113 }
 114
 115 .comment-meta {
 116         margin-bottom: 0;
 117 }
 118
 119 .widget {
 120         background: #f7f5e7;
 121 }
 122
 123 .site-footer .widget {
 124         background: none;
 125 }
 126
 127 /* Internet Explorer 8 */
 128 .ie8 .site {
 129         border: 0;
 130 }
 131
 132 .ie8 img.size-full,
 133 .ie8 img.size-large {
 134         height: auto;
 135         width: auto;
 136 }
 137
 138 .ie8 .sidebar .entry-header,
 139 .ie8 .sidebar .entry-content,
 140 .ie8 .sidebar .entry-summary,
 141 .ie8 .sidebar .entry-meta {
 142         max-width: 724px;
 143 }
 144
 145 .ie8 .author-info {
 146         margin-left: 0;
 147 }
 148
 149 .ie8 .paging-navigation .nav-previous .meta-nav {
 150         padding: 5px 0 8px;
 151         width: 40px;
 152 }
 153
 154 .ie8 .paging-navigation .nav-next {
 155         line-height: 1;
 156 }
 157
 158 .ie8 .format-status .entry-content:before,
 159 .ie8 .format-status .entry-meta:before {
 160         content: none;
 161 }
 162
 163 .ie8 .site-main .widget-area {
 164         margin-right: 0;
 165 }
 166
 167 /* Internet Explorer 7 */
 168 .ie7 audio,
 169 .ie7 canvas,
 170 .ie7 video {
 171         display: inline;
 172         zoom: 1;
 173 }
 174
 175 .ie7 legend {
 176         margin-left: -7px;
 177 }
 178
 179 .ie7 button,
 180 .ie7 input,
 181 .ie7 select,
 182 .ie7 textarea {
 183         vertical-align: middle;
 184 }
 185
 186 .ie7 button,
 187 .ie7 input[type="button"],
 188 .ie7 input[type="reset"],
 189 .ie7 input[type="submit"] {
 190         overflow: visible;
 191 }
 192
 193 .ie7 input[type="checkbox"],
 194 .ie7 input[type="radio"] {
 195         height: 13px;
 196         width: 13px;
 197 }
 198
 199 .ie7 .screen-reader-text {
 200         clip: rect(1px 1px 1px 1px); /* IE7 */
 201 }
 202
 203 .ie7 .site-header {
 204         position: relative;
 205         z-index: 1;
 206 }
 207
 208 .ie7 .main-navigation {
 209         max-width: 930px;
 210         padding-right: 150px;
 211 }
 212
 213 .ie7 .nav-menu li a,
 214 .ie7 .nav-menu li {
 215         display: block;
 216         float: left;
 217 }
 218
 219 .ie7 .nav-menu ul {
 220         top: 40px;
 221 }
 222
 223 .ie7 .nav-menu .sub-menu,
 224 .ie7 .nav-menu .children {
 225         display: none;
 226         overflow: visible;
 227 }
 228
 229 .ie7 ul.nav-menu li:hover > ul,
 230 .ie7 .nav-menu ul li:hover > ul {
 231         display: block;
 232 }
 233
 234 .ie7 .site-header .search-form [type="search"],
 235 .ie7 .site-header .search-form [type="text"] {
 236         background-color: #fff;
 237         border: 2px solid #c3c0ab;
 238         cursor: text;
 239         height: 28px;
 240         outline: 0;
 241         width: 150px;
 242 }
 243
 244 .ie7 .entry-header,
 245 .ie7 .entry-content,
 246 .ie7 .entry-summary,
 247 .ie7 .entry-meta {
 248         width: 604px;
 249 }
 250
 251 .ie7 .format-status .entry-content,
 252 .ie7 .format-status .entry-meta {
 253         padding-left: 60px;
 254 }
 255
 256 .ie7 .sidebar .format-status .entry-content,
 257 .ie7 .sidebar .format-status .entry-meta {
 258         padding-left: 60px;
 259 }
 260
 261 .ie7 .sidebar .post-navigation .nav-links,
 262 .ie7 .sidebar .paging-navigation .nav-links {
 263         width: 604px;
 264 }
 265
 266 .ie7 .paging-navigation .meta-nav {
 267         padding: 0 0 10px;
 268         vertical-align: middle;
 269         width: 40px;
 270 }
 271
 272 .ie7 .comments-title,
 273 .ie7 .comment-list,
 274 .ie7 .comment-reply-title,
 275 .ie7 .comment-respond .comment-form {
 276         width: 604px;
 277 }
 278
 279 .ie7 .site-footer .widget-area {
 280         max-width: none;
 281         left: auto;
 282 }
 283
 284 /* RTL for Internet Explorer 7 & 8 */
 285 .rtl .format-audio .entry-content:before,
 286 .rtl .comment-reply-link:before,
 287 .rtl .comment-reply-login:before {
 288         -ms-filter: "FlipH";
 289         filter: FlipH;
 290 }