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         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 }