PHPIndex

_components.scss

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

View Content

@use "sass:string";

@use "mixins";

@use "variables";

/*=== COMPONENTS */
/*===============*/
/*=== Forms */
// see _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: 18px;
	}

	.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: brightness(3);
				}
			}
		}

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

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

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

		&[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'); // add opacity at the end
}

.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: none;
	border-radius: 3px;

	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);

	.box-title {
		margin: 0;
		padding: 5px 10px;
		background: variables.$grey-light;
		color: variables.$main-font-color;
		border-radius: 2px 2px 0 0;

		.configure {
			padding: 5px;
		}

		&:hover {
			.configure {
				.icon {
					vertical-align: middle;
				}

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

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


		form {
			input {
				width: 85%;
			}

			.dropdown {
				float: right;

				a.dropdown-toggle {
					padding: 0;
					border-radius: 0;
					background-image: url(icons/more.svg);
					background-repeat: no-repeat;
					background-position: right 8px;

					img {
						display: none;
					}
				}
			}
		}
	}

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

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

			.configure {
				padding: 5px;

				.icon {
					vertical-align: middle;
				}

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

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

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

/*=== "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(5);
		}
	}

	.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://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/_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://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/_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://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/_fonts.scss'

View Content

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

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

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

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

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

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

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

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

_forms.scss

wget 'https://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/_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 {
	background: variables.$grey-light;
}

.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://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/_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://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/_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: grayscale(100%) brightness(3);
				}

				&:hover {
					.logo {
						filter: grayscale(100%) brightness(2.2);
					}
				}
			}
		}

		&.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;

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

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

		&.configure {
			text-align: center;

			.btn .icon,
			> .icon {
				filter: brightness(3)
			}

			.signin {
				color: white;
			}

			.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;

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

/*=== 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;
			}

			// actions
			&#toggle-read.active {
				.icon {
					filter: brightness(3.5);
				}
			}

			&#toggle-unread.active {
				.icon {
					filter: brightness(3.5) grayscale(1);
				}
			}

			// read all
			&.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;
			}
		}
	}
}

/*=== 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.$code-bg;
		color: variables.$code-text;
		font-size: 1rem;
		// border: 1px solid variables.$alert-light;
		border-radius: 3px;
	}


	blockquote {
		margin: 0;
		padding: 0.5rem 1.5rem;
		background: variables.$grey-lighter;
		display: block;
		color: variables.$light-font-color;
		border-left: 4px 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;
	line-height: 3em;
	vertical-align: middle;

	.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://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/_list-view.scss'

View Content

@use "sass:color";

@use "mixins";

@use "variables";

/*=== Feed articles */
.flux {
	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.$grey-lighter;
		border-left-color: variables.$main-first;
	}

	&.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://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/_logs.scss'

View Content

@use "variables";

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

_mixins.scss

wget 'https://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/_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://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/_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;
	}

	main.prompt {
		max-width: 100%;
		min-width: auto;
		width: 75%;
	}

	.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://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/_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://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/_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;

		.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(2) !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;

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

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

	a:hover {
		.icon {
			filter: brightness(2);
			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;
		color: variables.$white;
		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://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/_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://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/_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://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/_variables.scss'

View Content

// The main color of the theme
$main-first: #36c; // main color
$main-first-alt: #25c; // var for hovers
$main-first-light: #effcfd; // var light 1
$main-first-lighter: #f7fdfe; // var light 2
$main-first-dark: #35363c; // var for hovers
$main-first-darker: #1d1e22; // var for hovers

// linked font colors
$main-font-color: #303136;
$light-font-color: #5b6871;
$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: #3b3f4d;
$grey-dark: #5b6871;
$grey-medium-dark: #a6a7ae;
$grey-medium: #c5ced3;
$grey-medium-light: #d5d8db;
$grey-light: #eff0f2;
$grey-lighter: #f9fafb;

$unread-font-color: $main-first;
$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

$code-text: #e41212;
$code-bg: #fde3e3;

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

$success-bg: #10f587;
$success-light: #cffde7;
$success-text: #0c7540;

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

// the sidebar color, useful if you want a theme that would have a dark sidebar, e.g.
// stylelint-disable-next-line color-hex-length
$sid-font-color: #ffffff; // the background color of the left bar and the header
$sid-bg: #303136; // the general background of the left bar, and of the header
$sid-bg-alt: #26272a; // background inside groups
$sid-bg-dark: #17181a; // the hover
$sid-sep: #3f3f3f; // 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(0,0,0, 0.25); // capsules

loader.gif

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

View Content

mapco.css

wget 'https://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/mapco.css'

View Content

@font-face {
	font-family: "lato";
	font-style: normal;
	font-stretch: normal;
	font-weight: 400;
	src: url("../fonts/LatoLatin-Regular.woff") format("woff");
}
@font-face {
	font-family: "lato";
	font-style: italic;
	font-stretch: normal;
	font-weight: 400;
	src: url("../fonts/LatoLatin-Italic.woff") format("woff");
}
@font-face {
	font-family: "lato";
	font-style: normal;
	font-stretch: normal;
	font-weight: 700;
	src: url("../fonts/LatoLatin-Bold.woff") format("woff");
}
@font-face {
	font-family: "lato";
	font-style: italic;
	font-stretch: normal;
	font-weight: 700;
	src: url("../fonts/LatoLatin-BoldItalic.woff") format("woff");
}
@font-face {
	font-family: "spectral";
	font-style: normal;
	font-stretch: normal;
	font-weight: 400;
	src: url("../fonts/Spectral-Regular.woff") format("woff");
}
@font-face {
	font-family: "spectral";
	font-style: italic;
	font-stretch: normal;
	font-weight: 400;
	src: url("../fonts/Spectral-Italic.woff") format("woff");
}
@font-face {
	font-family: "spectral";
	font-style: normal;
	font-stretch: normal;
	font-weight: 700;
	src: url("../fonts/Spectral-Bold.woff") format("woff");
}
@font-face {
	font-family: "spectral";
	font-style: italic;
	font-stretch: normal;
	font-weight: 700;
	src: url("../fonts/Spectral-BoldItalic.woff") format("woff");
}
/* stylelint-disable property-no-vendor-prefix */
/* FUNCTIONS */
/* btns */
.btn {
	margin: 0;
	padding: 0.5rem 1.5rem;
	background: #f9fafb;
	color: #5b6871;
	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: #36c;
	color: #fff;
}
.btn.btn-important:hover, .btn.btn-important:active {
	background: #25c;
}
.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: #5b6871;
}

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

input, select, textarea, button {
	padding: 5px 10px;
	background: #fff;
	color: #5b6871;
	font-family: "lato", "Helvetica", "Arial", sans-serif;
	font-size: 1rem;
	border: 1px solid #eff0f2;
	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: #303136;
	border-color: #36c;
}

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

input:disabled, select:disabled {
	background: #eff0f2;
}

.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 #d5d8db;
}

th {
	background: #f9fafb;
}

.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: #d5d8db;
}

.dropdown-menu {
	margin: 9px 0 0 0;
	padding: 0.5rem 0 1rem 0;
	background: #f9fafb;
	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: 18px;
}
.dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-section .dropdown-section-title {
	padding: 1rem 1.5rem;
	font-weight: bold;
	text-align: left;
	color: #5b6871;
	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: #303136;
	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: #36c;
	color: #fff;
}
.dropdown-menu .item > a:not(.addItem):hover .icon,
.dropdown-menu .item > .as-link:not(.addItem):hover .icon {
	filter: brightness(3);
}
.dropdown-menu .item.dropdown-section {
	margin-top: 0.75rem;
}
.dropdown-menu .item.dropdown-section ~ .dropdown-section {
	border-top-color: #eff0f2;
}
.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
	padding-left: 2rem;
}
.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: #eff0f2;
}
.dropdown-menu .item.separator {
	margin-top: 0.75rem;
	border-top-color: #eff0f2;
}
.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: #303136;
}
.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: #36c;
}

