Forum

> > Unreal Software > Unreal Software - Pink Design v1.6
Forums overviewUnreal Software overviewLog in to reply

English Unreal Software - Pink Design v1.6

46 replies
Page
To the start Previous 1 2 3 Next To the start

old Unreal Software - Pink Design v1.6

VADemon
User Off Offline

Quote
Definitely not user DC has written
Are ya ready kids?

Aye, Aye captain!

Do you want more piiiinnk?

AYE, AYE CAPTAIN!

oooo....


---

Long long time ago in a thread full of beautiful suggestions...
user Avo has written
These arrows would be pink when using pink US.de style: >

user DC has written
I don't feel like creating pink arrows. Provide them and I may consider to use them for the pink style.

user VADemon has written
IMG:https://dl.dropboxusercontent.com/u/53753604/web/uploads/unrealsoftware.de/296563/i_next_pink.png
 IMG:https://www.unrealsoftware.de/img/i_next.png
IMG:https://dl.dropboxusercontent.com/u/53753604/web/uploads/unrealsoftware.de/296563/i_next_pink_lighter.png

The last one is my favorite

user DC has written
Oh no. Someone actually did it. The problem is that I don't really feel like implementing those either. It's kinda problematic because those are just images which are not controlled with the style sheet at all


Yea, der MiesePeter discarded an idea once again, like many many other ones.

But today we, the people, will arise and show our true power! Proletarians of all countries, unite against the Dark Corner and it's oppressive regime with dark cookies cookies !

Today is our day! Today WE will make it happen!


On behalf of our community, I, VADemon, introduce you the new Unreal Software Pink Design™IMG:https://dl.dropboxusercontent.com/u/53753604/web/uploads/unrealsoftware.de/pink-design/ulogosmall.gif


HUEHUE


Ok, enough of my talents in writing uhm... "good advertisement texts", let's get to the actual design.

It is a Stylish (Browser Add-on) .css style which overwrites a website's default style with your own, allowing you to redesign sites left and right. This time US.de got hit by the Pink Train™ and finally received a complete pink design.

This is what it looks like >



∗ Installation:

• Install Stylish (Firefox/Chrome/Opera)
• Install this pink design from here: https://userstyles.org/styles/120688/unrealsoftware-de-pink-theme √


Thanks for reading! And I'd ask you to leave feedback and report bugs if you'll find any.

> Changelogs

• Version 1.2
• Version 1.3
• Version 1.4
• Version 1.5
Version 1.6
edited 10×, last 26.06.16 04:56:54 pm

old Re: Unreal Software - Pink Design v1.6

Hador
User Off Offline

Quote
Really awesome shit here; it's a real shame you can't check the cookies for the pink value though; since this means it will show the pink in normal mode, too

I have a few suggestions for additions:

.code {
    background-color: #FEF !important;
    color: #505 !important;
    border-color: #959 !important;
}

[style*="color:#060"] {
    color: #606 !important;
}

[style*="color:#070"] {
    color: #707 !important;
}

[style*="color:#080"],.gs-visibleUrl {
     color: #808 !important;
}

[style*="color:#090"],td[style*="color:#090"] {
     color: #909 !important;
}

[style*="color:#0A0"] {
     color: #A0A !important;
}

[style*="color:#0B0"] {
     color: #B0B !important;
}

[style*="color:#0D0"] {
     color: #D0D !important;
}

[style*="color:#00BD00"] {
     color: #BD00BD !important;
}

/* a not too good fix: */
img[src="img/iconsl/us.png"], img[src="img/i_us.png"] {
          height: 0!important;
          width: 0 !important;
          padding-left: 12px !important;
          padding-top: 12px !important;
          background-image:   url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jZWRv0vDQBTH85+dFps+TFoCHcTBSTDSpUIgToJIsQVBKJTQgg6CReQKki3YSerq6Nah4KhTt1Lw41ByNm1E+uDBvXv3/bwfZ1krNnaajJ0mq/f/WiwB1DWJhJuLEwmhrqluy+Ziy7IsXWrw7jSMuFaoUitUOSx4pPFl8cjEGStvFaGu0aWTDICvb5RSLMe5HZa3irD/iC6dmmQsAVw8G4BSCi6eiSVYB9zaNWblu0wylgCOH0ikzWJHbTh+yAdEtp8P8LQBvOzegKfzAUopPt3rzA4WgC4f7hWR7fPhXoHX5dau/Q1IJDSQyPZJJASvy6zcAa9LLAGR7eePkMjZWheR7aOUMr4sHjo9hk6PDCTtIt18nr269wydHkyBKby695gxEgkzkOXK5zsH9KUFdQ2DiQE87XZ+iy1DPt1r5pWROTOYMK+MFoAUMpjQl1a227RqIqGBzSsj5pXR4if23uhLy/hfoxrQ+c4Bke1nxlh9+wOLwmR9ZGGAqAAAAABJRU5ErkJggg==") !important;
}

