PHPIndex

_components.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/_components.scss'

View Content

@use "sass:string";

@use "mixins";

@use "variables";

/*=== COMPONENTS */
/*===============*/
/*=== Forms */
// parti dans _forms.scss

/*=== Horizontal-list */
.horizontal-list {
	padding: 0.1rem 0;

	.item {
		&:first-child {
			padding-left: 0.5rem;
		}

	}
}

/*=== Dropdown */
.dropdown {
	.dropdown-target:target + .btn {
		background-color: variables.$grey-medium-light;
	}
}

.dropdown-menu {
	margin: 9px 0 0 0;
	padding: 0.5rem 0 1rem 0;
	background: variables.$grey-lighter;
	font-size: 1rem;
	border: none;
	border-radius: 3px;
	box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.35);
	text-align: left;

	&::after {
		border: none;
		right: 17px;
	}

	.dropdown-header,
	.dropdown-section .dropdown-section-title {
		padding: 1rem 1.5rem;
		font-weight: bold;
		text-align: left;
		color: variables.$grey-dark;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	.item {

		@include mixins.transition(all, 0.075s, ease-in-out);

		> a,
		> span,
		> .as-link {
			padding: 0 2rem;
			color: variables.$main-font-color;
			font-size: inherit;
			line-height: 2.5em;

			span.icon {
				padding: 0 0.25rem !important;
			}
		}

		> a,
		> .as-link {
			&:not(.addItem):hover {
				background: variables.$main-first;
				color: variables.$white;

				.icon {
					filter: grayscale(100%) brightness(2.5);
				}
			}
		}

		&.dropdown-section {
			margin-top: 0.75rem;

			~ .dropdown-section {
				border-top-color: variables.$grey-light;
			}

			.item {
				a, .as-link {
					padding-left: 2rem;
				}
			}
		}

		&:not(.addItem) {
			> a:hover,
			button:hover {
				background: variables.$main-first;
				color: variables.$white;

				.icon {
					filter: brightness(3);
				}
			}
		}

		&[aria-checked="true"] {
			a::before {
				margin: 0 0 0 -14px;
				font-weight: bold;
			}
		}

		~ .dropdown-header {
			margin-top: 0.75rem;
			padding-top: 1.75rem;
			border-top-color: variables.$grey-light;
		}

		&.separator {
			margin-top: 0.75rem;
			border-top-color: variables.$grey-light;
		}
	}

	.input {
		select, input {
			margin: 0 auto 5px;
			padding: 2px 5px;
			border-radius: 3px;
		}
	}

}

.tree .tree-folder .tree-folder-items .dropdown-menu {
	// to reset the appearance of the dropdown in the case of a dark sidebar
	.item {
		padding: 0;

		a,
		button {
			color: variables.$main-font-color;

			&:hover {
				color: variables.$white;
			}
		}

		&:hover {
			background: variables.$main-first;
		}
	}
}




/*=== Alerts */
.alert {
	background: variables.$grey-lighter;
	color: variables.$grey-dark;
	font-size: 1rem;
	border: 1px solid variables.$grey-medium;
	border-radius: 3px;
	text-shadow: 0 0 1px variables.$grey-light;
}

.alert-head {
	font-size: 1.15em;
}

.alert > a {
	text-decoration: underline;
	color: inherit;
}

.alert-warn {
	background: variables.$warning-light;
	color: variables.$warning-text;
	border: 1px solid string.unquote(variables.$warning-text + '33'); // on ajoute l’opacité à la fin
}

.alert-success {
	background: variables.$success-light;
	color: variables.$success-text;
	border: 1px solid string.unquote(variables.$success-text + '33');
}

.alert-error {
	background: variables.$alert-light;
	color: variables.$alert-text;
	border: 1px solid string.unquote(variables.$alert-text + '33');
}

/*=== Pagination */
.pagination {
	background: variables.$grey-light;
	color: variables.$main-font-color;

	.item a {
		color: variables.$main-font-color;
	}
}

#load_more.loading,
#load_more.loading:hover {
	background: url("loader.gif") center center no-repeat #34495e;
}

/*=== Boxes */
.box {
	background: variables.$white;
	// border: 1px solid #ddd;
	border: none;
	border-radius: 3px;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);

	.box-title {
		margin: 0;
		padding: 0.5rem 0.75rem;
		background: variables.$grey-light;
		color: variables.$main-font-color;
		border-radius: 2px 2px 0 0;
	}

	.box-content {
		padding-left: 30px;

		.item {
			padding: 0.5rem 0;
			color: variables.$main-font-color;
			font-size: 1rem;
			border-bottom: 1px solid variables.$grey-light;
			line-height: 1.7em;
		}

		.item:last-child {
			border-bottom: none;
		}
	}

	.configure {
		margin-right: 0.5rem;
		padding: 0.25rem;
		border-radius: 3px;

		.icon {
			vertical-align: middle;
		}

		&:hover {
			border-radius: 2px;
			background-color: variables.$main-first;

			.icon {
				filter: brightness(3);
			}
		}
	}
}

/*=== "Load more" part */
#bigMarkAsRead {
	text-align: center;
	text-decoration: none;
	background: variables.$main-first-light;
	color: variables.$main-first;

	@include mixins.transition(all, 0.15s, ease-in-out);

	&:hover {
		background: variables.$main-first;
		color: #fff;

		.bigTick {
			filter: brightness(7);
		}
	}

	.bigTick {
		margin: 0.5rem 0;
		background: url(icons/tick-color.svg) center no-repeat;
		display: inline-block;
		width: 64px;
		height: 64px;
		text-indent: -9999px;
		white-space: nowrap;
	}
}

_configuration.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/_configuration.scss'

View Content

@use "variables";

/*=== Configuration pages */
.post {
	font-size: 1rem;

	h1, h2 {
		color: variables.$main-font-color;
		font-size: 2rem;
		margin-top: 1.75rem;
		font-weight: 300;
		line-height: 1.2em;
	}

	h2 {
		font-size: 1.5rem;
	}

	a[href="./"] {
		// This is the "Back to your feeds" button.
		margin: 0;
		padding: 0.75rem 1.5rem;
		background: variables.$grey-lighter;
		display: inline-block;
		color: variables.$grey-dark;
		font-size: 1rem;
		border: 1px solid variables.$grey-medium-light;
		border-radius: 5px;
		min-width: 15px;
		line-height: 25px;
		vertical-align: middle;
		cursor: pointer;
		overflow: hidden;

		&:hover {
			background: variables.$main-first;
			color: white;
			border: 1px solid variables.$main-first;
			text-decoration: none;
		}
	}

}



#slider {
	border-left: none;
	box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.35);
}

.theme-preview-list {
	.preview-container {
		.properties {
			padding: 1rem;
			background: rgba(0, 0, 0, 0.75);
			color: white;
			border: 0;

			.page-number {
				right: 1rem;
				top: 1rem;
			}
		}
	}
}

_divers.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/_divers.scss'

View Content

/*=== DIVERS */
/*===========*/
.aside.aside_feed .nav-form input,
.aside.aside_feed .nav-form select {
	width: 140px;
}

.aside.aside_feed .nav-form .dropdown .dropdown-menu {
	right: -20px;
}

.aside.aside_feed .nav-form .dropdown .dropdown-menu::after {
	right: 33px;
}

_fonts.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/_fonts.scss'

View Content

@font-face {
	font-family: "lato";
	font-style: normal;
	font-stretch: normal;
	font-weight: 400;
	src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff");
}

@font-face {
	font-family: "lato";
	font-style: italic;
	font-stretch: normal;
	font-weight: 400;
	src: local("Lato"), url("../fonts/LatoLatin-Italic.woff") format("woff");
}

@font-face {
	font-family: "lato";
	font-style: normal;
	font-stretch: normal;
	font-weight: 700;
	src: local("Lato"), url("../fonts/LatoLatin-Bold.woff") format("woff");
}

@font-face {
	font-family: "lato";
	font-style: italic;
	font-stretch: normal;
	font-weight: 700;
	src: local("Lato"), url("../fonts/LatoLatin-BoldItalic.woff") format("woff");
}

@font-face {
	font-family: "spectral";
	font-style: normal;
	font-stretch: normal;
	font-weight: 400;
	src: local("Spectral"), url("../fonts/Spectral-Regular.woff") format("woff");
}

@font-face {
	font-family: "spectral";
	font-style: italic;
	font-stretch: normal;
	font-weight: 400;
	src: local("Spectral"), url("../fonts/Spectral-Italic.woff") format("woff");
}

@font-face {
	font-family: "spectral";
	font-style: normal;
	font-stretch: normal;
	font-weight: 700;
	src: local("Spectral"), url("../fonts/Spectral-Bold.woff") format("woff");
}

@font-face {
	font-family: "spectral";
	font-style: italic;
	font-stretch: normal;
	font-weight: 700;
	src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff");
}

_forms.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/_forms.scss'

View Content

@use "mixins";

@use "variables";

/* btns */
.btn {
	margin: 0;
	padding: 0.5rem 1.5rem;
	background: variables.$grey-lighter;
	color: variables.$grey-dark;
	font-size: 1rem;
	border: none;
	border-radius: 5px;
	min-height: 25px;
	min-width: 15px;
	line-height: 25px;
	vertical-align: middle;

	@include mixins.transition(all, 0.15s, ease-in-out);

	&.btn-important {
		background: variables.$main-first;
		color: variables.$white;

		&:hover,
		&:active {
			background: variables.$main-first-alt;
		}

		img {
			filter: brightness(3);
		}
	}


	&.btn-attention {
		background: variables.$alert-bg;
		color: #fff;

		&:hover,
		&:active {
			background: variables.$alert-text;
		}
	}

	&:hover {
		text-decoration: none;
	}
}

/*=== Forms */
legend {
	margin: 2rem 0 1rem 0;
	padding: 0;
	display: inline-block;
	width: auto;
	font-size: 1rem;
	clear: both;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

label {
	min-height: 25px;
	padding: 5px 0;
	cursor: pointer;
	color: variables.$grey-dark;
}

textarea {
	max-width: 100%;
	width: 360px;
	height: 100px;
}

input, select, textarea, button {
	padding: 5px 10px;
	background: variables.$white;
	color: variables.$grey-dark;
	font-family: "lato", "Helvetica", "Arial", sans-serif;
	font-size: 1rem;
	border: 1px solid variables.$grey-light;
	border-radius: 2px;
	min-height: 25px;
	line-height: 25px;
	vertical-align: middle;
}

select {
	padding-top: 9px;
	padding-bottom: 9px;
}

option {
	padding: 0 .5em;
}

input:focus, select:focus, textarea:focus {
	color: variables.$main-font-color;
	border-color: variables.$main-first;
}

input:invalid, select:invalid {
	color: variables.$alert-bg;
	border-color: variables.$alert-bg;
	box-shadow: none;
}

input:disabled, select:disabled {
	color: variables.$grey-medium-dark;
	border-color: variables.$grey-medium-dark;
}

.form-group {
	padding: 5px;
	border-radius: 3px;

	&::after {
		display: block;
		clear: both;
	}

	.group-name {
		padding: 10px 0;
	}

	.group-controls {
		min-height: 25px;
		padding: 5px 0;
	}

	.group-controls .control {
		line-height: 2.0em;
	}

	&.form-actions {
		margin: 15px 0 25px;
		padding: 5px 0;
	}

	&.form-actions .btn {
		margin: 0 0.5rem 0 0;
	}
}

_global-view.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/_global-view.scss'

View Content

@use "variables";

/*=== GLOBAL VIEW */
/*================*/
#stream {
	.box.category {
		&:not([data-unread="0"]) .box-title .title {
			font-weight: bold;
		}

		.box-title {
			padding: 1.5rem;
			background: none;

			a.title {
				color: variables.$grey-dark;
				font-size: 1rem;
				font-weight: normal;
				text-decoration: none;
				text-align: left;
				text-transform: uppercase;
				letter-spacing: 1px;

				&:not([data-unread="0"])::after {
					margin: -0.5rem 1rem 0 0;
					padding: 0 0.75rem;
					background: variables.$grey-light;
					border-radius: 12px;
					position: absolute;
					top: 1.75rem;
					right: 0;
					line-height: 1.5rem;
					text-align: center;
				}

				&:hover {
					color: variables.$main-first;
				}
			}
		}

		.box-content {
			.item.feed {
				a {
					color: variables.$main-font-color;
					font-weight: 400;

					&:hover {
						color: variables.$main-first;
						text-decoration: none;
					}
				}
			}
		}
	}
}