/*=== Alerts */
.alert {
	background: #f9fafb;
	color: #5b6871;
	font-size: 1rem;
	border: 1px solid #c5ced3;
	border-radius: 3px;
	text-shadow: 0 0 1px #eff0f2;
}

.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: #cffde7;
	color: #0c7540;
	border: 1px solid #0c754033;
}

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

/*=== Pagination */
.pagination {
	background: #eff0f2;
	color: #303136;
}
.pagination .item a {
	color: #303136;
}

#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: 5px 10px;
	background: #eff0f2;
	color: #303136;
	border-radius: 2px 2px 0 0;
}
.box .box-title .configure {
	padding: 5px;
}
.box .box-title:hover .configure .icon {
	vertical-align: middle;
}
.box .box-title:hover .configure:hover {
	background-color: #36c;
}
.box .box-title:hover .configure:hover .icon {
	filter: brightness(3);
}
.box .box-title form input {
	width: 85%;
}
.box .box-title form .dropdown {
	float: right;
}
.box .box-title form .dropdown a.dropdown-toggle {
	padding: 0;
	border-radius: 0;
	background-image: url(icons/more.svg);
	background-repeat: no-repeat;
	background-position: right 8px;
}
.box .box-title form .dropdown a.dropdown-toggle img {
	display: none;
}
.box .box-content {
	padding-left: 30px;
}
.box .box-content .item {
	padding: 0.25rem 0;
	color: #303136;
	font-size: 1rem;
	border-bottom: 1px solid #eff0f2;
	line-height: 1.7em;
}
.box .box-content .item .configure {
	padding: 5px;
}
.box .box-content .item .configure .icon {
	vertical-align: middle;
}
.box .box-content .item .configure:hover {
	background-color: #36c;
}
.box .box-content .item .configure:hover .icon {
	filter: brightness(3);
}
.box .box-content .item:last-child {
	border-bottom: none;
}

