[DEV] Mystical-Dream

[Forum Member]

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.

Style updadet to 3.3.0
Header changed

Icons skelett announce and sticky

icons_mystical.jpg (7.67 KiB) 5339 mal betrachtet

--
Inside and rules

Dropdown adapted

dropdown.jpg (27.54 KiB) 5282 mal betrachtet

Ucp border changed - box-shadow inserted
----
Distance error in action-bar-top corrected / Completely new adapted, .action-bar.bar-bottom .pagination new adapted

[Forum Member]

Error font color changed again

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).

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;
}

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.

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.

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.

[Forum Member]

No-ava corrected

no_ava.jpg (12.79 KiB) 5222 mal betrachtet

I can try whatever I want, the topic and forenicons always look bad. Nothing really fits.
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

[Forum Member]

Mystical-Dream_3.3.0 dev.zip

(1.16 MiB) 58-mal heruntergeladen

[Forum Member]

Mystical-Dream_3.3.8_dev.zip

(5.56 MiB) 11-mal heruntergeladen

[Forum Member]

Style colours completely changed in version alpha. I still have to transfer the responsive changes to responsiv.css.

The main problem are still the forum and topic icons.
I have moved the end div of the border several times. Hopefully it is now in the correct place.

Once again the button flicker problem arose because of the size shift in the hover. I've already had it twice and don't know why again. Pasted the prosilver buttons back in several times and then adjusted them again - the error is back. And again the stupid label hover problem where there should be no hover colour at all.

The style remains a "bottomless pit" with these partially transparent pieces. After all, you still have to be able to write and read everywhere.
The scroller is only displayed reasonably correctly in Firefox. In all other browsers it is only displayed in one place, otherwise everywhere in horrible white.

I have managed to adjust the round input buttons. But the square ones seem impossible - they are always blue.

[Forum Member]

Dieser Style befindet sich noch in Entwicklung und kann nicht in einem Liveboard installiert werden.
Prosilver der entsprechenden Version muss installiert sein.
---
This style is still under development and cannot be installed in a liveboard.
Prosilver of the corresponding version must be installed.

---

Mystical-Dream_3.3.8_beta.zip

(1.92 MiB) 14-mal heruntergeladen