틀:Frontfocus paragraph/styles.css: 두 판 사이의 차이

2025년 7월 25일 (금) 19:50 기준 최신판

p {
	text-align: justify;
	word-break: break-all;
	text-indent: 0.5em;
}

.Chng-Crc {
	user-select: none;
	filter: brightness(0.8);
	cursor: pointer; 
}

.Chng-Crc:hover {
	filter: brightness(1.1);
}

.Chng-Crc:active {
	filter: brightness(1.1);
}

.Chng-Crc:hover + .Chng-hover {
	display: inline-block;
}

.Chng-Crc:active + .Chng-hover {
	display: inline-block;
}

.Chng-hover {
	display: none;
	position: absolute; 
	width: 200px; 
}

.Chng-hover:hover {
	display: inline-block;
}

.Chng-hover:active {
	display: inline-block;
}

.Chng-Capsule {
	height: 16px; 
	background-color: white; 
	border-radius: 7.5px; 
	color: white; 
	border: 4px solid #202020; 
	position: absolute; 
}

@media screen and (min-width: 1000px) {
	.Chng-Capsule {
		border-radius: 15px;
	}
}

.Chng-hover a {
	color: white;
}

.fftable a {
	color: white;
}

.wikitable p {
	text-indent: 0em;
	word-break: break-all;
}

.FlagHover {
	display:inline-block;
	user-select:none;
	position: relative;
}

@keyframes ContHT {
  from {opacity:0.1;}
  to {opacity:1;}
}

.Flag-ContHT {
 animation: ContHT;
 animation-iteration-count: 1;
 animation-duration: 0.2s;
 animation-fill-mode: forwards;
 animation-timing-function: ease;
 opacity:0.1;
}

.Flag-content-trigger {
	cursor: help;
    filter: brightness(1);
    transition: filter 0.5s;
}
.Flag-content {
	display: none;
	position: absolute;
}
.Flag-content:hover {
	display: inline-block;
}
.Flag-content-trigger:hover {
    filter: brightness(1);
}
.Flag-content-trigger:active {
    filter: brightness(1);
}
.Flag-content-trigger:hover + .Flag-content {
	display: inline-block;
}
.Flag-content-trigger:active + .Flag-content {
	display: inline-block;
}

.paragraph {
	margin: 25px 0px 5px;
	padding-bottom: 9px;
	padding-left: 0.5em; 
	font-family: 'aldrich';
}

.paragraph-1 {
	font-size: 1.8rem;
}

.paragraph-2 {
	font-size: 1.6rem;
}

.paragraph-3 {
	font-size: 1.4rem;
}

.paragraph-4 {
	font-size: 1.2rem;
}

.paragraph-N-kir {
	text-shadow: 1px 0px #000, 0px 1px #000, -1px 0px #000, 0px -1px #000, 1px 1px #000, 1px -1px #000, -1px -1px #000, -1px 1px #000;
	color: #FFF; 
}

.paragraph-N-kir-ale {
	text-shadow: 1px 0px #9E2A1E, 0px 1px #9E2A1E, -1px 0px #9E2A1E, 0px -1px #9E2A1E, 1px 1px #9E2A1E, 1px -1px #9E2A1E, -1px -1px #9E2A1E, -1px 1px #9E2A1E;
	color: #fff;
}

.paragraph-N-grc {
	text-shadow: 1px 0px #C00000, 0px 1px #C00000, -1px 0px #C00000, 0px -1px #C00000, 1px 1px #C00000, 1px -1px #C00000, -1px -1px #C00000, -1px 1px #C00000;
	color: #F6CA18;
}

.paragraph-N-gep {
	text-shadow: 1px 0px #7A3315, 0px 1px #7A3315, -1px 0px #7A3315, 0px -1px #7A3315, 1px 1px #7A3315, 1px -1px #7A3315, -1px -1px #7A3315, -1px 1px #7A3315;
	color: #425836; 
}

.paragraph-N-ess {
	text-shadow: 1px 0px #CC0000, 0px 1px #CC0000, -1px 0px #CC0000, 0px -1px #CC0000, 1px 1px #CC0000, 1px -1px #CC0000, -1px -1px #CC0000, -1px 1px #CC0000;
	color: #D87431; 
}

.paragraph-N-fri {
	text-shadow: 1px 0px #BC3738, 0px 1px #BC3738, -1px 0px #BC3738, 0px -1px #BC3738, 1px 1px #BC3738, 1px -1px #BC3738, -1px -1px #BC3738, -1px 1px #BC3738;
	color: #333574; 
}

.paragraph-N-kor {
	text-shadow: 1px 0px #000, 0px 1px #000, -1px 0px #000, 0px -1px #000, 1px 1px #000, 1px -1px #000, -1px -1px #000, -1px 1px #000; 
	color: #f7eaad;
}

.paragraph-N-aschtkeit {
	text-shadow: 1px 0px #608, 0px 1px #608, -1px 0px #608, 0px -1px #608, 1px 1px #608, 1px -1px #608, -1px -1px #608, -1px 1px #608;
	color: #FFF; 
}

.paragraph-N-aschtkeit-H_Litte {
	text-shadow: 1px 0px #394, 0px 1px #394, -1px 0px #394, 0px -1px #394, 1px 1px #394, 1px -1px #394, -1px -1px #394, -1px 1px #394;
	color: #fa3; 
}

.paragraph-N-aschtkeit-H_Hofigsburg {
	color: #12328F; 
}

.content {
	margin: 15px 0px 9px;
	padding-left: 0.5em; 
	font-family: 'aldrich';
}

.content-paragraph {
	font-size: 12pt;
}

@media screen and (min-width: 1000px) {
	.textParagraph {
		display: none;
	}
}

@media screen and (max-width: 1000px) {
	.scroll {
		display: none;
	}
}

.scroll p {
	text-indent: 0em;
}