// the panel that appears in overlay to display the flows
#overlay {
	background: rgba(0, 0, 0, 0.65);
}

#panel {
	top: 3rem;
	right: 3rem;
	bottom: 3rem;
	left: 3rem;
	border-radius: 3px;
}

_layout.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/_layout.scss'

View Content

@use "mixins";

@use "variables";

/*=== STRUCTURE */
/*===============*/
/*=== Header */
.header {
	background: variables.$sid-bg;

	.item {
		vertical-align: middle;

		&.title {
			a {
				padding: 0.5rem 1rem;

				.logo {
					filter: invert(80%);
				}

				&:hover {
					.logo {
						filter: invert(80%) opacity(80%);
					}
				}
			}
		}

		&.search {
			input {
				width: 350px;
				color: variables.$sid-font-color;
				border: none;
				border-radius: 2px 0 0 2px;
				background-color: variables.$sid-bg-alt;

				@include mixins.transition(all, 0.15s, ease-in-out);

				&:hover {
					background-color: variables.$sid-bg-dark;
				}

				&:focus {
					color: variables.$grey-dark;
					background-color: variables.$white;
				}
			}

			input:focus ~ .btn,
			input:hover ~ .btn {
				background-color: variables.$main-first;

				.icon {
					filter: brightness(3);
				}
			}

			.btn {
				width: 3rem;
				border-radius: 0 2px 2px 0;
				background-color: variables.$sid-bg-alt;
				border-left-width: 0;
				min-height: 35px;

				.icon {
					filter: invert(49%) sepia(13%) saturate(2426%) hue-rotate(346deg) brightness(99%) contrast(95%);
				}

				&:hover {
					background-color: variables.$main-first-alt;

					.icon {
						filter: brightness(3);
					}
				}
			}
		}

		&.configure {
			text-align: center;

			.btn {
				padding: 0.25rem 1rem;
				background-color: transparent;
			}
		}
	}
}

/*=== Body */
#global {
	height: calc(100vh - (calc(3rem + 2 * var(--frss-padding-top-bottom))));
}

/*=== Prompt (centered) */
main.prompt {
	background: variables.$grey-light;
	border-radius: 5px;
}

/*=== New article notification */
#new-article {
	background: variables.$main-first;
	font-size: 1rem;
	text-align: center;
}

#new-article > a {
	padding: calc(0.75rem + var(--frss-padding-top-bottom)) 1rem;
	font-weight: bold;
	color: variables.$white;
}

#new-article > a:hover {
	text-decoration: none;
	background: variables.$main-first-alt;
}

/*=== Day indication */
.day {
	padding: 1rem 0 0 1.25rem;
	color: variables.$light-font-color;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 3em;
	letter-spacing: 1px;
	text-transform: uppercase;

	.name {
		padding: 0 1rem 0 1rem;
		color: variables.$main-font-color;
		font-size: 0.875rem;
		position: relative;
		left: 0;
		text-transform: uppercase;
	}
}

.btn {
	border-left-width: 0;
	padding: 0.5rem 1rem;
	background-color: variables.$grey-light;
	background-position: center;
	background-repeat: no-repeat;

	@include mixins.transition(all, 0.15s, ease-in-out);

	&:hover {
		background-color: variables.$grey-medium-light;
	}

	&.active {
		background-color: variables.$main-first;
	}
}

/*=== Index menu */
.nav_menu {
	text-align: center;
	padding: 5px 0;

	.btn {
		border-left-width: 0;
		padding: 0.5rem 1rem;
		background-color: variables.$grey-lighter;
		background-position: center;
		background-repeat: no-repeat;

		&:hover {
			background-color: variables.$grey-medium-light;
		}
	}

	.stick,
	.group {
		.btn {
			border-left-width: 0;
			padding: 0.5rem 1rem;
			background-color: variables.$grey-lighter;
			background-position: center;
			background-repeat: no-repeat;

			@include mixins.transition(all, 0.15s, ease-in-out);

			&:hover {
				background-color: variables.$grey-medium-light;
			}

			&.active {
				background-color: variables.$main-first;

				.icon {
					filter: brightness(5);
				}
			}

			&.read_all {
				padding: 5px 16px;
				color: variables.$main-font-color;
				background-color: variables.$grey-lighter;

				@include mixins.transition(all, 0.15s, ease-in-out);

				&:hover {
					background-color: variables.$grey-medium-light;
				}
			}
		}

		.dropdown:not(#dropdown-search-wrapper) {
			a.dropdown-toggle {
				border-left-width: 0;
				background-image: url(icons/more.svg);

				.icon {
					display: none;
				}
			}
		}

		#dropdown-search-wrapper.dropdown {
			a.dropdown-toggle {
				border-left-width: 0;
			}
		}
	}
}


#dropdown-query ~ .dropdown-menu .dropdown-header .icon {
	vertical-align: middle;
	border-radius: 3px;
}


/*=== Content of feed articles */
.content, .content.thin {
	padding: 20px 10px;

	font-size: 1.125rem;
	line-height: 1.8rem;

	h1.title, h1 {
		a {
			color: variables.$main-font-color;
			font-family: "spectral", serif;
			font-size: 2rem;

			&:hover {
				color: variables.$main-first;
				text-decoration: none;
			}
		}
	}

	.author {
		color: variables.$light-font-color;
		font-size: 1.125rem;
	}

	p, ul {
		font-size: 1.125rem;
		line-height: 1.8rem;
	}

	.content hr {
		margin: 30px 10px;
		background: variables.$grey-medium-light;
		height: 1px;
		border: 0;
		box-shadow: 0 2px 5px #ccc;
	}

	pre {
		margin: 10px auto;
		padding: 10px 20px;
		overflow: auto;
		background: variables.$main-first-darker;
		color: variables.$white;
		font-size: 0.9rem;
		border-radius: 3px;

		code {
			background: transparent;
			color: variables.$white;
			border: none;
		}
	}

	code {
		padding: 2px 5px;
		background: variables.$grey-lighter;
		border: 1px solid variables.$grey-light;
		border-radius: 3px;
	}

	blockquote {
		margin: 0;
		padding: 5px 20px;
		background: variables.$grey-lighter;
		display: block;
		color: variables.$main-font-color;
		border-top: 1px solid variables.$grey-medium-light;
		border-bottom: 1px solid variables.$grey-medium-light;

		p {
			margin: 0;
		}
	}
}


/*=== Notification and actualize notification */
.notification {
	padding: 1rem 0;
	background: variables.$grey-medium-light;
	width: 100%;
	height: 3rem;
	color: variables.$grey-dark;
	font-size: 1em;
	border: none;
	position: fixed;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	vertical-align: middle;

	a {
		color: #000;
	}

	.msg {
		display: inline-block;
		font-size: 1rem;
	}

	&.good {
		background: variables.$success-bg;
		color: variables.$white;
	}

	&.bad {
		background: variables.$alert-bg;
		color: variables.$white;
	}

	a.close {
		border-radius: 0 3px 3px 0;
	}

	&.good a.close:hover {
		background: variables.$success-text;
	}

	&.bad a.close:hover {
		background: variables.$alert-text;
	}

	&#actualizeProgress {
		br {
			display: none;
		}

		.title {
			margin: 0 2rem;
		}
	}
}

/*=== Navigation menu (for articles) */
#nav_entries {
	background: variables.$sid-bg;
}

_list-view.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/_list-view.scss'

View Content

@use "sass:color";

@use "mixins";

@use "variables";

/*=== Feed articles */
.flux {
	// border-left: 2px solid #ecf0f1;
	background: variables.$white;

	@include mixins.transition(all, 0.15s, ease-in-out);

	.flux_header {
		&:hover {
			background: variables.$grey-lighter;

			&:not(.current):hover .item .title {
				background: variables.$grey-lighter;
			}
		}
	}

	&.current {
		background: variables.$white;
		border-left-color: variables.$main-first;

		&:not(.active) {
			background: variables.$grey-lighter;
		}
	}

	&.not_read:not(.current) {
		background: variables.$unread-bg;

		&:hover .item .title {
			background: variables.$unread-bg;
		}
	}

	&.not_read {
		.item .title {
			a {
				color: variables.$unread-font-color;
			}
		}

		.item.website {
			a {
				color: variables.$unread-font-color;
			}
		}

		.item .date {
			color: color.scale(variables.$unread-font-color, $alpha: -50%);
		}
	}

	&.favorite {
		border-left-color: variables.$fav-bg;

		@include mixins.transition(all, 0.15s, ease-in-out);
	}

	&.favorite:not(.current) {
		background: variables.$fav-light;

		&:hover .item .title {
			background: variables.$fav-light;
		}
	}

	.website {
		a {
			color: variables.$main-font-color;
			opacity: 0.75;
		}
	}

	.flux_header .date,
	.flux_content .bottom .date {
		color: color.scale(variables.$main-font-color, $alpha: -50%);
		font-size: 0.85rem;
	}

	.bottom {
		font-size: 1rem;
		text-align: center;
	}
}

.flux_header {
	font-size: 1rem;
	cursor: pointer;
	border-top: 1px solid variables.$grey-light;

	.title {
		font-size: 1rem;
	}
}

_logs.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/_logs.scss'

View Content

@use "variables";

/*=== LOGS */
/*=========*/
.log-item.log-error {
	background-color: rgba(variables.$main-first, 0.2);
}

_mixins.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/_mixins.scss'

View Content

@use "sass:list";
/* stylelint-disable property-no-vendor-prefix */

/* FUNCTIONS */

//animation

@mixin transition($target, $duration, $ease) {
	transition: $target $duration $ease;
}

//animation

@mixin animation-delay($delay) {
	animation-delay: $delay;
}

//animation

@mixin animation($animate...) {
	$max: list.length($animate);
	$animations: '';

	@for $i from 1 through $max {
		$animations: #{$animations + list.nth($animate, $i)};

		@if $i < $max {
			$animations: #{$animations + ", "};
		}
	}
	animation: #{$animations};
}

//keyframes

@mixin keyframes($animationName) {

	@keyframes #{$animationName} {
		@content;
	}
}

@mixin border-radius($radius: 4px) {
	border-radius: $radius;
}

_mobile.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/_mobile.scss'

View Content

@use "mixins";

@use "variables";

/*=== MOBILE */
/*===========*/

@media (max-width: 840px) {
	.aside {

		@include mixins.transition(all, 0.2s, ease-in-out);

		&.aside_feed {
			padding: 0;
		}

		.tree .tree-folder .tree-folder-items .item a {
			padding: 0.5rem 1rem;
		}
	}

	.aside .toggle_aside,
	#overlay .close,
	.dropdown-menu .toggle_aside,
	#slider .toggle_aside {
		background-color: variables.$main-first;

		&:hover {
			background-color: variables.$main-first-alt;
		}

		.icon {
			filter: grayscale(100%) brightness(2.5);
		}
	}

	.header {
		.item {
			&.search {
				display: none;
			}

			&.configure {
				position: absolute;
				top: 0;
				right: 0;
			}
		}
	}

	#global {
		height: calc(100% - 8rem);
	}

	#panel {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.post {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.nav_menu {
		.btn {
			margin: 0;
			padding: 0.85rem 1.25rem;
		}

		.stick,
		.group {
			margin: 0.5rem 0.5rem;

			.btn {
				margin: 0;
				padding: 0.85rem 1.25rem;

				&.read_all {
					padding: 0.85rem 1.25rem;
				}
			}
		}

		.search {
			.input {
				max-width: 97%;
				width: 90px;

				&:focus {
					width: 400px;
				}
			}
		}
	}

	#stream {
		.flux {
			.flux_header {
				padding: 0.5rem 0;
			}
		}
	}

	.dropdown-target:target {
		~ .dropdown-toggle::after {
			background-color: variables.$grey-lighter;
			border-top: 1px solid variables.$grey-light;
			border-left: 1px solid variables.$grey-light;
			right: 21px;
			bottom: -14px;
		}

		~ a.dropdown-toggle {
			&:not(.btn) {
				~ .dropdown-menu {
					margin-top: 0;
				}

				&::after {
					bottom: -17px;
				}
			}
		}
	}

	.day {
		text-align: center;
		padding: 1rem 0;

		.name {
			padding: 0;
			display: block;
			width: 100%;
			line-height: 1.5rem;
			margin-bottom: 1rem;
		}

	}

	#nav_entries button {
		height: 4.5rem;
	}

	.notification {
		border-radius: 0;

		a.close {
			background: transparent;
			display: block;
			left: 0;
		}

		a.close:hover {
			opacity: 0.5;
		}

		a.close .icon {
			display: none;

		}
	}
}

