Skip to content

Forum Hordien by infomase

Screenshot of Forum Hordien

Details

Authorinfomase

LicenseCC BY-NC-SA 4.0

Categorymyhordes

Created

Updated

Size5.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Restaure sur MyHordes l’ancien style de balises RP et spoiler des forums hordiens pré-Twinoid.

Notes

Basé sur le CSS de Hordes.fr, créé par Motion-Twin.

Source code

/* ==UserStyle==
@name			Forum Hordien
@namespace	  github.com/openstyles/stylus
@version		1.2.7
@description	Restaure sur MyHordes l’ancien style de balises RP et spoiler des forums hordiens pré-Twinoid.
@author			Morue
==/UserStyle== */

@-moz-document url-prefix("https://myhordes.eu"), url-prefix("https://myhord.es"), url-prefix("https://myhordes.de"), url-prefix("https://myhordes.fr") {
	
	/* Auteurs des RP et citations */
	span.rpauthor{
		background:none !important;
		padding-left:0px !important;
	}
	
	span.rpauthor::after{
		content:" :" !important;
	}
	span.quoteauthor:not(.username)::after{
		content:" :" !important;
	}
	
	/* RP */
	.rpText{
		box-shadow:none !important;
		border:none !important;
		margin:5px !important;
		margin-right:0px !important;
		padding:1px !important;
		padding-left:25px !important;
		padding-bottom:3px !important;
		padding-right:5px !important;
		min-height:20px !important;
		font-style:italic !important;
		color:#ddab76 !important;
		background-color:#79432b !important;
		background-image:url("https://en.mhwiki.org/images/c/c7/Small_rp.gif") !important;
		background-repeat:no-repeat !important;
		background-position:4px 1px !important;
		border-radius:10px !important;
		opacity:1 !important;
	}
	.rpText::before{
		background:none !important;
	}
	
	.rpText b{
		color:#afb3cf !important;
		opacity:1 !important;
	}
	.rpText i{
		font-style:italic !important;
		color:#f0d79e !important;
		opacity:1 !important;
	}
	
	.rpText a,
	.rpText .collapsor{
		color:#ddab76 !important;
		font-weight:inherit !important;
		opacity:1 !important;
	}
	
	.rpText blockquote{
		opacity:1 !important;
	}
	
	/* Spoilers inline */
	.spoiler{
		display:inline !important;
		margin-left:0px !important;
		padding-left:60px !important;
		padding-right:0px !important; /*4px*/
		/*margin-right:4px !important;*/
		background-color:#4d5537 !important;
		background-size:52px 15px !important;
		background-image:url("https://i.postimg.cc/VL9yrZWC/spoiler.png") !important;
		background-repeat:no-repeat !important;
		background-position:4px 1px !important;
	}
	.spoiler:not(:hover){
		color:#4d5537 !important;
		opacity:1 !important;
	}
	
	.spoiler:hover{
		color:#98a675 !important;
		background-color:transparent !important;
		background-image:url("https://i.postimg.cc/VL9yrZWC/spoiler.png") !important;
	}
	
	/* Spans à l’intérieur des spoilers */
	.spoiler a,
	.spoiler b,
	.spoiler i{
		color:#4d5537 !important;
	}
	.spoiler:hover a,
	.spoiler:hover b,
	.spoiler:hover i{
		color:#98a675 !important;
	}
	
	/* Blocs à l’intérieur des spoilers */
	.spoiler div:not(.cref),
	.spoiler pre,
	.spoiler blockquote,
	.spoiler ul,
	.spoiler ol{
		visibility:visible !important;
		color:#4d5537 !important;
		background-color:#4d5537 !important;
		opacity:1 !important;
	}
	.spoiler:not(:hover) pre{
		border:1px solid #4d5537 !important;
		box-shadow:none !important;
	}
	.spoiler:hover pre{
		border:1px dashed #98a675 !important;
	}
	.spoiler:not(:hover) blockquote{
		margin-left:0px !important;
		/*margin-right:0px !important;*/
		border-left:1px solid #4d5537 !important;
		border-bottom:1px solid #4d5537 !important;
	}
	/*.spoiler:hover blockquote{
		border-left:1px dashed #98a675 !important;
		border-bottom:1px dashed #98a675 !important;
	}*/
	.spoiler:hover div:not(.cref):not(.modAnnounce),
	.spoiler:hover pre,
	.spoiler:hover blockquote,
	.spoiler:hover ul,
	.spoiler:hover ol{
		color:#98a675 !important;
		background-color:transparent !important;
	}
	.spoiler:hover div.modAnnounce{
		color:#ffffff !important;
		background-color:#5c0000 !important;
	}
	
	.spoiler:has(div:not(.cref):last-child),
	.spoiler:has(pre:last-child),
	.spoiler:has(blockquote:last-child),
	.spoiler:has(ul:last-child),
	.spoiler:has(ol:last-child){
		margin-right:0px !important;
	}
	
	/* Images à l’intérieur des spoilers */
	.spoiler:not(:hover) img,
	.spoiler:not(:hover) span.quoteauthor{
		visibility:hidden !important;
	}
	
	/* Tout un tas de cas particuliers relous : */
	
	/* Éviter les « trous » entre les lignes d’un spoiler s’il contient certains éléments relous */
	/* Noms d’utilisateurice */
	.spoiler:has(.username):not(:hover){
		border-top:1px solid #4d5537 !important;
	}
	.spoiler:has(.username){
		background-position:4px 0px !important;
	}
	/* Cas particulier pour nom d’utilisateurice si inclus dans un blockquote */
	.spoiler:has(.username):not(:hover){
		border-top-width:2px !important;
	}
	
	/* Éviter les « trous » entre les lignes d’un spoiler s’il contient des images */
	.spoiler:has(img):not(:hover){
		border-top:1px solid #4d5537 !important;
		border-bottom:1px solid #4d5537 !important;
	}
	.spoiler:has(img){
		background-position:4px 0px !important;
	}
	
	/* Éviter de rendre le contenu des blocs visibles en les sélectionnant sans hover */
	.spoiler:not(:hover) div:not(.cref) *::selection,
	.spoiler:not(:hover) pre *::selection,
	.spoiler:not(:hover) blockquote *::selection{
		color:#4d5537 !important;
		background-color:#4d5537 !important;
	}
	
	/* Edits des corbacs */
	.spoiler:not(:hover) div.modAnnounce{
		background-image:none !important;
		border:1px solid #00000000 !important;
	}
	
	/* Bloc en premier enfant d’un spoiler inline */
	.spoiler div:first-child:not(.clear):not(.modAnnounce):not(:has(.modAnnounce)){
		display:inline !important;
		margin-left:0px !important;
	}
	
}

Reviews

No reviews yet.