/*=== "Load more" part */
#bigMarkAsRead {
	text-align: center;
	text-decoration: none;
	background: #effcfd;
	color: #36c;
	transition: all 0.15s ease-in-out;
}
#bigMarkAsRead:hover {
	background: #36c;
	color: #fff;
}
#bigMarkAsRead:hover .bigTick {
	filter: brightness(5);
}
#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: #ffffff33 #ffffff22;
}
.tree .tree-folder {
	border-bottom: 1px solid #3f3f3f;
}
.tree .tree-folder .tree-folder-title {
	padding: 0.75rem 1rem;
	background: #303136;
	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(2) !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: #ffffff;
}
.tree .tree-folder .tree-folder-title .title:hover {
	text-decoration: none;
}
.tree .tree-folder.active .tree-folder-title {
	background: #303136;
	font-weight: bold;
}
.tree .tree-folder .tree-folder-items {
	background: #26272a;
}
.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: #36c;
}
.tree .tree-folder .tree-folder-items .item.active .dropdown li a {
	color: #303136;
}
.tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover {
	color: #ffffff;
}
.tree .tree-folder .tree-folder-items .item.active a {
	color: #ffffff;
}
.tree .tree-folder .tree-folder-items .item:hover {
	background: #17181a;
}
.tree .tree-folder .tree-folder-items .item a {
	text-decoration: none;
	color: #ffffff;
}
.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 #d5d8db;
}

.aside {
	background: #303136;
}
.aside.aside_feed {
	padding: 10px 0;
	text-align: center;
	background: #303136;
}
.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(2);
	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: #303136;
	color: #fff;
	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: #ffffff;
	transition: all 0.15s ease-in-out;
}
.nav-list .item a:hover {
	background: #17181a;
	text-decoration: none;
}
.nav-list .item.active {
	background: #36c;
	color: #fff;
}
.nav-list .item.active a {
	background: #36c;
	color: #fff;
	text-decoration: none;
}
.nav-list .nav-header {
	padding: 0 1rem;
	font-weight: bold;
	color: #5b6871;
	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(0, 0, 0, 0.25);
}

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

.feed.item.empty.active {
	background: #5b6871;
}

.feed.item.error.active {
	background: #5b6871;
}

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

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

.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: #303136;
}

/*=== STRUCTURE */
/*===============*/
/*=== Header */
.header {
	background: #303136;
}
.header .item {
	vertical-align: middle;
}
.header .item.title a {
	padding: 0.5rem 1rem;
}
.header .item.title a .logo {
	filter: grayscale(100%) brightness(3);
}
.header .item.title a:hover .logo {
	filter: grayscale(100%) brightness(2.2);
}
.header .item.search input {
	width: 350px;
	color: #ffffff;
	border: none;
	border-radius: 2px 0 0 2px;
	background-color: #26272a;
	transition: all 0.15s ease-in-out;
}
.header .item.search input:hover {
	background-color: #17181a;
}
.header .item.search input:focus {
	color: #5b6871;
	background-color: #fff;
}
.header .item.search input:focus ~ .btn,
.header .item.search input:hover ~ .btn {
	background-color: #36c;
}
.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: #26272a;
	border-left-width: 0;
	min-height: 35px;
}
.header .item.search .btn:hover {
	background-color: #25c;
}
.header .item.search .btn:hover .icon {
	filter: brightness(3);
}
.header .item.configure {
	text-align: center;
}
.header .item.configure .btn .icon,
.header .item.configure > .icon {
	filter: brightness(3);
}
.header .item.configure .signin {
	color: white;
}
.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: #eff0f2;
	border-radius: 5px;
}

