35 lines
525 B
CSS
35 lines
525 B
CSS
|
.part1 {
|
||
|
|
background-color: red;
|
||
|
|
}
|
||
|
|
.both {
|
||
|
|
background-color: green;
|
||
|
|
}
|
||
|
|
.part2 {
|
||
|
|
background-color: blue;
|
||
|
|
}
|
||
|
|
.ruler {
|
||
|
|
position: absolute;
|
||
|
|
height: 2px;
|
||
|
|
background-color: black;
|
||
|
|
top: 2px;
|
||
|
|
left: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Styling for the marks */
|
||
|
|
.mark {
|
||
|
|
position: absolute;
|
||
|
|
width: 1px;
|
||
|
|
height: 10px;
|
||
|
|
background-color: black;
|
||
|
|
}
|
||
|
|
|
||
|
|
.long-mark {
|
||
|
|
height: 20px;
|
||
|
|
background-color: red;
|
||
|
|
}
|
||
|
|
|
||
|
|
.longest-mark {
|
||
|
|
height: 30px;
|
||
|
|
background-color: blue;
|
||
|
|
}
|