-
Notifications
You must be signed in to change notification settings - Fork 2
/
cyberpunk2077.css
232 lines (188 loc) · 9.49 KB
/
cyberpunk2077.css
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
/* This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
@import url("https://bonkmaykrq.github.io/gbubers/snippets/oldalertsdark.css");
@font-face {
font-family:cyberpunk;
src:url("https://files.gamebanana.com/bitpit/cyberpunk.otf");
}
@font-face {
font-family:goodtimes;
src:url("https://files.gamebanana.com/bitpit/good_times_rg.ttf");
}
:root {
--ModuleTitleFontFamily:cyberpunk;
--ModuleTitleFontSize:24px;
--NavPaneBackgroundColor:linear-gradient(0deg, rgba(73,22,25,1) 0%, rgba(85,26,29,1) 37%, rgba(129,39,45,1) 74%, rgba(168,50,58,1) 100%);
--PrimaryNavBackgroundColor:rgba(255, 255, 0, 1.0);
--SecondaryNavBackgroundColor:rgba(255, 255, 0, 1.0);
--SubNavigatorBorderColor:#0089ff/*#ffff00*/;
--BodyWrapperBackground:linear-gradient(0deg, rgba(73,22,25,0.9) 0%, rgba(85,26,29,0.9) 37%, rgba(129,39,45,0.9) 74%, rgba(168,50,58,0.9) 100%) no-repeat fixed center;
--InputBackgroundColor:rgba(41, 196, 196, 0.8);
--InputTextColor:#121a1f;
--InputHoverBackgroundColor:rgb(103 255 178 / 80%)/*rgb(216 219 46 / 80%)*/;
--InputFocusBackgroundColor:rgb(103 255 178 / 80%)/*rgb(216 219 46 / 80%)*/;
--InputPlaceholderColor:#121a1f;
--DefaultTextColor:white;
--DefaultRedColor:#ffff00;
--DefaultGreenColor:#00ffff;
--DefaultBlueColor: #0dff49;
--DefaultRedDarkColor: #bab630;
--DefaultGreenDarkColor: #038a94;
--DefaultPurpleColor: #bb69ff;
--DefaultGreyColor: #999999;
--DefaultOrangeColor: #03fc20;
--DefaultYellowColor: #fca103;
}
img#GbLogo {
background:url("https://files.gamebanana.com/bitpit/download.webp");
background-size:200px 50px;
width: 200px;
height: 50px;
display:block;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 200px;
}
nav#SecondaryNav wrapper module pane{
}
module div.Content{
background-color:rgba(168, 50, 58, 0.8);
border-radius: 0px 0px 0px 0px; /*tl, tr, br, bl*/
/*was going to use this to simulate the angled corners of Cyberpunk's ingame UI, but that would require some complex techniques I'm not ready to try yet.*/
border:1px solid #d64b4b;
}
h3, h4, h5, h6 {
font-family:goodtimes;
text-shadow:2px 2px 0px #000000;
}h4, h5, h6{text-shadow:1px 1px 0px #000000;}
h1, h2 {
font-family:cyberpunk;
color:#eaff00;
text-shadow:5px 5px 0px #000000;
}
/*p, div, span*/ .PageModule .Content, .PageModule .Content div,.PageModule .Content span,.PageModule .Content p{
color:white;
text-shadow:1px 1px 0px #000000;
}
a {
color:#ff7996/*#ff335f*/;
text-shadow:1px 1px 0px #000000;
}
.PageModule h3 a {
color:#ff335f;
}
.AvatarTooltip a {
color: var(--LinkColor);
text-shadow: none;
}statelabel.IsRipeRelated a{color: var(--LinkColor);text-shadow: 0 0 0.125em black;}
statelabel.IsRipeRelated a:hover{color: var(--LinkHoverColor);text-shadow: 0 0 0.125em black;}
a:hover {
color:#f598ac;
text-shadow:3px 3px 0px #ba1c3e;
}
.PageModule h3 a:hover {
color:#f598ac;
}
.AvatarTooltip a:hover {
color: var(--LinkHoverColor);
text-shadow: none;
}
button, li.ButtonLike {
background:#ff335f;
color:white;
text-shadow:1px 1px 0px #ba1c3e
}
button:hover, li.ButtonLike:hover, li.ButtonLike.Selected, select option:hover {
background:#df132f;
color:white;
text-shadow:1px 1px 0px #ba1c3e
}
wrapper#HeadlineWrapper{
background:url("https://files.gamebanana.com/bitpit/1096896.jpg");
}
body {
background: rgb(73,22,25);
background: url("https://files.gamebanana.com/bitpit/d7p_yldx4aavjwo.jpg_large");
background-size: cover; /* Prevent the background from being janky
on monitors bigger or smaller than 1920x1080 in either dimension*/
background-attachment:fixed;
}
::selection{background: yellow;color:black;}::-moz-selection{background: yellow;color:black;}
::-webkit-scrollbar {
border-radius: 0px !important;
}
::-webkit-scrollbar-track {
background: #27b3b3 !important;
}
::-webkit-scrollbar-thumb {
background: #ffff00 !important;
}
::-webkit-scrollbar-thumb:hover {
background: #dddd00 !important;
}
/*Cursors*/
:root{
--defaultCursor: url("https://files.gamebanana.com/bitpit/aero_arrow_yellow_cyan.cur"),default !important;
--grabCursor: url("https://files.gamebanana.com/bitpit/aero_move_yellow_cyan.cur"),grab !important;
--grabbingCursor: url("https://files.gamebanana.com/bitpit/aero_move_yellow_cyan.cur"),grabbing !important;
--helpCursor: url("https://files.gamebanana.com/bitpit/aero_link_yellow_cyan.cur"),help !important;
--pointerCursor: url("https://files.gamebanana.com/bitpit/aero_link_yellow_cyan.cur"),pointer !important;
--moveCursor: url('https://files.gamebanana.com/bitpit/aero_move_yellow_cyan.cur') 12 12, move !important;
}
body,.lg-outer #lg-dropdown-overlay
{
cursor : var(--defaultCursor);
}
.RichText .Spoiler,#MedalsModule li,.PostsListModule .Posts>li article .PostStamps:hover
{
cursor : var(--helpCursor);
}
a,.Linklike,button,.ButtonLike,input[type=range]::-webkit-slider-runnable-track,select,.SelectLike,.BeaconParent .Beacon,.ExpandableToggle,.PageModule>.RelatedLinksButton,.MainForm .InputsWrapper .OptionalInput>legend,fieldset#Userid .AdvancedElement_InputSuggestionsList li,.AdvancedListSettingsModule>.Content .OrderAndSortControls fieldset legend,.AdvancedElement_FloatingButtonTabs li,.AdvancedElement_InputSuggestionsList li,.AdvancedElement_Tabs li,.AdvancedElement_GraphicalSelect .OptionsWrapper .Options li,.AdvancedElement_Switch.List ul li,#MasterLog log .CloseButton,.Modal .CloseModal,.Editor .ViewModeSwitchers span,.Editor .WysiwygPalettes>h4,#PrimaryNav controls,#SecondaryNav controls,body[data-_sDeviceType=desktop][data-_sNavItemActivation=Click] #SecondaryNav module>icon:hover,body[data-_sDeviceType=desktop][data-_sNavItemActivation=Click] #SecondaryNav module>widget:hover,body[data-_sDeviceType=desktop][data-_sNavItemActivation=Click] #PrimaryNav module>icon:hover,body[data-_sDeviceType=desktop][data-_sNavItemActivation=Click] #PrimaryNav module>widget:hover,#HiddenColumnToggleButton,#AlertsNavModule pane .Controls .MarkAllAsSeen,#ActivityNavModule pane .Controls .MarkAllAsSeen,#AlertsNavModule pane .Broadcasts .Unseen .BroadcastStatusWrapper,#ActivityNavModule pane .Broadcasts .Unseen .BroadcastStatusWrapper,#GamesNavModule widget ul li,#BuddiesNavModule pane #BuddyChatInitiators li,.RichText .TableOfContents ul li,#FeaturesSliderModule .Slides .Slide,#FeaturesSliderModule .Slides .ExpandedSlide,#FeaturesSliderModule .Slides .Slide .Info .Name,#FeaturesSliderModule .Slides .ExpandedSlide .Info .Name,#SubmissionsListAdvancedListSettingsModule .RecentGames li,#SubmissionsListAdvancedListSettingsModule .SelectedGames li,#ThanksToggleModule .Content #ShowThanksOptionsToggle.ModalLauncher,#UpdatesModule .ToggleContentButton,.lg-actions .lg-next,.lg-actions .lg-prev,.lg-toolbar .lg-icon,.lg-outer .lg-thumb-item,.lg-outer .lg-toogle-thumb,.lg-outer .lg-video .lg-video-play,.lg-outer .lg-pager-cont
{
cursor : var(--pointerCursor);
}
#ResponsibilitiesModule > div > dl > dd > ul > li{
-webkit-box-shadow:none;
box-shadow:none;
border:none;
}
select option:hover {background:#ffff00;color:black;}
.GreenColor {
color:#00ffff !important;
}
.RedColor {
color:#ffff00 !important;
}
/*.TableOfContents ul li span.HeadingText*/
/*.TableOfContents span.HeadingText*/
.TableOfContents li.HeadingH1 span.HeadingText, .TableOfContents li.HeadingH2 span.HeadingText, .TableOfContents li.HeadingH3 span.HeadingText {
color:#ffffff;
text-shadow:1px 1px 0px black;
}
/*.TableOfContents span.HeadingText:hover*/
.TableOfContents li.HeadingH1:hover span.HeadingText, .TableOfContents li.HeadingH2:hover span.HeadingText, .TableOfContents li.HeadingH3:hover span.HeadingText {
color:#ffff00;
text-shadow:0px 0px 5px #00ffff, 0px 0px 2px #00ffff,
0px 0px 0px #00ffff;
}
.Spoiler {filter:blur(4px);transition-duration:0.08s;}
.Spoiler:hover {filter:blur(0px);}
.Content .RichText h1, .Content .RichText.TextareaLike h1 {font-size:30px;font-family:goodtimes;margin-bottom:8px;margin-top:8px;text-shadow:2px 2px 0px black !important;}
.Content .RichText h2, .Content .RichText.TextareaLike h2 {font-size:24px;font-family:goodtimes;margin-bottom:5px;margin-top:5px;text-shadow:2px 2px 0px black !important;}
.Content .RichText h3, .Content .RichText.TextareaLike h3 {font-size:16px;font-family:goodtimes;text-shadow:2px 2px 0px black !important;}
.Content .RichText h1 .HeadingText, .Content .RichText.TextareaLike h1 {font-size:30px;font-family:cyberpunk;}
.Content .RichText h2 .HeadingText, .Content .RichText.TextareaLike h2 {font-size:24px;font-family:cyberpunk;}
.Content .RichText h3 .HeadingText, .Content .RichText.TextareaLike h3 {font-size:16px;font-family:cyberpunk;}
.IndexNumber {color:#c1c1c1 !important;}
#HiddenColumnToggleButton maticon {background:linear-gradient(0deg, rgba(73,22,25,1) 0%, rgba(85,26,29,1) 37%, rgba(129,39,45,1) 74%, rgba(168,50,58,1) 100%);}
#ImportantLinks li a {filter:grayscale(100%);}
spriteIcon, .SpriteIcon { /*set background-image to custom spritesheet*/ }