/*=== New article notification */
#new-article {
	background: #36c;
	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: #25c;
}

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

.btn {
	border-left-width: 0;
	padding: 0.5rem 1rem;
	background-color: #eff0f2;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.15s ease-in-out;
}
.btn:hover {
	background-color: #d5d8db;
}
.btn.active {
	background-color: #36c;
}
.btn.active .icon {
	filter: brightness(3);
}

/*=== Index menu */
.nav_menu {
	text-align: center;
	padding: 5px 0;
}
.nav_menu .btn {
	border-left-width: 0;
	padding: 0.5rem 1rem;
	background-color: #f9fafb;
	background-position: center;
	background-repeat: no-repeat;
}
.nav_menu .btn:hover {
	background-color: #d5d8db;
}
.nav_menu .stick .btn,
.nav_menu .group .btn {
	border-left-width: 0;
	padding: 0.5rem 1rem;
	background-color: #f9fafb;
	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: #d5d8db;
}
.nav_menu .stick .btn.active,
.nav_menu .group .btn.active {
	background-color: #36c;
}
.nav_menu .stick .btn#toggle-read.active .icon,
.nav_menu .group .btn#toggle-read.active .icon {
	filter: brightness(3.5);
}
.nav_menu .stick .btn#toggle-unread.active .icon,
.nav_menu .group .btn#toggle-unread.active .icon {
	filter: brightness(3.5) grayscale(1);
}
.nav_menu .stick .btn.read_all,
.nav_menu .group .btn.read_all {
	padding: 5px 16px;
	color: #303136;
	background-color: #f9fafb;
	transition: all 0.15s ease-in-out;
}
.nav_menu .stick .btn.read_all:hover,
.nav_menu .group .btn.read_all:hover {
	background-color: #d5d8db;
}
.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;
}

/*=== 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: #303136;
	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: #36c;
	text-decoration: none;
}
.content .author, .content.thin .author {
	color: #5b6871;
	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: #d5d8db;
	height: 1px;
	border: 0;
	box-shadow: 0 2px 5px #ccc;
}
.content pre, .content.thin pre {
	margin: 10px auto;
	padding: 10px 20px;
	overflow: auto;
	background: #1d1e22;
	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: #fde3e3;
	color: #e41212;
	font-size: 1rem;
	border-radius: 3px;
}
.content blockquote, .content.thin blockquote {
	margin: 0;
	padding: 0.5rem 1.5rem;
	background: #f9fafb;
	display: block;
	color: #5b6871;
	border-left: 4px solid #d5d8db;
}
.content blockquote p, .content.thin blockquote p {
	margin: 0;
}

/*=== Notification and actualize notification */
.notification {
	padding: 1rem 0;
	background: #d5d8db;
	width: 100%;
	height: 3rem;
	color: #5b6871;
	font-size: 1em;
	border: none;
	position: fixed;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 3em;
	vertical-align: middle;
}
.notification .msg {
	display: inline-block;
	font-size: 1rem;
}
.notification.good {
	background: #10f587;
	color: #fff;
}
.notification.bad {
	background: #f5633e;
	color: #fff;
}
.notification a.close {
	border-radius: 0 3px 3px 0;
}
.notification.good a.close:hover {
	background: #0c7540;
}
.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: #303136;
}

/*=== Feed articles */
.flux {
	background: #fff;
	transition: all 0.15s ease-in-out;
}
.flux .flux_header:hover {
	background: #f9fafb;
}
.flux .flux_header:hover:not(.current):hover .item .title {
	background: #f9fafb;
}
.flux.current {
	background: #f9fafb;
	border-left-color: #36c;
}
.flux.not_read:not(.current) {
	background: #f2f6f8;
}
.flux.not_read:not(.current):hover .item .title {
	background: #f2f6f8;
}
.flux.not_read .item .title a {
	color: #36c;
}
.flux.not_read .item.website a {
	color: #36c;
}
.flux.not_read .item .date {
	color: rgba(51, 102, 204, 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: #303136;
	opacity: 0.75;
}
.flux .flux_header .date,
.flux .flux_content .bottom .date {
	color: rgba(48, 49, 54, 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 #eff0f2;
}
.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: #5b6871;
	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: #eff0f2;
	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: #36c;
}
#stream .box.category .box-content .item.feed a {
	color: #303136;
	font-weight: 400;
}
#stream .box.category .box-content .item.feed a:hover {
	color: #36c;
	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: #eff0f2;
	color: #303136;
	border: none;
}
#stream.reader .flux .content {
	background-color: #fff;
	border: none;
}
#stream.reader .flux .content .author {
	color: #a6a7ae;
}