_reader-view.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/_reader-view.scss'

View Content

@use "variables";

/*=== READER VIEW */
/*================*/
#stream.reader {
	.flux {
		background: variables.$grey-light;
		color: variables.$main-font-color;
		border: none;

		.content {
			background-color: variables.$white;
			border: none;

			.author {
				color: variables.$grey-medium-dark;
			}
		}
	}
}

_sidebar.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/_sidebar.scss'

View Content

@use "sass:string";

@use "mixins";

@use "variables";

/*=== Tree */
.tree {
	margin: 10px 0;

	&#sidebar {
		scrollbar-color: rgba(255,255, 0, 0.1) rgba(0, 0, 0, 0.05);
		scrollbar-color: string.unquote(variables.$sid-font-color + "33") string.unquote(variables.$sid-font-color + "22");
	}

	.tree-folder {
		border-bottom: 1px solid variables.$sid-sep;
		box-shadow: inset -1px -11px 8px #0003;

		.tree-folder-title {
			padding: 0.75rem 1rem;
			background: variables.$sid-bg;
			position: relative;
			font-size: 0.85rem;
			letter-spacing: 1px;
			font-weight: 700;
			text-transform: uppercase;

			button.dropdown-toggle {
				margin: -0.75rem 0.25rem -0.75rem -1rem;
				padding: 0.75rem 0 0.75rem 1rem;

				&:hover {
					.icon {
						filter: brightness(1.7) !important;
						transition: 0.1s linear;
					}
				}
			}

			.icon {
				margin-right: 0.5rem;
			}

			.title {
				background: inherit;
				color: variables.$sid-font-color;

				&:hover {
					text-decoration: none;
				}
			}
		}

		&.active {
			.tree-folder-title {
				background: variables.$sid-bg;
				font-weight: bold;
			}
		}

		.tree-folder-items {
			background: variables.$sid-bg-alt;

			.item {
				font-size: 1rem;
				font-weight: 400;

				@include mixins.transition(all, 0.15s, ease-in-out);

				&.active {
					background: variables.$sid-active;

					.dropdown li a {
						color: variables.$main-font-color;

						&:hover {
							color: variables.$sid-font-color;
						}
					}

					a {
						color: variables.$sid-active-font;
					}
				}

				&:hover {
					background: variables.$sid-bg-dark;
				}

				a {
					text-decoration: none;
					color: variables.$sid-font-color;

					&.dropdown-toggle {
						.icon {
							margin-right: 0.25rem;
						}
					}
				}
			}
		}
	}
}

/*=== Buttons */
.stick,
.group {
	input, .btn {
		border-radius: 0;
	}

	.btn:first-child {
		border-radius: 5px 0 0 5px;
	}

	.btn:last-child, input:last-child, .dropdown:last-child > .btn {
		border-radius: 0 5px 5px 0;
	}

	.btn + .btn,
	.btn + input,
	.btn + .dropdown > .btn,
	input + .btn,
	input + input,
	input + .dropdown > .btn,
	.dropdown + .btn,
	.dropdown + input,
	.dropdown + .dropdown > .btn {
		border-left: 1px solid variables.$grey-medium-light;
	}

}

.aside {
	background: variables.$sid-bg;


	&.aside_feed {
		padding: 10px 0;
		text-align: center;
		background: variables.$sid-bg;
		border-right: 1px solid variables.$sid-sep;

		.tree-folder-title:hover button.dropdown-toggle .icon {
			filter: none;
		}
	}

	&.aside_feed .tree {
		margin: 10px 0 50px;
	}

	a:hover {
		.icon {
			filter: brightness(1.7);
			transition: 0.1s linear;
		}
	}

}


/* Sidebar des pages de configuration */



/*=== Navigation */
.nav-list {
	font-size: 1rem;

	.item.nav-header,
	.item {
		min-height: 2.5em;
		line-height: 2.5em;
	}

	.item {
		background: variables.$sid-bg;
		min-height: 2.5em;
		line-height: 2.5em;

		&.nav-header {
			min-height: 2.5em;
			line-height: 2.5em;
		}

		a {
			padding: 0 1rem;
			color: variables.$sid-font-color;

			@include mixins.transition(all, 0.15s, ease-in-out);
		}

		a:hover {
			background: variables.$sid-bg-dark;
			text-decoration: none;
		}

		&.active {
			background: variables.$main-first;
			color: variables.$white;

			a {
				background: variables.$main-first;
				color: variables.$white;
				text-decoration: none;
			}
		}
	}

	.nav-header {
		padding: 0 1rem;
		font-weight: bold;
		color: variables.$grey-dark;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	.nav-form {
		padding: 3px;
		text-align: center;
	}
}

/*=== Aside main page (categories) */
.aside_feed .tree-folder-title > .title:not([data-unread="0"]) {
	width: calc(100% - 35px - 35px);
}

.aside.aside_feed .category .title:not([data-unread="0"])::after {
	margin: 0.75rem 0 0 0;
	background-color: variables.$sid-pills;
}

.aside.aside_feed .feed .item-title:not([data-unread="0"])::after {
	margin: 0.5em 0 0 0;
	background-color: variables.$sid-pills;
}

.feed.item.empty.active {
	background: variables.$grey-dark;
}

.feed.item.error.active {
	background: variables.$grey-dark;
}

.feed.item.empty,
.feed.item.empty > a {
	color: variables.$grey-dark;
}

.feed.item.error,
.feed.item.error > a {
	color: variables.$grey-dark;
}

.feed.item.empty.active,
.feed.item.error.active,
.feed.item.empty.active > a,
.feed.item.error.active > a {
	color: variables.$white;
}

.aside_feed .tree-folder-items .dropdown-menu::after {
	left: 2px;
}

.aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon,
.aside_feed .tree-folder-items .item:hover .dropdown-toggle > .icon,
.aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon {
	border-radius: 3px;
}

.aside_feed .stick #btn-add {
	border-left-color: variables.$sid-bg;
}

_stats.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/_stats.scss'

View Content

@use "variables";

/*=== STATISTICS */
/*===============*/
.stat {
	margin: 10px 0 20px;
}

.stat th,
.stat td,
.stat tr {
	border: none;
}

.stat > table td,
.stat > table th {
	border-bottom: 1px solid variables.$grey-medium-light;
}

_tables.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/_tables.scss'

View Content

@use "variables";

/*=== Tables */
table {
	border-collapse: collapse;
}

th, td {
	border: 1px solid variables.$grey-medium-light;
}

th {
	background: variables.$grey-lighter;
}

.config-articleicons td,
.config-articleicons th {
	font-weight: normal;
	text-align: center;
}

_variables.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/_variables.scss'

View Content

// The main color of the theme
$main-first: #ca7227; // main color
$main-first-alt: #b7641d; // var for hovers
$main-first-light: #fdf6ef; // var light 1
$main-first-lighter: #fefaf7; // var light 2
$main-first-dark: #3c3835; // var for hovers
$main-first-darker: #221f1d; // var for hovers

// linked font colors
$main-font-color: #363330;
$light-font-color: #6d655f;
$white: #fff; // white (sometimes we would like to tint it a little)

// the whole palette of grays, very useful
// we will try to tint these grays according to the main color
$grey-darker: #524236;
$grey-dark: #766556;
$grey-medium-dark: #ba9;
$grey-medium: #d9ccbf;
$grey-medium-light: #e4d8cc;
$grey-light: #f5f0ec;
$grey-lighter: #fcfaf8;

$unread-font-color: #161a38;
$unread-bg: #f2f6f8;
$unread-bg-light: #fdfdfe;

// alert colors (red, yellow, green)
$alert-bg: #f5633e; // the base
$alert-light: #fde0d8; // +light
$alert-text: #73341f; // +dark

$warning-bg: #f4f762;
$warning-light: #fdfde0;
$warning-text: #73762f;

$success-bg: #10f5b2;
$success-light: #cffdef;
$success-text: #0c7556;

// favorites
$fav-bg: #ffc300;
$fav-light: #fff6da;

// the sidebar color, useful if you want a theme that would have a dark sidebar, e.g.
$sid-font-color: #363330; // the background color of the left bar and the header
$sid-bg: #fbf9f6; // the general background of the left bar, and of the header
$sid-bg-alt: #f7f2ea; // background inside groups
$sid-bg-dark: #efe3d3; // the hover
$sid-sep: #f0e7da; // the separators
$sid-active: $main-first; // the active color
// stylelint-disable-next-line color-hex-length
$sid-active-font: #ffffff; // the active color
$sid-pills: rgba(35,35,0, 0.15); // capsules

ansum.css

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/ansum.css'

View Content

@font-face {
	font-family: "lato";
	font-style: normal;
	font-stretch: normal;
	font-weight: 400;
	src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff");
}
@font-face {
	font-family: "lato";
	font-style: italic;
	font-stretch: normal;
	font-weight: 400;
	src: local("Lato"), url("../fonts/LatoLatin-Italic.woff") format("woff");
}
@font-face {
	font-family: "lato";
	font-style: normal;
	font-stretch: normal;
	font-weight: 700;
	src: local("Lato"), url("../fonts/LatoLatin-Bold.woff") format("woff");
}
@font-face {
	font-family: "lato";
	font-style: italic;
	font-stretch: normal;
	font-weight: 700;
	src: local("Lato"), url("../fonts/LatoLatin-BoldItalic.woff") format("woff");
}
@font-face {
	font-family: "spectral";
	font-style: normal;
	font-stretch: normal;
	font-weight: 400;
	src: local("Spectral"), url("../fonts/Spectral-Regular.woff") format("woff");
}
@font-face {
	font-family: "spectral";
	font-style: italic;
	font-stretch: normal;
	font-weight: 400;
	src: local("Spectral"), url("../fonts/Spectral-Italic.woff") format("woff");
}
@font-face {
	font-family: "spectral";
	font-style: normal;
	font-stretch: normal;
	font-weight: 700;
	src: local("Spectral"), url("../fonts/Spectral-Bold.woff") format("woff");
}
@font-face {
	font-family: "spectral";
	font-style: italic;
	font-stretch: normal;
	font-weight: 700;
	src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff");
}
/* stylelint-disable property-no-vendor-prefix */
/* FUNCTIONS */
/* btns */
.btn {
	margin: 0;
	padding: 0.5rem 1.5rem;
	background: #fcfaf8;
	color: #766556;
	font-size: 1rem;
	border: none;
	border-radius: 5px;
	min-height: 25px;
	min-width: 15px;
	line-height: 25px;
	vertical-align: middle;
	transition: all 0.15s ease-in-out;
}
.btn.btn-important {
	background: #ca7227;
	color: #fff;
}
.btn.btn-important:hover, .btn.btn-important:active {
	background: #b7641d;
}
.btn.btn-important img {
	filter: brightness(3);
}
.btn.btn-attention {
	background: #f5633e;
	color: #fff;
}
.btn.btn-attention:hover, .btn.btn-attention:active {
	background: #73341f;
}
.btn:hover {
	text-decoration: none;
}

