MEG X570 ACE .mbWrapper { max-width: 1024px padding: 20px background-color: fff } table { width: 100% } .head { font-family: Open Sans Arial Helvetica sans-serif font-size: 20px line-height: 1.1em margin: 0 font-weight: bold text-transform: uppercase color: e60014 } .head-2 { font-family: Open Sans Arial Helvetica sans-serif font-size: 18px line-height: 26px margin: 0 font-weight: bold text-transform: uppercase color: 000 } .description { font-family: Open Sans Arial Helvetica sans-serif font-size: 13px margin: 0 } .subtitle { font-family: Open Sans Arial Helvetica sans-serif font-size: 13px padding-top: 10px padding-bottom: 10px font-weight: bold } .subscript { font-family: Open Sans Arial Helvetica sans-serif font-size: 12px margin: 0 } .list-right { font-family: Open Sans Arial Helvetica sans-serif font-size: 11px } .text-left { text-align: left } .text-center { text-align: center } .text-right { text-align: right } .white { color: FFF margin: 0 } .paragraph-center { margin-left: auto margin-right: auto } .number-right { padding: 6px border: 1px solid e50014 border-radius: 4px background: e50014 color: fff font-weight: bold text-align: center } .legenda-text { font-family: Open Sans font-size: 13px margin: 0 } .specs-right { border-spacing: 5px 10px } .w-14-px { width: 14px } table.m2-shield td.point-text { padding-left: 8px } .border { border: 4px solid e60014 } .rgb-border { border: 4px solid transparent -moz-border-image: -moz-linear-gradient(top right ff0000 ff00d7 0400ff 00fffc 00ff26 fff400 ff0000) -webkit-border-image: -webkit-linear-gradient(top right ff0000 ff00d7 0400ff 00fffc 00ff26 fff400 ff0000) border-image: linear-gradient(to bottom left ff0000 ff00d7 0400ff 00fffc 00ff26 fff400 ff0000) border-image-slice: 1 } .works-with-vendors { padding-bottom: 10px padding-top: 0 } .black-bg { background: 000 } .vendors { padding-left: 3% } .core-boost { background: url( https://storage-asset.msi.com/global/picture/image/feature/mb/Resellerpage/X570/X570Ace/msi-core_boost.png ) min-height: 450px background-repeat: no-repeat } .core-boost-item tr:first-child { background: initial } .core-boost-item tr { background: FFF } .usb-lightning { display: block } .usb-lightning-m { display: none } /* Table/tbody/tr/td/img percentage width */ .w-p-100 { width: 100% } .w-p-70 { width: 70% } .w-p-65 { width: 65% } .w-p-60 { width: 60% } .w-p-55 { width: 55% } .w-p-50 { width: 50% } .w-p-48 { width: 48% } .w-p-44 { width: 44% } .w-p-40 { width: 40% } .w-p-38 { width: 38% } .w-p-35 { width: 35% } .w-p-33 { width: 33.33% } .w-p-30 { width: 30% } .w-p-29 { width: 29% } .w-p-27 { width: 27% } .w-p-24 { width: 24% } .w-p-23 { width: 23% } .w-p-17 { width: 17% } .w-p-10 { width: 10% } /* Table Cellspacing */ .cs-10 { border-spacing: 10px } /* height */ .h-60 { height: 60px } .h-80 { height: 80px } /* Align + Valign center */ .a-center { text-align: center } .va-bottom { vertical-align: bottom } .va-top { vertical-align: top } /* Alignment columns */ .f-left { float: left } .f-right { float: right } table td { border-collapse: collapse border: 0 border-spacing: 0 } td .vr-item { padding: 8px } td .audio-item { padding: 8px } td .multicpu-item { padding: 8px } td .pcb { padding: 8px } td .server-grade ul { padding-left: 20px } td .server-grade ul li { padding: 5px 0 } table.vr td.logo { padding: 8px } td .m2-shield-product { text-align: center } table .pcie { text-align: center } td .type-c { text-align: center } td .overview { text-align: center } td .feature { text-align: left } td .wifi6-text { color: 00ccff font-family: Open Sans Arial Helvetica sans-serif font-size: 16px font-weight: bold } .audio-border-bk { border: 1px solid e50014 background: rgba(230 0 20 0.2) box-sizing: border-box margin: 8px position: relative padding-bottom: 10px min-height: 400px } .border-number { color: fff float: right background: e50014 padding: 0px 5px position: absolute right: 0 top: 0 } /* image */ .overview img { width: 60% } .feature img { width: 100% } .vr-item img { width: 100% } .audio-item img { width: 100% } .multicpu img { width: 100% } .multicpu-item img { width: 100% border: 4px solid e60014 } .vr .logo img { width: 100% } .memory-graph img { width: 100% } .memory-compatibility img { width: 100% } .usb-lightning-logo img { width: 100% } .mystic-light-app img { width: 100% } .mystic-light-logo img { width: 40% } .mystic-light-extension-logo img { width: 100% } .mystic-light-case img { width: 70% } .mystic-light-sync img { width: 90% } .vendors img { width: 100% } .m2-shield-product img { width: 100% } .m2-shield-without img { width: 100% } .m2-shield-with img { width: 100% } .pre-installed img { width: 100% } .wifi-6 img { width: 100% } .lighting img { width: 100% } .pcie img { width: 60% } .frozr-heatsink img { width: 100% } .fan-control img { width: 100% } .usb-device img { width: 100% } .type-c img { width: 60% } .wifi-devices img { width: 100% } .server-grade img { width: 100% } .ddr-armor img { width: 80% border: 4px solid 757575 } .lan-logo img { width: 110px } .bg img { width: 100% } /* text */ .head { font-size: 28px font-weight: bold font-family: Open Sans arial sans-serif line-height: 32px } .head-2 { font-size: 18px font-weight: bold font-family: Open Sans Arial Helvetica sans-serif line-height: 26px } .description { padding-bottom: 10px font-size: 14px font-weight: normal font-family: Open Sans Arial Helvetica sans-serif line-height: 22px } /** MAX W-640 **/ media only screen and (max-width: 640px) { table .full-width { width: 100% max-width: 100% min-width: 100% clear: both } td .full-width { width: 100% max-width: 100% min-width: 100% clear: both } td .list-right { width: 66% } td .vr-logos { width: 280px } table .ddr4-boost { width: 100% } .core-boost { width: 100% background-repeat: no-repeat background-position: 40% -50% } .core-boost-item { width: 100% } .core-boost-item tr:first-child { height: 360px background: no-repeat } td .m2-shield-without { width: 48% } td .m2-shield-with { width: 48% } table.m2-shield table.specs-right { width: 50% float: right } /* text */ .head { font-size: 24px font-weight: bold font-family: Open Sans arial sans-serif } .head-2 { font-size: 18px font-weight: bold font-family: Open Sans arial sans-serif } .description { padding-bottom: 20px } .audio-border-bk { min-height: auto } td .audio-detail { width: 45% } /* image */ .overview img { width: 100% } .feature img { width: 80% float: right } .usb-lightning { display: none } .usb-lightning-m { display: block margin: auto } .mystic-light-case img { width: 90% } .mystic-light-app img { width: 100% } .mystic-light-logo img { width: 70px } .mystic-light-extension-logo img { width: 167px } .m2-shield-without img { width: 100% } .m2-shield-with img { width: 100% } .pcie img { width: 100% } } /** MAX W-479 **/ media only screen and (max-width: 479px) { /* mobile setting */ .head { font-size: 24px font-weight: bold font-family: Open Sans arial sans-serif } table .full-width { width: 100% max-width: 100% min-width: 124px clear: both } td .list-right { width: 100% max-width: 100% min-width: 124px clear: both } td .overview { text-align: left } td .full-width { width: 100% max-width: 100% min-width: 100% clear: both } td .m2-shield-product { width: 100% text-align: center } td .m2-shield-without { width: 100% text-align: center } td .m2-shield-with { width: 100% text-align: center } table.m2-shield table.specs-right { width: 100% float: none padding-left: 8% } /* text */ /* image */ .m2-shield-without img { width: 80% } .m2-shield-with img { width: 80% } .ddr-armor img { width: 70% } .lan-logo { width: 80% } } /** MAX W-380 **/ media only screen and (max-width: 380px) { /* image */ }
|