Style : Lys/grid.css

/**
* Lys
*
* GNU General Public License
*
* Copyright © 2007 - 2024, Yohann Schwan. All rights reserved.
*/
.container {
display: block;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}

.inner, .text, .sidebar {
display: block;
width: 680px;
margin: 0 auto;
padding: 0;
overflow: hidden;
}

.c0,
.c1, .c1p, .c15, .c15m, .c15p, .c2m, .c2, .c2p, .c2pp, .c3m, .c3, .c3p, .c4mm, .c4m, .c4,
.c5, .c6 {
display: block;
width: auto;
margin: 0;
padding: 10px;
text-align: left;
}

.c0,
.c1, .c1p, .c15, .c15m, .c15p, .c2m, .c2, .c2p, .c3m, .c3, .c4mm, .c4m {
float: left;
}

.u0,
.u4, .u3, .u2, .u2m, .u1p, .u1 {
display: inline-block;
width: auto;
margin: 0;
padding: 10px;
text-align: left;
vertical-align: top;
}

.clear {
clear: both;
}

.u4, .c2pp, .c3p, .c4, .c5, .c6 {
width: 660px;
}

.u3, .c2p, .c3, .c4m {
width: 490px;
}

.u2, .u2m, .c1p, .c15p, .c2, .c3m, .c4mm {
width: 320px;
}

.u1, .u1p, .c1, .c15m, .c2m {
width: 150px;
}

/**
* @Not-Smartphone
*/
@media print, (min-width: 681px) {

.os {
display: none !important;
}

.on_right {
float: right !important;
}

.on_left {
float: left !important;
}
}

/**
* @Smartphone
*/
@media screen and (max-width: 680px) {

.inner, .text, .sidebar {
width: 340px;
}

.u4, .u3, .u2, .u1p,
.c1p, .c2, .c2p, .c2pp, .c3m, .c3, .c3p, .c4mm, .c4m, .c4, .c5, .c6 {
width: 320px;
}

.u1, .u2m, .c1, .c2m {
width: 150px;
}

.hs {
display: none !important;
}
}

/**
* @Not-Desktop
*/
@media print, (max-width: 1020px) {

.od {
display: none !important;
}
}

/**
* @Desktop
*/
@media screen and (min-width: 1021px) {

.inner {
width: 1020px;
}

.text {
float: left;
}

.sidebar {
float: right;
width: 340px;
}

.hd {
display: none !important;
}

.c1, .c1p {
width: 150px;
}

.c15p, .c15m {
width: 235px;
}

.c2m, .c2p, .c2pp {
float: left;
width: 320px;
}

.c3m, .c3p {
float: left;
width: 490px;
}

.c4, .c4m, .c4mm {
float: left;
width: 660px;
}

.c5 {
float: left;
width: 830px;
}

.c6 {
clear: both;
width: 1000px;
}
}

/**
* @Not-Print
*/
@media not print {

.op {
display: none !important;
}
}

/**
* @Print
*/
@media print {

.hp {
display: none !important;
}
}