/*=== Forms */
legend {
	margin: 2rem 0 1rem 0;
	padding: 0;
	display: inline-block;
	width: auto;
	font-size: 1rem;
	clear: both;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

label {
	min-height: 25px;
	padding: 5px 0;
	cursor: pointer;
	color: #766556;
}

textarea {
	max-width: 100%;
	width: 360px;
	height: 100px;
}

input, select, textarea, button {
	padding: 5px 10px;
	background: #fff;
	color: #766556;
	font-family: "lato", "Helvetica", "Arial", sans-serif;
	font-size: 1rem;
	border: 1px solid #f5f0ec;
	border-radius: 2px;
	min-height: 25px;
	line-height: 25px;
	vertical-align: middle;
}

select {
	padding-top: 9px;
	padding-bottom: 9px;
}

option {
	padding: 0 0.5em;
}

input:focus, select:focus, textarea:focus {
	color: #363330;
	border-color: #ca7227;
}

input:invalid, select:invalid {
	color: #f5633e;
	border-color: #f5633e;
	box-shadow: none;
}

input:disabled, select:disabled {
	color: #ba9;
	border-color: #ba9;
}

.form-group {
	padding: 5px;
	border-radius: 3px;
}
.form-group::after {
	display: block;
	clear: both;
}
.form-group .group-name {
	padding: 10px 0;
}
.form-group .group-controls {
	min-height: 25px;
	padding: 5px 0;
}
.form-group .group-controls .control {
	line-height: 2em;
}
.form-group.form-actions {
	margin: 15px 0 25px;
	padding: 5px 0;
}
.form-group.form-actions .btn {
	margin: 0 0.5rem 0 0;
}

/*=== Tables */
table {
	border-collapse: collapse;
}

th, td {
	border: 1px solid #e4d8cc;
}

th {
	background: #fcfaf8;
}

.config-articleicons td,
.config-articleicons th {
	font-weight: normal;
	text-align: center;
}

/*=== COMPONENTS */
/*===============*/
/*=== Forms */
/*=== Horizontal-list */
.horizontal-list {
	padding: 0.1rem 0;
}
.horizontal-list .item:first-child {
	padding-left: 0.5rem;
}

/*=== Dropdown */
.dropdown .dropdown-target:target + .btn {
	background-color: #e4d8cc;
}

.dropdown-menu {
	margin: 9px 0 0 0;
	padding: 0.5rem 0 1rem 0;
	background: #fcfaf8;
	font-size: 1rem;
	border: none;
	border-radius: 3px;
	box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
	text-align: left;
}
.dropdown-menu::after {
	border: none;
	right: 17px;
}
.dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-section .dropdown-section-title {
	padding: 1rem 1.5rem;
	font-weight: bold;
	text-align: left;
	color: #766556;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.dropdown-menu .item {
	transition: all 0.075s ease-in-out;
}
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
	padding: 0 2rem;
	color: #363330;
	font-size: inherit;
	line-height: 2.5em;
}
.dropdown-menu .item > a span.icon,
.dropdown-menu .item > span span.icon,
.dropdown-menu .item > .as-link span.icon {
	padding: 0 0.25rem !important;
}
.dropdown-menu .item > a:not(.addItem):hover,
.dropdown-menu .item > .as-link:not(.addItem):hover {
	background: #ca7227;
	color: #fff;
}
.dropdown-menu .item > a:not(.addItem):hover .icon,
.dropdown-menu .item > .as-link:not(.addItem):hover .icon {
	filter: grayscale(100%) brightness(2.5);
}
.dropdown-menu .item.dropdown-section {
	margin-top: 0.75rem;
}
.dropdown-menu .item.dropdown-section ~ .dropdown-section {
	border-top-color: #f5f0ec;
}
.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
	padding-left: 2rem;
}
.dropdown-menu .item:not(.addItem) > a:hover,
.dropdown-menu .item:not(.addItem) button:hover {
	background: #ca7227;
	color: #fff;
}
.dropdown-menu .item:not(.addItem) > a:hover .icon,
.dropdown-menu .item:not(.addItem) button:hover .icon {
	filter: brightness(3);
}
.dropdown-menu .item[aria-checked=true] a::before {
	margin: 0 0 0 -14px;
	font-weight: bold;
}
.dropdown-menu .item ~ .dropdown-header {
	margin-top: 0.75rem;
	padding-top: 1.75rem;
	border-top-color: #f5f0ec;
}
.dropdown-menu .item.separator {
	margin-top: 0.75rem;
	border-top-color: #f5f0ec;
}
.dropdown-menu .input select, .dropdown-menu .input input {
	margin: 0 auto 5px;
	padding: 2px 5px;
	border-radius: 3px;
}

.tree .tree-folder .tree-folder-items .dropdown-menu .item {
	padding: 0;
}
.tree .tree-folder .tree-folder-items .dropdown-menu .item a,
.tree .tree-folder .tree-folder-items .dropdown-menu .item button {
	color: #363330;
}
.tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover,
.tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover {
	color: #fff;
}
.tree .tree-folder .tree-folder-items .dropdown-menu .item:hover {
	background: #ca7227;
}

/*=== Alerts */
.alert {
	background: #fcfaf8;
	color: #766556;
	font-size: 1rem;
	border: 1px solid #d9ccbf;
	border-radius: 3px;
	text-shadow: 0 0 1px #f5f0ec;
}

.alert-head {
	font-size: 1.15em;
}

.alert > a {
	text-decoration: underline;
	color: inherit;
}

.alert-warn {
	background: #fdfde0;
	color: #73762f;
	border: 1px solid #73762f33;
}

.alert-success {
	background: #cffdef;
	color: #0c7556;
	border: 1px solid #0c755633;
}

.alert-error {
	background: #fde0d8;
	color: #73341f;
	border: 1px solid #73341f33;
}

/*=== Pagination */
.pagination {
	background: #f5f0ec;
	color: #363330;
}
.pagination .item a {
	color: #363330;
}

#load_more.loading,
#load_more.loading:hover {
	background: url("loader.gif") center center no-repeat #34495e;
}

/*=== Boxes */
.box {
	background: #fff;
	border: none;
	border-radius: 3px;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}
.box .box-title {
	margin: 0;
	padding: 0.5rem 0.75rem;
	background: #f5f0ec;
	color: #363330;
	border-radius: 2px 2px 0 0;
}
.box .box-content {
	padding-left: 30px;
}
.box .box-content .item {
	padding: 0.5rem 0;
	color: #363330;
	font-size: 1rem;
	border-bottom: 1px solid #f5f0ec;
	line-height: 1.7em;
}
.box .box-content .item:last-child {
	border-bottom: none;
}
.box .configure {
	margin-right: 0.5rem;
	padding: 0.25rem;
	border-radius: 3px;
}
.box .configure .icon {
	vertical-align: middle;
}
.box .configure:hover {
	border-radius: 2px;
	background-color: #ca7227;
}
.box .configure:hover .icon {
	filter: brightness(3);
}

/*=== "Load more" part */
#bigMarkAsRead {
	text-align: center;
	text-decoration: none;
	background: #fdf6ef;
	color: #ca7227;
	transition: all 0.15s ease-in-out;
}
#bigMarkAsRead:hover {
	background: #ca7227;
	color: #fff;
}
#bigMarkAsRead:hover .bigTick {
	filter: brightness(7);
}
#bigMarkAsRead .bigTick {
	margin: 0.5rem 0;
	background: url(icons/tick-color.svg) center no-repeat;
	display: inline-block;
	width: 64px;
	height: 64px;
	text-indent: -9999px;
	white-space: nowrap;
}

/*=== DIVERS */
/*===========*/
.aside.aside_feed .nav-form input,
.aside.aside_feed .nav-form select {
	width: 140px;
}

.aside.aside_feed .nav-form .dropdown .dropdown-menu {
	right: -20px;
}

.aside.aside_feed .nav-form .dropdown .dropdown-menu::after {
	right: 33px;
}

/*=== Tree */
.tree {
	margin: 10px 0;
}
.tree#sidebar {
	scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05);
	scrollbar-color: #36333033 #36333022;
}
.tree .tree-folder {
	border-bottom: 1px solid #f0e7da;
	box-shadow: inset -1px -11px 8px rgba(0, 0, 0, 0.2);
}
.tree .tree-folder .tree-folder-title {
	padding: 0.75rem 1rem;
	background: #fbf9f6;
	position: relative;
	font-size: 0.85rem;
	letter-spacing: 1px;
	font-weight: 700;
	text-transform: uppercase;
}
.tree .tree-folder .tree-folder-title button.dropdown-toggle {
	margin: -0.75rem 0.25rem -0.75rem -1rem;
	padding: 0.75rem 0 0.75rem 1rem;
}
.tree .tree-folder .tree-folder-title button.dropdown-toggle:hover .icon {
	filter: brightness(1.7) !important;
	transition: 0.1s linear;
}
.tree .tree-folder .tree-folder-title .icon {
	margin-right: 0.5rem;
}
.tree .tree-folder .tree-folder-title .title {
	background: inherit;
	color: #363330;
}
.tree .tree-folder .tree-folder-title .title:hover {
	text-decoration: none;
}
.tree .tree-folder.active .tree-folder-title {
	background: #fbf9f6;
	font-weight: bold;
}
.tree .tree-folder .tree-folder-items {
	background: #f7f2ea;
}
.tree .tree-folder .tree-folder-items .item {
	font-size: 1rem;
	font-weight: 400;
	transition: all 0.15s ease-in-out;
}
.tree .tree-folder .tree-folder-items .item.active {
	background: #ca7227;
}
.tree .tree-folder .tree-folder-items .item.active .dropdown li a {
	color: #363330;
}
.tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover {
	color: #363330;
}
.tree .tree-folder .tree-folder-items .item.active a {
	color: #ffffff;
}
.tree .tree-folder .tree-folder-items .item:hover {
	background: #efe3d3;
}
.tree .tree-folder .tree-folder-items .item a {
	text-decoration: none;
	color: #363330;
}
.tree .tree-folder .tree-folder-items .item a.dropdown-toggle .icon {
	margin-right: 0.25rem;
}

/*=== Buttons */
.stick input, .stick .btn,
.group input,
.group .btn {
	border-radius: 0;
}
.stick .btn:first-child,
.group .btn:first-child {
	border-radius: 5px 0 0 5px;
}
.stick .btn:last-child, .stick input:last-child, .stick .dropdown:last-child > .btn,
.group .btn:last-child,
.group input:last-child,
.group .dropdown:last-child > .btn {
	border-radius: 0 5px 5px 0;
}
.stick .btn + .btn,
.stick .btn + input,
.stick .btn + .dropdown > .btn,
.stick input + .btn,
.stick input + input,
.stick input + .dropdown > .btn,
.stick .dropdown + .btn,
.stick .dropdown + input,
.stick .dropdown + .dropdown > .btn,
.group .btn + .btn,
.group .btn + input,
.group .btn + .dropdown > .btn,
.group input + .btn,
.group input + input,
.group input + .dropdown > .btn,
.group .dropdown + .btn,
.group .dropdown + input,
.group .dropdown + .dropdown > .btn {
	border-left: 1px solid #e4d8cc;
}

.aside {
	background: #fbf9f6;
}
.aside.aside_feed {
	padding: 10px 0;
	text-align: center;
	background: #fbf9f6;
	border-right: 1px solid #f0e7da;
}
.aside.aside_feed .tree-folder-title:hover button.dropdown-toggle .icon {
	filter: none;
}
.aside.aside_feed .tree {
	margin: 10px 0 50px;
}
.aside a:hover .icon {
	filter: brightness(1.7);
	transition: 0.1s linear;
}

/* Sidebar des pages de configuration */
/*=== Navigation */
.nav-list {
	font-size: 1rem;
}
.nav-list .item.nav-header,
.nav-list .item {
	min-height: 2.5em;
	line-height: 2.5em;
}
.nav-list .item {
	background: #fbf9f6;
	min-height: 2.5em;
	line-height: 2.5em;
}
.nav-list .item.nav-header {
	min-height: 2.5em;
	line-height: 2.5em;
}
.nav-list .item a {
	padding: 0 1rem;
	color: #363330;
	transition: all 0.15s ease-in-out;
}
.nav-list .item a:hover {
	background: #efe3d3;
	text-decoration: none;
}
.nav-list .item.active {
	background: #ca7227;
	color: #fff;
}
.nav-list .item.active a {
	background: #ca7227;
	color: #fff;
	text-decoration: none;
}
.nav-list .nav-header {
	padding: 0 1rem;
	font-weight: bold;
	color: #766556;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.nav-list .nav-form {
	padding: 3px;
	text-align: center;
}

/*=== Aside main page (categories) */
.aside_feed .tree-folder-title > .title:not([data-unread="0"]) {
	width: calc(100% - 35px - 35px);
}

.aside.aside_feed .category .title:not([data-unread="0"])::after {
	margin: 0.75rem 0 0 0;
	background-color: rgba(35, 35, 0, 0.15);
}

.aside.aside_feed .feed .item-title:not([data-unread="0"])::after {
	margin: 0.5em 0 0 0;
	background-color: rgba(35, 35, 0, 0.15);
}

.feed.item.empty.active {
	background: #766556;
}

.feed.item.error.active {
	background: #766556;
}

.feed.item.empty,
.feed.item.empty > a {
	color: #766556;
}

.feed.item.error,
.feed.item.error > a {
	color: #766556;
}

.feed.item.empty.active,
.feed.item.error.active,
.feed.item.empty.active > a,
.feed.item.error.active > a {
	color: #fff;
}

.aside_feed .tree-folder-items .dropdown-menu::after {
	left: 2px;
}

.aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon,
.aside_feed .tree-folder-items .item:hover .dropdown-toggle > .icon,
.aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon {
	border-radius: 3px;
}

.aside_feed .stick #btn-add {
	border-left-color: #fbf9f6;
}

