timeline css: horizontal divs

master
Castro0o 5 years ago
parent a95c47ed85
commit fc1562bbd1

@ -1,13 +1,20 @@
body{ width: max-content;}
div#body{ width: max-content;}
.mw-parser-output{
position: left top;
display: hidden;
/*! position: left top; */
/*! display: hidden; */
/*! display: inline; */
/*! vertical-align: top; */
}
.mw-parser-output > p{
display: inline-block;
}
.content {
border-style: solid 1px black;
transform: rotate(90deg);
transform-origin: right top;
background-color: red;
color: #444;
cursor: pointer;
@ -25,25 +32,22 @@
height: 80vw;
overflow-y: auto;
overflow-x: hidden;
transform: rotate(-90deg) /*translateY(-100px)*/;
transform-origin: right top;
}
.event {
text-align-last: auto;
height: 10vw;
transform: rotate(90deg);
transform-origin: right top;
font-family: Arial;
font-size: 10px;
padding-top: 5vw;
padding-left: 5vw;
/* padding-top: 5vw; */
padding-left: 5vw;
display: inline-block;
width:400px;
vertical-align: top;
}
.thumbborder {
/* display: none;*/
width: 20%;
width: 30%;
height: auto;
}
@ -87,5 +91,3 @@ border: none;
text-align: center;
font-weight: bold;
}

Loading…
Cancel
Save