Skip to content

Jappy 2022 In Grau mit Jappy Break Grau by dissconnected

Screenshot of Jappy 2022 In Grau mit Jappy Break Grau

Details

Authordissconnected

LicenseNo License

CategoryJappy

Created

Updated

Size149 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Jappy 2022 In Grau mit Jappy Break Grau ohne werbung

Notes

Jappy 2022 In Grau mit Jappy Break Grau ohne werbung

so nun ist es soweit zu den Jappy Break Grau, gibt es nun auch den vollen jappy style dazu

die kacheln auf der Startseite, wurden auf eine bestimme Position und Größe fixiert.
heißt sie erscheinen jetzt, überwiegen immer an der selben stelle
Wichtige kacheln sind meist in der ersten reihe zu finden.
es sind jetzt bis zu 5 kacheln möglich in eine reihe, somit sollte es dann keine Fehler mehr geben

um Fehler zu Vermeiden wählt ihr das Farbthema "Weltraumphantasie"
ich habe den style auf die Auflösung 1920x1080 angepasst


ich hab die Lesezeichen Seite verändert, somit ist es jetzt einfacher die SB-Emos an seine Lesezeichen zu verteilen


Unter Spiele hab ich die Toten spiele entfernt
Haustierspiel
Green Garden


Jappy Break Game

Grau ohne BG Bild

die Punkte/Combo Box ist Feststehend

Blur Effekt entfernt bei verloren spielen und die anzeige zu rechten Seite geschoben, damit man das verlorenede spiele Brett sehen kann..

Statistik Geändert Fertige Abzeichen sieht man jetzt mit ganzen Namen

dazu solltet ihr auf jappy, unter spiele Einstellungen. Das spiel auf große Spiel Darstellungen haben.


Größere Buchstaben beim Wörter Raten


es sind jetzt bis zu 5 kacheln möglich in eine reihe, somit sollte es dann keine Fehler mehr geben
aus den zwei kacheln credits & Bonus besteht jetzt nur noch aus eine Kachel


Werbung entfernt "Funktioniert denke ich"


Wörter raten angepasst
Auszeichnungen die man nach dem ende des spiel sieht, haben jetzt eine Animation


Profil angepasst


Auszeichnungen Profil "Auszeichnungen" haben jetzt eine Animation


Kachel Ticker, hat jetzt ein nachrichtigen Sprechblase + animation... :D
Kachel Tägliche credits, hat jetzt das credeits Symbol als Hintergrund "Animation"


Wörter Raten Statistik angepasst


Problem behoben bei der Kachel Rang...
wenn man jetzt im rank aufsteigt, kommt der butten in der mitte von der Kachel leider ohne text über den button, aber besser als den style immer aus machen zu müssen :)


Update für die emoseite button wieder gefixt
größere Profilbilder bei der emoseite


Nachrichten Seite angepasst und rubin seite


Profilbilder haben jetzt eine Animation auf Profil


Kachel "Kennst du schon?" die Symbole hab ich nach oben gesetzt, wo das alter und das Geschlecht war und das Geschlecht und alter.. hab ich ins profilbild gesetzt. somit ist mehr sich aufs profilbild


Button farbe geändert


Kachel Rang Überarbeitet und die Animation entfernt.
damit auf der Startseite nicht zu viele Animationen laufen


nur mal so zu info, wenn ihr ein Spielzug im spiel macht, der nicht gültig ist.
kommt die Nachricht in der nähe vom spiel. nicht mehr unten rechts.. das ist gedacht damit man es besser sieht. also ist kein Fehler :D


jbreak nochmal etwas angepasst


WOW Seite überarbeitet,
die Such Seite überarbeitet..
Auf der Emotion Seite haben die User jetzt ein noch größeres Profilbild..
offline/online Farben angepasst.


Spiele Übersicht überarbeitet
Lucky Rolls überarbeitet
Sammelbilder Seite überarbeitet


Kachel Kennst du schon? und WOW profilbilder größer gemacht


Doppelte border lines entfernt bei den Kacheln
Ticker übersicht bearbeitet
Letzte Profilbesucher übersicht bearbeitet + man sieht die Profilbilder jetzt auch ohne freischaltung :D