/*=== STRUCTURE */
/*===============*/
/*=== Header */
.header {
	background: #fbf9f6;
}
.header .item {
	vertical-align: middle;
}
.header .item.title a {
	padding: 0.5rem 1rem;
}
.header .item.title a .logo {
	filter: invert(80%);
}
.header .item.title a:hover .logo {
	filter: invert(80%) opacity(80%);
}
.header .item.search input {
	width: 350px;
	color: #363330;
	border: none;
	border-radius: 2px 0 0 2px;
	background-color: #f7f2ea;
	transition: all 0.15s ease-in-out;
}
.header .item.search input:hover {
	background-color: #efe3d3;
}
.header .item.search input:focus {
	color: #766556;
	background-color: #fff;
}
.header .item.search input:focus ~ .btn,
.header .item.search input:hover ~ .btn {
	background-color: #ca7227;
}
.header .item.search input:focus ~ .btn .icon,
.header .item.search input:hover ~ .btn .icon {
	filter: brightness(3);
}
.header .item.search .btn {
	width: 3rem;
	border-radius: 0 2px 2px 0;
	background-color: #f7f2ea;
	border-left-width: 0;
	min-height: 35px;
}
.header .item.search .btn .icon {
	filter: invert(49%) sepia(13%) saturate(2426%) hue-rotate(346deg) brightness(99%) contrast(95%);
}
.header .item.search .btn:hover {
	background-color: #b7641d;
}
.header .item.search .btn:hover .icon {
	filter: brightness(3);
}
.header .item.configure {
	text-align: center;
}
.header .item.configure .btn {
	padding: 0.25rem 1rem;
	background-color: transparent;
}

/*=== Body */
#global {
	height: calc(100vh - (3rem + 2 * var(--frss-padding-top-bottom)));
}

/*=== Prompt (centered) */
main.prompt {
	background: #f5f0ec;
	border-radius: 5px;
}

/*=== New article notification */
#new-article {
	background: #ca7227;
	font-size: 1rem;
	text-align: center;
}

#new-article > a {
	padding: calc(0.75rem + var(--frss-padding-top-bottom)) 1rem;
	font-weight: bold;
	color: #fff;
}

#new-article > a:hover {
	text-decoration: none;
	background: #b7641d;
}

/*=== Day indication */
.day {
	padding: 1rem 0 0 1.25rem;
	color: #6d655f;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 3em;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.day .name {
	padding: 0 1rem 0 1rem;
	color: #363330;
	font-size: 0.875rem;
	position: relative;
	left: 0;
	text-transform: uppercase;
}

.btn {
	border-left-width: 0;
	padding: 0.5rem 1rem;
	background-color: #f5f0ec;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.15s ease-in-out;
}
.btn:hover {
	background-color: #e4d8cc;
}
.btn.active {
	background-color: #ca7227;
}

/*=== Index menu */
.nav_menu {
	text-align: center;
	padding: 5px 0;
}
.nav_menu .btn {
	border-left-width: 0;
	padding: 0.5rem 1rem;
	background-color: #fcfaf8;
	background-position: center;
	background-repeat: no-repeat;
}
.nav_menu .btn:hover {
	background-color: #e4d8cc;
}
.nav_menu .stick .btn,
.nav_menu .group .btn {
	border-left-width: 0;
	padding: 0.5rem 1rem;
	background-color: #fcfaf8;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.15s ease-in-out;
}
.nav_menu .stick .btn:hover,
.nav_menu .group .btn:hover {
	background-color: #e4d8cc;
}
.nav_menu .stick .btn.active,
.nav_menu .group .btn.active {
	background-color: #ca7227;
}
.nav_menu .stick .btn.active .icon,
.nav_menu .group .btn.active .icon {
	filter: brightness(5);
}
.nav_menu .stick .btn.read_all,
.nav_menu .group .btn.read_all {
	padding: 5px 16px;
	color: #363330;
	background-color: #fcfaf8;
	transition: all 0.15s ease-in-out;
}
.nav_menu .stick .btn.read_all:hover,
.nav_menu .group .btn.read_all:hover {
	background-color: #e4d8cc;
}
.nav_menu .stick .dropdown:not(#dropdown-search-wrapper) a.dropdown-toggle,
.nav_menu .group .dropdown:not(#dropdown-search-wrapper) a.dropdown-toggle {
	border-left-width: 0;
	background-image: url(icons/more.svg);
}
.nav_menu .stick .dropdown:not(#dropdown-search-wrapper) a.dropdown-toggle .icon,
.nav_menu .group .dropdown:not(#dropdown-search-wrapper) a.dropdown-toggle .icon {
	display: none;
}
.nav_menu .stick #dropdown-search-wrapper.dropdown a.dropdown-toggle,
.nav_menu .group #dropdown-search-wrapper.dropdown a.dropdown-toggle {
	border-left-width: 0;
}

#dropdown-query ~ .dropdown-menu .dropdown-header .icon {
	vertical-align: middle;
	border-radius: 3px;
}

/*=== Content of feed articles */
.content, .content.thin {
	padding: 20px 10px;
	font-size: 1.125rem;
	line-height: 1.8rem;
}
.content h1.title a, .content h1 a, .content.thin h1.title a, .content.thin h1 a {
	color: #363330;
	font-family: "spectral", serif;
	font-size: 2rem;
}
.content h1.title a:hover, .content h1 a:hover, .content.thin h1.title a:hover, .content.thin h1 a:hover {
	color: #ca7227;
	text-decoration: none;
}
.content .author, .content.thin .author {
	color: #6d655f;
	font-size: 1.125rem;
}
.content p, .content ul, .content.thin p, .content.thin ul {
	font-size: 1.125rem;
	line-height: 1.8rem;
}
.content .content hr, .content.thin .content hr {
	margin: 30px 10px;
	background: #e4d8cc;
	height: 1px;
	border: 0;
	box-shadow: 0 2px 5px #ccc;
}
.content pre, .content.thin pre {
	margin: 10px auto;
	padding: 10px 20px;
	overflow: auto;
	background: #221f1d;
	color: #fff;
	font-size: 0.9rem;
	border-radius: 3px;
}
.content pre code, .content.thin pre code {
	background: transparent;
	color: #fff;
	border: none;
}
.content code, .content.thin code {
	padding: 2px 5px;
	background: #fcfaf8;
	border: 1px solid #f5f0ec;
	border-radius: 3px;
}
.content blockquote, .content.thin blockquote {
	margin: 0;
	padding: 5px 20px;
	background: #fcfaf8;
	display: block;
	color: #363330;
	border-top: 1px solid #e4d8cc;
	border-bottom: 1px solid #e4d8cc;
}
.content blockquote p, .content.thin blockquote p {
	margin: 0;
}

/*=== Notification and actualize notification */
.notification {
	padding: 1rem 0;
	background: #e4d8cc;
	width: 100%;
	height: 3rem;
	color: #766556;
	font-size: 1em;
	border: none;
	position: fixed;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	vertical-align: middle;
}
.notification a {
	color: #000;
}
.notification .msg {
	display: inline-block;
	font-size: 1rem;
}
.notification.good {
	background: #10f5b2;
	color: #fff;
}
.notification.bad {
	background: #f5633e;
	color: #fff;
}
.notification a.close {
	border-radius: 0 3px 3px 0;
}
.notification.good a.close:hover {
	background: #0c7556;
}
.notification.bad a.close:hover {
	background: #73341f;
}
.notification#actualizeProgress br {
	display: none;
}
.notification#actualizeProgress .title {
	margin: 0 2rem;
}

/*=== Navigation menu (for articles) */
#nav_entries {
	background: #fbf9f6;
}

/*=== Feed articles */
.flux {
	background: #fff;
	transition: all 0.15s ease-in-out;
}
.flux .flux_header:hover {
	background: #fcfaf8;
}
.flux .flux_header:hover:not(.current):hover .item .title {
	background: #fcfaf8;
}
.flux.current {
	background: #fff;
	border-left-color: #ca7227;
}
.flux.current:not(.active) {
	background: #fcfaf8;
}
.flux.not_read:not(.current) {
	background: #f2f6f8;
}
.flux.not_read:not(.current):hover .item .title {
	background: #f2f6f8;
}
.flux.not_read .item .title a {
	color: #161a38;
}
.flux.not_read .item.website a {
	color: #161a38;
}
.flux.not_read .item .date {
	color: rgba(22, 26, 56, 0.5);
}
.flux.favorite {
	border-left-color: #ffc300;
	transition: all 0.15s ease-in-out;
}
.flux.favorite:not(.current) {
	background: #fff6da;
}
.flux.favorite:not(.current):hover .item .title {
	background: #fff6da;
}
.flux .website a {
	color: #363330;
	opacity: 0.75;
}
.flux .flux_header .date,
.flux .flux_content .bottom .date {
	color: rgba(54, 51, 48, 0.5);
	font-size: 0.85rem;
}
.flux .bottom {
	font-size: 1rem;
	text-align: center;
}

.flux_header {
	font-size: 1rem;
	cursor: pointer;
	border-top: 1px solid #f5f0ec;
}
.flux_header .title {
	font-size: 1rem;
}

/*=== GLOBAL VIEW */
/*================*/
#stream .box.category:not([data-unread="0"]) .box-title .title {
	font-weight: bold;
}
#stream .box.category .box-title {
	padding: 1.5rem;
	background: none;
}
#stream .box.category .box-title a.title {
	color: #766556;
	font-size: 1rem;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#stream .box.category .box-title a.title:not([data-unread="0"])::after {
	margin: -0.5rem 1rem 0 0;
	padding: 0 0.75rem;
	background: #f5f0ec;
	border-radius: 12px;
	position: absolute;
	top: 1.75rem;
	right: 0;
	line-height: 1.5rem;
	text-align: center;
}
#stream .box.category .box-title a.title:hover {
	color: #ca7227;
}
#stream .box.category .box-content .item.feed a {
	color: #363330;
	font-weight: 400;
}
#stream .box.category .box-content .item.feed a:hover {
	color: #ca7227;
	text-decoration: none;
}

#overlay {
	background: rgba(0, 0, 0, 0.65);
}

#panel {
	top: 3rem;
	right: 3rem;
	bottom: 3rem;
	left: 3rem;
	border-radius: 3px;
}

/*=== READER VIEW */
/*================*/
#stream.reader .flux {
	background: #f5f0ec;
	color: #363330;
	border: none;
}
#stream.reader .flux .content {
	background-color: #fff;
	border: none;
}
#stream.reader .flux .content .author {
	color: #ba9;
}

/*=== Configuration pages */
.post {
	font-size: 1rem;
}
.post h1, .post h2 {
	color: #363330;
	font-size: 2rem;
	margin-top: 1.75rem;
	font-weight: 300;
	line-height: 1.2em;
}
.post h2 {
	font-size: 1.5rem;
}
.post a[href="./"] {
	margin: 0;
	padding: 0.75rem 1.5rem;
	background: #fcfaf8;
	display: inline-block;
	color: #766556;
	font-size: 1rem;
	border: 1px solid #e4d8cc;
	border-radius: 5px;
	min-width: 15px;
	line-height: 25px;
	vertical-align: middle;
	cursor: pointer;
	overflow: hidden;
}
.post a[href="./"]:hover {
	background: #ca7227;
	color: white;
	border: 1px solid #ca7227;
	text-decoration: none;
}

#slider {
	border-left: none;
	box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
}

.theme-preview-list .preview-container .properties {
	padding: 1rem;
	background: rgba(0, 0, 0, 0.75);
	color: white;
	border: 0;
}
.theme-preview-list .preview-container .properties .page-number {
	right: 1rem;
	top: 1rem;
}

/*=== LOGS */
/*=========*/
.log-item.log-error {
	background-color: rgba(202, 114, 39, 0.2);
}

/*=== STATISTICS */
/*===============*/
.stat {
	margin: 10px 0 20px;
}

.stat th,
.stat td,
.stat tr {
	border: none;
}

.stat > table td,
.stat > table th {
	border-bottom: 1px solid #e4d8cc;
}

/*=== MOBILE */
/*===========*/
@media (max-width: 840px) {
	.aside {
		transition: all 0.2s ease-in-out;
	}
	.aside.aside_feed {
		padding: 0;
	}
	.aside .tree .tree-folder .tree-folder-items .item a {
		padding: 0.5rem 1rem;
	}
	.aside .toggle_aside,
#overlay .close,
.dropdown-menu .toggle_aside,
#slider .toggle_aside {
		background-color: #ca7227;
	}
	.aside .toggle_aside:hover,
#overlay .close:hover,
.dropdown-menu .toggle_aside:hover,
#slider .toggle_aside:hover {
		background-color: #b7641d;
	}
	.aside .toggle_aside .icon,
#overlay .close .icon,
.dropdown-menu .toggle_aside .icon,
#slider .toggle_aside .icon {
		filter: grayscale(100%) brightness(2.5);
	}
	.header .item.search {
		display: none;
	}
	.header .item.configure {
		position: absolute;
		top: 0;
		right: 0;
	}
	#global {
		height: calc(100% - 8rem);
	}
	#panel {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	.post {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.nav_menu .btn {
		margin: 0;
		padding: 0.85rem 1.25rem;
	}
	.nav_menu .stick,
.nav_menu .group {
		margin: 0.5rem 0.5rem;
	}
	.nav_menu .stick .btn,
.nav_menu .group .btn {
		margin: 0;
		padding: 0.85rem 1.25rem;
	}
	.nav_menu .stick .btn.read_all,
.nav_menu .group .btn.read_all {
		padding: 0.85rem 1.25rem;
	}
	.nav_menu .search .input {
		max-width: 97%;
		width: 90px;
	}
	.nav_menu .search .input:focus {
		width: 400px;
	}
	#stream .flux .flux_header {
		padding: 0.5rem 0;
	}
	.dropdown-target:target ~ .dropdown-toggle::after {
		background-color: #fcfaf8;
		border-top: 1px solid #f5f0ec;
		border-left: 1px solid #f5f0ec;
		right: 21px;
		bottom: -14px;
	}
	.dropdown-target:target ~ a.dropdown-toggle:not(.btn) ~ .dropdown-menu {
		margin-top: 0;
	}
	.dropdown-target:target ~ a.dropdown-toggle:not(.btn)::after {
		bottom: -17px;
	}
	.day {
		text-align: center;
		padding: 1rem 0;
	}
	.day .name {
		padding: 0;
		display: block;
		width: 100%;
		line-height: 1.5rem;
		margin-bottom: 1rem;
	}
	#nav_entries button {
		height: 4.5rem;
	}
	.notification {
		border-radius: 0;
	}
	.notification a.close {
		background: transparent;
		display: block;
		left: 0;
	}
	.notification a.close:hover {
		opacity: 0.5;
	}
	.notification a.close .icon {
		display: none;
	}
}
/*=== GENERAL */
/*============*/
html, body {
	background: #f5f0ec;
	color: #161a38;
	font-family: "lato", "Helvetica", "Arial", sans-serif;
	font-size: 0.875rem;
}

body.formLogin,
body.register {
	background: #fbf9f6;
}

/*=== Links */
a, button.as-link {
	outline: none;
	color: #ca7227;
}

/*# sourceMappingURL=ansum.css.map */

ansum.css.map

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/ansum.css.map'

View Content

{"version":3,"sourceRoot":"","sources":["_fonts.scss","_mixins.scss","_forms.scss","_variables.scss","_tables.scss","_components.scss","_divers.scss","_sidebar.scss","_layout.scss","_list-view.scss","_global-view.scss","_reader-view.scss","_configuration.scss","_logs.scss","_stats.scss","_mobile.scss","ansum.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AC5DD;AAEA;ACCA;AACA;EACC;EACA;EACA,YCac;EDZd;EACA,OCMW;EDLX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDXA;;ACeA;EACC,YCvBW;EDwBX,OCdM;;ADiBN;EAEC,YC5Bc;;ADiChB;EACC,YCRS;EDST;;AAEA;EAEC,YCXU;;ADeZ;EACC;;;AAIF;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA,OCxDW;;;AD2DZ;EACC;EACA;EACA;;;AAGD;EACC;EACA,YCxEO;EDyEP,OCpEW;EDqEX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC,OC1FiB;ED2FjB,cCnGY;;;ADsGb;EACC,OC5EU;ED6EV,cC7EU;ED8EV;;;AAGD;EACC,YC1FY;;;AD6Fb;EACC;;;AAID;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAUD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAID;EACC;;;AE1JF;AACA;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC,YDQc;;;ACLf;AAAA;EAEC;EACA;;;ACbD;AACA;AACA;AAGA;AACA;EACC;EACA;;AAEA;EACC;;AAEA;EACC;;;AAMH;AACA;EACC;EACA;EACA,YFTc;EEUd;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EAEC;EACA;EACA;EACA,OF/BU;EEgCV;EACA;;AAKD;EJ9CA;;AIkDC;EACC;EACA,OFnDe;EEoDf;EACA;;AAGD;EACC,YFjEU;EEkEV,OFxDK;;AE0D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","file":"ansum.css"}

ansum.rtl.css

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/ansum.rtl.css'

View Content

@font-face {
	font-family: "lato";
	font-style: normal;
	font-stretch: normal;
	font-weight: 400;
	src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff");
}
@font-face {
	font-family: "lato";
	font-style: italic;
	font-stretch: normal;
	font-weight: 400;
	src: local("Lato"), url("../fonts/LatoLatin-Italic.woff") format("woff");
}
@font-face {
	font-family: "lato";
	font-style: normal;
	font-stretch: normal;
	font-weight: 700;
	src: local("Lato"), url("../fonts/LatoLatin-Bold.woff") format("woff");
}
@font-face {
	font-family: "lato";
	font-style: italic;
	font-stretch: normal;
	font-weight: 700;
	src: local("Lato"), url("../fonts/LatoLatin-BoldItalic.woff") format("woff");
}
@font-face {
	font-family: "spectral";
	font-style: normal;
	font-stretch: normal;
	font-weight: 400;
	src: local("Spectral"), url("../fonts/Spectral-Regular.woff") format("woff");
}
@font-face {
	font-family: "spectral";
	font-style: italic;
	font-stretch: normal;
	font-weight: 400;
	src: local("Spectral"), url("../fonts/Spectral-Italic.woff") format("woff");
}
@font-face {
	font-family: "spectral";
	font-style: normal;
	font-stretch: normal;
	font-weight: 700;
	src: local("Spectral"), url("../fonts/Spectral-Bold.woff") format("woff");
}
@font-face {
	font-family: "spectral";
	font-style: italic;
	font-stretch: normal;
	font-weight: 700;
	src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff");
}
/* stylelint-disable property-no-vendor-prefix */
/* FUNCTIONS */
/* btns */
.btn {
	margin: 0;
	padding: 0.5rem 1.5rem;
	background: #fcfaf8;
	color: #766556;
	font-size: 1rem;
	border: none;
	border-radius: 5px;
	min-height: 25px;
	min-width: 15px;
	line-height: 25px;
	vertical-align: middle;
	transition: all 0.15s ease-in-out;
}
.btn.btn-important {
	background: #ca7227;
	color: #fff;
}
.btn.btn-important:hover, .btn.btn-important:active {
	background: #b7641d;
}
.btn.btn-important img {
	filter: brightness(3);
}
.btn.btn-attention {
	background: #f5633e;
	color: #fff;
}
.btn.btn-attention:hover, .btn.btn-attention:active {
	background: #73341f;
}
.btn:hover {
	text-decoration: none;
}

/*=== Forms */
legend {
	margin: 2rem 0 1rem 0;
	padding: 0;
	display: inline-block;
	width: auto;
	font-size: 1rem;
	clear: both;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

label {
	min-height: 25px;
	padding: 5px 0;
	cursor: pointer;
	color: #766556;
}

textarea {
	max-width: 100%;
	width: 360px;
	height: 100px;
}

input, select, textarea, button {
	padding: 5px 10px;
	background: #fff;
	color: #766556;
	font-family: "lato", "Helvetica", "Arial", sans-serif;
	font-size: 1rem;
	border: 1px solid #f5f0ec;
	border-radius: 2px;
	min-height: 25px;
	line-height: 25px;
	vertical-align: middle;
}

select {
	padding-top: 9px;
	padding-bottom: 9px;
}

option {
	padding: 0 0.5em;
}

input:focus, select:focus, textarea:focus {
	color: #363330;
	border-color: #ca7227;
}

input:invalid, select:invalid {
	color: #f5633e;
	border-color: #f5633e;
	box-shadow: none;
}

input:disabled, select:disabled {
	color: #ba9;
	border-color: #ba9;
}

.form-group {
	padding: 5px;
	border-radius: 3px;
}
.form-group::after {
	display: block;
	clear: both;
}
.form-group .group-name {
	padding: 10px 0;
}
.form-group .group-controls {
	min-height: 25px;
	padding: 5px 0;
}
.form-group .group-controls .control {
	line-height: 2em;
}
.form-group.form-actions {
	margin: 15px 0 25px;
	padding: 5px 0;
}
.form-group.form-actions .btn {
	margin: 0 0 0 0.5rem;
}

/*=== Tables */
table {
	border-collapse: collapse;
}

th, td {
	border: 1px solid #e4d8cc;
}

th {
	background: #fcfaf8;
}

.config-articleicons td,
.config-articleicons th {
	font-weight: normal;
	text-align: center;
}

/*=== COMPONENTS */
/*===============*/
/*=== Forms */
/*=== Horizontal-list */
.horizontal-list {
	padding: 0.1rem 0;
}
.horizontal-list .item:first-child {
	padding-right: 0.5rem;
}

/*=== Dropdown */
.dropdown .dropdown-target:target + .btn {
	background-color: #e4d8cc;
}

.dropdown-menu {
	margin: 9px 0 0 0;
	padding: 0.5rem 0 1rem 0;
	background: #fcfaf8;
	font-size: 1rem;
	border: none;
	border-radius: 3px;
	box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
	text-align: right;
}
.dropdown-menu::after {
	border: none;
	left: 17px;
}
.dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-section .dropdown-section-title {
	padding: 1rem 1.5rem;
	font-weight: bold;
	text-align: right;
	color: #766556;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.dropdown-menu .item {
	transition: all 0.075s ease-in-out;
}
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
	padding: 0 2rem;
	color: #363330;
	font-size: inherit;
	line-height: 2.5em;
}
.dropdown-menu .item > a span.icon,
.dropdown-menu .item > span span.icon,
.dropdown-menu .item > .as-link span.icon {
	padding: 0 0.25rem !important;
}
.dropdown-menu .item > a:not(.addItem):hover,
.dropdown-menu .item > .as-link:not(.addItem):hover {
	background: #ca7227;
	color: #fff;
}
.dropdown-menu .item > a:not(.addItem):hover .icon,
.dropdown-menu .item > .as-link:not(.addItem):hover .icon {
	filter: grayscale(100%) brightness(2.5);
}
.dropdown-menu .item.dropdown-section {
	margin-top: 0.75rem;
}
.dropdown-menu .item.dropdown-section ~ .dropdown-section {
	border-top-color: #f5f0ec;
}
.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
	padding-right: 2rem;
}
.dropdown-menu .item:not(.addItem) > a:hover,
.dropdown-menu .item:not(.addItem) button:hover {
	background: #ca7227;
	color: #fff;
}
.dropdown-menu .item:not(.addItem) > a:hover .icon,
.dropdown-menu .item:not(.addItem) button:hover .icon {
	filter: brightness(3);
}
.dropdown-menu .item[aria-checked=true] a::before {
	margin: 0 -14px 0 0;
	font-weight: bold;
}
.dropdown-menu .item ~ .dropdown-header {
	margin-top: 0.75rem;
	padding-top: 1.75rem;
	border-top-color: #f5f0ec;
}
.dropdown-menu .item.separator {
	margin-top: 0.75rem;
	border-top-color: #f5f0ec;
}
.dropdown-menu .input select, .dropdown-menu .input input {
	margin: 0 auto 5px;
	padding: 2px 5px;
	border-radius: 3px;
}

.tree .tree-folder .tree-folder-items .dropdown-menu .item {
	padding: 0;
}
.tree .tree-folder .tree-folder-items .dropdown-menu .item a,
.tree .tree-folder .tree-folder-items .dropdown-menu .item button {
	color: #363330;
}
.tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover,
.tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover {
	color: #fff;
}
.tree .tree-folder .tree-folder-items .dropdown-menu .item:hover {
	background: #ca7227;
}

/*=== Alerts */
.alert {
	background: #fcfaf8;
	color: #766556;
	font-size: 1rem;
	border: 1px solid #d9ccbf;
	border-radius: 3px;
	text-shadow: 0 0 1px #f5f0ec;
}

.alert-head {
	font-size: 1.15em;
}

.alert > a {
	text-decoration: underline;
	color: inherit;
}

.alert-warn {
	background: #fdfde0;
	color: #73762f;
	border: 1px solid #73762f33;
}

.alert-success {
	background: #cffdef;
	color: #0c7556;
	border: 1px solid #0c755633;
}

.alert-error {
	background: #fde0d8;
	color: #73341f;
	border: 1px solid #73341f33;
}

/*=== Pagination */
.pagination {
	background: #f5f0ec;
	color: #363330;
}
.pagination .item a {
	color: #363330;
}

#load_more.loading,
#load_more.loading:hover {
	background: url("loader.gif") center center no-repeat #34495e;
}

/*=== Boxes */
.box {
	background: #fff;
	border: none;
	border-radius: 3px;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}
.box .box-title {
	margin: 0;
	padding: 0.5rem 0.75rem;
	background: #f5f0ec;
	color: #363330;
	border-radius: 2px 2px 0 0;
}
.box .box-content {
	padding-right: 30px;
}
.box .box-content .item {
	padding: 0.5rem 0;
	color: #363330;
	font-size: 1rem;
	border-bottom: 1px solid #f5f0ec;
	line-height: 1.7em;
}
.box .box-content .item:last-child {
	border-bottom: none;
}
.box .configure {
	margin-left: 0.5rem;
	padding: 0.25rem;
	border-radius: 3px;
}
.box .configure .icon {
	vertical-align: middle;
}
.box .configure:hover {
	border-radius: 2px;
	background-color: #ca7227;
}
.box .configure:hover .icon {
	filter: brightness(3);
}

/*=== "Load more" part */
#bigMarkAsRead {
	text-align: center;
	text-decoration: none;
	background: #fdf6ef;
	color: #ca7227;
	transition: all 0.15s ease-in-out;
}
#bigMarkAsRead:hover {
	background: #ca7227;
	color: #fff;
}
#bigMarkAsRead:hover .bigTick {
	filter: brightness(7);
}
#bigMarkAsRead .bigTick {
	margin: 0.5rem 0;
	background: url(icons/tick-color.svg) center no-repeat;
	display: inline-block;
	width: 64px;
	height: 64px;
	text-indent: -9999px;
	white-space: nowrap;
}

/*=== DIVERS */
/*===========*/
.aside.aside_feed .nav-form input,
.aside.aside_feed .nav-form select {
	width: 140px;
}

.aside.aside_feed .nav-form .dropdown .dropdown-menu {
	left: -20px;
}

.aside.aside_feed .nav-form .dropdown .dropdown-menu::after {
	left: 33px;
}

/*=== Tree */
.tree {
	margin: 10px 0;
}
.tree#sidebar {
	scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05);
	scrollbar-color: #36333033 #36333022;
}
.tree .tree-folder {
	border-bottom: 1px solid #f0e7da;
	box-shadow: inset 1px -11px 8px rgba(0, 0, 0, 0.2);
}
.tree .tree-folder .tree-folder-title {
	padding: 0.75rem 1rem;
	background: #fbf9f6;
	position: relative;
	font-size: 0.85rem;
	letter-spacing: 1px;
	font-weight: 700;
	text-transform: uppercase;
}
.tree .tree-folder .tree-folder-title button.dropdown-toggle {
	margin: -0.75rem -1rem -0.75rem 0.25rem;
	padding: 0.75rem 1rem 0.75rem 0;
}
.tree .tree-folder .tree-folder-title button.dropdown-toggle:hover .icon {
	filter: brightness(1.7) !important;
	transition: 0.1s linear;
}
.tree .tree-folder .tree-folder-title .icon {
	margin-left: 0.5rem;
}
.tree .tree-folder .tree-folder-title .title {
	background: inherit;
	color: #363330;
}
.tree .tree-folder .tree-folder-title .title:hover {
	text-decoration: none;
}
.tree .tree-folder.active .tree-folder-title {
	background: #fbf9f6;
	font-weight: bold;
}
.tree .tree-folder .tree-folder-items {
	background: #f7f2ea;
}
.tree .tree-folder .tree-folder-items .item {
	font-size: 1rem;
	font-weight: 400;
	transition: all 0.15s ease-in-out;
}
.tree .tree-folder .tree-folder-items .item.active {
	background: #ca7227;
}
.tree .tree-folder .tree-folder-items .item.active .dropdown li a {
	color: #363330;
}
.tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover {
	color: #363330;
}
.tree .tree-folder .tree-folder-items .item.active a {
	color: #ffffff;
}
.tree .tree-folder .tree-folder-items .item:hover {
	background: #efe3d3;
}
.tree .tree-folder .tree-folder-items .item a {
	text-decoration: none;
	color: #363330;
}
.tree .tree-folder .tree-folder-items .item a.dropdown-toggle .icon {
	margin-left: 0.25rem;
}

/*=== Buttons */
.stick input, .stick .btn,
.group input,
.group .btn {
	border-radius: 0;
}
.stick .btn:first-child,
.group .btn:first-child {
	border-radius: 0 5px 5px 0;
}
.stick .btn:last-child, .stick input:last-child, .stick .dropdown:last-child > .btn,
.group .btn:last-child,
.group input:last-child,
.group .dropdown:last-child > .btn {
	border-radius: 5px 0 0 5px;
}
.stick .btn + .btn,
.stick .btn + input,
.stick .btn + .dropdown > .btn,
.stick input + .btn,
.stick input + input,
.stick input + .dropdown > .btn,
.stick .dropdown + .btn,
.stick .dropdown + input,
.stick .dropdown + .dropdown > .btn,
.group .btn + .btn,
.group .btn + input,
.group .btn + .dropdown > .btn,
.group input + .btn,
.group input + input,
.group input + .dropdown > .btn,
.group .dropdown + .btn,
.group .dropdown + input,
.group .dropdown + .dropdown > .btn {
	border-right: 1px solid #e4d8cc;
}

.aside {
	background: #fbf9f6;
}
.aside.aside_feed {
	padding: 10px 0;
	text-align: center;
	background: #fbf9f6;
	border-left: 1px solid #f0e7da;
}
.aside.aside_feed .tree-folder-title:hover button.dropdown-toggle .icon {
	filter: none;
}
.aside.aside_feed .tree {
	margin: 10px 0 50px;
}
.aside a:hover .icon {
	filter: brightness(1.7);
	transition: 0.1s linear;
}

/* Sidebar des pages de configuration */
/*=== Navigation */
.nav-list {
	font-size: 1rem;
}
.nav-list .item.nav-header,
.nav-list .item {
	min-height: 2.5em;
	line-height: 2.5em;
}
.nav-list .item {
	background: #fbf9f6;
	min-height: 2.5em;
	line-height: 2.5em;
}
.nav-list .item.nav-header {
	min-height: 2.5em;
	line-height: 2.5em;
}
.nav-list .item a {
	padding: 0 1rem;
	color: #363330;
	transition: all 0.15s ease-in-out;
}
.nav-list .item a:hover {
	background: #efe3d3;
	text-decoration: none;
}
.nav-list .item.active {
	background: #ca7227;
	color: #fff;
}
.nav-list .item.active a {
	background: #ca7227;
	color: #fff;
	text-decoration: none;
}
.nav-list .nav-header {
	padding: 0 1rem;
	font-weight: bold;
	color: #766556;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.nav-list .nav-form {
	padding: 3px;
	text-align: center;
}

/*=== Aside main page (categories) */
.aside_feed .tree-folder-title > .title:not([data-unread="0"]) {
	width: calc(100% - 35px - 35px);
}

.aside.aside_feed .category .title:not([data-unread="0"])::after {
	margin: 0.75rem 0 0 0;
	background-color: rgba(35, 35, 0, 0.15);
}

.aside.aside_feed .feed .item-title:not([data-unread="0"])::after {
	margin: 0.5em 0 0 0;
	background-color: rgba(35, 35, 0, 0.15);
}

.feed.item.empty.active {
	background: #766556;
}

.feed.item.error.active {
	background: #766556;
}

.feed.item.empty,
.feed.item.empty > a {
	color: #766556;
}

.feed.item.error,
.feed.item.error > a {
	color: #766556;
}

.feed.item.empty.active,
.feed.item.error.active,
.feed.item.empty.active > a,
.feed.item.error.active > a {
	color: #fff;
}

.aside_feed .tree-folder-items .dropdown-menu::after {
	right: 2px;
}

.aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon,
.aside_feed .tree-folder-items .item:hover .dropdown-toggle > .icon,
.aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon {
	border-radius: 3px;
}

.aside_feed .stick #btn-add {
	border-right-color: #fbf9f6;
}

/*=== STRUCTURE */
/*===============*/
/*=== Header */
.header {
	background: #fbf9f6;
}
.header .item {
	vertical-align: middle;
}
.header .item.title a {
	padding: 0.5rem 1rem;
}
.header .item.title a .logo {
	filter: invert(80%);
}
.header .item.title a:hover .logo {
	filter: invert(80%) opacity(80%);
}
.header .item.search input {
	width: 350px;
	color: #363330;
	border: none;
	border-radius: 0 2px 2px 0;
	background-color: #f7f2ea;
	transition: all 0.15s ease-in-out;
}
.header .item.search input:hover {
	background-color: #efe3d3;
}
.header .item.search input:focus {
	color: #766556;
	background-color: #fff;
}
.header .item.search input:focus ~ .btn,
.header .item.search input:hover ~ .btn {
	background-color: #ca7227;
}
.header .item.search input:focus ~ .btn .icon,
.header .item.search input:hover ~ .btn .icon {
	filter: brightness(3);
}
.header .item.search .btn {
	width: 3rem;
	border-radius: 2px 0 0 2px;
	background-color: #f7f2ea;
	border-right-width: 0;
	min-height: 35px;
}
.header .item.search .btn .icon {
	filter: invert(49%) sepia(13%) saturate(2426%) hue-rotate(346deg) brightness(99%) contrast(95%);
}
.header .item.search .btn:hover {
	background-color: #b7641d;
}
.header .item.search .btn:hover .icon {
	filter: brightness(3);
}
.header .item.configure {
	text-align: center;
}
.header .item.configure .btn {
	padding: 0.25rem 1rem;
	background-color: transparent;
}

/*=== Body */
#global {
	height: calc(100vh - (3rem + 2 * var(--frss-padding-top-bottom)));
}

/*=== Prompt (centered) */
main.prompt {
	background: #f5f0ec;
	border-radius: 5px;
}

/*=== New article notification */
#new-article {
	background: #ca7227;
	font-size: 1rem;
	text-align: center;
}

#new-article > a {
	padding: calc(0.75rem + var(--frss-padding-top-bottom)) 1rem;
	font-weight: bold;
	color: #fff;
}

#new-article > a:hover {
	text-decoration: none;
	background: #b7641d;
}

/*=== Day indication */
.day {
	padding: 1rem 1.25rem 0 0;
	color: #6d655f;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 3em;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.day .name {
	padding: 0 1rem 0 1rem;
	color: #363330;
	font-size: 0.875rem;
	position: relative;
	right: 0;
	text-transform: uppercase;
}

.btn {
	border-right-width: 0;
	padding: 0.5rem 1rem;
	background-color: #f5f0ec;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.15s ease-in-out;
}
.btn:hover {
	background-color: #e4d8cc;
}
.btn.active {
	background-color: #ca7227;
}

/*=== Index menu */
.nav_menu {
	text-align: center;
	padding: 5px 0;
}
.nav_menu .btn {
	border-right-width: 0;
	padding: 0.5rem 1rem;
	background-color: #fcfaf8;
	background-position: center;
	background-repeat: no-repeat;
}
.nav_menu .btn:hover {
	background-color: #e4d8cc;
}
.nav_menu .stick .btn,
.nav_menu .group .btn {
	border-right-width: 0;
	padding: 0.5rem 1rem;
	background-color: #fcfaf8;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.15s ease-in-out;
}
.nav_menu .stick .btn:hover,
.nav_menu .group .btn:hover {
	background-color: #e4d8cc;
}
.nav_menu .stick .btn.active,
.nav_menu .group .btn.active {
	background-color: #ca7227;
}
.nav_menu .stick .btn.active .icon,
.nav_menu .group .btn.active .icon {
	filter: brightness(5);
}
.nav_menu .stick .btn.read_all,
.nav_menu .group .btn.read_all {
	padding: 5px 16px;
	color: #363330;
	background-color: #fcfaf8;
	transition: all 0.15s ease-in-out;
}
.nav_menu .stick .btn.read_all:hover,
.nav_menu .group .btn.read_all:hover {
	background-color: #e4d8cc;
}
.nav_menu .stick .dropdown:not(#dropdown-search-wrapper) a.dropdown-toggle,
.nav_menu .group .dropdown:not(#dropdown-search-wrapper) a.dropdown-toggle {
	border-right-width: 0;
	background-image: url(icons/more.svg);
}
.nav_menu .stick .dropdown:not(#dropdown-search-wrapper) a.dropdown-toggle .icon,
.nav_menu .group .dropdown:not(#dropdown-search-wrapper) a.dropdown-toggle .icon {
	display: none;
}
.nav_menu .stick #dropdown-search-wrapper.dropdown a.dropdown-toggle,
.nav_menu .group #dropdown-search-wrapper.dropdown a.dropdown-toggle {
	border-right-width: 0;
}

#dropdown-query ~ .dropdown-menu .dropdown-header .icon {
	vertical-align: middle;
	border-radius: 3px;
}

