.cineraQueryContainer.riscy .inputContainer #query, #cineraResults .dayContainer.riscy, #cineraIndex.riscy #cineraIndexEntries div, .cineraMenus.riscy, .cineraMenus.riscy > .menu > .refs, .cineraMenus.riscy > .menu > .filter_container, .cineraMenus.riscy > .menu > .refs .ref, .cineraMenus.riscy > .menu > .filter_container .filter_mode, .cineraMenus.riscy > .menu > .credits_container, .cineraMenus.riscy > .menu > .credits_container .credit, .cineraMenus.riscy > .menu > .view, .cineraMenus.riscy > .menu > .views_container .view, .cineraPlayerContainer .markers_container.riscy, .cineraPlayerContainer .markers_container.riscy > .marker { background-color: #EEE; } .cineraDefaultMediumIndicator { color: #FF9933; } .cineraQueryContainer.riscy .inputContainer #query:focus, #cineraResults .dayContainer:nth-child(2n).riscy, #cineraIndex.riscy #cineraIndexSort, #cineraIndex.riscy #cineraIndexEntries div:nth-child(2n) { background-color: #FFF; } #cineraResults .markerList.riscy > .marker, .cineraMenus.riscy, .cineraMenus.riscy > .menu > .refs, .cineraMenus.riscy > .menu > .filter_container, .cineraMenus.riscy > .menu > .refs .ref, .cineraMenus.riscy > .menu > .filter_container .filter_mode, .cineraMenus.riscy > .menu > .credits_container, .cineraMenus.riscy > .menu > .credits_container .credit, .cineraMenus.riscy > .menu > .views_container, .cineraPlayerContainer .markers_container.riscy, .cineraPlayerContainer .markers_container.riscy > .marker { border-color: rgba(246, 178, 26, 0.8); } .cineraQueryContainer.riscy .inputContainer #query, .cineraResults .dayContainer.riscy > .dayName, #cineraResults .markerList.riscy > .marker, #cineraIndex.riscy #cineraIndexSort, #cineraIndex.riscy #cineraIndexEntries div a, .cineraMenus.riscy, .cineraMenus.riscy > .menu > .refs .ref, /*.cineraMenus.riscy > .menu > .refs .ref .timecode:hover:before,*/ .cineraMenus.riscy > .menu > .refs .ref .timecode.focused:before, .cineraMenus.riscy > .menu > .filter_container .filter_content .cineraText, .cineraMenus.riscy > .menu > .credits_container .credit .name, .cineraPlayerContainer .markers_container.riscy > .marker > .cineraContent { color: #000; } .cineraMenus.riscy > .menu { transition: box-shadow 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: inset 0 0 0 #2A3172; } .cineraMenus.riscy > .menu.current { box-shadow: inset 0px 0px 30px #2A3172; } /*.cineraMenus.riscy > .menu > .refs .ref .ref_indices .timecode:hover,*/ .cineraMenus.riscy > .menu > .refs .ref .ref_indices .timecode.focused, .cineraPlayerContainer .markers_container.riscy > .marker.current > .cineraContent { color: #2A3172; } .cineraMenus.riscy > .menu > .refs .ref.current .ref_indices .timecode.focused { color: rgb(246, 178, 26); } #cineraResults .markerList.riscy > .marker:hover, #cineraIndex.riscy #cineraIndexSort:hover, #cineraIndex.riscy #cineraIndexEntries div:hover, /*.cineraMenus.riscy > .menu:hover,*/ .cineraMenus.riscy > .menu.visible, /*.cineraMenus.riscy > .menu > .refs .ref:hover,*/ .cineraMenus.riscy > .menu > .quotes_container .ref.focused, .cineraMenus.riscy > .menu > .references_container .ref.focused, .cineraMenus.riscy > .menu > .filter_container .filter_mode:hover, /*.cineraMenus.riscy > .menu > .filter_container .filter_content:hover,*/ .cineraMenus.riscy > .menu > .filter_container .filter_content.focused, /*.cineraMenus.riscy > .menu > .credits_container .credit *:hover,*/ .cineraMenus.riscy > .menu > .credits_container .credit *.focused, .cineraMenus.riscy > .menu > .view:hover, .cineraMenus.riscy > .menu > .views_container .view:hover, .cineraPlayerContainer .markers_container.riscy > .marker:hover > .cineraContent { background-color: #FFF8E7; } .cineraMenus.riscy > .menu > .refs .ref.current .source, .cineraMenus.riscy > .menu > .refs .ref.current .quote_byline, .cineraMenus.riscy > .menu > .refs .ref.current .ref_indices .timecode.focused:before { color: #FFF8E7; } #cineraResults .markerList.riscy > .marker b, .cineraMenus.riscy > .menu > .refs .ref.current, /*.cineraMenus.riscy > .menu > .refs .ref.current .timecode:hover:before,*/ .cineraPlayerContainer .markers_container.riscy > .marker > .progress .cineraContent { background-color: rgb(42, 49, 114); color: #FFF; } /*.cineraMenus.riscy > .menu > .refs .ref.current:hover,*/ .cineraPlayerContainer .markers_container.riscy > .marker:hover > .faded .cineraContent { background-color: rgba(42, 49, 114, 0.7); } .cineraMenus.riscy > .menu > .refs .ref .source, .cineraMenus.riscy > .menu > .refs .ref .quote_byline, .cineraMenus.riscy > .menu > .filter_container .filter_content.off .cineraText, .cineraMenus.riscy > .menu > .credits_container .credit .role { color: #888; } /* Blackboard */ .cineraMenus.riscy .filter_content.blackboard, .cineraPlayerContainer .markers_container.riscy .blackboard > .cineraContent, .cineraPlayerContainer .markers_container.riscy .off_blackboard > .cineraContent, .cineraPlayerContainer .markers_container.riscy > .marker.blackboard > .progress .cineraContent, .cineraPlayerContainer .markers_container.riscy > .marker:hover.blackboard > .faded .cineraContent { background-size: 12px 12px; background-position: center; } .cineraMenus.riscy .filter_content.blackboard, .cineraPlayerContainer .markers_container.riscy .blackboard > .cineraContent { background-image: linear-gradient(to right , rgba(51, 153, 255, .16) 1px, transparent 1px), linear-gradient(to bottom, rgba(51, 153, 255, .16) 1px, transparent 1px); } .cineraPlayerContainer .markers_container.riscy .off_blackboard > .cineraContent { 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); } .cineraPlayerContainer .markers_container.riscy > .marker.blackboard > .progress .cineraContent { 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); } .cineraPlayerContainer .markers_container.riscy > .marker:hover.blackboard > .faded .cineraContent { background-image: linear-gradient(to right , rgba(0, 0, 0, .16) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, .16) 1px, transparent 1px); } /* TODO(matt): * * .cineraPlayerContainer .markers_container.riscy > marker.run */ @keyframes riscy_fade_mode { 0% { color: #FFF; } 100% { color: #000; } } @keyframes riscy_fade_text { 0% { color: #000; } 100% { color: #888; } } @keyframes riscy_fade_background { 0% { background-color: rgba(246, 178, 26, 0.8);} 100% { background-color: #EEE; } } /* TODO(matt): Get this to work! */ .cineraMenus.riscy > .menu > .filter_container .filter_mode.responsible { animation-name: riscy_fade_mode; } .cineraMenus.riscy .filter_content.responsible .text { animation-name: riscy_fade_text; } .cineraMenus.riscy > .menu.filter.responsible, .cineraMenus.riscy .filter_content.responsible, .cineraMenus.riscy > .menu > .filter_container .filter_mode.responsible { animation-name: riscy_fade_background; }