Skip to content

Commit 4e33f26

Browse files
bvisnessbvisness
committed
Add missing cinera static files
1 parent f179f56 commit 4e33f26

13 files changed

Lines changed: 5325 additions & 0 deletions

‎public/annotations/cinera.css‎

Lines changed: 892 additions & 0 deletions
Large diffs are not rendered by default.

‎public/annotations/cinera__bitwise.css‎

Lines changed: 301 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,301 @@
1+
/*
2+
* Base colours:
3+
* background-color: #212121;
4+
* color: #F8F8F8;
5+
*
6+
* :hover
7+
background-color: #0F0F0F;
8+
*
9+
* .progress
10+
background-color: #252241;
11+
color: #FFF;
12+
*
13+
* .faded
14+
background-color: #181623;
15+
*
16+
* border-color: #8EB08F;
17+
*/
18+
19+
/* NAV */
20+
.cineraNavDropdown.bitwise .cineraNavTitle,
21+
.cineraNavHorizontal.bitwise li a,
22+
.cineraNavHorizontal.bitwise li.current > a:hover,
23+
.cineraNavPlain.bitwise a,
24+
.cineraNavPlain.bitwise li.current > a:hover {
25+
color: #FFFFFF;
26+
}
27+
28+
.cineraNavDropdown.bitwise .cineraNavTitle,
29+
/* NOTE(matt): Dropdown Current (swap with Non-current, to taste) */
30+
.cineraNavDropdown.bitwise .cineraNavHorizontal.bitwise li.current a,
31+
.cineraNavDropdown.bitwise .cineraNavHorizontal.bitwise li.current a:hover,
32+
/* */
33+
.cineraNavHorizontal.bitwise li a {
34+
background-color: #161616;
35+
}
36+
37+
/* Dropdown Non-current (swap with Current, to taste) */
38+
.cineraNavDropdown.bitwise .cineraNavHorizontal.bitwise li a,
39+
/* */
40+
.cineraNavHorizontal.bitwise li.current a,
41+
.cineraNavHorizontal.bitwise li.current a:hover {
42+
background-color: #000000;
43+
}
44+
45+
.cineraNavDropdown.bitwise .cineraNavHorizontal.bitwise li a:hover,
46+
.cineraNavHorizontal.bitwise li a:hover {
47+
background-color: #080808;
48+
}
49+
50+
.cineraNavHorizontal.bitwise,
51+
.cineraNavHorizontal.bitwise li a {
52+
border-color: #8EB08F;
53+
}
54+
55+
.cineraNavHorizontal.bitwise li.current > ul > li:first-child > a,
56+
.cineraNavHorizontal.bitwise li.current > ul > li:first-child > ul > li:first-child > a {
57+
border-left-color: #8EB08F;
58+
}
59+
60+
.cineraNavHorizontal.bitwise li a:hover,
61+
.cineraNavPlain.bitwise a:hover {
62+
color: #7ABDE8;
63+
}
64+
65+
.cineraNavHorizontal.bitwise li.current a,
66+
.cineraNavHorizontal.bitwise li.current a:hover {
67+
border-bottom-color: transparent;
68+
}
69+
70+
.cineraNavHorizontal.bitwise li.current ul li a {
71+
border-bottom-color: transparent;
72+
border-left-color: transparent;
73+
}
74+
/* /NAV */
75+
76+
#cineraIndexControl.bitwise .cineraQueryContainer .inputContainer #query,
77+
#cineraIndexControl.bitwise .cineraFilterProject,
78+
#cineraResults .dayContainer.bitwise,
79+
#cineraIndex .cineraIndexProject.bitwise .cineraIndexEntries div,
80+
81+
.cineraMenus.bitwise,
82+
.cineraMenus.bitwise > .menu > div,
83+
.cineraMenus.bitwise > .menu > .quotes_container .ref,
84+
.cineraMenus.bitwise > .menu > .references_container .ref,
85+
.cineraMenus.bitwise > .menu > .filter_container .filter_mode,
86+
.cineraMenus.bitwise > .menu > .link_container #cineraLinkMode,
87+
.cineraMenus.bitwise > .menu > .link_container #cineraLink,
88+
.cineraMenus.bitwise > .menu > .credits_container .credit,
89+
.cineraMenus.bitwise > .menu > .view,
90+
.cineraMenus.bitwise > .menu > .views_container .view,
91+
.cineraPlayerContainer .markers_container.bitwise,
92+
.cineraPlayerContainer .markers_container.bitwise > .episodeMarker,
93+
.cineraPlayerContainer .markers_container.bitwise > .markers .marker {
94+
background-color: #212121;
95+
}
96+
97+
.cineraDefaultMediumIndicator {
98+
color: #FEF697;
99+
}
100+
101+
#cineraIndexControl.bitwise .cineraQueryContainer .inputContainer #query:focus,
102+
#cineraIndexControl.bitwise #cineraIndexSort,
103+
104+
.cineraIndexProject.bitwise .cineraProjectTitle,
105+
#cineraResults .dayContainer:nth-child(2n).bitwise,
106+
#cineraIndex .cineraIndexProject.bitwise .cineraIndexEntries div:nth-child(2n) {
107+
background-color: #1E1E1E;
108+
}
109+
110+
#cineraResults .markerList.bitwise > .marker,
111+
112+
#cineraIndexControl.bitwise .cineraIndexFilter .filter_container,
113+
.cineraMenus.bitwise,
114+
.cineraMenus.bitwise > .menu > div,
115+
.cineraMenus.bitwise > .menu > .quotes_container .ref,
116+
.cineraMenus.bitwise > .menu > .references_container .ref,
117+
.cineraMenus.bitwise > .menu > .filter_container .filter_mode,
118+
.cineraMenus.bitwise > .menu > .link_container #cineraLinkMode,
119+
.cineraMenus.bitwise > .menu > .link_container #cineraLink,
120+
.cineraMenus.bitwise > .menu > .credits_container .credit,
121+
.cineraPlayerContainer .markers_container.bitwise,
122+
.cineraPlayerContainer .markers_container.bitwise > .episodeMarker,
123+
.cineraPlayerContainer .markers_container.bitwise > .markers .marker {
124+
border-color: #8EB08F;
125+
}
126+
127+
/* Default Text */
128+
#cineraIndexControl.bitwise .cineraQueryContainer .inputContainer #query,
129+
#cineraIndexControl.bitwise #cineraIndexSort,
130+
#cineraIndexControl.bitwise .cineraFilterProject,
131+
132+
#cineraResults .dayContainer.bitwise > .dayName,
133+
#cineraResults .markerList.bitwise > .marker,
134+
.cineraIndexProject.bitwise .cineraProjectTitle,
135+
#cineraIndex .cineraIndexProject.bitwise .cineraIndexEntries div a,
136+
137+
.cineraMenus.bitwise,
138+
.cineraMenus.bitwise > .menu > .quotes_container .ref,
139+
.cineraMenus.bitwise > .menu > .references_container .ref,
140+
.cineraMenus.bitwise > .menu > .references_container .ref .timecode.focused:before,
141+
.cineraMenus.bitwise > .menu > .filter_container .filter_content .cineraText,
142+
.cineraMenus.bitwise > .menu > .link_container #cineraLink,
143+
.cineraMenus.bitwise > .menu > .credits_container .credit .name,
144+
.cineraPlayerContainer .markers_container.bitwise > .episodeMarker,
145+
.cineraPlayerContainer .markers_container.bitwise > .markers .marker > .cineraContent,
146+
.cineraPlayerContainer .markers_container.bitwise > .markers .marker > .cineraContent .categoryMedium {
147+
color: #F4F7FE;
148+
}
149+
150+
/* Visited Indicator */
151+
#cineraIndex .cineraIndexProject.bitwise .cineraIndexEntries div a::before {
152+
color: #212121;
153+
}
154+
155+
#cineraIndex .cineraIndexProject.bitwise .cineraIndexEntries div:nth-child(2n) a::before {
156+
color: #1E1E1E;
157+
}
158+
159+
#cineraIndex .cineraIndexProject.bitwise .cineraIndexEntries div a:visited::before {
160+
color: #33FF33;
161+
}
162+
/**/
163+
164+
/* NOTE(matt): Somehow use this to colour the "Default Medium" when .off */
165+
#cineraIndexControl.bitwise .cineraFilterProject.off,
166+
.cineraMenus.bitwise > .menu > .filter_container .filter_content.off .cineraText {
167+
color: #3A3936;
168+
}
169+
170+
.cineraMenus.bitwise > .menu {
171+
transition: box-shadow 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
172+
box-shadow: inset 0 0 0 #7ABDE8;
173+
}
174+
175+
.cineraMenus.bitwise .menu.current {
176+
box-shadow: inset 0px 0px 30px #7ABDE8;
177+
}
178+
179+
.cineraMenus.bitwise > .menu > .references_container .ref .ref_indices .timecode.focused,
180+
.cineraPlayerContainer .markers_container.bitwise > .markers .marker.current > .cineraContent {
181+
color: #7ABDE8;
182+
}
183+
184+
.cineraMenus.bitwise > .menu > .references_container .ref.current .ref_indices .timecode.focused {
185+
color: #37D341; /* Colour when hovering over the ref that is currently playing */
186+
}
187+
188+
#cineraIndexControl.bitwise #cineraIndexSort:hover,
189+
#cineraIndexControl.bitwise .cineraFilterProject.focused,
190+
#cineraIndexControl.bitwise .cineraFilterProject.focused *,
191+
192+
#cineraResults .markerList.bitwise > .marker:hover,
193+
#cineraIndex .cineraIndexProject.bitwise .cineraIndexEntries div:hover,
194+
195+
.cineraMenus.bitwise > .menu.visible,
196+
.cineraMenus.bitwise > .menu > .quotes_container .ref.focused,
197+
.cineraMenus.bitwise > .menu > .references_container .ref.focused,
198+
.cineraMenus.bitwise > .menu > .filter_container .filter_mode:hover,
199+
.cineraMenus.bitwise > .menu > .filter_container .filter_content.focused,
200+
.cineraMenus.bitwise > .menu > .link_container #cineraLinkMode:hover,
201+
.cineraMenus.bitwise > .menu > .link_container #cineraLink:hover,
202+
.cineraMenus.bitwise > .menu > .credits_container .credit *.focused,
203+
.cineraMenus.bitwise > .menu > .view:hover,
204+
.cineraMenus.bitwise > .menu > .views_container .view:hover,
205+
.cineraPlayerContainer .markers_container.bitwise > a.episodeMarker:hover,
206+
.cineraPlayerContainer .markers_container.bitwise > .markers .marker:hover > .cineraContent {
207+
background-color: #0F0F0F;
208+
}
209+
210+
.cineraMenus.bitwise > .menu > .references_container .ref.current .source,
211+
.cineraMenus.bitwise > .menu > .references_container .ref.current .quote_byline,
212+
.cineraMenus.bitwise > .menu > .references_container .ref.current .ref_indices .timecode.focused:before {
213+
color: #BBB; /* Colour of "site" when hovering over the ref that is currently playing */
214+
}
215+
216+
#cineraResults .markerList.bitwise > .marker b,
217+
218+
.cineraMenus.bitwise > .menu > .references_container .ref.current,
219+
.cineraPlayerContainer .markers_container.bitwise > .markers .marker > .progress .cineraContent,
220+
.cineraPlayerContainer .markers_container.bitwise > .markers .marker > .progress .cineraContent .categoryMedium {
221+
background-color: #252241;
222+
color: #FFF;
223+
}
224+
225+
.cineraPlayerContainer .markers_container.bitwise > .markers .marker:hover > .faded .cineraContent {
226+
background-color: #181623;
227+
}
228+
229+
.cineraMenus.bitwise > .menu > .references_container .ref .source,
230+
.cineraMenus.bitwise > .menu > .references_container .ref .quote_byline,
231+
.cineraMenus.bitwise > .menu > .credits_container .credit .role {
232+
color: #EC608D;
233+
}
234+
235+
236+
/*
237+
* Custom Media
238+
*
239+
* base colour(s) == untinted
240+
* :hover == 64% opacity untinted background on default colours
241+
* .off == 16% opacity untinted on default colours
242+
* .progress == 64% opacity untinted on .progress colours
243+
* .faded == 64% opacity untinted on .faded colours
244+
*
245+
*/
246+
247+
248+
/* Run */
249+
250+
.cineraMenus.bitwise > .menu > .filter_container .filter_content.run,
251+
.cineraPlayerContainer .markers_container.bitwise > .markers .marker.run > .cineraContent {
252+
background-color: #000;
253+
}
254+
255+
.cineraMenus.bitwise > .menu > .filter_container .filter_content.focused.run,
256+
.cineraPlayerContainer .markers_container.bitwise > .markers .marker:hover.run > .cineraContent {
257+
background-color: #0F0F0F;
258+
}
259+
260+
.cineraMenus.bitwise > .menu > .filter_container .filter_content.run .cineraText,
261+
.cineraPlayerContainer .markers_container.bitwise > .markers .marker.run > .cineraContent,
262+
.cineraPlayerContainer .markers_container.bitwise > .markers .marker.run > .progress .cineraContent,
263+
.cineraPlayerContainer .markers_container.bitwise > .markers .marker:hover.run > .faded .cineraContent {
264+
color: #37D341;
265+
}
266+
267+
.cineraMenus.bitwise > .menu > .filter_container .filter_content.run.off .cineraText,
268+
.cineraPlayerContainer .markers_container.bitwise > .markers .marker.off_run > .cineraContent {
269+
color: #345D35;
270+
}
271+
272+
@keyframes bitwise_fade_mode {
273+
0% { color: #FFF; }
274+
100% { color: #F4F7FE; }
275+
}
276+
277+
@keyframes bitwise_fade_text {
278+
0% { color: #F4F7FE; }
279+
100% { color: #EC608D; }
280+
}
281+
282+
@keyframes bitwise_fade_background {
283+
0% { background-color: #8EB08F; }
284+
100% { background-color: #212121; }
285+
}
286+
287+
/* TODO(matt): Get this to work! */
288+
.cineraMenus.bitwise > .menu > .filter_container .filter_mode.responsible {
289+
animation-name: bitwise_fade_mode;
290+
}
291+
292+
.cineraMenus.bitwise .filter_content.responsible .text {
293+
animation-name: bitwise_fade_text;
294+
}
295+
296+
.cineraMenus.bitwise > .menu.filter.responsible,
297+
.cineraMenus.bitwise .filter_content.responsible,
298+
.cineraMenus.bitwise > .menu.link.responsible,
299+
.cineraMenus.bitwise > .menu > .filter_container .filter_mode.responsible {
300+
animation-name: bitwise_fade_background;
301+
}

0 commit comments

Comments
 (0)