/*=== Content of feed articles */
.content, .content.thin {
	padding: 20px 10px;
	font-size: 1.125rem;
	line-height: 1.8rem;
}
.content h1.title a, .content h1 a, .content.thin h1.title a, .content.thin h1 a {
	color: #363330;
	font-family: "spectral", serif;
	font-size: 2rem;
}
.content h1.title a:hover, .content h1 a:hover, .content.thin h1.title a:hover, .content.thin h1 a:hover {
	color: #ca7227;
	text-decoration: none;
}
.content .author, .content.thin .author {
	color: #6d655f;
	font-size: 1.125rem;
}
.content p, .content ul, .content.thin p, .content.thin ul {
	font-size: 1.125rem;
	line-height: 1.8rem;
}
.content .content hr, .content.thin .content hr {
	margin: 30px 10px;
	background: #e4d8cc;
	height: 1px;
	border: 0;
	box-shadow: 0 2px 5px #ccc;
}
.content pre, .content.thin pre {
	margin: 10px auto;
	padding: 10px 20px;
	overflow: auto;
	background: #221f1d;
	color: #fff;
	font-size: 0.9rem;
	border-radius: 3px;
}
.content pre code, .content.thin pre code {
	background: transparent;
	color: #fff;
	border: none;
}
.content code, .content.thin code {
	padding: 2px 5px;
	background: #fcfaf8;
	border: 1px solid #f5f0ec;
	border-radius: 3px;
}
.content blockquote, .content.thin blockquote {
	margin: 0;
	padding: 5px 20px;
	background: #fcfaf8;
	display: block;
	color: #363330;
	border-top: 1px solid #e4d8cc;
	border-bottom: 1px solid #e4d8cc;
}
.content blockquote p, .content.thin blockquote p {
	margin: 0;
}

/*=== Notification and actualize notification */
.notification {
	padding: 1rem 0;
	background: #e4d8cc;
	width: 100%;
	height: 3rem;
	color: #766556;
	font-size: 1em;
	border: none;
	position: fixed;
	top: auto;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
}
.notification a {
	color: #000;
}
.notification .msg {
	display: inline-block;
	font-size: 1rem;
}
.notification.good {
	background: #10f5b2;
	color: #fff;
}
.notification.bad {
	background: #f5633e;
	color: #fff;
}
.notification a.close {
	border-radius: 3px 0 0 3px;
}
.notification.good a.close:hover {
	background: #0c7556;
}
.notification.bad a.close:hover {
	background: #73341f;
}
.notification#actualizeProgress br {
	display: none;
}
.notification#actualizeProgress .title {
	margin: 0 2rem;
}

/*=== Navigation menu (for articles) */
#nav_entries {
	background: #fbf9f6;
}

/*=== Feed articles */
.flux {
	background: #fff;
	transition: all 0.15s ease-in-out;
}
.flux .flux_header:hover {
	background: #fcfaf8;
}
.flux .flux_header:hover:not(.current):hover .item .title {
	background: #fcfaf8;
}
.flux.current {
	background: #fff;
	border-right-color: #ca7227;
}
.flux.current:not(.active) {
	background: #fcfaf8;
}
.flux.not_read:not(.current) {
	background: #f2f6f8;
}
.flux.not_read:not(.current):hover .item .title {
	background: #f2f6f8;
}
.flux.not_read .item .title a {
	color: #161a38;
}
.flux.not_read .item.website a {
	color: #161a38;
}
.flux.not_read .item .date {
	color: rgba(22, 26, 56, 0.5);
}
.flux.favorite {
	border-right-color: #ffc300;
	transition: all 0.15s ease-in-out;
}
.flux.favorite:not(.current) {
	background: #fff6da;
}
.flux.favorite:not(.current):hover .item .title {
	background: #fff6da;
}
.flux .website a {
	color: #363330;
	opacity: 0.75;
}
.flux .flux_header .date,
.flux .flux_content .bottom .date {
	color: rgba(54, 51, 48, 0.5);
	font-size: 0.85rem;
}
.flux .bottom {
	font-size: 1rem;
	text-align: center;
}

.flux_header {
	font-size: 1rem;
	cursor: pointer;
	border-top: 1px solid #f5f0ec;
}
.flux_header .title {
	font-size: 1rem;
}

/*=== GLOBAL VIEW */
/*================*/
#stream .box.category:not([data-unread="0"]) .box-title .title {
	font-weight: bold;
}
#stream .box.category .box-title {
	padding: 1.5rem;
	background: none;
}
#stream .box.category .box-title a.title {
	color: #766556;
	font-size: 1rem;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#stream .box.category .box-title a.title:not([data-unread="0"])::after {
	margin: -0.5rem 0 0 1rem;
	padding: 0 0.75rem;
	background: #f5f0ec;
	border-radius: 12px;
	position: absolute;
	top: 1.75rem;
	left: 0;
	line-height: 1.5rem;
	text-align: center;
}
#stream .box.category .box-title a.title:hover {
	color: #ca7227;
}
#stream .box.category .box-content .item.feed a {
	color: #363330;
	font-weight: 400;
}
#stream .box.category .box-content .item.feed a:hover {
	color: #ca7227;
	text-decoration: none;
}

#overlay {
	background: rgba(0, 0, 0, 0.65);
}

#panel {
	top: 3rem;
	left: 3rem;
	bottom: 3rem;
	right: 3rem;
	border-radius: 3px;
}

/*=== READER VIEW */
/*================*/
#stream.reader .flux {
	background: #f5f0ec;
	color: #363330;
	border: none;
}
#stream.reader .flux .content {
	background-color: #fff;
	border: none;
}
#stream.reader .flux .content .author {
	color: #ba9;
}

/*=== Configuration pages */
.post {
	font-size: 1rem;
}
.post h1, .post h2 {
	color: #363330;
	font-size: 2rem;
	margin-top: 1.75rem;
	font-weight: 300;
	line-height: 1.2em;
}
.post h2 {
	font-size: 1.5rem;
}
.post a[href="./"] {
	margin: 0;
	padding: 0.75rem 1.5rem;
	background: #fcfaf8;
	display: inline-block;
	color: #766556;
	font-size: 1rem;
	border: 1px solid #e4d8cc;
	border-radius: 5px;
	min-width: 15px;
	line-height: 25px;
	vertical-align: middle;
	cursor: pointer;
	overflow: hidden;
}
.post a[href="./"]:hover {
	background: #ca7227;
	color: white;
	border: 1px solid #ca7227;
	text-decoration: none;
}

#slider {
	border-right: none;
	box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
}

.theme-preview-list .preview-container .properties {
	padding: 1rem;
	background: rgba(0, 0, 0, 0.75);
	color: white;
	border: 0;
}
.theme-preview-list .preview-container .properties .page-number {
	left: 1rem;
	top: 1rem;
}

/*=== LOGS */
/*=========*/
.log-item.log-error {
	background-color: rgba(202, 114, 39, 0.2);
}

/*=== STATISTICS */
/*===============*/
.stat {
	margin: 10px 0 20px;
}

.stat th,
.stat td,
.stat tr {
	border: none;
}

.stat > table td,
.stat > table th {
	border-bottom: 1px solid #e4d8cc;
}

/*=== MOBILE */
/*===========*/
@media (max-width: 840px) {
	.aside {
		transition: all 0.2s ease-in-out;
	}
	.aside.aside_feed {
		padding: 0;
	}
	.aside .tree .tree-folder .tree-folder-items .item a {
		padding: 0.5rem 1rem;
	}
	.aside .toggle_aside,
#overlay .close,
.dropdown-menu .toggle_aside,
#slider .toggle_aside {
		background-color: #ca7227;
	}
	.aside .toggle_aside:hover,
#overlay .close:hover,
.dropdown-menu .toggle_aside:hover,
#slider .toggle_aside:hover {
		background-color: #b7641d;
	}
	.aside .toggle_aside .icon,
#overlay .close .icon,
.dropdown-menu .toggle_aside .icon,
#slider .toggle_aside .icon {
		filter: grayscale(100%) brightness(2.5);
	}
	.header .item.search {
		display: none;
	}
	.header .item.configure {
		position: absolute;
		top: 0;
		left: 0;
	}
	#global {
		height: calc(100% - 8rem);
	}
	#panel {
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	.post {
		padding-right: 1rem;
		padding-left: 1rem;
	}
	.nav_menu .btn {
		margin: 0;
		padding: 0.85rem 1.25rem;
	}
	.nav_menu .stick,
.nav_menu .group {
		margin: 0.5rem 0.5rem;
	}
	.nav_menu .stick .btn,
.nav_menu .group .btn {
		margin: 0;
		padding: 0.85rem 1.25rem;
	}
	.nav_menu .stick .btn.read_all,
.nav_menu .group .btn.read_all {
		padding: 0.85rem 1.25rem;
	}
	.nav_menu .search .input {
		max-width: 97%;
		width: 90px;
	}
	.nav_menu .search .input:focus {
		width: 400px;
	}
	#stream .flux .flux_header {
		padding: 0.5rem 0;
	}
	.dropdown-target:target ~ .dropdown-toggle::after {
		background-color: #fcfaf8;
		border-top: 1px solid #f5f0ec;
		border-right: 1px solid #f5f0ec;
		left: 21px;
		bottom: -14px;
	}
	.dropdown-target:target ~ a.dropdown-toggle:not(.btn) ~ .dropdown-menu {
		margin-top: 0;
	}
	.dropdown-target:target ~ a.dropdown-toggle:not(.btn)::after {
		bottom: -17px;
	}
	.day {
		text-align: center;
		padding: 1rem 0;
	}
	.day .name {
		padding: 0;
		display: block;
		width: 100%;
		line-height: 1.5rem;
		margin-bottom: 1rem;
	}
	#nav_entries button {
		height: 4.5rem;
	}
	.notification {
		border-radius: 0;
	}
	.notification a.close {
		background: transparent;
		display: block;
		right: 0;
	}
	.notification a.close:hover {
		opacity: 0.5;
	}
	.notification a.close .icon {
		display: none;
	}
}
/*=== GENERAL */
/*============*/
html, body {
	background: #f5f0ec;
	color: #161a38;
	font-family: "lato", "Helvetica", "Arial", sans-serif;
	font-size: 0.875rem;
}

body.formLogin,
body.register {
	background: #fbf9f6;
}

/*=== Links */
a, button.as-link {
	outline: none;
	color: #ca7227;
}

ansum.scss

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/ansum.scss'

View Content

@use "fonts";

@use "mixins";

@use "variables";

@use "forms";

@use "tables";

@use "components";

@use "divers";

@use "sidebar";

@use "layout";

@use "list-view";

@use "global-view";

@use "reader-view";

@use "configuration";

@use "logs";

@use "stats";

@use "mobile";

@charset "UTF-8";

/*=== GENERAL */
/*============*/
html, body {
	background: variables.$grey-light;
	color: variables.$unread-font-color;
	font-family: "lato", "Helvetica", "Arial", sans-serif;
	font-size: 0.875rem;
}

body.formLogin,
body.register {
	background: variables.$sid-bg;
}

/*=== Links */
a, button.as-link {
	outline: none;
	color: variables.$main-first;
}

loader.gif

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/loader.gif'

View Content

metadata.json

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/metadata.json'

View Content

{
  "name": "Ansum",
  "author": "Thomas Guesnon",
  "description": "Thème sablonneux",
  "version": 0.1,
  "files": ["_frss.css", "ansum.css"],
  "theme-color": "#fbf9f6"
}

sass.sh

wget 'https://lists2.roe3.org/FreshRSS/p/themes/Ansum/sass.sh'

View Content

#!/bin/sh
sass --watch ansum.scss:ansum.css

Admin Login

Create New File

Edit File:

Confirm Deletion