penguin/AstroJS

botanjs/src/Astro/Blog/Components/VerticalNote.css

raw · 1125 bytes

.vsign {
	position: relative;
}
.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 > p[data-flag="date"] {
	color: #BBB;
}

.vertical-text.source > * {
    height: auto;
}

.vertical-text.source {
    height: 400px;
	border: 0;
	padding: 0;
	visibility: hidden;
}