/*=== Configuration pages */
.post {
	font-size: 1rem;
}
.post h1, .post h2 {
	color: #303136;
	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: #f9fafb;
	display: inline-block;
	color: #5b6871;
	font-size: 1rem;
	border: 1px solid #d5d8db;
	border-radius: 5px;
	min-width: 15px;
	line-height: 25px;
	vertical-align: middle;
	cursor: pointer;
	overflow: hidden;
}
.post a[href="./"]:hover {
	background: #36c;
	color: white;
	border: 1px solid #36c;
	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(51, 102, 204, 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 #d5d8db;
}

/*=== 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: #36c;
	}
	.aside .toggle_aside:hover,
#overlay .close:hover,
.dropdown-menu .toggle_aside:hover,
#slider .toggle_aside:hover {
		background-color: #25c;
	}
	.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;
	}
	main.prompt {
		max-width: 100%;
		min-width: auto;
		width: 75%;
	}
	.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: #f9fafb;
		border-top: 1px solid #eff0f2;
		border-left: 1px solid #eff0f2;
		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: #eff0f2;
	color: #303136;
	font-family: "lato", "Helvetica", "Arial", sans-serif;
	font-size: 0.875rem;
}

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

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

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

mapco.css.map

wget 'https://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/mapco.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","mapco.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;;ADgBN;EAEC,YC3Bc;;AD8Bf;EACC;;AAKF;EACC,YCXS;EDYT;;AAEA;EAEC,YCdU;;ADkBZ;EACC;;;AAIF;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA,OC3DW;;;AD8DZ;EACC;EACA;EACA;;;AAGD;EACC;EACA,YC3EO;ED4EP,OCvEW;EDwEX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC,OClGiB;EDmGjB,cC3GY;;;AD8Gb;EACC,OCpFU;EDqFV,cCrFU;EDsFV;;;AAGD;EACC,YClGY;;;ADqGb;EACC;;;AAID;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;;AE1JF;AACA;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC,YDQc;;;ACLf;AAAA;EAEC;EACA;;;ACbD;AACA;AACA;AAGA;AACA;EACC;;AAGC;EACC;;;AAMH;AACA;EACC;EACA;EACA,YFNc;EEOd;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA,OF3BU;EE4BV;EACA;;AAGD;EJxCA;;AI4CC;EACC;EACA,OF7Ce;EE8Cf;EACA;;AAIA;AAAA;EAEC,YF7DS;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","file":"mapco.css"}

mapco.rtl.css

wget 'https://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/mapco.rtl.css'

View Content

@font-face {
	font-family: "lato";
	font-style: normal;
	font-stretch: normal;
	font-weight: 400;
	src: url("../fonts/LatoLatin-Regular.woff") format("woff");
}
@font-face {
	font-family: "lato";
	font-style: italic;
	font-stretch: normal;
	font-weight: 400;
	src: url("../fonts/LatoLatin-Italic.woff") format("woff");
}
@font-face {
	font-family: "lato";
	font-style: normal;
	font-stretch: normal;
	font-weight: 700;
	src: url("../fonts/LatoLatin-Bold.woff") format("woff");
}
@font-face {
	font-family: "lato";
	font-style: italic;
	font-stretch: normal;
	font-weight: 700;
	src: url("../fonts/LatoLatin-BoldItalic.woff") format("woff");
}
@font-face {
	font-family: "spectral";
	font-style: normal;
	font-stretch: normal;
	font-weight: 400;
	src: url("../fonts/Spectral-Regular.woff") format("woff");
}
@font-face {
	font-family: "spectral";
	font-style: italic;
	font-stretch: normal;
	font-weight: 400;
	src: url("../fonts/Spectral-Italic.woff") format("woff");
}
@font-face {
	font-family: "spectral";
	font-style: normal;
	font-stretch: normal;
	font-weight: 700;
	src: url("../fonts/Spectral-Bold.woff") format("woff");
}
@font-face {
	font-family: "spectral";
	font-style: italic;
	font-stretch: normal;
	font-weight: 700;
	src: url("../fonts/Spectral-BoldItalic.woff") format("woff");
}
/* stylelint-disable property-no-vendor-prefix */
/* FUNCTIONS */
/* btns */
.btn {
	margin: 0;
	padding: 0.5rem 1.5rem;
	background: #f9fafb;
	color: #5b6871;
	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: #36c;
	color: #fff;
}
.btn.btn-important:hover, .btn.btn-important:active {
	background: #25c;
}
.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: #5b6871;
}

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