JBreak etwas geändert
ticker etwas bearbeitet


Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Jappy 2022 In Grau mit Jappy Break Grau
@namespace      jappy.com
@version        1.0.0
@description    Jappy 2022 In Grau mit Jappy Break Grau ohne werbung
@author         Dissconnected
==/UserStyle== */

@-moz-document url-prefix("https://www.jappy.com/"), url-prefix("https://www.jappy.com/dashboard") {
	html
	{
		background: #444 !important;
	}

	body
	{
		background: #444;
		color: #49ccff;
	}

	/***Benachrichtigungen***/
	.dashboard .widget > .head .counter, .dashboard .widget > .widgetWrapper > .head .counter
	{
		margin-right: 10px;
		margin-left: -30px;
		line-height: 2em;
		color: #fff;
		text-align: center;
		font-weight: 900;
		border: 2px solid #dfdfdf;
		background: #444444;
		padding: 1px;
		box-shadow: 0px 0px 4px 1px #49ccff;
		animation: blink 2s linear infinite !important;
	}

	.userSidebarEntry .counter
	{
		border-radius: 68%;
		text-align: center;
		width: 26px;
		height: 14px;
		margin-top: -28px;
		margin-left: 86px;
		color: #ffffff;
		font-weight: 900;
		padding-top: 6px;
		padding-bottom: 4px;
		padding-right: 0px;
		padding-left: 0px;
		border: 2px solid #dfdfdf;
		background: #444444;
		box-shadow: 0px 0px 4px 1px #49ccff;
		animation: blink 2s linear infinite !important;
	}

	a.userSidebarEntry.cf > div.icon > div.counter.userNotificationNewMails
	{
		margin-left: 116px;
		animation: blink 2s linear infinite !important;
	}

	.newEntries
	{
		display: block;
		text-align: center;
		border-radius: 50%;
		height: 12px;
		width: 12px;
		font-size: 12px;
		color: #ffffff !important;
		padding: 4px;
		font-weight: 900;
		border: 2px solid #dfdfdf;
		background: #444444;
		box-shadow: 0px 0px 4px 1px #49ccff;
	}

	/***Benachrichtigungen***/
	/***Kachel Spalten***/
	.dashboard .grid
	{
		background: #444;
		grid-template-columns: 28% 28% 28% 28% 28%;
		max-width: 100%;
	}

	.dashboard .widget
	{
		border: 2px solid #dfdfdf !important;
		box-shadow: 0px 0px 8px 1px #49ccff;
		background: #717171;
		color: #49ccff;
		margin-top: 5px;
		margin-right: 5px;
		border-radius: 10px !important;
	}

	.dashboard .widget > .head .caption, .dashboard .widget > .widgetWrapper > .head .caption
	{
		text-shadow: 0 0 3px black;
		color: #49cbff !important;
	}

	.dashboard .small:hover
	{
		transition: 0.1s;
		opacity: 1.0;
		box-shadow: 0px 0px 8px 1px #fff;
		animation: blink 2s linear infinite !important;
	}

	@keyframes blink
	{
		0%
		{
			box-shadow: rgb(255, 255, 255) 0px 0px 8px 1px !important;
		}

		50%
		{
			box-shadow: none;
		}

		100%
		{
			box-shadow: rgb(255, 255, 255) 0px 0px 8px 1px !important;
		}
	}

	.dashboard .small:hover .head
	{
		background: none;
		transition: none;
	}

	div.site.cf
	{
		margin-top: 10px;
		margin-left: 20px;
	}

	.site .siteRight
	{
		background: #444;
	}

	.site .siteLeft
	{
		background: #717171;
		border: 2px solid #dfdfdf !important;
		box-shadow: 0px 0px 8px 1px #49ccff;
		margin-right: 8px;
		border-radius: 20px;
	}

	.userSidebarEntry .sectionToggle span
	{
		border: 1px solid #dfdfdf;
		background-color: #ffffff;
		border-radius: 20px;
		opacity: 1.0;
	}

	.siteDouble .left
	{
		margin-left: 20px;
		border-radius: 25px;
		background: #717171;
		border: 2px solid #dfdfdf;
		padding: 10px;
		width: fit-content;
		box-shadow: 0px 0px 8px 1px #49ccff;
	}

	.listOfEchos
	{
		padding: 5px;
		border: 1px solid #dfdfdf;
		background-color: #444444;
		border-radius: 10px;
		margin-left: 5px;
		margin-right: 0px;
		margin-top: 5px;
	}

	.echoInfos .numberOfComments
	{
		margin: 5px 5px 0px 0px;
		padding: 10px 5px 10px 7px;
		background: #444444;
		border: 1px solid #dfdfdf;
		border-radius: 10px;
	}

	.getMoreTickerEntries
	{
		padding: 10px 15px;
		font-weight: 500;
		background: linear-gradient(0deg, #49cbff 0%, #3394bb 100%);
		border: 2px solid #49cbff;
		box-shadow: 0 0 10px #3699c1;
		border-color: #49cbff;
		color: #ffffff;
		text-shadow: 0 0 10px black;
	}

	.listOfEchos .echo.addEcho
	{
		background: #444444;
		border: 1px solid #dfdfdf;
	}

	.listOfEchos .echo
	{
		background: #444444;
		border: 1px solid #dfdfdf;
		border-radius: 10px;
		margin-right: 5px;
	}

	.listOfEchos .more
	{
		margin: 0px 0px 0px 5px;
		padding: 7px 7px 7px 7px;
		background: #444444;
		border: 1px solid #dfdfdf;
		border-radius: 10px;
	}

	.listOfEchos .echo.own
	{
		background: #717171;
	}

	.feed .fragment
	{
		border: 2px solid #dfdfdf;
		background: #717171;
		border-radius: 20px 20px 11px 11px;
		box-shadow: 0px 0px 8px 1px #49ccff;
	}

	.feed .fragment:hover .entry
	{
		animation: none;
		border: 0px solid #dfdfdf !important;
		border-top: none;
	}

	.feed .fragment .actions
	{
		animation: none;
		background: #444444 !important;
		border: 0px solid #dfdfdf !important;
		border-radius: 20px 20px 0px 0px;
		border-top: 0px solid #dfdfdf !important;
		border-bottom: 2px solid #dfdfdf !important;
	}

	.feed .fragment:hover .actions
	{
		animation: none;
		background: #444444 !important;
		border: 0px solid #dfdfdf !important;
		border-radius: 20px 20px 0px 0px;
		border-top: 0px solid #dfdfdf !important;
		border-bottom: 3px solid #dfdfdf !important;
	}

	.feed .attachedImage img
	{
		border-top: 0px solid #dfdfdf !important;
		border-bottom: 4px solid #dfdfdf !important;
	}

	.feed .profileImageEntry img
	{
		border-bottom: 3px solid #dfdfdf !important;
	}

	a.streamVideoPreview img
	{
		border-top: 3px solid #dfdfdf !important;
		border-bottom: 2px solid #dfdfdf !important;
	}

	.feed .entry
	{
		border-top: 1px solid #dfdfdf;
		background: #444444;
		border-left: none;
		border-right: none;
		border-bottom: none;
	}

	.feed .entryHeader
	{
		background: #444444;
		border: 1px solid #dfdfdf;
		border-radius: 20px;
		margin: 0px 90px 5px 90px;
		padding: 0;
	}

	.tickerUserHead
	{
		padding: 0px 0 10px 0;
	}

	.feed .ticker .text
	{
		color: #49ccff;
	}

	.feed .ticker
	{
		margin-bottom: 5px;
	}

	.feed .actions .topicName
	{
		color: #49ccff !important;
		font-weight: 900;
	}

	.feed .actions .list img
	{
		width: 28px;
		opacity: 1.0;
		padding: 3px;
		border: 1px solid #dfdfdf;
		background-color: #444444;
		border-radius: 20px;
		box-shadow: 0px 0px 4px 1px #49ccff;
	}

	.feed .actions .list .action
	{
		float: right;
		border-radius: 50%;
		padding: 3px;
		margin-top: 5px;
		cursor: pointer;
		margin-left: 15px;
	}

	.feed .actions .topicIcon img
	{
		width: 30px;
		height: 30px;
		margin: 0px;
		border: 1px solid #dfdfdf;
		background-color: #444444;
		padding: 3px;
		border-radius: 20px;
		box-shadow: 0px 0px 4px 1px #000000;
	}

	.feed .actionText
	{
		color: #49ccff !important;
		font-weight: 900;
	}

	.rubyBar .title
	{
		font-weight: 800;
		font-size: 228%;
		color: #49ccff !important;
	}

	.rubyBar .rubyState
	{
		color: #ffffff;
		border: 2px solid #dfdfdf;
		border-radius: 12px;
		background-color: #444444;
		box-shadow: 0px 0px 8px 1px #49ccff;
		margin-top: 10px;
		margin-right: 5px;
	}

	.rubyBar > a:hover, .rubyBar > .rubyState:hover
	{
		animation: none;
	}

	.rubyBar .rubyState a
	{
		color: #49ccff !important;
	}

	.visitorShop
	{
		background: #717171;
		border: 1px solid #dfdfdf;
		border-radius: 20px;
	}

	.visitorShop .offer
	{
		background: #717171;
		border: 1px solid #dfdfdf;
	}

	.visitorShop .explanation
	{
		font-weight: 600;
	}

	.visitorShop .offer .description
	{
		font-weight: 600;
	}

	.visitorShop .offer .title
	{
		font-weight: 900;
		font-size: 17px;
		color: #000;
	}

	.visitorShop .offer .notAvailable
	{
		font-size: 90%;
		font-weight: 900;
		color: #f00 !important;
		text-shadow: 0 0 3px black;
		opacity: 0.9;
		grid-column: 1 / span 2;
	}

	.streamLoading
	{
		display: none !important;
	}

	.streamLoading .text
	{
		display: none !important;
	}

	div.pd15.lh15
	{
		padding: 10px !important;
		background: #717171;
		border: 2px solid #dfdfdf;
		border-radius: 20px;
		margin: 0px 220px 1px 130px !important;
	}

	.reactionMatch
	{
		background: #717171;
		border: 1px solid #dfdfdf;
		border-radius: 20px;
	}

	.reactionMatch hr
	{
		width: auto;
		background: #717171;
		border: 1px solid #dfdfdf;
	}

	.userSidebarEntry.active.cf
	{
		background: #717171;
		border: 3px solid #dfdfdf;
		border-radius: 14px;
	}

	.pinBox.styled
	{
		background: #717171;
		border-radius: 20px;
		border: 2px solid #dfdfdf;
		box-shadow: 0px 0px 8px 1px #49ccff;
	}

	.userSidebarEntry:hover
	{
		background: #ffedb000;
	}

	.userSidebarContent .navigationSectionPlainLink:hover
	{
		background: #ffedb000;
	}

	.userSidebarContent .navigationSectionPlainLink.active
	{
		background: #ffedb000;
	}

	.navigationSectionBrick:hover
	{
		background: #ffedb000;
	}

	a.navigationSectionPlainLink.navigationSectionFilter.navigationSectionFilter_emotion.cf
	{
		display: none;
	}

	.userSidebarContent .navigationSectionPlainLink:last-child
	{
		margin-bottom: 0px;
	}

	.navigationSectionBrick .text
	{
		padding-top: 17px !important;
		padding-bottom: 0px !important;
		font-weight: 900;
		color: #ffffff;
		text-shadow: 0 0 4px black;
	}

	.userSidebarContent .navigationSectionPlainLink .text
	{
		font-weight: 600;
	}

	.mailboxPreview .conversation a
	{
		background: #717171;
		border-left: 5px solid #717171;
	}

	.userSidebarEntry
	{
		border-left: 5px solid #ff9e3300;
	}

	.expanded.navigationSection6.navigationSection > .userSidebarContent .cf.navigationSectionPlainLink:nth-of-type(2)
	{
		display: none;
	}

	.expanded.navigationSection6.navigationSection > .userSidebarContent .cf.navigationSectionPlain...

Reviews

No reviews yet.