Commit 49f5a9e3 authored by Matt Mascarenhas's avatar Matt Mascarenhas

hmml_to_html.c: Credits menu [#4]

parent 2d9af4ee
This diff is collapsed.
......@@ -3,6 +3,8 @@
.title.riscy > .menu .filter_container,
.title.riscy > .menu > .refs .ref,
.title.riscy > .menu > .filter_container .filter_mode,
.title.riscy > .menu > .credits_container,
.title.riscy > .menu > .credits_container .credit,
.markers_container.riscy,
.markers_container.riscy > .marker {
background-color: #EEE;
......@@ -12,6 +14,7 @@
.title.riscy,
.title.riscy > .menu > .refs .ref,
.title.riscy > .menu > .refs .ref .timecode:hover::before,
.title.riscy > .menu > .credits_container .credit .name,
.markers_container.riscy > .marker > .content {
color: #000;
}
......@@ -46,7 +49,8 @@
.title.riscy > .menu > .refs .ref .source,
.title.riscy > .menu > .refs .ref .quote_byline,
.title > .menu > .filter_container .filter_content.off .text {
.title.riscy > .menu > .filter_container .filter_content.off .text,
.title.riscy > .menu > .credits_container .credit .role {
color: #888;
}
......@@ -69,6 +73,7 @@
/* Blackboard */
.title.riscy .filter_content.blackboard,
.markers_container.riscy .blackboard > .content,
.markers_container.riscy .off_blackboard > .content,
.markers_container.riscy > .marker.blackboard > .progress .content,
.markers_container.riscy > .marker:hover.blackboard > .faded .content {
background-size: 12px 12px;
......@@ -81,6 +86,11 @@
linear-gradient(to bottom, rgba(51, 153, 255, .16) 1px, transparent 1px);
}
.markers_container.riscy .off_blackboard > .content {
background-image: linear-gradient(to right , rgba(51, 153, 255, .08) 1px, transparent 1px),
linear-gradient(to bottom, rgba(51, 153, 255, .08) 1px, transparent 1px);
}
.markers_container.riscy > .marker.blackboard > .progress .content {
background-image: linear-gradient(to right , rgba(255, 255, 255, .16) 1px, transparent 1px),
linear-gradient(to bottom, rgba(255, 255, 255, .16) 1px, transparent 1px);
......@@ -102,12 +112,12 @@
}
@keyframes riscy_fade_text {
0% { color: #FFF; }
0% { color: #000; }
100% { color: #888; }
}
@keyframes riscy_fade_background {
0% { background-color: rgba(42, 49, 114, 0.7); }
0% { background-color: rgba(246, 178, 26, 0.8);}
100% { background-color: #EEE; }
}
......
......@@ -36,7 +36,8 @@
}
.title > .menu .refs,
.title > .menu .filter_container {
.title > .menu .filter_container,
.title > .menu .credits_container {
border: 1px solid;
border-top: none;
display: none;
......@@ -46,27 +47,54 @@
position: absolute;
right: 0;
top: 100%;
width: 350px;
z-index: 1;
}
.title > .menu .refs,
.title > .menu .filter_container {
width: 350px;
}
.title > .menu .credits_container {
min-width: 240px;
}
.title > .menu:hover .refs,
.title > .menu:hover .filter_container {
.title > .menu:hover .filter_container,
.title > .menu:hover .credits_container {
display: block;
}
.title > .menu > .refs .ref,
.title > .menu > .refs .filter_container { /* TODO(matt): See what this is! */
.title > .menu > .refs .filter_container, /* TODO(matt): See what this is! */
.title > .menu > .credits_container .credit {
border-bottom: 1px solid;
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
}
.title > .menu > .refs .ref,
.title > .menu > .refs .filter_container { /* TODO(matt): See what this is! */
flex-direction: column;
}
.title > .menu > .credits_container .credit {
flex-direction: row;
justify-content: space-between;
}
.title > .menu > .credits_container .credit .person {
text-decoration: none;
}
.title > .menu > .credits_container .credit .support {
margin: 4px;
}
.title > .menu > .refs .ref:last-child,
.title > .menu > .refs .filter_container:last-child { /* TODO(matt): See what this is! */
.title > .menu > .credits_container .credit:last-child {
border: none;
}
......@@ -87,8 +115,9 @@
width: 100%;
}
.title > .menu > .refs .ref .quote_byline,
.title > .menu > .refs .ref .source,
.title > .menu > .refs .ref .quote_byline {
.title > .menu > .credits_container .credit .role {
font-size: 10px;
line-height: 8px;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment