CSS – Damit euer Twine hübsch wird

CSS – Einfügen unter Story -> #Stylesheet

body {
	background-image: url('https://images.pexels.com/photos/172276/pexels-photo-172276.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2');
	background-size: cover;
	background-repeat: no-repeat;
  font-size: 1.4em;
}

tw-story {
	background-color: rgba(255,255,255,0.80);
	padding: 5%;
	width: 60%;
	margin: auto;
font-family: 'Monaco', cursive;
	color: black;
 
}

tw-sidebar {display:none}

tw-link, .enchantment-link {
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	color: black;
	background-color: rgba(252, 244, 86, 0.6);
}

tw-link:hover, .enchantment-link:hover {
 color: red;
}

Hinweis-Text auf der ersten Seite hinzufügen

(text-size: 0.6)[//Diese Geschichte enthält Bilder, die mit der Fobizz-KI Assistenz erstellt wurden.//]

Hintergrund verändern mit Tags

tw-story[tags~="zurück"] {
 background-image:url("https://images.pexels.com/photos/5778748/pexels-photo-5778748.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2");
 background-size:cover;
}