div[style*="background-image:url(img/i_next.png)"] {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABmUlEQVQokY2S2yuDcRzGf5eSP8K9CyQsWWKXkgslp2XhyqEcaiHZu3LxJjYTsjGG1Zxthhxb5DDvjXdOL43tbRt7yQ36xQU97mY05XP9fer5Ps9DSBQT8v6MMXnfqim9O4X8B2Mmm71Zb8dOg+POJOtWxTxiEpk4YxoTb0xj4ntT1Ypj1oUX7gmHmq3PcXmffjCJSfghsCoGRafKRp1VM3RBaaanI9yHtChCmvPjdIjDdOHo3nAGmxwROCtt78+uR4RnfXiwByAtivDrz+Hr8iBs9MI/eYmV6mnJJOspJ4QQsqyy0cDwFfiqXXhqdnFZewRfmwchjYBg2wXutQLCllvst27AkmPQEbvSSgU1B1e2DQe5DvCKbdwUuBEs4nFffAapVoCk82KvcQ0WuUFHlkqn3kMD1xDUx7ht5xHoOEewhMdToYDXpgBC7BXWyma+LU3lDYiOMit1VFjpfLGZnrHuj5dmEW+aMLzaE8zl/3o6OlZDeqfC3bIDan4EV7cdO9bfxa0r57FZsXBnkvXGLi6ayDSy9H9O4wvrgf/ZEayH8AAAAABJRU5ErkJggg==") !important;}

.l_up{ background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABvUlEQVQokX3QwUtaARwH8NdNwj+ie4dwghmohwnbIqJgMJopHopBbIeNhoeQ9SgP5pTeErNXy1dkTUeBpRNbDIkiMsSBmvKWMN1Dy8InYQ+Fat8OWwdR+sLv9Pt8D78fQTSmhVHZKUZlpwiCaGmyr8+8fGowPBqshd8Fa/Ny6+CDeE5m7gjoPSVuicVvZwpbA2ulOZm5oyl2tJNiT8/CfoZJ4MQUQ9pwhMTEIVaf0XuOdlLcUHAppqm4/RCciwVrjCI5vI/U8AGiY7twqaapOkzLrfoD485t0ZdD1pJEbjKBE00E6Sd7+GOIY3fEf0vLrfr/2PJo542vcBXlwQcKOHVmkH+fAtf3E/mXcVy8/QX+M4eQdr3g7LJJCEZBfd9+vYGIJYz0YuymsnmOM80x+F4WVdMZ2I+xm8joD4R061hUftomlpUzMrrTrJiSGNQ+nVu4Wimi9DyNan8OsJWx+WJFsEk+qOlOq2JZOSOru8X/6qtw6cij+DSOy24Wfyd5fNN6haZvpaVka2DIW6tulFA2ZlEZ53DNlBHQeGq0lGxtKJBtpMitdmT9Oo+wpV39N5ovgvvxbJZsI0X37g4YGP7TCTGYUQAAAABJRU5ErkJggg==") !important;}

ul:not(.hiddenlist) {
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAA1UlEQVQokaWSPQuCUBSG+2GujS25ROAW9QvaamloCvoPLQoODeEWCIHo1mKBYt+CWgk3g9TpbbrhkHi7Hbjb+zzv4XBrNc7RJAWapIAb5IZD0YYuyL8L/oYvwy28hlUuKLNSuLL922E0SUGiBmxw7j6Reo9PiMKVq9Nw5iXITYLMIijCTO2v5Q2pQZCbCWLFx312RjB1EYo2W7s/cRAP9iDjI8johLi/Q9RzqmEqWNVVGM05zNYCh+4a146DqL1hE1AJfbogQxdkdrhMRkVcf74oqsq9AfUbHMMAti3tAAAAAElFTkSuQmCC") !important;    
}


also, the questionmark-symbol is still green, as in cs2d cmd famas , and the party-smiley definately needs a pink hat!!!

Also, the green-info boxes would be awesome in pink

It also seems you forgot the down-arrows (as seen in the user list)
edited 24×, last 12.11.15 09:43:37 pm

old Re: Unreal Software - Pink Design v1.6

Yates
Reviewer Off Offline

Quote
Sadly, the favicon cannot be changed with CSS. As CSS is styling for a page, and the favicon is not part of a page

By the way, can we get pink tears?

old Re: Unreal Software - Pink Design v1.6

VADemon
User Off Offline

Quote
Thanks for feedback guys!
I've put together an update:

∗ Version 1.2:
•
ADDED
pink Code-Tag (user Hador and user Evaldas)
•
ADDED
pink-colored hat (user Hador)
•
FIXED
pink down arrows (user Hador)
•
ADDED
pink-colored questionmark IMG:img/i_codehelp.png
(user Hador)
•
FIXED
USGN IDs on Users page are now pink



@user Hador: Thanks for showing the code, I guess but I'm against such loose CSS rules. Maybe I'll add them at a later point as a refactoring measure to replace singlehandedly picked selectors. What's worse is that I have no idea what some of your rules do like "/* a not too good fix: */"

@user Evaldas: lol at that screenshot


Ok, now the general requests.
Initially I didn't want to change the colors of
https://i.imgur.com/yEerOWd.png and
https://screencloud.net/v/sOxh

> The big green notification areas.
Green has established overall as a positive color, it's an indicator, not really a design gimmick

> Icons of forum sections
Not sure if this will hurt the usability

> The main page Welcome Image
Wouldn't it be too much?

> User ranks
This is the only thing I would really like to leave as it is to not spread confusion.


So guys, do you really want to go all radical about pink color? I think pretty much everything beyond this point will be added as optional settings which can be chosen on the style installation page.

PS: One "bug" remaining: drop down menus. file cs2d [MECH] UpgradeMe 1.1 and user VADemon

old Re: Unreal Software - Pink Design v1.6

Hador
User Off Offline

Quote
Yay! Very awesome

I will try to explain what my "loose" rules are for:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
/* The colour things are for text colours, I added those I remember (it shouldn't really be too important what they are for - green text is green text, at all times).*/

[style*="color:#060"] {
color: #606 !important;
}
/*Used in the "Moderator" profile info*/
[style*="color:#070"] {
color: #707 !important;
}
/*online-color*/
[style*="color:#080"],.gs-visibleUrl {
color: #808 !important;
}
/*Used in the "Admin" profile info*/
[style*="color:#090"],td[style*="color:#090"] {
color: #909 !important;
}
/*USGN-ID in hover-menu*/
[style*="color:#0A0"] {
color: #A0A !important;
}

[style*="color:#0B0"] {
color: #B0B !important;
}

[style*="color:#0D0"] {
color: #D0D !important;
}

[style*="color:#00BD00"] {
color: #BD00BD !important;
}

/* attempt to change small green US-logo pink */
img[src="img/iconsl/us.png"], img[src="img/i_us.png"] {
height: 0!important;
width: 0 !important;
padding-left: 12px !important;
padding-top: 12px !important;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jZWRv0vDQBTH85+dFps+TFoCHcTBSTDSpUIgToJIsQVBKJTQgg6CReQKki3YSerq6Nah4KhTt1Lw41ByNm1E+uDBvXv3/bwfZ1krNnaajJ0mq/f/WiwB1DWJhJuLEwmhrqluy+Ziy7IsXWrw7jSMuFaoUitUOSx4pPFl8cjEGStvFaGu0aWTDICvb5RSLMe5HZa3irD/iC6dmmQsAVw8G4BSCi6eiSVYB9zaNWblu0wylgCOH0ikzWJHbTh+yAdEtp8P8LQBvOzegKfzAUopPt3rzA4WgC4f7hWR7fPhXoHX5dau/Q1IJDSQyPZJJASvy6zcAa9LLAGR7eePkMjZWheR7aOUMr4sHjo9hk6PDCTtIt18nr269wydHkyBKby695gxEgkzkOXK5zsH9KUFdQ2DiQE87XZ+iy1DPt1r5pWROTOYMK+MFoAUMpjQl1a227RqIqGBzSsj5pXR4if23uhLy/hfoxrQ+c4Bke1nxlh9+wOLwmR9ZGGAqAAAAABJRU5ErkJggg==") !important;
}
/*same thing for right-arrows*/
div[style*="background-image:url(img/i_next.png)"] {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABmUlEQVQokY2S2yuDcRzGf5eSP8K9CyQsWWKXkgslp2XhyqEcaiHZu3LxJjYTsjGG1Zxthhxb5DDvjXdOL43tbRt7yQ36xQU97mY05XP9fer5Ps9DSBQT8v6MMXnfqim9O4X8B2Mmm71Zb8dOg+POJOtWxTxiEpk4YxoTb0xj4ntT1Ypj1oUX7gmHmq3PcXmffjCJSfghsCoGRafKRp1VM3RBaaanI9yHtChCmvPjdIjDdOHo3nAGmxwROCtt78+uR4RnfXiwByAtivDrz+Hr8iBs9MI/eYmV6mnJJOspJ4QQsqyy0cDwFfiqXXhqdnFZewRfmwchjYBg2wXutQLCllvst27AkmPQEbvSSgU1B1e2DQe5DvCKbdwUuBEs4nFffAapVoCk82KvcQ0WuUFHlkqn3kMD1xDUx7ht5xHoOEewhMdToYDXpgBC7BXWyma+LU3lDYiOMit1VFjpfLGZnrHuj5dmEW+aMLzaE8zl/3o6OlZDeqfC3bIDan4EV7cdO9bfxa0r57FZsXBnkvXGLi6ayDSy9H9O4wvrgf/ZEayH8AAAAABJRU5ErkJggg==") !important;}

.l_up{ background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABvUlEQVQokX3QwUtaARwH8NdNwj+ie4dwghmohwnbIqJgMJopHopBbIeNhoeQ9SgP5pTeErNXy1dkTUeBpRNbDIkiMsSBmvKWMN1Dy8InYQ+Fat8OWwdR+sLv9Pt8D78fQTSmhVHZKUZlpwiCaGmyr8+8fGowPBqshd8Fa/Ny6+CDeE5m7gjoPSVuicVvZwpbA2ulOZm5oyl2tJNiT8/CfoZJ4MQUQ9pwhMTEIVaf0XuOdlLcUHAppqm4/RCciwVrjCI5vI/U8AGiY7twqaapOkzLrfoD485t0ZdD1pJEbjKBE00E6Sd7+GOIY3fEf0vLrfr/2PJo542vcBXlwQcKOHVmkH+fAtf3E/mXcVy8/QX+M4eQdr3g7LJJCEZBfd9+vYGIJYz0YuymsnmOM80x+F4WVdMZ2I+xm8joD4R061hUftomlpUzMrrTrJiSGNQ+nVu4Wimi9DyNan8OsJWx+WJFsEk+qOlOq2JZOSOru8X/6qtw6cij+DSOy24Wfyd5fNN6haZvpaVka2DIW6tulFA2ZlEZ53DNlBHQeGq0lGxtKJBtpMitdmT9Oo+wpV39N5ovgvvxbJZsI0X37g4YGP7TCTGYUQAAAABJRU5ErkJggg==") !important;}
/*For all lists with bullet points (as in http://www.unrealsoftware.de/game_stranded3.php )*/
ul:not(.hiddenlist) {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAA1UlEQVQokaWSPQuCUBSG+2GujS25ROAW9QvaamloCvoPLQoODeEWCIHo1mKBYt+CWgk3g9TpbbrhkHi7Hbjb+zzv4XBrNc7RJAWapIAb5IZD0YYuyL8L/oYvwy28hlUuKLNSuLL922E0SUGiBmxw7j6Reo9PiMKVq9Nw5iXITYLMIijCTO2v5Q2pQZCbCWLFx312RjB1EYo2W7s/cRAP9iDjI8johLi/Q9RzqmEqWNVVGM05zNYCh+4a146DqL1hE1AJfbogQxdkdrhMRkVcf74oqsq9AfUbHMMAti3tAAAAAElFTkSuQmCC") !important;
}

old Re: Unreal Software - Pink Design v1.6

Rainoth
Moderator Off Offline

Quote
I agree with Seekay. Full pink. Completely. Make it optional if u want but if there's an option for full green, full pink should also be an option if you've started doing this.

old Re: Unreal Software - Pink Design v1.6

VADemon
User Off Offline

Quote
∗ Version 1.3

ADDED
Green boxes are now PINK! Yaaay!
ADDED
Main page image has pink text now
ADDED
"UnrealSoftware" forum category now has a pink icons on the main page. OPTIONAL
FIXED
One green US.de logo appearance (overlay tooltip)
ADDED
Support for overlay tooltips
     > There's a TODO for User tooltips, because my tool strikes again and refuses to save image to a file
FIXED
Checkmarks for list entries as on usgn.php. Reported by user Evaldas, user Hador's code snippet
ADDED
Support for APPROVED files

Download: as usual https://userstyles.org/styles/120688/unrealsoftware-de-pink-theme

Screenshots >

old Re: Unreal Software - Pink Design v1.6

Seekay
Reviewer Off Offline

Quote
My estrogen level has increased by 50%.

Thanks user VADemon. How about a pink emoticon,
ADDED
and
FIXED
should be pink as well, don't ya think?

Death to green. Everything must be as pink as Patrick's buttocks.
To the start Previous 1 2 3 Next To the start
Log in to replyUnreal Software overviewForums overview