Skip to content

Commit 57c5f89

Browse files
shadoow051shadoow051
committed
Create Cyberpunk 2077 Theme
1 parent 25153bd commit 57c5f89

File tree

11 files changed

+1840
-0
lines changed

11 files changed

+1840
-0
lines changed

‎dbm/themes/Cyberpunk 2077/about.css‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
body {
2+
background-image: url("img/bodyactionbg.gif");
3+
background-size: 240%;
4+
overflow: hidden;
5+
transition: 0.5s;
6+
color: #ccc;
7+
}
8+
9+
img {
10+
position: absolute;
11+
}
12+
13+
@keyframes rotation {
14+
from {
15+
}
16+
to {
17+
transform: rotate(360deg);
18+
}
19+
}
20+
21+
@keyframes scaling {
22+
0% {
23+
transform: scale(1, 1);
24+
}
25+
50% {
26+
transform: scale(1.05, 1.05);
27+
}
28+
100% {
29+
transform: scale(1, 1);
30+
}
31+
}
32+
33+
#backImage {
34+
animation-name: rotation;
35+
animation-duration: 5s;
36+
animation-timing-function: linear;
37+
animation-iteration-count: infinite;
38+
}
39+
40+
#frontImage {
41+
animation-name: scaling;
42+
animation-duration: 1s;
43+
animation-timing-function: linear;
44+
animation-iteration-count: infinite;
45+
}

‎dbm/themes/Cyberpunk 2077/actions.css‎

Lines changed: 205 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,205 @@
1+
#action-label {
2+
padding: 10px 15px 10px 15px;
3+
cursor: pointer;
4+
outline: none;
5+
background-color: #fff;
6+
animation: rainbow 5s infinite;
7+
background-color: #191919cb;
8+
border: 1px solid #000000;
9+
}
10+
11+
.tiny.ui.labeled.icon.button {
12+
animation: rainbow 5s infinite;
13+
background-color: #191919cb;
14+
border: 1px solid #000000;
15+
}
16+
17+
.button {
18+
animation: rainbow 5s infinite;
19+
background-color: #191919cb;
20+
border: 1px solid #000000;
21+
}
22+
23+
.button.plus {
24+
animation: rainbow 5s infinite;
25+
background-color: #191919cb;
26+
border: 1px solid #000000;
27+
}
28+
29+
@keyframes rainbow {
30+
0% {
31+
color: rgb(255, 0, 0);
32+
}
33+
33% {
34+
color: rgb(0, 0, 255);
35+
}
36+
66% {
37+
color: rgb(0, 255, 0);
38+
}
39+
100% {
40+
color: rgb(255, 0, 0);
41+
}
42+
}
43+
44+
button.opener {
45+
background-color: #262626cb;
46+
color: #ccc;
47+
cursor: pointer;
48+
padding: 8px;
49+
width: 100%;
50+
border: none;
51+
text-align: left;
52+
outline: none;
53+
font-size: 14px;
54+
transition: 0.4s;
55+
}
56+
57+
button.openerChild {
58+
background-color: #101010cb;
59+
color: #eee;
60+
cursor: pointer;
61+
padding: 6px;
62+
width: 100%;
63+
border: none;
64+
text-align: left;
65+
outline: none;
66+
font-size: 12px;
67+
}
68+
69+
button.openerChild.active,
70+
button.openerChild:hover {
71+
background-color: #474747;
72+
}
73+
74+
button.opener:after {
75+
content: "⇦";
76+
color: #777;
77+
font-weight: bold;
78+
float: right;
79+
margin-left: 5px;
80+
}
81+
82+
button.openerChild:after {
83+
color: #777;
84+
font-weight: bold;
85+
float: right;
86+
margin-left: 5px;
87+
}
88+
89+
button.opener.active:after {
90+
content: "⇩";
91+
}
92+
93+
button.searchClearButton {
94+
float: left;
95+
margin-right: 10px;
96+
margin-top: 1px;
97+
width: 15px;
98+
height: 15px;
99+
color: 0;
100+
background: 0;
101+
border: 0;
102+
padding: 0;
103+
outline: 0;
104+
}
105+
106+
button.searchClearButton:active {
107+
padding-left: 1px;
108+
padding-top: 1px;
109+
}
110+
111+
div.dropContent {
112+
background-color: white;
113+
max-height: 0;
114+
overflow: hidden;
115+
transition: max-height 0.2s ease-out;
116+
}
117+
118+
.ui.dropdown {
119+
text-align: center;
120+
width: 200px;
121+
}
122+
123+
input[type="text"] {
124+
width: 100%;
125+
}
126+
127+
.action-input {
128+
margin: 0 auto;
129+
padding-top: 6px;
130+
/*max-width: 640px;*/
131+
width: 94%;
132+
height: 80%;
133+
}
134+
135+
.action-input h1 {
136+
margin-top: 0;
137+
}
138+
139+
#theHead {
140+
right: 0;
141+
top: 0;
142+
left: 0;
143+
background-color: #262626cb;
144+
text-align: center;
145+
}
146+
147+
.action-main {
148+
background-color: red;
149+
}
150+
151+
.action-footer {
152+
width: 100%;
153+
position: absolute;
154+
right: 0;
155+
bottom: 0;
156+
left: 0;
157+
padding: 1rem;
158+
background-color: #262626cb;
159+
text-align: center;
160+
}
161+
162+
#leSideBarContent {
163+
margin-right: 10px;
164+
width: 220px;
165+
}
166+
167+
#leSideBar {
168+
width: 232px;
169+
margin: 10px;
170+
}
171+
172+
#leSideBar::-webkit-scrollbar {
173+
width: 12px;
174+
background-color: #242629;
175+
}
176+
177+
#leSideBar::-webkit-scrollbar-track {
178+
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
179+
border-radius: 10px;
180+
background-color: #242629;
181+
}
182+
183+
#leSideBar::-webkit-scrollbar-thumb {
184+
border-radius: 10px;
185+
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
186+
background-color: #555;
187+
}
188+
189+
input::-webkit-calendar-picker-indicator {
190+
opacity: 100;
191+
background-color: transparent;
192+
transform: scale(0.7, 0.7);
193+
}
194+
195+
input::-webkit-calendar-picker-indicator:hover {
196+
background-color: transparent;
197+
}
198+
199+
input#searchfilter {
200+
border-radius: 4px;
201+
padding-left: 4px;
202+
width: 94%;
203+
height: 22px;
204+
border: 1px solid #333333;
205+
}

