aboutsummaryrefslogtreecommitdiff
path: root/p/themes/Mapco/mapco.css
diff options
context:
space:
mode:
Diffstat (limited to 'p/themes/Mapco/mapco.css')
-rw-r--r--p/themes/Mapco/mapco.css1306
1 files changed, 1306 insertions, 0 deletions
diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css
new file mode 100644
index 000000000..90994163e
--- /dev/null
+++ b/p/themes/Mapco/mapco.css
@@ -0,0 +1,1306 @@
+@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: #f9fafb;
+ border-radius: 5px;
+ border: none;
+ color: #5b6871;
+ -webkit-transition: all 0.15s ease-in-out;
+ -moz-transition: all 0.15s ease-in-out;
+ -o-transition: all 0.15s ease-in-out;
+ -ms-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out; }
+ .btn.btn-important {
+ background: #3366cc;
+ color: #fff; }
+ .btn.btn-important:hover, .btn.btn-important:active {
+ background: #2255cc; }
+ .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: #5b6871; }
+
+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 #eff0f2;
+ font-size: 1rem;
+ color: #5b6871;
+ border-radius: 2px; }
+
+option {
+ padding: 0 .5em; }
+
+input:focus, select:focus, textarea:focus {
+ color: #303136;
+ border-color: #3366cc; }
+
+input:invalid, select:invalid {
+ color: #f5633e;
+ border-color: #f5633e;
+ box-shadow: none; }
+
+input:disabled, select:disabled {
+ background: #eff0f2; }
+
+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 #d5d8db; }
+
+th {
+ background: #f9fafb; }
+
+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: #f9fafb;
+ 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: #5b6871;
+ 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;
+ -ms-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: #303136; }
+ .dropdown-menu .item:hover {
+ background: #3366cc;
+ 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 #eff0f2; }
+
+.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: #303136; }
+ .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: #3366cc; }
+
+/*=== Alerts */
+.alert {
+ margin: 1rem 0;
+ padding: 1rem;
+ font-size: 1rem;
+ background: #f9fafb;
+ border: 1px solid #c5ced3;
+ border-radius: 3px;
+ color: #5b6871;
+ text-shadow: 0 0 1px #eff0f2; }
+
+.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: #cffde7;
+ border: 1px solid #0c754033;
+ color: #0c7540; }
+
+.alert-error {
+ background: #fde0d8;
+ border: 1px solid #73341f33;
+ color: #73341f; }
+
+/*=== Pagination */
+.pagination {
+ text-align: center;
+ font-size: 0.8em;
+ background: #eff0f2;
+ color: #303136; }
+ .pagination .item.pager-current {
+ font-weight: bold;
+ font-size: 1.5em;
+ background: #303136;
+ color: #eff0f2; }
+ .pagination .item a {
+ display: block;
+ font-style: italic;
+ line-height: 3em;
+ text-decoration: none;
+ color: #303136; }
+ .pagination .item a:hover {
+ background: #303136;
+ color: #eff0f2; }
+ .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: #eff0f2;
+ color: #303136;
+ 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: #303136;
+ line-height: 1.7em;
+ border-bottom: 1px solid #eff0f2; }
+ .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 #3366cc; }
+ .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: #effcfd;
+ color: #3366cc;
+ -webkit-transition: all 0.15s ease-in-out;
+ -moz-transition: all 0.15s ease-in-out;
+ -o-transition: all 0.15s ease-in-out;
+ -ms-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out; }
+ #bigMarkAsRead:hover {
+ background: #3366cc;
+ 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: #303136; }
+ .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: #c5ced3; }
+ .formLogin form#crypto-form div input {
+ background: #1d1e22; }
+ .formLogin form#crypto-form div input:focus {
+ background: #f9fafb;
+ color: #303136; }
+
+/*=== 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 {
+ position: relative;
+ background: #303136;
+ 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: #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 {
+ 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;
+ -ms-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out; }
+ .tree .tree-folder .tree-folder-items .item.active {
+ background: #3366cc; }
+ .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 .feed .item-title:not([data-unread="0"])::before {
+ content: attr(data-unread);
+ background: rgba(0, 0, 0, 0.25);
+ 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 #d5d8db; }
+
+.aside {
+ background: #303136; }
+ .aside.aside_feed {
+ padding: 10px 0;
+ text-align: center;
+ background: #303136; }
+ .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: #303136;
+ -webkit-transition: all 0.15s ease-in-out;
+ -moz-transition: all 0.15s ease-in-out;
+ -o-transition: all 0.15s ease-in-out;
+ -ms-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out; }
+ .nav-list .item a {
+ padding: 0 1rem;
+ color: #FFFFFF; }
+ .nav-list .item .error a {
+ color: #f5633e; }
+ .nav-list .item:hover {
+ background: #17181a;
+ color: #FFFFFF; }
+ .nav-list .item:hover .error a {
+ color: #FFFFFF;
+ background: #3366cc; }
+ .nav-list .item:hover .empty a {
+ color: #FFFFFF;
+ background: #f4f762; }
+ .nav-list .item:hover a {
+ color: #FFFFFF;
+ text-decoration: none; }
+ .nav-list .item.active {
+ background: #3366cc;
+ color: #fff; }
+ .nav-list .item.active .error a {
+ color: #fff;
+ background: #3366cc; }
+ .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: #f9fafb;
+ color: #a6a7ae; }
+.nav-list .nav-header {
+ padding: 0 10px;
+ font-weight: bold;
+ color: #5b6871;
+ 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(0, 0, 0, 0.25);
+ border-radius: 12px;
+ padding: 0 0.75rem;
+ margin: -0.5rem 1rem 0 0;
+ text-align: center; }
+
+.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-importExport {
+ border-left-color: #303136; }
+
+/*=== STRUCTURE */
+/*===============*/
+/*=== Header */
+.header {
+ background: #303136;
+ 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: #FFFFFF;
+ 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: #26272a;
+ color: #FFFFFF;
+ 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;
+ -ms-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out; }
+ .header .item.search input:hover {
+ background-color: #17181a; }
+ .header .item.search input:focus {
+ width: 350px;
+ background-color: #fff;
+ color: #5b6871; }
+ .header .item.search .btn {
+ border-radius: 0 2px 2px 0;
+ background-color: #3366cc;
+ 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: #2255cc; }
+ .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-white.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: #3366cc; }
+
+#new-article:hover {
+ background: #2255cc; }
+
+#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: #5b6871; }
+ .day .name {
+ padding: 0 1rem 0 1rem;
+ font-size: 0.875rem;
+ color: #303136;
+ 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: #f9fafb;
+ background-position: center;
+ background-repeat: no-repeat; }
+ .nav_menu .btn:hover {
+ background-color: #eff0f2; }
+ .nav_menu .stick {
+ background: #f9fafb; }
+ .nav_menu .stick .btn {
+ border-left-width: 0;
+ padding: 0.5rem 1rem;
+ background-color: #f9fafb;
+ 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;
+ -ms-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out; }
+ .nav_menu .stick .btn:hover {
+ background-color: #d5d8db; }
+ .nav_menu .stick .btn.active {
+ background-color: #3366cc; }
+ .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: #f9fafb;
+ color: #303136;
+ 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;
+ -ms-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out; }
+ .nav_menu .stick .btn.read_all:hover {
+ background-color: #d5d8db; }
+ .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: #a6a7ae;
+ 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: #303136;
+ 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: #3366cc;
+ text-decoration: none; }
+ .content .author, .content.thin .author {
+ font-size: 1.125rem;
+ color: #5b6871; }
+ .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: #d5d8db;
+ 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;
+ color: #eff0f2;
+ background: #f9fafb;
+ border: 1px solid #eff0f2;
+ border-radius: 3px; }
+ .content blockquote, .content.thin blockquote {
+ display: block;
+ margin: 0;
+ padding: 5px 20px;
+ border-top: 1px solid #d5d8db;
+ border-bottom: 1px solid #d5d8db;
+ background: #f9fafb;
+ color: #303136; }
+ .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: #d5d8db;
+ color: #5b6871;
+ border: none; }
+ .notification .msg {
+ font-size: 1rem;
+ display: inline-block; }
+ .notification.good {
+ background: #10f587;
+ 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: #0c7540; }
+ .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: #303136; }
+
+/*=== 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;
+ -ms-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out; }
+ .flux:hover {
+ background: #f9fafb; }
+ .flux:hover:not(.current):hover .item.title {
+ background: #f9fafb; }
+ .flux.current {
+ border-left-color: #3366cc;
+ background: #f9fafb; }
+ .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: #3366cc; }
+ .flux.not_read .item.website a {
+ color: #3366cc; }
+ .flux.not_read .item.date {
+ color: #3366cc99; }
+ .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;
+ -ms-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: #303136;
+ opacity: 0.75; }
+ .flux .website .favicon {
+ padding: 5px; }
+ .flux .date {
+ font-size: 0.85rem;
+ color: #303136;
+ opacity: 0.75; }
+ .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 {
+ 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: #5b6871; }
+ #stream .box.category .box-title a.title:not([data-unread="0"])::after {
+ position: absolute;
+ top: 1.75rem;
+ right: 0;
+ line-height: 1.5rem;
+ background: #eff0f2;
+ 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: #3366cc; }
+#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: #303136;
+ font-weight: 400; }
+ #stream .box.category .box-content .item.feed a:hover {
+ color: #3366cc;
+ 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: #eff0f2;
+ color: #303136;
+ border: none; }
+
+#stream.reader .flux .author {
+ margin: 0 0 10px;
+ font-size: 90%;
+ color: #a6a7ae; }
+
+/*=== 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: #303136; }
+ .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: #f9fafb;
+ border: 1px solid #d5d8db;
+ border-radius: 5px;
+ color: #5b6871; }
+ .post a[href="./"]:hover {
+ text-decoration: none;
+ background: #3366cc;
+ color: white;
+ border: 1px solid #3366cc; }
+
+#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 #a6a7ae; }
+
+.log {
+ margin: 10px 0;
+ padding: 5px 2%;
+ overflow: auto;
+ font-size: 0.8rem;
+ background: #f9fafb;
+ color: #5b6871; }
+
+.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: #eff0f2; }
+
+.log.debug > .date {
+ background: #1d1e22;
+ 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 #d5d8db; }
+
+.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: #FFFFFF;
+ width: 100%;
+ background: url("../../themes/icons/logout.svg") no-repeat #17181a 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;
+ -ms-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; }
+
+ .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;
+ -ms-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: #2255cc; }
+
+ .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: #eff0f2; }
+
+/*=== Links */
+a, button.as-link {
+ outline: none;
+ color: #3366cc; }
+
+/*# sourceMappingURL=mapco.css.map */
generated by cgit v1.2.3 (git 2.39.1) at 2026-02-10 09:50:13 +0000