inoreader.com - YouTube - Nov 2023 by quietus

/* ==UserStyle==
@name         inoreader.com - YouTube - Nov 2023
@version      20231123.18.20
@namespace    ?
==/UserStyle== */

@-moz-document domain("www.inoreader.com") {
#sb_rp_section_options,
#sb_rp_upgrade,
#sb_rp_prev_article,
#sb_rp_next_article,
.sinner,
.ad_title,
.reader_pane_view_style_3 .article_tile .article_tile_content,
.reader_pane_view_style_3 .article_tile .article_stripe,
.reader_pane_view_style_3 .article_tile_current_stripe,
.article_sub_title,
.reader_pane_view_style_3 .arrow_div,
.reader_pane_view_style_3 .article_tile_footer_left_buttons,
.article_helper_left,
.article_helper_right,
.article_helper_close,
.article_content > p:nth-child(2),
#article_below_dialog_wrapper {
	display: none !important
}

#reader_pane.reader_pane_sinner {
	padding-right: 0 !important;
}

/*
	Toolbar
*/

body > #wraper {
    min-width: 700px !important;
}

#subscriptions_buttons {
    background-image: unset;
    background-size: unset;
}

#subscriptions_buttons > #sb_reading_part {
    display: inline-flex !important;
    float: right;
}

#subscriptions_buttons > #sb_reading_part > #sb_rp_ribbon > #sb_rp_heading,
#subscriptions_buttons > #sb_reading_part > #sb_rp_ribbon > .inno_toolbar_spacer,
#subscriptions_buttons > #sb_reading_part .inno_toolbar_spacer + .inno_toolbar_spacer,
#subscriptions_buttons > #sb_reading_part #sb_rp_next_article + .inno_toolbar_spacer {
    display: none;
}

#subscriptions_buttons > #sb_reading_part > #sb_rp_tools,
#subscriptions_buttons > #sb_reading_part > #sb_rp_notifications,
#subscriptions_buttons > #sb_reading_part > #sb_rp_gear {
    position: relative;
    left: auto;
    right: auto !important;
}

/*
	All views
*/

.articles_feed_group_heading {
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.0) 75%) !important;
	border: 0 !important;
	border-radius: 6px 6px 0 0 !important;
    margin: 7px 7px 0 7px !important;
}

.articles_feed_group_footer {
    border: none !important;
}

.articles_feed_group_heading .feed_favicon {
    display: none;
}

/*
	Expanded view
*/

div.articles_feed_group_heading {
	display: grid;
	/* 	align-content: center; */
	text-align: center !important;
	/* 	display: flex !important; */
	/* 	max-width: unset !important; */
	/* 	margin: unset !important; */
	/* 	width: unset !important; */
	padding: 20px !important;
}

div.articles_feed_group_heading > * {
	padding: 5px 0 5px 0 !important;
	max-width: unset !important;
	float: unset !important;
}

.reader_pane_view_style_1 .article_card {
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
	border: 0 !important;
	border-radius: 6px !important
}

.reader_pane_view_style_1 .article_card .arrow_div {
	opacity: 0;
}

.reader_pane_view_style_1 .article_card:hover .arrow_div {
	opacity: 1;
}

.reader_pane_view_style_1 .article_card:hover .article_title {
	opacity: 0.5;
}


/*
	Column view
*/

.article_header_pane_left {
	/* 	display: grid !important; */
	/* 	vertical-align: middle !important; */
	/* 	height: 65px !important; */
	/* 	width: 106.67px !important; */
}

.column_view_thumbnail_wrapper {
	height: 65px !important;
	width: 115.56px !important;
}

.reader_pane_view_style_2 .column_view_thumbnail {
	height: 65px !important;
	width: 115.56px !important;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
	border: 0;
	border-radius: 6px !important
}

.column_view_info {
	opacity: 0;
}

.article_header:hover .article_header_pane_left,
.article_header:hover .column_view_title {
	opacity: 0.5;
}

.article_header:hover .column_view_info {
	opacity: 1;
}

/*
	Card view
*/

.reader_pane_view_style_3 .article_tile {
    min-height: unset;
  	width: 320px;
	opacity: 0.25;
  	height: unset !important;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
	border: 0;
	border-radius: 6px;
}

.reader_pane_view_style_3 .article_tile_content_wraper {
	height: unset;
  	min-height: 66px;
	display: grid;
	overflow: hidden;
}

.reader_pane_view_style_3 .article_tile .article_tile_picture {
    border: 0;
    border-radius: 6px;
}

.reader_pane_view_style_3 .article_tile .article_tile_title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
    border: 0;
    border-radius: 0 0 6px 6px;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 75%);
  	text-align: center;
	padding: 10px;
	font-size: 15px;
	font-family: Helvetica, sans-serif !important;
	line-height: 22px;
	font-weight: bold;
  	color: #eee;
}

.reader_pane_view_style_3 div.article_tile.article_current,
.reader_pane_view_style_3 .article_tile:active {
	box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.35)
}

.reader_pane_view_style_3 .article_tile_content_wraper > a,
.reader_pane_view_style_3 .article_tile_picture {
	height: 180px;
	margin: 0;
	padding: 0;
  	background-color: rgba(0,0,0,0.75);
  	border: 0;
	border-radius: 6px;
}

.icon16, .icon14, .icon19 {
    color: #f1f1f1;
}

.reader_pane_view_style_3 .article_tile:hover {
	opacity: 1;
}

.reader_pane_view_style_3 .article_unreaded {
	opacity: 1;
}

.reader_pane_view_style_3 .article_tile:hover .article_tile_header_date,
.reader_pane_view_style_3 .article_tile:hover .article_tile_footer {
	opacity: 1;
}

.reader_pane_view_style_3 .article_tile .article_tile_header_date,
.reader_pane_view_style_3 .article_tile .article_tile_footer,
.reader_pane_view_style_3 .article_tile .article_tile_comments {
	opacity: 0;
}

.reader_pane_view_style_3 .article_tile:hover .article_tile_header_date,
.reader_pane_view_style_3 .article_tile:hover .article_tile_footer,
.reader_pane_view_style_3 .article_tile:hover .article_tile_comments {
	opacity: 1;
}

.reader_pane_view_style_3 .article_tile:hover .article_tile_title {
	opacity: 0;
}

.reader_pane_view_style_3 .article_tile:hover .article_tile_picture {
	opacity: .25;
}

.reader_pane_view_style_3 .inno_dialog,
.reader_pane_view_style_3 .article_full_contents {
	background-color: unset !important
}

/*
	Overlay
*/

#article_dialog_wrapper {
    top: calc(100% - 360px * 2) !important;
    display: grid !important;
    vertical-align: middle !important;
    padding: 0 !important;
    margin: 0 !important;
}

.inno_dialog,
.article_full_contents {
	background-color: unset !important;
}

.article_title_expanded_view {
	display: none;
/* 	text-align: center; */
/* 	padding: 0 5px 0 5px !important; */
}

.inno_dialog_modal_overlay {
	opacity: 0.98 !important;
}

.inno_dialog {
	width: 640px !important;
	height: 360px !important;
	padding: unset !important;
	margin: unset !important;
}

.inno_dialog_content,
.inno_dialog_content * {
	height: unset !important;
	width: 640px !important;
	padding: 0 !important;
	margin: 0 !important;
	max-width: unset !important;
	overflow: hidden !important;
}

.article_content > p > iframe {
	width: 640px !important;
	height: 360px !important;
}

}