‎dbm/themes/Cyberpunk 2077/emojis.css‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
.emojiButton {
2+
background-color: #4caf50; /* Green */
3+
border: none;
4+
color: white;
5+
width: 36px;
6+
height: 36px;
7+
padding: 2px 2px;
8+
text-align: center;
9+
text-decoration: none;
10+
display: inline-block;
11+
font-size: 16px;
12+
margin: 4px 2px;
13+
-webkit-transition-duration: 0.4s; /* Safari */
14+
transition-duration: 0.4s;
15+
cursor: pointer;
16+
background-color: white;
17+
color: rgb(0, 0, 0);
18+
border: 2px solid #4caf50;
19+
}
20+
21+
.emojiButton:hover {
22+
background-color: #4caf50;
23+
color: white;
24+
}

‎dbm/themes/Cyberpunk 2077/img/bodyactionbg.gif‎

851 KB
Loading

‎dbm/themes/Cyberpunk 2077/img/cbbg.gif‎

1.74 MB
Loading

‎dbm/themes/Cyberpunk 2077/img/cplogo.gif‎

127 KB
Loading

‎dbm/themes/Cyberpunk 2077/img/preview 1.png‎

1.06 MB
Loading

‎dbm/themes/Cyberpunk 2077/img/preview 2.png‎

35.9 KB
Loading

‎dbm/themes/Cyberpunk 2077/img/preview 3.png‎

44.8 KB
Loading

‎dbm/themes/Cyberpunk 2077/load.css‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
body {
2+
background-color: #36393e;
3+
color: #ccc;
4+
font-size: 13px;
5+
}
6+
7+
img {
8+
position: absolute;
9+
}
10+
11+
@keyframes rotation {
12+
from {}
13+
to {
14+
transform: rotate(360deg);
15+
}
16+
}
17+
18+
@keyframes scaling {
19+
0% {
20+
transform: scale(1, 1);
21+
}
22+
50% {
23+
transform: scale(1.05, 1.05);
24+
}
25+
100% {
26+
transform: scale(1, 1);
27+
}
28+
}
29+
30+
#backImage {
31+
animation-name: rotation;
32+
animation-duration: 5s;
33+
animation-timing-function: linear;
34+
animation-iteration-count: infinite;
35+
}
36+
37+
#frontImage {
38+
animation-name: scaling;
39+
animation-duration: 1s;
40+
animation-timing-function: linear;
41+
animation-iteration-count: infinite;
42+
}

0 commit comments

Comments
 (0)