jquery-ui
5 years ago
photoswipe
1 month ago
_animation.scss
3 years ago
_fonts.scss
2 years ago
_mixins.scss
2 months ago
_variables.scss
1 month ago
activation-rtl.css
4 months ago
activation.css
4 months ago
activation.scss
4 months ago
address-autocomplete-rtl.css
1 month ago
address-autocomplete.css
1 month ago
address-autocomplete.scss
4 months ago
admin-rtl.css
1 week ago
admin.css
1 week ago
admin.scss
1 week ago
auth-rtl.css
2 months ago
auth.css
2 months ago
auth.scss
1 year ago
brands-admin-rtl.css
1 year ago
brands-admin.css
1 year ago
brands-admin.scss
1 year ago
brands-rtl.css
2 weeks ago
brands.css
2 weeks ago
brands.scss
2 weeks ago
coming-soon-entire-site-deprecated-rtl.css
1 month ago
coming-soon-entire-site-deprecated.css
1 month ago
coming-soon-entire-site-deprecated.scss
1 year ago
coming-soon-rtl.css
1 month ago
coming-soon.css
1 month ago
coming-soon.scss
1 month ago
dashboard-rtl.css
1 month ago
dashboard-setup-rtl.css
1 month ago
dashboard-setup.css
1 month ago
dashboard-setup.scss
1 month ago
dashboard.css
1 month ago
dashboard.scss
1 month ago
forms-rtl.css
4 months ago
forms.css
4 months ago
forms.scss
4 months ago
helper-rtl.css
2 months ago
helper.css
2 months ago
helper.scss
2 months ago
marketplace-suggestions-rtl.css
2 months ago
marketplace-suggestions.css
2 months ago
marketplace-suggestions.scss
1 year ago
menu-rtl.css
1 month ago
menu.css
1 month ago
menu.scss
3 years ago
network-order-widget-rtl.css
4 years ago
network-order-widget.css
4 years ago
network-order-widget.scss
3 years ago
order-review-rtl.css
2 months ago
order-review.css
2 months ago
order-review.scss
2 months ago
prettyPhoto-rtl.css
1 month ago
prettyPhoto.css
1 month ago
prettyPhoto.scss
3 years ago
privacy-rtl.css
6 years ago
privacy.css
6 years ago
privacy.scss
3 years ago
reports-print-rtl.css
3 years ago
reports-print.css
3 years ago
reports-print.scss
3 years ago
select2.css
4 months ago
select2.scss
4 months ago
twenty-nineteen-rtl.css
1 month ago
twenty-nineteen.css
1 month ago
twenty-nineteen.scss
1 year ago
twenty-seventeen-rtl.css
1 month ago
twenty-seventeen.css
1 month ago
twenty-seventeen.scss
1 year ago
twenty-twenty-one-admin-rtl.css
2 years ago
twenty-twenty-one-admin.css
2 years ago
twenty-twenty-one-admin.scss
2 years ago
twenty-twenty-one-rtl.css
1 month ago
twenty-twenty-one.css
1 month ago
twenty-twenty-one.scss
5 months ago
twenty-twenty-rtl.css
1 month ago
twenty-twenty-three-rtl.css
1 month ago
twenty-twenty-three.css
1 month ago
twenty-twenty-three.scss
5 months ago
twenty-twenty-two-rtl.css
1 month ago
twenty-twenty-two.css
1 month ago
twenty-twenty-two.scss
5 months ago
twenty-twenty.css
1 month ago
twenty-twenty.scss
5 months ago
variation-gallery-admin-rtl.css
2 months ago
variation-gallery-admin.css
2 months ago
variation-gallery-admin.scss
2 months ago
wc-setup-rtl.css
1 month ago
wc-setup.css
1 month ago
wc-setup.scss
4 months ago
woocommerce-blocktheme-rtl.css
1 month ago
woocommerce-blocktheme.css
1 month ago
woocommerce-blocktheme.scss
1 year ago
woocommerce-classictheme-editor-fonts-rtl.css
1 month ago
woocommerce-classictheme-editor-fonts.css
1 month ago
woocommerce-classictheme-editor-fonts.scss
1 year ago
woocommerce-layout-rtl.css
2 weeks ago
woocommerce-layout.css
2 weeks ago
woocommerce-layout.scss
2 weeks ago
woocommerce-rtl.css
2 weeks ago
woocommerce-smallscreen-rtl.css
2 months ago
woocommerce-smallscreen.css
2 months ago
woocommerce-smallscreen.scss
4 months ago
woocommerce.css
2 weeks ago
woocommerce.scss
2 weeks ago
woocommerce-layout.scss
749 lines
| 1 | /** |
| 2 | * woocommerce-layout.scss |
| 3 | * Applies layout to the default WooCommerce frontend design |
| 4 | */ |
| 5 | |
| 6 | /** |
| 7 | * Imports |
| 8 | */ |
| 9 | @import "mixins"; |
| 10 | @import "variables"; |
| 11 | |
| 12 | /** |
| 13 | * Styling begins |
| 14 | */ |
| 15 | .woocommerce, |
| 16 | .woocommerce-page { |
| 17 | |
| 18 | .woocommerce-message, |
| 19 | .woocommerce-error, |
| 20 | .woocommerce-info { |
| 21 | |
| 22 | .button { |
| 23 | float: right; |
| 24 | } |
| 25 | } |
| 26 | |
| 27 | /** |
| 28 | * General layout styles |
| 29 | */ |
| 30 | .col2-set { |
| 31 | |
| 32 | @include clearfix(); |
| 33 | width: 100%; |
| 34 | |
| 35 | .col-1 { |
| 36 | float: left; |
| 37 | width: 48%; |
| 38 | } |
| 39 | |
| 40 | .col-2 { |
| 41 | float: right; |
| 42 | width: 48%; |
| 43 | } |
| 44 | } |
| 45 | |
| 46 | img { |
| 47 | height: auto; |
| 48 | max-width: 100%; |
| 49 | } |
| 50 | |
| 51 | /** |
| 52 | * Product page |
| 53 | */ |
| 54 | div.product, |
| 55 | #content div.product { |
| 56 | |
| 57 | div.images { |
| 58 | float: left; |
| 59 | width: 48%; |
| 60 | |
| 61 | &.woocommerce-product-gallery .flex-viewport { |
| 62 | touch-action: pan-y pinch-zoom; |
| 63 | } |
| 64 | } |
| 65 | |
| 66 | div.thumbnails { |
| 67 | |
| 68 | @include clearfix(); |
| 69 | |
| 70 | a { |
| 71 | float: left; |
| 72 | width: 30.75%; |
| 73 | margin-right: 3.8%; |
| 74 | margin-bottom: 1em; |
| 75 | } |
| 76 | |
| 77 | a.last { |
| 78 | margin-right: 0; |
| 79 | } |
| 80 | |
| 81 | a.first { |
| 82 | clear: both; |
| 83 | } |
| 84 | |
| 85 | &.columns-1 { |
| 86 | |
| 87 | a { |
| 88 | width: 100%; |
| 89 | margin-right: 0; |
| 90 | float: none; |
| 91 | } |
| 92 | } |
| 93 | |
| 94 | &.columns-2 { |
| 95 | |
| 96 | a { |
| 97 | width: 48%; |
| 98 | } |
| 99 | } |
| 100 | |
| 101 | &.columns-4 { |
| 102 | |
| 103 | a { |
| 104 | width: 22.05%; |
| 105 | } |
| 106 | } |
| 107 | |
| 108 | &.columns-5 { |
| 109 | |
| 110 | a { |
| 111 | width: 16.9%; |
| 112 | } |
| 113 | } |
| 114 | } |
| 115 | |
| 116 | div.summary { |
| 117 | float: right; |
| 118 | width: 48%; |
| 119 | clear: none; |
| 120 | } |
| 121 | |
| 122 | .woocommerce-tabs { |
| 123 | clear: both; |
| 124 | |
| 125 | ul.tabs { |
| 126 | |
| 127 | @include menu(); |
| 128 | } |
| 129 | } |
| 130 | |
| 131 | #reviews { |
| 132 | |
| 133 | .comment { |
| 134 | |
| 135 | @include mediaright(); |
| 136 | } |
| 137 | } |
| 138 | } |
| 139 | |
| 140 | /** |
| 141 | * Product loops |
| 142 | */ |
| 143 | ul.products { |
| 144 | clear: both; |
| 145 | |
| 146 | @include clearfix(); |
| 147 | |
| 148 | li.product { |
| 149 | float: left; |
| 150 | margin: 0 3.8% 2.992em 0; |
| 151 | padding: 0; |
| 152 | position: relative; |
| 153 | width: 22.05%; |
| 154 | margin-left: 0; |
| 155 | } |
| 156 | |
| 157 | li.first { |
| 158 | clear: both; |
| 159 | } |
| 160 | |
| 161 | li.last { |
| 162 | margin-right: 0; |
| 163 | } |
| 164 | } |
| 165 | |
| 166 | ul.products { |
| 167 | |
| 168 | &.columns-1 { |
| 169 | |
| 170 | li.product { |
| 171 | width: 100%; |
| 172 | margin-right: 0; |
| 173 | } |
| 174 | } |
| 175 | |
| 176 | &.columns-2 { |
| 177 | |
| 178 | li.product { |
| 179 | width: 48%; |
| 180 | } |
| 181 | } |
| 182 | |
| 183 | &.columns-3 { |
| 184 | |
| 185 | li.product { |
| 186 | width: 30.75%; |
| 187 | } |
| 188 | } |
| 189 | |
| 190 | &.columns-5 { |
| 191 | |
| 192 | li.product { |
| 193 | width: 16.95%; |
| 194 | } |
| 195 | } |
| 196 | |
| 197 | &.columns-6 { |
| 198 | |
| 199 | li.product { |
| 200 | width: 13.5%; |
| 201 | } |
| 202 | } |
| 203 | } |
| 204 | |
| 205 | &.columns-1 { |
| 206 | |
| 207 | ul.products { |
| 208 | |
| 209 | li.product { |
| 210 | width: 100%; |
| 211 | margin-right: 0; |
| 212 | } |
| 213 | } |
| 214 | } |
| 215 | |
| 216 | &.columns-2 { |
| 217 | |
| 218 | ul.products { |
| 219 | |
| 220 | li.product { |
| 221 | width: 48%; |
| 222 | } |
| 223 | } |
| 224 | } |
| 225 | |
| 226 | &.columns-3 { |
| 227 | |
| 228 | ul.products { |
| 229 | |
| 230 | li.product { |
| 231 | width: 30.75%; |
| 232 | } |
| 233 | } |
| 234 | } |
| 235 | |
| 236 | &.columns-5 { |
| 237 | |
| 238 | ul.products { |
| 239 | |
| 240 | li.product { |
| 241 | width: 16.95%; |
| 242 | } |
| 243 | } |
| 244 | } |
| 245 | |
| 246 | &.columns-6 { |
| 247 | |
| 248 | ul.products { |
| 249 | |
| 250 | li.product { |
| 251 | width: 13.5%; |
| 252 | } |
| 253 | } |
| 254 | } |
| 255 | |
| 256 | .woocommerce-result-count { |
| 257 | float: left; |
| 258 | } |
| 259 | |
| 260 | .woocommerce-ordering { |
| 261 | float: right; |
| 262 | } |
| 263 | |
| 264 | .woocommerce-pagination { |
| 265 | |
| 266 | ul.page-numbers { |
| 267 | |
| 268 | @include menu(); |
| 269 | } |
| 270 | } |
| 271 | |
| 272 | /** |
| 273 | * Cart page |
| 274 | */ |
| 275 | table.cart, |
| 276 | #content table.cart { |
| 277 | |
| 278 | img { |
| 279 | height: auto; |
| 280 | } |
| 281 | |
| 282 | td.actions { |
| 283 | text-align: right; |
| 284 | |
| 285 | .input-text { |
| 286 | width: 80px; |
| 287 | } |
| 288 | |
| 289 | .coupon { |
| 290 | float: left; |
| 291 | } |
| 292 | } |
| 293 | } |
| 294 | |
| 295 | .cart-collaterals { |
| 296 | |
| 297 | @include clearfix(); |
| 298 | width: 100%; |
| 299 | |
| 300 | .related { |
| 301 | width: 30.75%; |
| 302 | float: left; |
| 303 | } |
| 304 | |
| 305 | .cross-sells { |
| 306 | width: 48%; |
| 307 | float: left; |
| 308 | |
| 309 | ul.products { |
| 310 | float: none; |
| 311 | |
| 312 | li { |
| 313 | width: 48%; |
| 314 | } |
| 315 | } |
| 316 | } |
| 317 | |
| 318 | .shipping_calculator { |
| 319 | width: 48%; |
| 320 | |
| 321 | @include clearfix(); |
| 322 | clear: right; |
| 323 | float: right; |
| 324 | |
| 325 | .col2-set { |
| 326 | |
| 327 | .col-1, |
| 328 | .col-2 { |
| 329 | width: 47%; |
| 330 | } |
| 331 | } |
| 332 | } |
| 333 | |
| 334 | .cart_totals { |
| 335 | float: right; |
| 336 | width: 48%; |
| 337 | } |
| 338 | } |
| 339 | |
| 340 | /** |
| 341 | * Cart sidebar |
| 342 | */ |
| 343 | ul.cart_list, |
| 344 | ul.product_list_widget { |
| 345 | |
| 346 | li { |
| 347 | |
| 348 | @include mediaright(); |
| 349 | } |
| 350 | } |
| 351 | |
| 352 | /** |
| 353 | * Forms |
| 354 | */ |
| 355 | form { |
| 356 | |
| 357 | .form-row { |
| 358 | |
| 359 | @include clearfix(); |
| 360 | |
| 361 | label { |
| 362 | display: block; |
| 363 | |
| 364 | &.checkbox { |
| 365 | display: inline; |
| 366 | } |
| 367 | } |
| 368 | |
| 369 | select { |
| 370 | width: 100%; |
| 371 | } |
| 372 | |
| 373 | .input-text { |
| 374 | box-sizing: border-box; |
| 375 | width: 100%; |
| 376 | } |
| 377 | } |
| 378 | |
| 379 | .form-row-first, |
| 380 | .form-row-last { |
| 381 | width: 47%; |
| 382 | overflow: visible; |
| 383 | } |
| 384 | |
| 385 | .form-row-first { |
| 386 | float: left; |
| 387 | |
| 388 | /*rtl:raw: |
| 389 | float: right; |
| 390 | */ |
| 391 | } |
| 392 | |
| 393 | .form-row-last { |
| 394 | float: right; |
| 395 | } |
| 396 | |
| 397 | .form-row-wide { |
| 398 | clear: both; |
| 399 | } |
| 400 | |
| 401 | .password-input { |
| 402 | display: flex; |
| 403 | flex-direction: column; |
| 404 | justify-content: center; |
| 405 | position: relative; |
| 406 | |
| 407 | input[type="password"]="password""] { |
| 408 | padding-right: 2.5rem; |
| 409 | } |
| 410 | |
| 411 | /* Hide the Edge "reveal password" native button */ |
| 412 | input::-ms-reveal { |
| 413 | display: none; |
| 414 | } |
| 415 | } |
| 416 | |
| 417 | .show-password-input { |
| 418 | background-color: transparent; |
| 419 | border-radius: 0; |
| 420 | border: 0; |
| 421 | color: var(--wc-form-color-text, #000); |
| 422 | cursor: pointer; |
| 423 | font-size: inherit; |
| 424 | line-height: inherit; |
| 425 | margin: 0; |
| 426 | padding: 0; |
| 427 | position: absolute; |
| 428 | right: 0.7em; |
| 429 | text-decoration: none; |
| 430 | top: 50%; |
| 431 | transform: translateY( -50% ); |
| 432 | -moz-osx-font-smoothing: inherit; |
| 433 | -webkit-appearance: none; |
| 434 | -webkit-font-smoothing: inherit; |
| 435 | } |
| 436 | |
| 437 | .show-password-input::before { |
| 438 | background-repeat: no-repeat; |
| 439 | background-size: cover; |
| 440 | background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>'); |
| 441 | content: ''; |
| 442 | display: block; |
| 443 | height: 22px; |
| 444 | width: 22px; |
| 445 | } |
| 446 | |
| 447 | .show-password-input.display-password::before { |
| 448 | background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>'); |
| 449 | } |
| 450 | } |
| 451 | |
| 452 | #payment { |
| 453 | |
| 454 | .form-row { |
| 455 | |
| 456 | select { |
| 457 | width: auto; |
| 458 | } |
| 459 | } |
| 460 | |
| 461 | .wc-terms-and-conditions, |
| 462 | .terms { |
| 463 | text-align: left; |
| 464 | padding: 0 1em 0 0; |
| 465 | float: left; |
| 466 | } |
| 467 | |
| 468 | #place_order { |
| 469 | float: right; |
| 470 | } |
| 471 | } |
| 472 | |
| 473 | .woocommerce-billing-fields, |
| 474 | .woocommerce-shipping-fields { |
| 475 | |
| 476 | @include clearfix(); |
| 477 | } |
| 478 | |
| 479 | .woocommerce-terms-and-conditions { |
| 480 | margin-bottom: 1.618em; |
| 481 | padding: 1.618em; |
| 482 | } |
| 483 | |
| 484 | /** |
| 485 | * oEmbeds |
| 486 | */ |
| 487 | .woocommerce-oembed { |
| 488 | position: relative; |
| 489 | } |
| 490 | } |
| 491 | |
| 492 | .woocommerce-account { |
| 493 | |
| 494 | .woocommerce-MyAccount-navigation { |
| 495 | float: left; |
| 496 | width: 30%; |
| 497 | } |
| 498 | |
| 499 | .woocommerce-MyAccount-content { |
| 500 | float: right; |
| 501 | width: 68%; |
| 502 | |
| 503 | mark { |
| 504 | background-color: transparent; |
| 505 | color: inherit; |
| 506 | font-weight: 700; |
| 507 | } |
| 508 | } |
| 509 | } |
| 510 | |
| 511 | /** |
| 512 | * Twenty Eleven specific styles |
| 513 | */ |
| 514 | .woocommerce-page { |
| 515 | |
| 516 | &.left-sidebar { |
| 517 | |
| 518 | #content.twentyeleven { |
| 519 | width: 58.4%; |
| 520 | margin: 0 7.6%; |
| 521 | float: right; |
| 522 | } |
| 523 | } |
| 524 | |
| 525 | &.right-sidebar { |
| 526 | |
| 527 | #content.twentyeleven { |
| 528 | margin: 0 7.6%; |
| 529 | width: 58.4%; |
| 530 | float: left; |
| 531 | } |
| 532 | } |
| 533 | } |
| 534 | |
| 535 | /** |
| 536 | * Twenty Fourteen specific styles |
| 537 | */ |
| 538 | .twentyfourteen { |
| 539 | |
| 540 | .tfwc { |
| 541 | padding: 12px 10px 0; |
| 542 | max-width: 474px; |
| 543 | margin: 0 auto; |
| 544 | |
| 545 | .product .entry-summary { |
| 546 | padding: 0 !important; |
| 547 | margin: 0 0 1.618em !important; |
| 548 | } |
| 549 | |
| 550 | div.product.hentry.has-post-thumbnail { |
| 551 | margin-top: 0; |
| 552 | } |
| 553 | } |
| 554 | } |
| 555 | |
| 556 | @media screen and (min-width: 673px) { |
| 557 | |
| 558 | .twentyfourteen { |
| 559 | |
| 560 | .tfwc { |
| 561 | padding-right: 30px; |
| 562 | padding-left: 30px; |
| 563 | } |
| 564 | } |
| 565 | } |
| 566 | |
| 567 | @media screen and (min-width: 1040px) { |
| 568 | |
| 569 | .twentyfourteen { |
| 570 | |
| 571 | .tfwc { |
| 572 | padding-right: 15px; |
| 573 | padding-left: 15px; |
| 574 | } |
| 575 | } |
| 576 | } |
| 577 | |
| 578 | @media screen and (min-width: 1110px) { |
| 579 | |
| 580 | .twentyfourteen { |
| 581 | |
| 582 | .tfwc { |
| 583 | padding-right: 30px; |
| 584 | padding-left: 30px; |
| 585 | } |
| 586 | } |
| 587 | } |
| 588 | |
| 589 | @media screen and (min-width: 1218px) { |
| 590 | |
| 591 | .twentyfourteen { |
| 592 | |
| 593 | .tfwc { |
| 594 | margin-right: 54px; |
| 595 | } |
| 596 | } |
| 597 | |
| 598 | .full-width { |
| 599 | |
| 600 | .twentyfourteen { |
| 601 | |
| 602 | .tfwc { |
| 603 | margin-right: auto; |
| 604 | } |
| 605 | } |
| 606 | } |
| 607 | } |
| 608 | |
| 609 | /** |
| 610 | * Twenty Fifteen specific styles |
| 611 | */ |
| 612 | .twentyfifteen { |
| 613 | |
| 614 | .t15wc { |
| 615 | padding-left: 7.6923%; |
| 616 | padding-right: 7.6923%; |
| 617 | padding-top: 7.6923%; |
| 618 | margin-bottom: 7.6923%; |
| 619 | background: #fff; |
| 620 | box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); |
| 621 | |
| 622 | .page-title { |
| 623 | margin-left: 0; |
| 624 | } |
| 625 | } |
| 626 | } |
| 627 | |
| 628 | @media screen and (min-width: 38.75em) { |
| 629 | |
| 630 | .twentyfifteen { |
| 631 | |
| 632 | .t15wc { |
| 633 | margin-right: 7.6923%; |
| 634 | margin-left: 7.6923%; |
| 635 | margin-top: 8.3333%; |
| 636 | } |
| 637 | } |
| 638 | } |
| 639 | |
| 640 | @media screen and (min-width: 59.6875em) { |
| 641 | |
| 642 | .twentyfifteen { |
| 643 | |
| 644 | .t15wc { |
| 645 | margin-left: 8.3333%; |
| 646 | margin-right: 8.3333%; |
| 647 | padding: 10%; |
| 648 | } |
| 649 | } |
| 650 | |
| 651 | .single-product { |
| 652 | |
| 653 | .twentyfifteen { |
| 654 | |
| 655 | .entry-summary { |
| 656 | padding: 0 !important; |
| 657 | } |
| 658 | } |
| 659 | } |
| 660 | } |
| 661 | |
| 662 | /** |
| 663 | * Twenty Sixteen specific styles |
| 664 | */ |
| 665 | .twentysixteen { |
| 666 | |
| 667 | .site-main { |
| 668 | margin-right: 7.6923%; |
| 669 | margin-left: 7.6923%; |
| 670 | } |
| 671 | |
| 672 | .entry-summary { |
| 673 | margin-right: 0; |
| 674 | margin-left: 0; |
| 675 | } |
| 676 | } |
| 677 | |
| 678 | #content { |
| 679 | |
| 680 | .twentysixteen { |
| 681 | |
| 682 | div.product { |
| 683 | |
| 684 | div.images, |
| 685 | div.summary { |
| 686 | width: 46.42857%; |
| 687 | } |
| 688 | } |
| 689 | } |
| 690 | } |
| 691 | |
| 692 | @media screen and (min-width: 44.375em) { |
| 693 | |
| 694 | .twentysixteen { |
| 695 | |
| 696 | .site-main { |
| 697 | margin-right: 23.0769%; |
| 698 | } |
| 699 | } |
| 700 | } |
| 701 | |
| 702 | @media screen and (min-width: 56.875em) { |
| 703 | |
| 704 | .twentysixteen { |
| 705 | |
| 706 | .site-main { |
| 707 | margin-right: 0; |
| 708 | margin-left: 0; |
| 709 | } |
| 710 | } |
| 711 | |
| 712 | .no-sidebar { |
| 713 | |
| 714 | .twentysixteen { |
| 715 | |
| 716 | .site-main { |
| 717 | margin-right: 15%; |
| 718 | margin-left: 15%; |
| 719 | } |
| 720 | |
| 721 | .entry-summary { |
| 722 | margin-right: 0; |
| 723 | margin-left: 0; |
| 724 | } |
| 725 | } |
| 726 | } |
| 727 | } |
| 728 | |
| 729 | /** |
| 730 | * RTL styles. |
| 731 | */ |
| 732 | .rtl { |
| 733 | |
| 734 | .woocommerce, |
| 735 | .woocommerce-page { |
| 736 | |
| 737 | .col2-set { |
| 738 | |
| 739 | .col-1 { |
| 740 | float: right; |
| 741 | } |
| 742 | |
| 743 | .col-2 { |
| 744 | float: left; |
| 745 | } |
| 746 | } |
| 747 | } |
| 748 | } |
| 749 |