aboutsummaryrefslogtreecommitdiff
path: root/p/themes/Ansum/ansum.css
diff options
context:
space:
mode:
authorGravatar Alexandre Alapetite <alexandre@alapetite.fr> 2019-03-31 16:38:46 +0200
committerGravatar GitHub <noreply@github.com> 2019-03-31 16:38:46 +0200
commitd413f67dd28738f4a6d8cf036e00714737f757b8 (patch)
tree1509f631dc8814bcf85d907a292ddd6437a2efcd /p/themes/Ansum/ansum.css
parent8dcdde6251ae4dfc690b1a014488df125c5e5cdc (diff)
parent2a935516d850d63a215f9650b96ede102311f7ca (diff)
Merge pull request #2298 from FreshRSS/dev1.14.0
FreshRSS 1.14.0
Diffstat (limited to 'p/themes/Ansum/ansum.css')
-rw-r--r--p/themes/Ansum/ansum.css1299
1 files changed, 1299 insertions, 0 deletions
diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css
new file mode 100644
index 000000000..bc4ae36b4
--- /dev/null
+++ b/p/themes/Ansum/ansum.css
@@ -0,0 +1,1299 @@
+@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"); }
+/* FUNCTIONS */
+/* btns */
+.btn {
+ display: inline-block;
+ min-height: 38px;
+ min-width: 15px;
+ line-height: 25px;
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ font-size: 1rem;
+ vertical-align: middle;
+ cursor: pointer;
+ overflow: hidden;
+ background: #fcfaf8;
+ border-radius: 5px;
+ border: none;
+ color: #766556;
+ -webkit-transition: all 0.15s ease-in-out;
+ -moz-transition: all 0.15s ease-in-out;
+ -o-transition: all 0.15s ease-in-out;
+ 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-attention {
+ background: #f5633e;
+ color: #fff; }
+ .btn.btn-attention:hover, .btn.btn-attention:active {
+ background: #73341f; }
+ .btn:hover {
+ text-decoration: none; }
+
+a.btn {
+ min-height: 25px;
+ line-height: 25px; }
+
+/*=== Forms */
+legend {
+ display: inline-block;
+ width: auto;
+ margin: 2rem 0 1rem 0;
+ padding: 0;
+ 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 {
+ width: 360px;
+ height: 100px; }
+
+input, select, textarea, button {
+ font-family: "lato", "Helvetica", "Arial", sans-serif;
+ min-height: 25px;
+ padding: 5px 10px;
+ line-height: 25px;
+ vertical-align: middle;
+ background: #fff;
+ border: 1px solid #f5f0ec;
+ font-size: 1rem;
+ color: #766556;
+ border-radius: 2px; }
+
+option {
+ padding: 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 {
+ background: #f5f0ec; }
+
+input.extend {
+ transition: width 200ms linear;
+ -moz-transition: width 200ms linear;
+ -webkit-transition: width 200ms linear;
+ -o-transition: width 200ms linear;
+ -ms-transition: width 200ms linear; }
+
+.form-group {
+ padding: 5px;
+ border-radius: 3px; }
+ .form-group::after {
+ content: "";
+ display: block;
+ clear: both; }
+ .form-group .group-name {
+ padding: 10px 0;
+ text-align: right; }
+ .form-group .group-controls {
+ min-height: 25px;
+ padding: 5px 0; }
+ .form-group .group-controls .control {
+ line-height: 2.0em; }
+ .form-group table {
+ margin: 10px 0 0 220px; }
+ .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; }
+
+tr, th, td {
+ padding: 0.5em;
+ border: 1px solid #e4d8cc; }
+
+th {
+ background: #fcfaf8; }
+
+form td,
+form th {
+ font-weight: normal;
+ text-align: center; }
+
+/*=== COMPONENTS */
+/*===============*/
+/*=== Forms */
+/*=== Horizontal-list */
+.horizontal-list {
+ margin: 0;
+ padding: 0.1rem 0; }
+ .horizontal-list .item {
+ vertical-align: middle; }
+ .horizontal-list .item:first-child {
+ padding-left: 0.5rem; }
+
+/*=== Dropdown */
+.dropdown-menu {
+ background: #fcfaf8;
+ margin: 0;
+ font-size: 1rem;
+ text-align: left;
+ padding: 0.5rem 0 1rem 0;
+ border: none;
+ border-radius: 3px;
+ -webkit-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
+ -moz-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
+ box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); }
+ .dropdown-menu::after {
+ content: "";
+ position: absolute;
+ top: -4px;
+ right: 13px;
+ width: 10px;
+ height: 10px;
+ z-index: -10;
+ transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ background: white; }
+ .dropdown-menu .dropdown-header {
+ margin: 1.75rem 0 0.5rem 2rem;
+ font-weight: bold;
+ text-align: left;
+ color: #766556;
+ text-transform: uppercase;
+ letter-spacing: 1px; }
+ .dropdown-menu .item {
+ -webkit-transition: all 0.075s ease-in-out;
+ -moz-transition: all 0.075s ease-in-out;
+ -o-transition: all 0.075s ease-in-out;
+ transition: all 0.075s ease-in-out; }
+ .dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link {
+ padding: 0 2rem;
+ line-height: 2.5em;
+ font-size: 1rem;
+ color: #363330; }
+ .dropdown-menu .item:hover {
+ background: #ca7227;
+ color: #fff; }
+ .dropdown-menu .item:hover a, .dropdown-menu .item:hover button {
+ text-decoration: none;
+ color: #fff; }
+ .dropdown-menu .item[aria-checked="true"] a::before {
+ font-weight: bold;
+ margin: 0 0 0 -14px; }
+ .dropdown-menu .input select, .dropdown-menu .input input {
+ margin: 0 auto 5px;
+ padding: 2px 5px;
+ border-radius: 3px; }
+ .dropdown-menu .separator {
+ margin: 0.75rem 0;
+ border-bottom: 1px solid #f5f0ec; }
+
+.tree .tree-folder .tree-folder-items .dropdown-menu .item,
+.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,
+ .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,
+ .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,
+ .tree .tree-folder .tree-folder-items .dropdown-menu .item:hover {
+ background: #ca7227; }
+
+/*=== Alerts */
+.alert {
+ margin: 1rem 0;
+ padding: 1rem;
+ font-size: 1rem;
+ background: #fcfaf8;
+ border: 1px solid #d9ccbf;
+ border-radius: 3px;
+ color: #766556;
+ text-shadow: 0 0 1px #f5f0ec; }
+
+.alert-head {
+ font-size: 1.15em; }
+
+.alert > a {
+ text-decoration: underline;
+ color: inherit; }
+
+.alert-warn {
+ background: #fdfde0;
+ border: 1px solid #73762f33;
+ color: #73762f; }
+
+.alert-success {
+ background: #cffdef;
+ border: 1px solid #0c755633;
+ color: #0c7556; }
+
+.alert-error {
+ background: #fde0d8;
+ border: 1px solid #73341f33;
+ color: #73341f; }
+
+/*=== Pagination */
+.pagination {
+ text-align: center;
+ font-size: 0.8em;
+ background: #f5f0ec;
+ color: #363330; }
+ .pagination .item.pager-current {
+ font-weight: bold;
+ font-size: 1.5em;
+ background: #fbf9f6;
+ color: #f5f0ec; }
+ .pagination .item a {
+ display: block;
+ font-style: italic;
+ line-height: 3em;
+ text-decoration: none;
+ color: #363330; }
+ .pagination .item a:hover {
+ background: #363330;
+ color: #f5f0ec; }
+ .pagination .loading,
+ .pagination a:hover.loading {
+ font-size: 0;
+ background: url("loader.gif") center center no-repeat #34495e; }
+
+.content .pagination {
+ margin: 0;
+ padding: 0; }
+
+/*=== Boxes */
+.box {
+ border: none;
+ border-radius: 3px;
+ background: #fff;
+ -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
+ -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); }
+ .box .box-title {
+ margin: 0;
+ padding: 5px 10px;
+ background: #f5f0ec;
+ color: #363330;
+ border-radius: 2px 2px 0 0; }
+ .box .box-title form input {
+ width: 85%; }
+ .box .box-title form .dropdown {
+ float: right; }
+ .box .box-title form .dropdown a.dropdown-toggle {
+ padding: 0;
+ background-image: url(icons/more.svg);
+ background-repeat: no-repeat;
+ background-position: right 8px;
+ border-radius: 0; }
+ .box .box-title form .dropdown a.dropdown-toggle img {
+ display: none; }
+ .box .box-content .item {
+ padding: 0.5rem 0.75rem;
+ font-size: 1rem;
+ color: #363330;
+ line-height: 1.7em;
+ border-bottom: 1px solid #f5f0ec; }
+ .box .box-content .item img {
+ margin-right: 0.75rem; }
+ .box .box-content .item .configure {
+ visibility: hidden;
+ width: 1.75rem;
+ height: 1.75rem;
+ display: block;
+ border-radius: 2px;
+ float: left;
+ margin-right: 0.5rem;
+ background: url("icons/cog.svg") no-repeat 4px 4px; }
+ .box .box-content .item .configure .icon {
+ vertical-align: middle;
+ border-radius: 3px;
+ display: none; }
+ .box .box-content .item .configure:hover {
+ background: url("icons/cog-white.svg") no-repeat 4px 4px #ca7227; }
+ .box .box-content .item:hover .configure {
+ visibility: visible; }
+ .box .box-content .item:last-child {
+ border-bottom: none; }
+
+/*=== "Load more" part */
+#bigMarkAsRead {
+ text-align: center;
+ text-decoration: none;
+ background: #fdf6ef;
+ color: #ca7227;
+ -webkit-transition: all 0.15s ease-in-out;
+ -moz-transition: all 0.15s ease-in-out;
+ -o-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out; }
+ #bigMarkAsRead:hover {
+ background: #ca7227;
+ color: #fff; }
+ #bigMarkAsRead:hover .bigTick {
+ background: url(icons/tick-white.svg) center no-repeat; }
+ #bigMarkAsRead .bigTick {
+ margin: 0.5rem 0;
+ display: inline-block;
+ text-indent: -9999px;
+ background: url(icons/tick-color.svg) center no-repeat;
+ height: 64px;
+ width: 64px;
+ white-space: nowrap; }
+
+.formLogin {
+ background: #fbf9f6; }
+ .formLogin .header .configure {
+ padding-right: 1rem; }
+ .formLogin .header .configure img {
+ margin-right: 0.5rem; }
+ .formLogin .header .configure a.signin {
+ color: #fff; }
+ .formLogin h1 {
+ color: #fff; }
+ .formLogin form#crypto-form div {
+ margin-bottom: 1rem; }
+ .formLogin form#crypto-form div label {
+ font-size: 1rem;
+ color: #d9ccbf; }
+ .formLogin form#crypto-form div input {
+ background: #221f1d; }
+ .formLogin form#crypto-form div input:focus {
+ background: #fcfaf8;
+ color: #363330; }
+
+/*=== 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;
+ -moz-box-shadow: inset -1px -11px 8px #00000033;
+ -webkit-box-shadow: inset -1px -11px 8px #00000033;
+ box-shadow: inset -1px -11px 8px #00000033; }
+ .tree .tree-folder .tree-folder-title {
+ position: relative;
+ background: #fbf9f6;
+ font-size: 0.85rem;
+ letter-spacing: 1px;
+ padding: 12px 16px;
+ font-weight: 700;
+ text-transform: uppercase; }
+ .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 {
+ padding: 0 1rem;
+ line-height: 2.5rem;
+ font-size: 1rem;
+ font-weight: 400;
+ -webkit-transition: all 0.15s ease-in-out;
+ -moz-transition: all 0.15s ease-in-out;
+ -o-transition: all 0.15s ease-in-out;
+ 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 .feed .item-title:not([data-unread="0"])::before {
+ content: attr(data-unread);
+ background: rgba(35, 35, 0, 0.15);
+ font-size: 0.75rem;
+ display: block;
+ float: left;
+ padding: 3px 4px;
+ text-align: center;
+ border-radius: 12px;
+ margin: 11px 6px 0 4px;
+ line-height: 0.75rem; }
+
+/*=== Buttons */
+.stick {
+ vertical-align: middle;
+ font-size: 0; }
+ .stick input, .stick .btn {
+ border-radius: 0; }
+ .stick .btn:first-child,
+ .stick input:first-child {
+ border-radius: 5px 0 0 5px; }
+ .stick .btn:last-child, .stick input:last-child, .stick .btn + .dropdown > .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 {
+ 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 {
+ margin: 10px 0 50px; }
+
+/* Sidebar des pages de configuration */
+/*=== Navigation */
+.nav-list .nav-header,
+.nav-list .item {
+ height: 2.5em;
+ line-height: 2.5em;
+ font-size: 1rem; }
+.nav-list .item {
+ background: #fbf9f6;
+ -webkit-transition: all 0.15s ease-in-out;
+ -moz-transition: all 0.15s ease-in-out;
+ -o-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out; }
+ .nav-list .item a {
+ padding: 0 1rem;
+ color: #363330; }
+ .nav-list .item .error a {
+ color: #f5633e; }
+ .nav-list .item:hover {
+ background: #efe3d3;
+ color: #363330; }
+ .nav-list .item:hover .error a {
+ color: #363330;
+ background: #ca7227; }
+ .nav-list .item:hover .empty a {
+ color: #363330;
+ background: #f4f762; }
+ .nav-list .item:hover a {
+ color: #363330;
+ text-decoration: none; }
+ .nav-list .item.active {
+ background: #ca7227;
+ color: #fff; }
+ .nav-list .item.active .error a {
+ color: #fff;
+ background: #ca7227; }
+ .nav-list .item.active .empty a {
+ color: #fff;
+ background: #f4f762; }
+ .nav-list .item.active a {
+ color: #fff;
+ text-decoration: none; }
+.nav-list.empty a {
+ color: #f4f762; }
+.nav-list .disable {
+ text-align: center;
+ background: #fcfaf8;
+ color: #bbaa99; }
+.nav-list .nav-header {
+ padding: 0 10px;
+ font-weight: bold;
+ color: #766556;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ margin-top: 1rem; }
+.nav-list .nav-form {
+ padding: 3px;
+ text-align: center; }
+.nav-list .nav-head {
+ margin: 0;
+ text-align: right;
+ color: #fff; }
+ .nav-list .nav-head a {
+ color: #fff; }
+ .nav-list .nav-head .item {
+ padding: 5px 10px;
+ font-size: 0.9rem;
+ line-height: 1.5rem; }
+
+/*=== Aside main page (categories) */
+.aside_feed .tree-folder-title > .title:not([data-unread="0"])::after {
+ position: absolute;
+ right: 0;
+ line-height: 1.5rem;
+ background: rgba(35, 35, 0, 0.15);
+ border-radius: 12px;
+ padding: 0 0.75rem;
+ margin: -0.5rem 1rem 0 0;
+ text-align: center; }
+
+.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-importExport {
+ border-left-color: #fbf9f6; }
+
+/*=== STRUCTURE */
+/*===============*/
+/*=== Header */
+.header {
+ background: #fbf9f6;
+ padding: 0.5rem 1.35rem;
+ display: block;
+ table-layout: none;
+ width: auto; }
+ .header .item {
+ vertical-align: middle; }
+ .header .item.title {
+ font-weight: 400;
+ width: 280px; }
+ .header .item.title h1 a {
+ text-decoration: none;
+ color: #363330;
+ font-size: 1rem;
+ text-transform: uppercase;
+ letter-spacing: 1px; }
+ .header .item.title h1 a img {
+ margin-right: 0.5rem; }
+ .header .item.search input {
+ width: 230px;
+ border-radius: 2px 0 0 2px;
+ background-color: #f7f2ea;
+ color: #363330;
+ border: none;
+ -webkit-transition: all 0.15s ease-in-out;
+ -moz-transition: all 0.15s ease-in-out;
+ -o-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out; }
+ .header .item.search input:hover {
+ background-color: #efe3d3; }
+ .header .item.search input:focus {
+ width: 350px;
+ background-color: #fff;
+ color: #766556; }
+ .header .item.search .btn {
+ border-radius: 0 2px 2px 0;
+ background-color: #ca7227;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-image: url(icons/magnifier.svg);
+ border-left-width: 0;
+ width: 3rem;
+ min-height: 35px; }
+ .header .item.search .btn img {
+ display: none; }
+ .header .item.search .btn:hover {
+ background-color: #b7641d; }
+ .header .item.configure {
+ width: 2rem;
+ position: absolute;
+ right: 1rem;
+ top: 1.25rem;
+ text-align: center; }
+ .header .item.configure .btn {
+ background-color: transparent;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-image: url(icons/cog.svg);
+ padding: 0 0.5rem; }
+ .header .item.configure .btn img {
+ display: none; }
+
+/*=== Body */
+#global {
+ height: calc(100% - 85px); }
+
+/*=== Prompt (centered) */
+.prompt {
+ text-align: center; }
+
+.prompt label {
+ text-align: left; }
+
+.prompt form {
+ margin: 10px auto 20px auto;
+ width: 200px; }
+
+.prompt input {
+ margin: 5px auto;
+ width: 100%; }
+
+.prompt p {
+ margin: 20px 0; }
+
+/*=== New article notification */
+#new-article {
+ text-align: center;
+ font-size: 1rem;
+ background: #ca7227; }
+
+#new-article:hover {
+ background: #b7641d; }
+
+#new-article > a {
+ line-height: 3em;
+ font-weight: bold;
+ color: #fff; }
+
+#new-article > a:hover {
+ text-decoration: none; }
+
+/*=== Day indication */
+.day {
+ padding: 1rem 0 0 1.25rem;
+ font-weight: 700;
+ line-height: 3em;
+ letter-spacing: 1px;
+ text-transform: uppercase;
+ font-size: 0.875rem;
+ color: #6d655f; }
+ .day .name {
+ padding: 0 1rem 0 1rem;
+ font-size: 0.875rem;
+ color: #363330;
+ position: relative;
+ left: 0;
+ text-transform: uppercase; }
+
+/*=== 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: #f5f0ec; }
+ .nav_menu .stick {
+ background: #fcfaf8; }
+ .nav_menu .stick .btn {
+ border-left-width: 0;
+ padding: 0.5rem 1rem;
+ background-color: #fcfaf8;
+ background-position: center;
+ background-repeat: no-repeat;
+ -webkit-transition: all 0.15s ease-in-out;
+ -moz-transition: all 0.15s ease-in-out;
+ -o-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out; }
+ .nav_menu .stick .btn:hover {
+ background-color: #e4d8cc; }
+ .nav_menu .stick .btn.active {
+ background-color: #ca7227; }
+ .nav_menu .stick .btn img.icon {
+ display: none; }
+ .nav_menu .stick .btn#toggle-read {
+ background-image: url(icons/read.svg); }
+ .nav_menu .stick .btn#toggle-read.active {
+ background-image: url(icons/read-white.svg); }
+ .nav_menu .stick .btn#toggle-unread {
+ background-image: url(icons/unread.svg); }
+ .nav_menu .stick .btn#toggle-unread.active {
+ background-image: url(icons/unread-white.svg); }
+ .nav_menu .stick .btn#toggle-starred {
+ background-image: url(icons/starred.svg); }
+ .nav_menu .stick .btn#toggle-starred.active {
+ background-image: url(icons/starred-white.svg); }
+ .nav_menu .stick .btn#toggle-non-starred {
+ background-image: url(icons/non-starred.svg); }
+ .nav_menu .stick .btn#toggle-non-starred.active {
+ background-image: url(icons/non-starred-white.svg); }
+ .nav_menu .stick .btn.read_all {
+ background-color: #fcfaf8;
+ color: #363330;
+ padding: 5px 16px;
+ -webkit-transition: all 0.15s ease-in-out;
+ -moz-transition: all 0.15s ease-in-out;
+ -o-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out; }
+ .nav_menu .stick .btn.read_all:hover {
+ background-color: #e4d8cc; }
+ .nav_menu .stick .btn.view-normal {
+ background-image: url(icons/view-list.svg); }
+ .nav_menu .stick .btn.view-normal.active {
+ background-image: url(icons/view-list-white.svg); }
+ .nav_menu .stick .btn.view-global {
+ background-image: url(icons/view-global.svg); }
+ .nav_menu .stick .btn.view-global.active {
+ background-image: url(icons/view-global-white.svg); }
+ .nav_menu .stick .btn.view-reader {
+ background-image: url(icons/view-reader.svg); }
+ .nav_menu .stick .btn.view-reader.active {
+ background-image: url(icons/view-reader-white.svg); }
+ .nav_menu .stick .btn.view-rss {
+ background-image: url(icons/rss.svg); }
+ .nav_menu .stick .dropdown a.dropdown-toggle {
+ border-left-width: 0;
+ background-image: url(icons/more.svg); }
+
+#dropdown-query ~ .dropdown-menu .dropdown-header .icon {
+ vertical-align: middle;
+ background-color: #bbaa99;
+ 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";
+ 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 {
+ font-size: 1.125rem;
+ color: #6d655f; }
+ .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;
+ height: 1px;
+ background: #e4d8cc;
+ 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;
+ color: #f5f0ec;
+ background: #fcfaf8;
+ border: 1px solid #f5f0ec;
+ border-radius: 3px; }
+ .content blockquote, .content.thin blockquote {
+ display: block;
+ margin: 0;
+ padding: 5px 20px;
+ border-top: 1px solid #e4d8cc;
+ border-bottom: 1px solid #e4d8cc;
+ background: #fcfaf8;
+ color: #363330; }
+ .content blockquote p, .content.thin blockquote p {
+ margin: 0; }
+
+/*=== Notification and actualize notification */
+.notification {
+ position: fixed;
+ top: auto;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ width: 100%;
+ height: 3rem;
+ padding: 1rem 0;
+ text-align: center;
+ font-size: 1em;
+ line-height: 3em;
+ z-index: 10;
+ vertical-align: middle;
+ background: #e4d8cc;
+ color: #766556;
+ border: none; }
+ .notification .msg {
+ font-size: 1rem;
+ display: inline-block; }
+ .notification.good {
+ background: #10f5b2;
+ color: #fff; }
+ .notification.bad {
+ background: #f5633e;
+ color: #fff; }
+ .notification a.close {
+ padding: 0 15px;
+ line-height: 3em;
+ border-radius: 0 3px 3px 0; }
+ .notification.good a.close:hover {
+ background: #0c7556; }
+ .notification.bad a.close:hover {
+ background: #73341f; }
+ .notification#actualizeProgress {
+ line-height: 2em; }
+ .notification#actualizeProgress br {
+ display: none; }
+
+/*=== Navigation menu (for articles) */
+#nav_entries {
+ margin: 0;
+ text-align: center;
+ line-height: 3em;
+ table-layout: fixed;
+ background: #fbf9f6; }
+
+/*=== Feed articles */
+.flux {
+ background: #fff;
+ -webkit-transition: all 0.15s ease-in-out;
+ -moz-transition: all 0.15s ease-in-out;
+ -o-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out; }
+ .flux:hover {
+ background: #fcfaf8; }
+ .flux:hover:not(.current):hover .item.title {
+ background: #fcfaf8; }
+ .flux.current {
+ border-left-color: #ca7227;
+ background: #fff; }
+ .flux.not_read {
+ background: #f2f6f8; }
+ .flux.not_read:hover {
+ background: #fdfdfe; }
+ .flux.not_read:not(.current):hover .item.title {
+ background: #fdfdfe; }
+ .flux.not_read .item.title a {
+ color: #161a38; }
+ .flux.not_read .item.website a {
+ color: #161a38; }
+ .flux.not_read .item.date {
+ color: #161a3899; }
+ .flux.favorite {
+ background: #FFF6DA;
+ border-left-color: #FFC300;
+ -webkit-transition: all 0.15s ease-in-out;
+ -moz-transition: all 0.15s ease-in-out;
+ -o-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out; }
+ .flux.favorite:not(.current):hover .item.title {
+ background: #FFF6DA; }
+ .flux .website a {
+ color: #363330;
+ opacity: 0.75; }
+ .flux .website .favicon {
+ padding: 5px; }
+ .flux .date {
+ font-size: 0.85rem;
+ color: #363330;
+ opacity: 0.75; }
+ .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 {
+ background: none;
+ padding: 1.5rem; }
+ #stream .box.category .box-title a.title {
+ font-weight: normal;
+ text-decoration: none;
+ text-align: left;
+ font-size: 1rem;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ color: #766556; }
+ #stream .box.category .box-title a.title:not([data-unread="0"])::after {
+ position: absolute;
+ top: 1.75rem;
+ right: 0;
+ line-height: 1.5rem;
+ background: #f5f0ec;
+ border-radius: 12px;
+ padding: 0 0.75rem;
+ margin: -0.5rem 1rem 0 0;
+ text-align: center; }
+ #stream .box.category .box-title a.title:hover {
+ color: #ca7227; }
+#stream .box.category .box-content {
+ padding-bottom: 0.5rem; }
+ #stream .box.category .box-content .item.feed {
+ font-size: 1rem;
+ padding: 0.5rem 1.5rem; }
+ #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 {
+ padding: 0 0 50px;
+ background: #f5f0ec;
+ color: #363330;
+ border: none; }
+
+#stream.reader .flux .author {
+ margin: 0 0 10px;
+ font-size: 90%;
+ color: #bbaa99; }
+
+/*=== Configuration pages */
+.post {
+ padding: 1rem 2rem;
+ font-size: 1rem; }
+ .post form {
+ margin: 1rem 0; }
+ .post form .horizontal-list {
+ margin-bottom: 0.5rem; }
+ .post.content {
+ max-width: 550px; }
+ .post h1, .post h2 {
+ font-size: 3rem;
+ margin-top: 1.75rem;
+ font-weight: 300;
+ line-height: 1.2em;
+ color: #363330; }
+ .post a[href="./"] {
+ display: inline-block;
+ min-width: 15px;
+ line-height: 25px;
+ margin: 0;
+ padding: 0.75rem 1.5rem;
+ font-size: 1rem;
+ vertical-align: middle;
+ cursor: pointer;
+ overflow: hidden;
+ background: #fcfaf8;
+ border: 1px solid #e4d8cc;
+ border-radius: 5px;
+ color: #766556; }
+ .post a[href="./"]:hover {
+ text-decoration: none;
+ background: #ca7227;
+ color: white;
+ border: 1px solid #ca7227; }
+
+#slider {
+ border-left: none;
+ -webkit-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
+ -moz-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
+ box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); }
+
+.slide-container .properties {
+ background: rgba(0, 0, 0, 0.75);
+ border: 0;
+ padding: 1rem;
+ color: white; }
+ .slide-container .properties .page-number {
+ right: 1rem;
+ top: 1rem; }
+
+/*=== LOGS */
+/*=========*/
+.loglist {
+ overflow: hidden;
+ border: 1px solid #bbaa99; }
+
+.log {
+ margin: 10px 0;
+ padding: 5px 2%;
+ overflow: auto;
+ font-size: 0.8rem;
+ background: #fcfaf8;
+ color: #766556; }
+
+.log > .date {
+ margin: 0 10px 0 0;
+ padding: 5px 10px;
+ border-radius: 20px; }
+
+.log.error > .date {
+ background: #f5633e;
+ color: #fff; }
+
+.log.warning > .date {
+ background: #f4f762; }
+
+.log.notice > .date {
+ background: #f5f0ec; }
+
+.log.debug > .date {
+ background: #221f1d;
+ color: #fff; }
+
+/*=== 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; }
+
+.stat > .horizontal-list {
+ margin: 0 0 5px; }
+
+.stat > .horizontal-list .item {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
+
+.stat > .horizontal-list .item:first-child {
+ width: 270px; }
+
+/*=== MOBILE */
+/*===========*/
+@media (max-width: 840px) {
+ ul.nav .item {
+ width: 100%; }
+ ul.nav .item img {
+ display: none; }
+ ul.nav .item a {
+ display: inline-block;
+ padding: 1rem 1rem 1rem 2.5rem;
+ color: #363330;
+ width: 100%;
+ background: url("../../themes/icons/logout.svg") no-repeat #efe3d3 3% center;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out; }
+ ul.nav .item a:hover, ul.nav .item a:active {
+ background: url("../../themes/icons/logout.svg") no-repeat #f5633e 3% center;
+ text-decoration: none;
+ color: #fff; }
+
+ .aside {
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ 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,
+ #panel .close {
+ display: block;
+ width: 100%;
+ height: 50px;
+ line-height: 50px;
+ text-align: center;
+ background: #b7641d; }
+
+ .header {
+ padding: 0.5rem; }
+ .header .item.title {
+ display: none; }
+ .header .item.search input {
+ width: 90%;
+ height: 3.5rem; }
+ .header .item.search input:focus {
+ width: 100%; }
+ .header .item.search .btn {
+ min-height: 49px;
+ padding: 0.5rem 2rem; }
+ .header .item.configure {
+ width: 2.75rem;
+ top: 3.125rem; }
+ .header .item.configure .dropdown .btn {
+ padding: 1.125rem; }
+
+ .nav_menu .btn {
+ margin: 0;
+ padding: 0.85rem 1.25rem; }
+ .nav_menu .stick {
+ margin: 0.5rem 0.5rem; }
+ .nav_menu .stick .btn {
+ margin: 0;
+ padding: 0.85rem 1.25rem; }
+ .nav_menu .stick .btn.read_all {
+ padding: 0.85rem 1.25rem; }
+ .nav_menu .search {
+ display: none;
+ max-width: 97%; }
+ .nav_menu .search .input {
+ max-width: 97%;
+ width: 90px; }
+ .nav_menu .search .input::focus {
+ width: 400px; }
+
+ #stream .flux .flux_header {
+ padding: 0.5rem 0; }
+
+ .day {
+ text-align: center;
+ padding: 1rem 0; }
+ .day .name {
+ display: block;
+ padding: 0;
+ width: 100%;
+ line-height: 1.5rem;
+ margin-bottom: 1rem; }
+
+ .pagination {
+ margin: 0 0 3.5em; }
+
+ #nav_entries {
+ line-height: 4.5rem; }
+
+ .notification {
+ border-radius: 0; }
+ .notification a.close {
+ display: block;
+ left: 0;
+ background: transparent; }
+ .notification a.close:hover {
+ opacity: 0.5; }
+ .notification a.close .icon {
+ display: none; } }
+html, body {
+ font-family: "lato", "Helvetica", "Arial", sans-serif;
+ font-size: 0.875rem; }
+
+/*=== GENERAL */
+/*============*/
+html, body {
+ height: 100%;
+ background: #f5f0ec; }
+
+/*=== Links */
+a, button.as-link {
+ outline: none;
+ color: #ca7227; }
+
+/*# sourceMappingURL=ansum.css.map */