CSS for the three-three-four layout.
/** * @file * CSS for the three-three-four layout. */ .layout-test-layout #header div.section, .layout-test-layout #main, .layout-test-layout #footer { width: 100%; margin-left: auto; margin-right: auto; } .layout-test-layout #content .section, .layout-test-layout .sidebar .section { padding: 0 15px; } @media all and (min-width: 851px) { .layout-test-layout #content, .layout-test-layout #sidebar { display: inline; float: left; /* LTR */ position: relative; } [dir="rtl"] .layout-test-layout #content, [dir="rtl"] .layout-test-layout #sidebar { float: right; } .layout-test-layout #content { margin-right: 30%; width: 70%; } [dir="rtl"] .layout-test-layout #content { margin-left: 30%; margin-right: 0; } .layout-test-layout #sidebar { width: 30%; margin-left: -30%; /* LTR */ } [dir="rtl"] .layout-test-layout #sidebar { margin-right: -30%; } }