input, select, textarea, button {
	padding: 5px 10px;
	background: #fff;
	color: #5b6871;
	font-family: "lato", "Helvetica", "Arial", sans-serif;
	font-size: 1rem;
	border: 1px solid #eff0f2;
	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: #303136;
	border-color: #36c;
}

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

input:disabled, select:disabled {
	background: #eff0f2;
}

.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 #d5d8db;
}

th {
	background: #f9fafb;
}

.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: #d5d8db;
}

.dropdown-menu {
	margin: 9px 0 0 0;
	padding: 0.5rem 0 1rem 0;
	background: #f9fafb;
	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: 18px;
}
.dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-section .dropdown-section-title {
	padding: 1rem 1.5rem;
	font-weight: bold;
	text-align: right;
	color: #5b6871;
	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: #303136;
	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: #36c;
	color: #fff;
}
.dropdown-menu .item > a:not(.addItem):hover .icon,
.dropdown-menu .item > .as-link:not(.addItem):hover .icon {
	filter: brightness(3);
}
.dropdown-menu .item.dropdown-section {
	margin-top: 0.75rem;
}
.dropdown-menu .item.dropdown-section ~ .dropdown-section {
	border-top-color: #eff0f2;
}
.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
	padding-right: 2rem;
}
.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: #eff0f2;
}
.dropdown-menu .item.separator {
	margin-top: 0.75rem;
	border-top-color: #eff0f2;
}
.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: #303136;
}
.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: #36c;
}

/*=== Alerts */
.alert {
	background: #f9fafb;
	color: #5b6871;
	font-size: 1rem;
	border: 1px solid #c5ced3;
	border-radius: 3px;
	text-shadow: 0 0 1px #eff0f2;
}

.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: #cffde7;
	color: #0c7540;
	border: 1px solid #0c754033;
}

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

/*=== Pagination */
.pagination {
	background: #eff0f2;
	color: #303136;
}
.pagination .item a {
	color: #303136;
}

#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: 5px 10px;
	background: #eff0f2;
	color: #303136;
	border-radius: 2px 2px 0 0;
}
.box .box-title .configure {
	padding: 5px;
}
.box .box-title:hover .configure .icon {
	vertical-align: middle;
}
.box .box-title:hover .configure:hover {
	background-color: #36c;
}
.box .box-title:hover .configure:hover .icon {
	filter: brightness(3);
}
.box .box-title form input {
	width: 85%;
}
.box .box-title form .dropdown {
	float: left;
}
.box .box-title form .dropdown a.dropdown-toggle {
	padding: 0;
	border-radius: 0;
	background-image: url(icons/more.svg);
	background-repeat: no-repeat;
	background-position: left 8px;
}
.box .box-title form .dropdown a.dropdown-toggle img {
	display: none;
}
.box .box-content {
	padding-right: 30px;
}
.box .box-content .item {
	padding: 0.25rem 0;
	color: #303136;
	font-size: 1rem;
	border-bottom: 1px solid #eff0f2;
	line-height: 1.7em;
}
.box .box-content .item .configure {
	padding: 5px;
}
.box .box-content .item .configure .icon {
	vertical-align: middle;
}
.box .box-content .item .configure:hover {
	background-color: #36c;
}
.box .box-content .item .configure:hover .icon {
	filter: brightness(3);
}
.box .box-content .item:last-child {
	border-bottom: none;
}

/*=== "Load more" part */
#bigMarkAsRead {
	text-align: center;
	text-decoration: none;
	background: #effcfd;
	color: #36c;
	transition: all 0.15s ease-in-out;
}
#bigMarkAsRead:hover {
	background: #36c;
	color: #fff;
}
#bigMarkAsRead:hover .bigTick {
	filter: brightness(5);
}
#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: #ffffff33 #ffffff22;
}
.tree .tree-folder {
	border-bottom: 1px solid #3f3f3f;
}
.tree .tree-folder .tree-folder-title {
	padding: 0.75rem 1rem;
	background: #303136;
	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(2) !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: #ffffff;
}
.tree .tree-folder .tree-folder-title .title:hover {
	text-decoration: none;
}
.tree .tree-folder.active .tree-folder-title {
	background: #303136;
	font-weight: bold;
}
.tree .tree-folder .tree-folder-items {
	background: #26272a;
}
.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: #36c;
}
.tree .tree-folder .tree-folder-items .item.active .dropdown li a {
	color: #303136;
}
.tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover {
	color: #ffffff;
}
.tree .tree-folder .tree-folder-items .item.active a {
	color: #ffffff;
}
.tree .tree-folder .tree-folder-items .item:hover {
	background: #17181a;
}
.tree .tree-folder .tree-folder-items .item a {
	text-decoration: none;
	color: #ffffff;
}
.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 #d5d8db;
}

