Links in demo updated - Radio in all styles adapted
-----

[DEV] Mystical-Dream

Antworten
Forum Member
Site Admin
Beiträge: 617
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) 2588 mal betrachtet
--
Inside and rules
inside and rules.jpg
Dropdown adapted
dropdown.jpg
dropdown.jpg (27.54 KiB) 2531 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

Forum Member
Site Admin
Beiträge: 617
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

Forum Member
Site Admin
Beiträge: 617
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) 2471 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

Forum Member
Site Admin
Beiträge: 617
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) 43-mal heruntergeladen

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

Re: [DEV] Mystical-Dream

Beitrag von Forum Member » 22. Okt 2022, 15:43

Mystical-Dream_3.3.8_dev.zip
(5.56 MiB) 2-mal heruntergeladen

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

Re: [DEV] Mystical-Dream

Beitrag von Forum Member » 1. Nov 2022, 10:46

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. :lol: 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.
index_mysticaldream.jpg
mysticalpost.jpg
mysticalpoll.jpg
mysticalattachments.jpg
mysticalonline.jpg
mysticalsearchresults.jpg
mysticaladvancedsearch.jpg
mysticalviewprofile.jpg
mysticalreported.jpg
mysticalpostreply.jpg
mystical_moderators_description_cookie.jpg

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

Re: [DEV] Mystical-Dream

Beitrag von Forum Member » 6. Nov 2022, 21:44

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) 3-mal heruntergeladen

Antworten

Zurück zu „Styles out of the drawer“