You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
141 lines
1.9 KiB
CSS
141 lines
1.9 KiB
CSS
4 years ago
|
|
||
|
|
||
|
#columngrid {
|
||
|
background-color: green;
|
||
|
border: 3px solid red;
|
||
|
padding-left: 0;
|
||
|
padding-right: 0;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: 100vw;
|
||
|
height: 100vh;
|
||
|
|
||
|
/* overflow-x: hidden;
|
||
|
overflow-y: hidden;
|
||
|
*/
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
}
|
||
|
|
||
|
#columngrid1 {
|
||
|
background:url(
|
||
|
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAFUlEQVQYV2P8////fwY0wAgCw10CABx0KAs6LxsOAAAAAElFTkSuQmCC ) repeat;
|
||
|
padding-left: 0;
|
||
|
padding-right: 0;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: 100vw;
|
||
|
height: 100vh;
|
||
|
|
||
|
|
||
|
}
|
||
|
|
||
|
/*#columngrid2 {
|
||
|
background-color: green;
|
||
|
border: 5px solid red;
|
||
|
|
||
|
width: calc(49.5vw);
|
||
|
height: 100%;
|
||
|
|
||
|
display: block;
|
||
|
float: right;
|
||
|
|
||
|
|
||
|
}*/
|
||
|
|
||
|
/*#columngrid1-1 {
|
||
|
background-color: green;
|
||
|
border: 3px solid red;
|
||
|
padding-left: 0;
|
||
|
padding-right: 0;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: calc(100% / 3);
|
||
|
height: 100%;
|
||
|
|
||
|
|
||
|
}
|
||
|
|
||
|
#columngrid1-2 {
|
||
|
background-color: green;
|
||
|
border: 3px solid red;
|
||
|
padding-left: 0;
|
||
|
padding-right: 0;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: calc(100% / 3);
|
||
|
height: 100%;
|
||
|
|
||
|
|
||
|
}
|
||
|
|
||
|
#columngrid1-3 {
|
||
|
background-color: green;
|
||
|
border: 3px solid red;
|
||
|
padding-left: 0;
|
||
|
padding-right: 0;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: calc(100% / 3);
|
||
|
height: 100%;
|
||
|
|
||
|
|
||
|
}*/
|
||
|
|
||
|
/*
|
||
|
#columngrid2 {
|
||
|
background-color: green;
|
||
|
border: 10px solid red;
|
||
|
padding-left: 0;
|
||
|
padding-right: 0;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
|
||
|
|
||
|
}
|
||
|
|
||
|
#columngrid2-1 {
|
||
|
background-color: green;
|
||
|
border: 3px solid red;
|
||
|
padding-left: 0;
|
||
|
padding-right: 0;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: calc(100% / 3);
|
||
|
height: 100%;
|
||
|
|
||
|
|
||
|
}
|
||
|
|
||
|
#columngrid2-2 {
|
||
|
background-color: green;
|
||
|
border: 3px solid red;
|
||
|
padding-left: 0;
|
||
|
padding-right: 0;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: calc(100% / 3);
|
||
|
height: 100%;
|
||
|
|
||
|
|
||
|
}
|
||
|
|
||
|
#columngrid2-3 {
|
||
|
background-color: green;
|
||
|
border: 3px solid red;
|
||
|
padding-left: 0;
|
||
|
padding-right: 0;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: calc(100% / 3);
|
||
|
height: 100%;
|
||
|
|
||
|
|
||
|
}
|
||
|
|
||
|
*/
|