.aside {
	background: #303136;
}
.aside.aside_feed {
	padding: 10px 0;
	text-align: center;
	background: #303136;
}
.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(2);
	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: #303136;
	color: #fff;
	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: #ffffff;
	transition: all 0.15s ease-in-out;
}
.nav-list .item a:hover {
	background: #17181a;
	text-decoration: none;
}
.nav-list .item.active {
	background: #36c;
	color: #fff;
}
.nav-list .item.active a {
	background: #36c;
	color: #fff;
	text-decoration: none;
}
.nav-list .nav-header {
	padding: 0 1rem;
	font-weight: bold;
	color: #5b6871;
	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(0, 0, 0, 0.25);
}

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

.feed.item.empty.active {
	background: #5b6871;
}

.feed.item.error.active {
	background: #5b6871;
}

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

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

.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: #303136;
}

/*=== STRUCTURE */
/*===============*/
/*=== Header */
.header {
	background: #303136;
}
.header .item {
	vertical-align: middle;
}
.header .item.title a {
	padding: 0.5rem 1rem;
}
.header .item.title a .logo {
	filter: grayscale(100%) brightness(3);
}
.header .item.title a:hover .logo {
	filter: grayscale(100%) brightness(2.2);
}
.header .item.search input {
	width: 350px;
	color: #ffffff;
	border: none;
	border-radius: 0 2px 2px 0;
	background-color: #26272a;
	transition: all 0.15s ease-in-out;
}
.header .item.search input:hover {
	background-color: #17181a;
}
.header .item.search input:focus {
	color: #5b6871;
	background-color: #fff;
}
.header .item.search input:focus ~ .btn,
.header .item.search input:hover ~ .btn {
	background-color: #36c;
}
.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: #26272a;
	border-right-width: 0;
	min-height: 35px;
}
.header .item.search .btn:hover {
	background-color: #25c;
}
.header .item.search .btn:hover .icon {
	filter: brightness(3);
}
.header .item.configure {
	text-align: center;
}
.header .item.configure .btn .icon,
.header .item.configure > .icon {
	filter: brightness(3);
}
.header .item.configure .signin {
	color: white;
}
.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: #eff0f2;
	border-radius: 5px;
}

/*=== New article notification */
#new-article {
	background: #36c;
	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: #25c;
}

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

.btn {
	border-right-width: 0;
	padding: 0.5rem 1rem;
	background-color: #eff0f2;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.15s ease-in-out;
}
.btn:hover {
	background-color: #d5d8db;
}
.btn.active {
	background-color: #36c;
}
.btn.active .icon {
	filter: brightness(3);
}

/*=== Index menu */
.nav_menu {
	text-align: center;
	padding: 5px 0;
}
.nav_menu .btn {
	border-right-width: 0;
	padding: 0.5rem 1rem;
	background-color: #f9fafb;
	background-position: center;
	background-repeat: no-repeat;
}
.nav_menu .btn:hover {
	background-color: #d5d8db;
}
.nav_menu .stick .btn,
.nav_menu .group .btn {
	border-right-width: 0;
	padding: 0.5rem 1rem;
	background-color: #f9fafb;
	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: #d5d8db;
}
.nav_menu .stick .btn.active,
.nav_menu .group .btn.active {
	background-color: #36c;
}
.nav_menu .stick .btn#toggle-read.active .icon,
.nav_menu .group .btn#toggle-read.active .icon {
	filter: brightness(3.5);
}
.nav_menu .stick .btn#toggle-unread.active .icon,
.nav_menu .group .btn#toggle-unread.active .icon {
	filter: brightness(3.5) grayscale(1);
}
.nav_menu .stick .btn.read_all,
.nav_menu .group .btn.read_all {
	padding: 5px 16px;
	color: #303136;
	background-color: #f9fafb;
	transition: all 0.15s ease-in-out;
}
.nav_menu .stick .btn.read_all:hover,
.nav_menu .group .btn.read_all:hover {
	background-color: #d5d8db;
}
.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;
}

