forked from Botanical/BotanJS
81 lines
1.1 KiB
CSS
81 lines
1.1 KiB
CSS
.vsign {
|
|
position: relative;
|
|
overflow-x: scroll;
|
|
overflow-y: hidden;
|
|
}
|
|
.vertical-text {
|
|
float: right;
|
|
|
|
color: #777;
|
|
|
|
padding: 1em 0.5em;
|
|
margin: 0.5em 1em;
|
|
|
|
position: relative;
|
|
}
|
|
|
|
.vertical-text.block {
|
|
background-color: #FAFAFA;
|
|
}
|
|
|
|
.vertical-text > a.more {
|
|
display: block;
|
|
|
|
top: 0;
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
padding: 0;
|
|
|
|
position: absolute;
|
|
|
|
border: 1px solid #D4D7C9;
|
|
}
|
|
.vertical-text > a.more:hover {
|
|
border-width: 2px;
|
|
border-color: purple;
|
|
|
|
cursor: pointer;
|
|
}
|
|
|
|
.vertical-text p
|
|
, .vertical-text a
|
|
, .vertical-text h1 , .vertical-text h2, .vertical-text h3
|
|
, .vertical-text h4, .vertical-text h5, .vertical-text h6 {
|
|
padding: 0.1em;
|
|
margin: 0;
|
|
width: 1em;
|
|
letter-spacing: 1em;
|
|
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.vertical-text > .block {
|
|
overflow: hidden;
|
|
width: 4.5em;
|
|
}
|
|
|
|
.vertical-text > * {
|
|
display: inline-block;
|
|
float: right;
|
|
height: 390px;
|
|
}
|
|
|
|
.vertical-text > p {
|
|
height: 400px;
|
|
}
|
|
|
|
.vertical-text.source > * {
|
|
height: auto;
|
|
}
|
|
|
|
.vertical-text.source {
|
|
height: 400px;
|
|
border: 0;
|
|
padding: 0;
|
|
visibility: hidden;
|
|
}
|