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

   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         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 .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 .template-front-page .widget-area .widget,
 187 .template-front-page.two-sidebars .widget-area .front-widgets {
 188         float: left;
 189         margin-bottom: 24px;
 190         width: 51.875%;
 191 }
 192 .template-front-page .widget-area .widget:nth-child(odd) {
 193         clear: right;
 194 }
 195 .template-front-page .widget-area .widget:nth-child(even),
 196 .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
 197         float: right;
 198         margin: 0 0 24px;
 199         width: 39.0625%;
 200 }
 201 .template-front-page.two-sidebars .widget,
 202 .template-front-page.two-sidebars .widget:nth-child(even) {
 203         float: none;
 204         width: auto;
 205 }
 206
 207 /* =RTL overrides for IE7 and IE8
 208 -------------------------------------------------------------- */
 209 .rtl .site-header h1,
 210 .rtl .site-header h2 {
 211         text-align: right;
 212 }
 213 .rtl .widget-area,
 214 .rtl .author-description {
 215         float: left;
 216 }
 217 .rtl .author-avatar,
 218 .rtl .site-content {
 219         float: right;
 220 }
 221 .rtl .main-navigation ul.nav-menu,
 222 .rtl .main-navigation div.nav-menu > ul {
 223         text-align: right;
 224 }
 225 .rtl .main-navigation ul li ul li,
 226 .rtl .main-navigation ul li ul li ul li {
 227         margin-left: 40px;
 228         margin-right: auto;
 229 }
 230 .rtl .main-navigation li ul ul {
 231         position: absolute;
 232         bottom: 0;
 233         right: 100%;
 234         z-index: 1;
 235 }
 236 .ie7 .rtl .main-navigation li ul ul {
 237         position: absolute;
 238         bottom: 0;
 239         right: 100%;
 240         z-index: 1;
 241 }
 242 .ie7 .rtl .main-navigation ul li {
 243         z-index: 99;
 244 }
 245 .ie7 .rtl .main-navigation li ul {
 246         position: absolute;
 247         bottom: 100%;
 248         right: 0;
 249         z-index: 1;
 250 }
 251 .ie7 .rtl .main-navigation li {
 252         margin-right: auto;
 253         margin-left: 40px;
 254 }
 255 .ie7 .rtl .main-navigation li ul ul ul {
 256         position: relative;
 257         z-index: 1;
 258 }