/*=== 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: #303136;
	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: #36c;
	text-decoration: none;
}
.content .author, .content.thin .author {
	color: #5b6871;
	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: #d5d8db;
	height: 1px;
	border: 0;
	box-shadow: 0 2px 5px #ccc;
}
.content pre, .content.thin pre {
	margin: 10px auto;
	padding: 10px 20px;
	overflow: auto;
	background: #1d1e22;
	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: #fde3e3;
	color: #e41212;
	font-size: 1rem;
	border-radius: 3px;
}
.content blockquote, .content.thin blockquote {
	margin: 0;
	padding: 0.5rem 1.5rem;
	background: #f9fafb;
	display: block;
	color: #5b6871;
	border-right: 4px solid #d5d8db;
}
.content blockquote p, .content.thin blockquote p {
	margin: 0;
}

/*=== Notification and actualize notification */
.notification {
	padding: 1rem 0;
	background: #d5d8db;
	width: 100%;
	height: 3rem;
	color: #5b6871;
	font-size: 1em;
	border: none;
	position: fixed;
	top: auto;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	line-height: 3em;
	vertical-align: middle;
}
.notification .msg {
	display: inline-block;
	font-size: 1rem;
}
.notification.good {
	background: #10f587;
	color: #fff;
}
.notification.bad {
	background: #f5633e;
	color: #fff;
}
.notification a.close {
	border-radius: 3px 0 0 3px;
}
.notification.good a.close:hover {
	background: #0c7540;
}
.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: #303136;
}

/*=== Feed articles */
.flux {
	background: #fff;
	transition: all 0.15s ease-in-out;
}
.flux .flux_header:hover {
	background: #f9fafb;
}
.flux .flux_header:hover:not(.current):hover .item .title {
	background: #f9fafb;
}
.flux.current {
	background: #f9fafb;
	border-right-color: #36c;
}
.flux.not_read:not(.current) {
	background: #f2f6f8;
}
.flux.not_read:not(.current):hover .item .title {
	background: #f2f6f8;
}
.flux.not_read .item .title a {
	color: #36c;
}
.flux.not_read .item.website a {
	color: #36c;
}
.flux.not_read .item .date {
	color: rgba(51, 102, 204, 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: #303136;
	opacity: 0.75;
}
.flux .flux_header .date,
.flux .flux_content .bottom .date {
	color: rgba(48, 49, 54, 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 #eff0f2;
}
.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: #5b6871;
	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: #eff0f2;
	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: #36c;
}
#stream .box.category .box-content .item.feed a {
	color: #303136;
	font-weight: 400;
}
#stream .box.category .box-content .item.feed a:hover {
	color: #36c;
	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: #eff0f2;
	color: #303136;
	border: none;
}
#stream.reader .flux .content {
	background-color: #fff;
	border: none;
}
#stream.reader .flux .content .author {
	color: #a6a7ae;
}

/*=== Configuration pages */
.post {
	font-size: 1rem;
}
.post h1, .post h2 {
	color: #303136;
	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: #f9fafb;
	display: inline-block;
	color: #5b6871;
	font-size: 1rem;
	border: 1px solid #d5d8db;
	border-radius: 5px;
	min-width: 15px;
	line-height: 25px;
	vertical-align: middle;
	cursor: pointer;
	overflow: hidden;
}
.post a[href="./"]:hover {
	background: #36c;
	color: white;
	border: 1px solid #36c;
	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(51, 102, 204, 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 #d5d8db;
}

/*=== 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: #36c;
	}
	.aside .toggle_aside:hover,
#overlay .close:hover,
.dropdown-menu .toggle_aside:hover,
#slider .toggle_aside:hover {
		background-color: #25c;
	}
	.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;
	}
	main.prompt {
		max-width: 100%;
		min-width: auto;
		width: 75%;
	}
	.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: #f9fafb;
		border-top: 1px solid #eff0f2;
		border-right: 1px solid #eff0f2;
		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: #eff0f2;
	color: #303136;
	font-family: "lato", "Helvetica", "Arial", sans-serif;
	font-size: 0.875rem;
}

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

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

mapco.scss

wget 'https://sme10.lists2.roe3.org/FreshRSS/p/themes/Mapco/mapco.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.$main-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;
}

metadata.json

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

View Content

{
  "name": "Mapco",
  "author": "Thomas Guesnon",
  "description": "Thème pour FreshRSS",
  "version": 0.1,
  "files": ["_frss.css", "mapco.css"],
  "theme-color": "#303136"
}

sass.sh

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

View Content

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

Admin Login

Create New File

Edit File:

Confirm Deletion