[DEV] Mystical-Dream

Antworten
Benutzeravatar
Forum Member
Site Admin
Beiträge: 373
Registriert: 3. Apr 2019, 17:36
Vorname: Jutta
Dein Land: Schweiz
Wohnort: Zuchwil / SO
Kontaktdaten:

[DEV] Mystical-Dream

Beitrag von Forum Member » 1. Mär 2020, 16:28

Mystical Dreams
Not a real child style. Let's see if it will be finished and if it will work, if everything is packed into one css. Sometimes unfortunately not everything works then.
MysticalDream.jpg
gallery avatar.jpg
Style updadet to 3.3.0
Header changed
index_mystical-dream.jpg
cookie_mystical-dream.jpg
Icons skelett announce and sticky
icons_mystical.jpg
icons_mystical.jpg (7.67 KiB) 1040 mal betrachtet
--
Inside and rules
inside and rules.jpg
Dropdown adapted
dropdown.jpg
dropdown.jpg (27.54 KiB) 983 mal betrachtet
ucp.jpg
Ucp border changed - box-shadow inserted
----
Distance error in action-bar-top corrected / Completely new adapted, .action-bar.bar-bottom .pagination new adapted
inside.jpg
Kein Support per PN und Email!
Be the best version of yourself rather than a bad copy of someone else!
The best online TranslatorMy forum

Benutzeravatar
Forum Member
Site Admin
Beiträge: 373
Registriert: 3. Apr 2019, 17:36
Vorname: Jutta
Dein Land: Schweiz
Wohnort: Zuchwil / SO
Kontaktdaten:

Re: [DEV] Mystical-Dream

Beitrag von Forum Member » 5. Mär 2020, 17:32

error.jpg
Error font color changed again
error changed.jpg
Alert text completely reformatted including label and icon (the alert label could also be adjusted more nicely in other of my styles, I had never checked) the alert_close icon::before including .fa-times-circle::before is extremely tricky to adjust (text-shadow in code is for the x color in the closed Icon).
alert_close.jpg

Code: Alles auswählen

.phpbb_alert {
	background-color: #B1A48E;
	background-image: url("./images/dropdown_back.png");
	background-repeat: repeat;
	filter: none;
	border: 2px solid #390707;
	border-radius: 2px;
	box-shadow: 0 0 0 1px #000, 0 0 0 2px #CCAE71, 0 0 0 3px #444, 0 0 0 4px #000;
	-moz-box-shadow: 0 0 0 1px #000, 0 0 0 2px #CCAE71, 0 0 0 3px #444, 0 0 0 4px #000;
	-webkit-box-shadow: 0 0 0 1px #000, 0 0 0 2px #CCAE71, 0 0 0 3px #444, 0 0 0 4px #000;
}

.alert_text h3 {
	color: #DDC99F;
	font-weight: bold;
	font-size: 1.1em;
}

.alert_text {
	color: #CCAE71;
}

.alert_text p {
	color: #DDC99F;
	font-weight: bold;
	font-size: 1.1em;
}

.alert_text label {
	color: #CCAE71;
}

.phpbb_alert .alert_close {
	float: right;
	margin-right: -21px;
	margin-top: 0px;
}

.alert_close .icon::before {
	background-color: #111111;
	font-size: 24px;
}

.fa-times-circle::before {
	color: #DDC99F !important;
	font-weight: 600;
	text-shadow: 1px 1px 11px black;
}
delete_cookies.jpg

Code: Alles auswählen

.darken {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	z-index: 45;
}
It looks quite strange in the search results. Same problem in HiFiKabin_4th. I definitely have to try again, if this is not configurable differently.
search.jpg
With display:inline-block, the go to advanced search link also slides up. I didn't find that ideal either. But if it works responsive it is probably better than the one in the picture above.
search fiew display inline-block.jpg
Actually it looks much better this way, than before. Also, it seems to work responsibly.

Attachbox, images and profiles newly adapted. Box-shadow added for the images.
img and attachbox.jpg
Kein Support per PN und Email!
Be the best version of yourself rather than a bad copy of someone else!
The best online TranslatorMy forum

Benutzeravatar
Forum Member
Site Admin
Beiträge: 373
Registriert: 3. Apr 2019, 17:36
Vorname: Jutta
Dein Land: Schweiz
Wohnort: Zuchwil / SO
Kontaktdaten:

Re: [DEV] Mystical-Dream

Beitrag von Forum Member » 7. Mär 2020, 18:36

No-ava corrected
no_ava.jpg
no_ava.jpg (12.79 KiB) 923 mal betrachtet
I can try whatever I want, the topic and forenicons always look bad. Nothing really fits. :sad-w:
This color-coded username also looks a bit strange. There should be a better customization possibility for this color problem. The name must still be readable. As long as you don't show a background image for the rank, it works like this. But imagine how it looks like if it has also a background behind the rank.
Maybe I should remove this post profile background image again and add a slightly darker or lighter solid color instead.

postprofile changed again
username in profile2.jpg
Kein Support per PN und Email!
Be the best version of yourself rather than a bad copy of someone else!
The best online TranslatorMy forum

Benutzeravatar
Forum Member
Site Admin
Beiträge: 373
Registriert: 3. Apr 2019, 17:36
Vorname: Jutta
Dein Land: Schweiz
Wohnort: Zuchwil / SO
Kontaktdaten:

Re: [DEV] Mystical-Dream

Beitrag von Forum Member » 16. Mär 2020, 14:46

Mystical-Dream_3.3.0 dev.zip
(1.16 MiB) 8-mal heruntergeladen
Kein Support per PN und Email!
Be the best version of yourself rather than a bad copy of someone else!
The best online TranslatorMy forum

Antworten

Zurück zu „Styles out of the drawer“