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

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