From ac4cc6436e761da636b3c8a25fb2d94d48bb49fa Mon Sep 17 00:00:00 2001 From: Kevin Papst Date: Wed, 1 Mar 2017 21:19:00 +0100 Subject: renamed theme to Origine-compact --- p/themes/Minimal/loader.gif | Bin 4167 -> 0 bytes p/themes/Minimal/metadata.json | 7 - p/themes/Minimal/minimal.css | 1091 -------------------------- p/themes/Minimal/thumbs/original.png | Bin 167369 -> 0 bytes p/themes/Origine-compact/loader.gif | Bin 0 -> 4167 bytes p/themes/Origine-compact/metadata.json | 7 + p/themes/Origine-compact/origine-compact.css | 1091 ++++++++++++++++++++++++++ p/themes/Origine-compact/thumbs/original.png | Bin 0 -> 167369 bytes 8 files changed, 1098 insertions(+), 1098 deletions(-) delete mode 100644 p/themes/Minimal/loader.gif delete mode 100644 p/themes/Minimal/metadata.json delete mode 100644 p/themes/Minimal/minimal.css delete mode 100644 p/themes/Minimal/thumbs/original.png create mode 100644 p/themes/Origine-compact/loader.gif create mode 100644 p/themes/Origine-compact/metadata.json create mode 100644 p/themes/Origine-compact/origine-compact.css create mode 100644 p/themes/Origine-compact/thumbs/original.png (limited to 'p') diff --git a/p/themes/Minimal/loader.gif b/p/themes/Minimal/loader.gif deleted file mode 100644 index 5ff26f0e3..000000000 Binary files a/p/themes/Minimal/loader.gif and /dev/null differ diff --git a/p/themes/Minimal/metadata.json b/p/themes/Minimal/metadata.json deleted file mode 100644 index 54f59de24..000000000 --- a/p/themes/Minimal/metadata.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "name": "Minimal", - "author": "Kevin Papst", - "description": "A theme that tries to use the screen size more efficiently, based on Origine", - "version": 0.1, - "files": ["_template.css", "minimal.css"] -} diff --git a/p/themes/Minimal/minimal.css b/p/themes/Minimal/minimal.css deleted file mode 100644 index 87d04e93e..000000000 --- a/p/themes/Minimal/minimal.css +++ /dev/null @@ -1,1091 +0,0 @@ -@charset "UTF-8"; - -/*=== FONTS */ -@font-face { - font-family: "OpenSans"; - src: url("../fonts/openSans.woff") format("woff"); -} - -/*=== GENERAL */ -/*============*/ -html, body { - height: 100%; - font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", sans-serif; - background: #fafafa; -} - -/*=== Links */ -a, button.as-link { - color: #0062be; - outline: none; -} - -/*=== Forms */ -legend { - margin: 20px 0 5px; - padding: 5px 0; - border-bottom: 1px solid #ddd; - font-size: 1.4em; -} -label { - min-height: 25px; - padding: 5px 0; - cursor: pointer; -} -textarea { - width: 360px; - height: 100px; -} -input, select, textarea { - min-height: 25px; - padding: 3px 5px 2px 5px; - background: #fdfdfd; - border: 1px solid #bbb; - border-radius: 3px; - color: #666; - line-height: 25px; - vertical-align: middle; - box-shadow: 0 2px 2px #eee inset; -} -option { - padding: 0 .5em; -} -input:focus, select:focus, textarea:focus { - color: #0062be; - border-color: #33bbff; - box-shadow: 0 2px 2px #ddddff inset; -} -input:invalid, select:invalid { - border-color: #f00; - box-shadow: 0 0 2px 2px #fdd inset; -} -input:disabled, select:disabled { - background: #eee; -} -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; -} - -/*=== Tables */ -table { - border-collapse: collapse; -} - -tr, th, td { - padding: 0.5em; - border: 1px solid #ddd; -} -th { - background: #f6f6f6; -} -form td, -form th { - font-weight: normal; - text-align: center; -} - -/*=== COMPONENTS */ -/*===============*/ -/*=== Forms */ -.form-group.form-actions { - padding: 5px 0; - background: #f4f4f4; - border-top: 1px solid #ddd; -} -.form-group.form-actions .btn { - margin: 0 10px; -} -.form-group .group-name { - padding: 10px 0; - text-align: right; -} -.form-group .group-controls { - min-height: 25px; - padding: 8px 0; -} -.form-group table { - margin: 10px 0 0 220px; -} - -/*=== 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: 3px 0 0 3px; -} -.stick .btn-important:first-child { - border-right: 1px solid #06f; -} -.stick .btn:last-child, -.stick input:last-child { - border-radius: 0 3px 3px 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: none; -} -.stick input + .btn { - border-top: 1px solid #bbb; -} -.stick .btn + .dropdown > .btn { - border-left: none; - border-radius: 0 3px 3px 0; -} - -.btn { - display: inline-block; - min-height: 32px; - min-width: 15px; - margin: 0; - padding: 5px 10px; - background: #fff; - background: linear-gradient(to bottom, #fff 0%, #eee 100%); - background: -moz-linear-gradient(top, #fff 0%, #eee 100%); - background: -webkit-linear-gradient(top, #fff 0%, #eee 100%); - background: -o-linear-gradient(top, #fff 0%, #eee 100%); - background: -ms-linear-gradient(top, #fff 0%, #eee 100%); - border-radius: 3px; - border: 1px solid #ddd; - border-bottom: 1px solid #aaa; - border-right: 1px solid #aaa; - color: #666; - text-shadow: 0px -1px 0 #ddd; - font-size: 0.9rem; - vertical-align: middle; - cursor: pointer; - overflow: hidden; -} -a.btn { - min-height: 20px; - line-height: 20px; -} -.btn:hover { - background: #f0f0f0; - background: linear-gradient(to bottom, #f8f8f8, #f0f0f0); - background: -moz-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%); - background: -webkit-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%); - background: -o-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%); - background: -ms-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%); - text-decoration: none; -} -.btn.active, -.btn:active, -.dropdown-target:target ~ .btn.dropdown-toggle { - box-shadow: 0px 2px 4px #e0e0e0 inset, 0px 1px 2px #fafafa; - background: #eee; -} - -.btn-important { - background: #0084CC; - background: linear-gradient(to bottom, #0084CC, #0045CC); - background: -moz-linear-gradient(top, #0084CC 0%, #0045CC 100%); - background: -webkit-linear-gradient(top, #0084CC 0%, #0045CC 100%); - background: -o-linear-gradient(top, #0084CC 0%, #0045CC 100%); - background: -ms-linear-gradient(top, #0084CC 0%, #0045CC 100%); - color: #fff; - border: 1px solid #0062B7; - text-shadow: 0px -1px 0 #aaa; - font-weight: normal; -} -.btn-important:hover { - background: linear-gradient(to bottom, #0066CC, #0045CC); - background: -moz-linear-gradient(top, #0066CC 0%, #0045CC 100%); - background: -webkit-linear-gradient(top, #0066CC 0%, #0045CC 100%); - background: -o-linear-gradient(top, #0066CC 0%, #0045CC 100%); - background: -ms-linear-gradient(top, #0066CC 0%, #0045CC 100%); -} -.btn-important:active { - background: #0044CB; - box-shadow: none; -} - -.btn-attention { - background: #E95B57; - background: linear-gradient(to bottom, #E95B57, #BD362F); - background: -moz-linear-gradient(top, #E95B57 0%, #BD362F 100%); - background: -webkit-linear-gradient(top, #E95B57 0%, #BD362F 100%); - background: -o-linear-gradient(top, #E95B57 0%, #BD362F 100%); - background: -ms-linear-gradient(top, #E95B57 0%, #BD362F 100%); - color: #fff; - border: 1px solid #C44742; - text-shadow: 0px -1px 0px #666; -} -.btn-attention:hover { - background: linear-gradient(to bottom, #D14641, #BD362F); - background: -moz-linear-gradient(top, #D14641 0%, #BD362F 100%); - background: -webkit-linear-gradient(top, #D14641 0%, #BD362F 100%); - background: -o-linear-gradient(top, #D14641 0%, #BD362F 100%); - background: -ms-linear-gradient(top, #D14641 0%, #BD362F 100%); -} -.btn-attention:active { - background: #BD362F; - box-shadow: none; -} - -/*=== Navigation */ -.nav-list .nav-header, -.nav-list .item { - height: 2.5em; - line-height: 2.5em; - font-size: 0.9rem; -} -.nav-list .item:hover { - background: #fafafa; -} -.nav-list .item:hover a { - color: #003388; -} -.nav-list .item.active { - background: #0062BE; - color: #fff; -} -.nav-list .item.active a { - color: #fff; -} -.nav-list .disable { - color: #aaa; - background: #fafafa; - text-align: center; -} -.nav-list .item > a { - padding: 0 10px; -} -.nav-list a:hover { - text-decoration: none; -} -.nav-list .item.empty a { - color: #f39c12; -} -.nav-list .item.active.empty a { - color: #fff; - background: #f39c12; -} -.nav-list .item.error a { - color: #BD362F; -} -.nav-list .item.active.error a { - color: #fff; - background: #BD362F; -} - -.nav-list .nav-header { - padding: 0 10px; - color: #888; - background: #f4f4f4; - border-bottom: 1px solid #ddd; - font-weight: bold; - text-shadow: 0 0 1px #ddd; -} - -.nav-list .nav-form { - padding: 3px; - text-align: center; -} - -.nav-head { - margin: 0; - background: #fff; - background: linear-gradient(to bottom, #fff, #f0f0f0); - background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%); - background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%); - background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%); - background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%); - border-bottom: 1px solid #ddd; - text-align: right; -} -.nav-head .item { - padding: 5px 10px; - font-size: 0.9rem; - line-height: 1.5rem; -} - -/*=== Horizontal-list */ -.horizontal-list { - margin: 0; - padding: 0; - font-size: 0.9rem; -} -.horizontal-list .item { - vertical-align: middle; - line-height: 30px; -} - -/*=== Dropdown */ -.dropdown-menu { - margin: 5px 0 0; - padding: 5px 0; - border: 1px solid #ddd; - border-radius: 5px; - box-shadow: 3px 3px 3px #ddd; - font-size: 0.8rem; - text-align: left; -} -.dropdown-menu::after { - content: ""; - position: absolute; - top: -6px; - right: 13px; - width: 10px; - height: 10px; - background: #fff; - border-top: 1px solid #ddd; - border-left: 1px solid #ddd; - z-index: -10; - transform: rotate(45deg); - -moz-transform: rotate(45deg); - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); -} -.dropdown-header { - padding: 0 5px 5px; - color: #888; - font-weight: bold; - text-align: left; -} -.dropdown-menu > .item { -} -.dropdown-menu > .item > a { - padding: 0 25px; - line-height: 2.5em; -} -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { - padding: 0 22px; - line-height: 2em; -} -.dropdown-menu > .item:hover { - background: #0062BE; - color: #fff; -} -.dropdown-menu > .item[aria-checked="true"] > a::before { - font-weight: bold; - margin: 0 0 0 -14px; -} -.dropdown-menu > .item:hover > a { - color: #fff; - text-decoration: none; -} -.dropdown-menu .input select, -.dropdown-menu .input input { - margin: 0 auto 5px; - padding: 2px 5px; - border-radius: 3px; -} - -.separator { - margin: 5px 0; - border-bottom: 1px solid #ddd; -} - -/*=== Alerts */ -.alert { - margin: 15px auto; - padding: 10px 15px; - background: #f4f4f4; - border: 1px solid #ccc; - border-right: 1px solid #aaa; - border-bottom: 1px solid #aaa; - border-radius: 5px; - color: #aaa; - text-shadow: 0 0 1px #eee; - font-size: 0.9em; -} -.alert-head { - font-size: 1.15em; -} -.alert > a { - color: inherit; - text-decoration: underline; -} -.alert-warn { - background: #ffe; - border: 1px solid #eeb; - color: #c95; -} -.alert-success { - background: #dfd; - border: 1px solid #cec; - color: #484; -} -.alert-error { - background: #fdd; - border: 1px solid #ecc; - color: #844; -} - -/*=== Pagination */ -.pagination { - background: #fafafa; - text-align: center; - color: #333; - font-size: 0.8em; -} -.content .pagination { - margin: 0; - padding: 0; -} -.pagination .item.pager-current { - font-weight: bold; - font-size: 1.5em; -} -.pagination .item a { - display: block; - color: #333; - font-style: italic; - line-height: 3em; - text-decoration: none; -} -.pagination .item a:hover { - background: #ddd; -} -.pagination:first-child .item { - border-bottom: 1px solid #aaa; -} -.pagination:last-child .item { - border-top: 1px solid #aaa; -} - -.pagination .loading, -.pagination a:hover.loading { - background: url("loader.gif") center center no-repeat #fff; - font-size: 0; -} - -/*=== Boxes */ -.box { - background: #fff; - border-radius: 5px; - box-shadow: 0 0 3px #bbb; -} -.box .box-title { - margin: 0; - padding: 5px 10px; - background: #f6f6f6; - border-bottom: 1px solid #ddd; - border-radius: 5px 5px 0 0; -} -.box .box-content { - min-height: 2.5em; - max-height: 260px; -} - -.box .box-content .item { - padding: 0 10px; - font-size: 0.9rem; - line-height: 2.5em; -} - -.box .box-content .item .configure { - visibility: hidden; -} -.box .box-content .item:hover .configure { - visibility: visible; -} - -/*=== Tree */ -.tree { - margin: 10px 0; -} -.tree-folder-title { - position: relative; - padding: 0 5px; - background: #fff; - line-height: 2rem; - font-size: 0.9rem; -} -.tree-folder-title .title { - background: inherit; - color: #444; -} -.tree-folder-title .title:hover { - text-decoration: none; -} -.tree-folder.active .tree-folder-title { - background: #f0f0f0; - font-weight: bold; -} -.tree-folder.active .tree-folder-title .title { - color: #0062BE; -} -.tree-folder-items { - border-top: 1px solid #ccc; - border-bottom: 1px solid #ccc; - background: #f6f6f6; -} -.tree-folder-items > .item { - padding: 0 10px; - line-height: 2.2rem; - font-size: 0.8rem; -} -.tree-folder-items > .item.active { - background: #0062be; -} -.tree-folder-items > .item > a { - text-decoration: none; -} -.tree-folder-items > .item.active > a { - color: #fff; -} - -/*=== STRUCTURE */ -/*===============*/ -/*=== Header */ -.header { - height: 40px; - background: #f4f4f4; -} -.header > .item { - padding: 0px; - border-bottom: 1px solid #aaa; - vertical-align: middle; - text-align: center; -} -.header > .item.title{ - width: 230px; -} -.header > .item.title h1 { - margin: 0; - font-size: 1em; -} -.header > .item.title h1 a { - text-decoration: none; -} -.header .item.configure .btn, -.header .item.search .btn { - min-height: 18px; - padding: 4px 10px; - line-height: 18px; -} -.header > .item.title .logo { - height: 25px; - width: 25px; -} - -.header > .item.search input { - width: 230px; - padding: 1px 5px 0px 5px; -} -.header .item.search input:focus { - width: 350px; -} - -/*=== Body */ -#global { - height: calc(100% - 85px); -} -.aside { - border-right: 1px solid #aaa; - background: #fff; -} -.aside.aside_feed { - padding: 10px 0; - text-align: center; - background: #fff; -} -.aside.aside_feed .tree { - margin: 10px 0 50px; -} - -/*=== Aside main page (categories) */ -.aside_feed .category .title:not([data-unread="0"])::after { - position: absolute; - right: 0; - margin: 10px 0; - padding: 0 10px; - font-size: 0.8rem; - line-height: 0.9rem; - background: inherit; -} - -/*=== Aside main page (feeds) */ -.feed.item.empty.active { - background: #e67e22; -} -.feed.item.error.active { - background: #bd362f; -} -.feed.item.empty, -.feed.item.empty > a { - color: #e67e22; -} -.feed.item.error, -.feed.item.error > a { - color: #bd362f; -} -.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.active .dropdown-toggle > .icon { - background-color: #fff; - border-radius: 3px; -} - -/*=== Configuration pages */ -.post { - padding: 10px 50px; - font-size: 0.9em; -} -.post form { - margin: 10px 0; -} -.post.content { - max-width: 550px; -} - -/*=== 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 { - background: #0084CC; - text-align: center; - font-size: 0.9em; -} -#new-article:hover { - background: #0066CC; -} -#new-article > a { - line-height: 3em; - color: #fff; - font-weight: bold; -} -#new-article > a:hover { - text-decoration: none; -} - -/*=== Day indication */ -.day { - font-size: 0.9rem; - padding: 0 10px; - font-weight: bold; - line-height: 2em; - background: #fff; - border-top: 1px solid #aaa; - border-bottom: 1px solid #aaa; -} -#new-article + .day { - border-top: none; -} -.day .name { - padding: 0 10px 0 0; - color: #aab; - font-size: 1em; - opacity: 0.6; - font-style: italic; - text-align: right; -} - -/*=== Index menu */ -.nav_menu { - background: #fafafa; - border-bottom: 1px solid #aaa; - text-align: center; - padding: 5px 0; -} - -/*=== Feed articles */ -.flux { - border-left: 2px solid #aaa; - background: #fafafa; -} -.flux:hover { - background: #fff; -} -.flux.current { - border-left: 2px solid #0062BE; -} -.flux.not_read { - border-left: 2px solid #FF5300; - background: #FFF3ED; -} -.flux.not_read:not(.current):hover .item.title { - background: #FFF3ED; -} -.flux.favorite { - border-left: 2px solid #FFC300; - background: #FFF6DA; -} -.flux.favorite:not(.current):hover .item.title { - background: #FFF6DA; -} -.flux.current { - background: #fff; -} - - -.flux_header { - border-top: 1px solid #ddd; - font-size: 0.8rem; - cursor: pointer; -} -.flux_header .title { - font-size: 0.8rem; -} -.flux .website .favicon { - padding: 5px; -} -.flux .date { - color: #666; - font-size: 0.7rem; -} - -.flux .bottom { - font-size: 0.8rem; - text-align: center; -} - -/*=== Content of feed articles */ -.content { - padding: 10px 10px; -} -#stream.normal .content > h1.title { - display:none; -} -.content > h1.title > a { - color: #000; -} - -.content hr { - margin: 30px 10px; - height: 1px; - background: #ddd; - border: 0; - box-shadow: 0 2px 5px #ccc; -} - -.content pre { - margin: 10px auto; - padding: 10px 20px; - overflow: auto; - background: #222; - color: #fff; - font-size: 0.9rem; - border-radius: 3px; -} -.content code { - padding: 2px 5px; - color: #dd1144; - background: #fafafa; - border: 1px solid #eee; - border-radius: 3px; -} -.content pre code { - background: transparent; - color: #fff; - border: none; -} - -.content blockquote { - display: block; - margin: 0; - padding: 5px 20px; - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; - background: #fafafa; - color: #333; -} -.content blockquote p { - margin: 0; -} - -/*=== Notification and actualize notification */ -.notification { - padding: 0 0 0 5px; - text-align: center; - border: 1px solid #eeb; - border-radius: 3px; - box-shadow: 0 0 5px #ddd; - font-weight: bold; - font-size: 0.9em; - line-height: 3em; - z-index: 10; - vertical-align: middle; -} -.notification.good { - background: #ffe; - border: 1px solid #eeb; - color: #c95; -} -.notification.bad { - background: #fdd; - border: 1px solid #ecc; - color: #844; -} -.notification a.close { - padding: 0 15px; - line-height: 3em; -} -.notification.good a.close:hover { - background: #eeb; -} -.notification.bad a.close:hover { - background: #ecc; -} - -.notification#actualizeProgress { - line-height: 2em; -} - -/*=== "Load more" part */ -#bigMarkAsRead { - text-align: center; - text-decoration: none; - color: #666; - background: #fafafa; - font-size: 1.2em; -} -#bigMarkAsRead:hover { - color: #0062be; - background: #fff; - box-shadow: 0 -5px 10px #eee inset; -} -#bigMarkAsRead .bigTick { - font-size: 3em; -} -#bigMarkAsRead:hover .bigTick { - text-shadow: 0 0 5px #0062be; -} - -/*=== Navigation menu (for articles) */ -#nav_entries { - margin: 0; - background: #fff; - border-top: 1px solid #ddd; - text-align: center; - line-height: 2.2em; - table-layout: fixed; -} - -/*=== READER VIEW */ -/*================*/ -#stream.reader .flux { - padding: 0 0 50px; - border: none; - background: #f0f0f0; - color: #333; -} -#stream.reader .flux .author { - margin: 0 0 10px; - font-size: 90%; - color: #666; -} - -/*=== GLOBAL VIEW */ -/*================*/ -.box.category .box-title .title { - font-weight: normal; - text-decoration: none; - text-align: left; -} -.box.category:not([data-unread="0"]) .box-title { - background: #0084CC; -} -.box.category:not([data-unread="0"]) .box-title:active { - background: #3498db; -} -.box.category:not([data-unread="0"]) .box-title .title { - color: #fff; - font-weight: bold; -} -.box.category .title:not([data-unread="0"])::after { - position: absolute; - top: 5px; right: 10px; - border: 0; - background: none; - color: #fff; - font-weight: bold; - box-shadow: none; - text-shadow: none; -} -.box.category .item.feed { - padding: 2px 10px; - font-size: 0.8rem; -} - -/*=== 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; -} - -/*=== STATISTICS */ -/*===============*/ -.stat { - margin: 10px 0 20px; -} - -.stat th, -.stat td, -.stat tr { - border: none; -} -.stat > table td, -.stat > table th { - border-bottom: 1px solid #ddd; -} - -.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; -} - -/*=== LOGS */ -/*=========*/ -.loglist { - border: 1px solid #aaa; - border-radius: 5px; - overflow: hidden; -} -.log { - padding: 5px 10px; - background: #fafafa; - color: #333; - font-size: 0.8rem; -} -.log+.log { - border-top: 1px solid #aaa; -} -.log .date { - display: block; - font-weight: bold; -} -.log.error { - background: #fdd; - color: #844; -} -.log.warning { - background: #ffe; - color: #c95; -} -.log.notice { - background: #f4f4f4; - color: #aaa; -} -.log.debug { - background: #333; - color: #eee; -} - -/*=== MOBILE */ -/*===========*/ -@media(max-width: 840px) { - .aside { - box-shadow: 3px 0 3px #aaa; - transition: width 200ms linear; - -moz-transition: width 200ms linear; - -webkit-transition: width 200ms linear; - -o-transition: width 200ms linear; - -ms-transition: width 200ms linear; - } - .aside .toggle_aside, - #panel .close { - display: block; - width: 100%; - height: 50px; - line-height: 50px; - text-align: center; - background: #f6f6f6; - border-bottom: 1px solid #ddd; - } - - .aside.aside_feed { - padding: 0; - } - - .nav_menu .btn { - margin: 5px 10px; - } - .nav_menu .stick { - margin: 0 10px; - } - .nav_menu .stick .btn { - margin: 5px 0; - } - .nav_menu .search { - display: inline-block; - max-width: 97%; - } - .nav_menu .search input { - max-width: 97%; - width: 90px; - } - .nav_menu .search input:focus { - width: 400px; - } - - .day .name { - font-size: 1.1rem; - text-shadow: none; - } - - .pagination { - margin: 0 0 3.5em; - } - - .notification a.close { - display: block; - left: 0; - background: transparent; - } - .notification a.close:hover { - opacity: 0.5; - } - .notification a.close .icon { - display: none; - } -} diff --git a/p/themes/Minimal/thumbs/original.png b/p/themes/Minimal/thumbs/original.png deleted file mode 100644 index b5f18fd43..000000000 Binary files a/p/themes/Minimal/thumbs/original.png and /dev/null differ diff --git a/p/themes/Origine-compact/loader.gif b/p/themes/Origine-compact/loader.gif new file mode 100644 index 000000000..5ff26f0e3 Binary files /dev/null and b/p/themes/Origine-compact/loader.gif differ diff --git a/p/themes/Origine-compact/metadata.json b/p/themes/Origine-compact/metadata.json new file mode 100644 index 000000000..eba82defd --- /dev/null +++ b/p/themes/Origine-compact/metadata.json @@ -0,0 +1,7 @@ +{ + "name": "Origine-compact", + "author": "Kevin Papst", + "description": "A theme that tries to use the screen size more efficiently, based on Origine", + "version": 0.1, + "files": ["_template.css", "origine-compact.css"] +} diff --git a/p/themes/Origine-compact/origine-compact.css b/p/themes/Origine-compact/origine-compact.css new file mode 100644 index 000000000..87d04e93e --- /dev/null +++ b/p/themes/Origine-compact/origine-compact.css @@ -0,0 +1,1091 @@ +@charset "UTF-8"; + +/*=== FONTS */ +@font-face { + font-family: "OpenSans"; + src: url("../fonts/openSans.woff") format("woff"); +} + +/*=== GENERAL */ +/*============*/ +html, body { + height: 100%; + font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", sans-serif; + background: #fafafa; +} + +/*=== Links */ +a, button.as-link { + color: #0062be; + outline: none; +} + +/*=== Forms */ +legend { + margin: 20px 0 5px; + padding: 5px 0; + border-bottom: 1px solid #ddd; + font-size: 1.4em; +} +label { + min-height: 25px; + padding: 5px 0; + cursor: pointer; +} +textarea { + width: 360px; + height: 100px; +} +input, select, textarea { + min-height: 25px; + padding: 3px 5px 2px 5px; + background: #fdfdfd; + border: 1px solid #bbb; + border-radius: 3px; + color: #666; + line-height: 25px; + vertical-align: middle; + box-shadow: 0 2px 2px #eee inset; +} +option { + padding: 0 .5em; +} +input:focus, select:focus, textarea:focus { + color: #0062be; + border-color: #33bbff; + box-shadow: 0 2px 2px #ddddff inset; +} +input:invalid, select:invalid { + border-color: #f00; + box-shadow: 0 0 2px 2px #fdd inset; +} +input:disabled, select:disabled { + background: #eee; +} +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; +} + +/*=== Tables */ +table { + border-collapse: collapse; +} + +tr, th, td { + padding: 0.5em; + border: 1px solid #ddd; +} +th { + background: #f6f6f6; +} +form td, +form th { + font-weight: normal; + text-align: center; +} + +/*=== COMPONENTS */ +/*===============*/ +/*=== Forms */ +.form-group.form-actions { + padding: 5px 0; + background: #f4f4f4; + border-top: 1px solid #ddd; +} +.form-group.form-actions .btn { + margin: 0 10px; +} +.form-group .group-name { + padding: 10px 0; + text-align: right; +} +.form-group .group-controls { + min-height: 25px; + padding: 8px 0; +} +.form-group table { + margin: 10px 0 0 220px; +} + +/*=== 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: 3px 0 0 3px; +} +.stick .btn-important:first-child { + border-right: 1px solid #06f; +} +.stick .btn:last-child, +.stick input:last-child { + border-radius: 0 3px 3px 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: none; +} +.stick input + .btn { + border-top: 1px solid #bbb; +} +.stick .btn + .dropdown > .btn { + border-left: none; + border-radius: 0 3px 3px 0; +} + +.btn { + display: inline-block; + min-height: 32px; + min-width: 15px; + margin: 0; + padding: 5px 10px; + background: #fff; + background: linear-gradient(to bottom, #fff 0%, #eee 100%); + background: -moz-linear-gradient(top, #fff 0%, #eee 100%); + background: -webkit-linear-gradient(top, #fff 0%, #eee 100%); + background: -o-linear-gradient(top, #fff 0%, #eee 100%); + background: -ms-linear-gradient(top, #fff 0%, #eee 100%); + border-radius: 3px; + border: 1px solid #ddd; + border-bottom: 1px solid #aaa; + border-right: 1px solid #aaa; + color: #666; + text-shadow: 0px -1px 0 #ddd; + font-size: 0.9rem; + vertical-align: middle; + cursor: pointer; + overflow: hidden; +} +a.btn { + min-height: 20px; + line-height: 20px; +} +.btn:hover { + background: #f0f0f0; + background: linear-gradient(to bottom, #f8f8f8, #f0f0f0); + background: -moz-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%); + background: -webkit-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%); + background: -o-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%); + background: -ms-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%); + text-decoration: none; +} +.btn.active, +.btn:active, +.dropdown-target:target ~ .btn.dropdown-toggle { + box-shadow: 0px 2px 4px #e0e0e0 inset, 0px 1px 2px #fafafa; + background: #eee; +} + +.btn-important { + background: #0084CC; + background: linear-gradient(to bottom, #0084CC, #0045CC); + background: -moz-linear-gradient(top, #0084CC 0%, #0045CC 100%); + background: -webkit-linear-gradient(top, #0084CC 0%, #0045CC 100%); + background: -o-linear-gradient(top, #0084CC 0%, #0045CC 100%); + background: -ms-linear-gradient(top, #0084CC 0%, #0045CC 100%); + color: #fff; + border: 1px solid #0062B7; + text-shadow: 0px -1px 0 #aaa; + font-weight: normal; +} +.btn-important:hover { + background: linear-gradient(to bottom, #0066CC, #0045CC); + background: -moz-linear-gradient(top, #0066CC 0%, #0045CC 100%); + background: -webkit-linear-gradient(top, #0066CC 0%, #0045CC 100%); + background: -o-linear-gradient(top, #0066CC 0%, #0045CC 100%); + background: -ms-linear-gradient(top, #0066CC 0%, #0045CC 100%); +} +.btn-important:active { + background: #0044CB; + box-shadow: none; +} + +.btn-attention { + background: #E95B57; + background: linear-gradient(to bottom, #E95B57, #BD362F); + background: -moz-linear-gradient(top, #E95B57 0%, #BD362F 100%); + background: -webkit-linear-gradient(top, #E95B57 0%, #BD362F 100%); + background: -o-linear-gradient(top, #E95B57 0%, #BD362F 100%); + background: -ms-linear-gradient(top, #E95B57 0%, #BD362F 100%); + color: #fff; + border: 1px solid #C44742; + text-shadow: 0px -1px 0px #666; +} +.btn-attention:hover { + background: linear-gradient(to bottom, #D14641, #BD362F); + background: -moz-linear-gradient(top, #D14641 0%, #BD362F 100%); + background: -webkit-linear-gradient(top, #D14641 0%, #BD362F 100%); + background: -o-linear-gradient(top, #D14641 0%, #BD362F 100%); + background: -ms-linear-gradient(top, #D14641 0%, #BD362F 100%); +} +.btn-attention:active { + background: #BD362F; + box-shadow: none; +} + +/*=== Navigation */ +.nav-list .nav-header, +.nav-list .item { + height: 2.5em; + line-height: 2.5em; + font-size: 0.9rem; +} +.nav-list .item:hover { + background: #fafafa; +} +.nav-list .item:hover a { + color: #003388; +} +.nav-list .item.active { + background: #0062BE; + color: #fff; +} +.nav-list .item.active a { + color: #fff; +} +.nav-list .disable { + color: #aaa; + background: #fafafa; + text-align: center; +} +.nav-list .item > a { + padding: 0 10px; +} +.nav-list a:hover { + text-decoration: none; +} +.nav-list .item.empty a { + color: #f39c12; +} +.nav-list .item.active.empty a { + color: #fff; + background: #f39c12; +} +.nav-list .item.error a { + color: #BD362F; +} +.nav-list .item.active.error a { + color: #fff; + background: #BD362F; +} + +.nav-list .nav-header { + padding: 0 10px; + color: #888; + background: #f4f4f4; + border-bottom: 1px solid #ddd; + font-weight: bold; + text-shadow: 0 0 1px #ddd; +} + +.nav-list .nav-form { + padding: 3px; + text-align: center; +} + +.nav-head { + margin: 0; + background: #fff; + background: linear-gradient(to bottom, #fff, #f0f0f0); + background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%); + background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%); + background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%); + background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%); + border-bottom: 1px solid #ddd; + text-align: right; +} +.nav-head .item { + padding: 5px 10px; + font-size: 0.9rem; + line-height: 1.5rem; +} + +/*=== Horizontal-list */ +.horizontal-list { + margin: 0; + padding: 0; + font-size: 0.9rem; +} +.horizontal-list .item { + vertical-align: middle; + line-height: 30px; +} + +/*=== Dropdown */ +.dropdown-menu { + margin: 5px 0 0; + padding: 5px 0; + border: 1px solid #ddd; + border-radius: 5px; + box-shadow: 3px 3px 3px #ddd; + font-size: 0.8rem; + text-align: left; +} +.dropdown-menu::after { + content: ""; + position: absolute; + top: -6px; + right: 13px; + width: 10px; + height: 10px; + background: #fff; + border-top: 1px solid #ddd; + border-left: 1px solid #ddd; + z-index: -10; + transform: rotate(45deg); + -moz-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); +} +.dropdown-header { + padding: 0 5px 5px; + color: #888; + font-weight: bold; + text-align: left; +} +.dropdown-menu > .item { +} +.dropdown-menu > .item > a { + padding: 0 25px; + line-height: 2.5em; +} +.dropdown-menu > .item > span, +.dropdown-menu > .item > .as-link { + padding: 0 22px; + line-height: 2em; +} +.dropdown-menu > .item:hover { + background: #0062BE; + color: #fff; +} +.dropdown-menu > .item[aria-checked="true"] > a::before { + font-weight: bold; + margin: 0 0 0 -14px; +} +.dropdown-menu > .item:hover > a { + color: #fff; + text-decoration: none; +} +.dropdown-menu .input select, +.dropdown-menu .input input { + margin: 0 auto 5px; + padding: 2px 5px; + border-radius: 3px; +} + +.separator { + margin: 5px 0; + border-bottom: 1px solid #ddd; +} + +/*=== Alerts */ +.alert { + margin: 15px auto; + padding: 10px 15px; + background: #f4f4f4; + border: 1px solid #ccc; + border-right: 1px solid #aaa; + border-bottom: 1px solid #aaa; + border-radius: 5px; + color: #aaa; + text-shadow: 0 0 1px #eee; + font-size: 0.9em; +} +.alert-head { + font-size: 1.15em; +} +.alert > a { + color: inherit; + text-decoration: underline; +} +.alert-warn { + background: #ffe; + border: 1px solid #eeb; + color: #c95; +} +.alert-success { + background: #dfd; + border: 1px solid #cec; + color: #484; +} +.alert-error { + background: #fdd; + border: 1px solid #ecc; + color: #844; +} + +/*=== Pagination */ +.pagination { + background: #fafafa; + text-align: center; + color: #333; + font-size: 0.8em; +} +.content .pagination { + margin: 0; + padding: 0; +} +.pagination .item.pager-current { + font-weight: bold; + font-size: 1.5em; +} +.pagination .item a { + display: block; + color: #333; + font-style: italic; + line-height: 3em; + text-decoration: none; +} +.pagination .item a:hover { + background: #ddd; +} +.pagination:first-child .item { + border-bottom: 1px solid #aaa; +} +.pagination:last-child .item { + border-top: 1px solid #aaa; +} + +.pagination .loading, +.pagination a:hover.loading { + background: url("loader.gif") center center no-repeat #fff; + font-size: 0; +} + +/*=== Boxes */ +.box { + background: #fff; + border-radius: 5px; + box-shadow: 0 0 3px #bbb; +} +.box .box-title { + margin: 0; + padding: 5px 10px; + background: #f6f6f6; + border-bottom: 1px solid #ddd; + border-radius: 5px 5px 0 0; +} +.box .box-content { + min-height: 2.5em; + max-height: 260px; +} + +.box .box-content .item { + padding: 0 10px; + font-size: 0.9rem; + line-height: 2.5em; +} + +.box .box-content .item .configure { + visibility: hidden; +} +.box .box-content .item:hover .configure { + visibility: visible; +} + +/*=== Tree */ +.tree { + margin: 10px 0; +} +.tree-folder-title { + position: relative; + padding: 0 5px; + background: #fff; + line-height: 2rem; + font-size: 0.9rem; +} +.tree-folder-title .title { + background: inherit; + color: #444; +} +.tree-folder-title .title:hover { + text-decoration: none; +} +.tree-folder.active .tree-folder-title { + background: #f0f0f0; + font-weight: bold; +} +.tree-folder.active .tree-folder-title .title { + color: #0062BE; +} +.tree-folder-items { + border-top: 1px solid #ccc; + border-bottom: 1px solid #ccc; + background: #f6f6f6; +} +.tree-folder-items > .item { + padding: 0 10px; + line-height: 2.2rem; + font-size: 0.8rem; +} +.tree-folder-items > .item.active { + background: #0062be; +} +.tree-folder-items > .item > a { + text-decoration: none; +} +.tree-folder-items > .item.active > a { + color: #fff; +} + +/*=== STRUCTURE */ +/*===============*/ +/*=== Header */ +.header { + height: 40px; + background: #f4f4f4; +} +.header > .item { + padding: 0px; + border-bottom: 1px solid #aaa; + vertical-align: middle; + text-align: center; +} +.header > .item.title{ + width: 230px; +} +.header > .item.title h1 { + margin: 0; + font-size: 1em; +} +.header > .item.title h1 a { + text-decoration: none; +} +.header .item.configure .btn, +.header .item.search .btn { + min-height: 18px; + padding: 4px 10px; + line-height: 18px; +} +.header > .item.title .logo { + height: 25px; + width: 25px; +} + +.header > .item.search input { + width: 230px; + padding: 1px 5px 0px 5px; +} +.header .item.search input:focus { + width: 350px; +} + +/*=== Body */ +#global { + height: calc(100% - 85px); +} +.aside { + border-right: 1px solid #aaa; + background: #fff; +} +.aside.aside_feed { + padding: 10px 0; + text-align: center; + background: #fff; +} +.aside.aside_feed .tree { + margin: 10px 0 50px; +} + +/*=== Aside main page (categories) */ +.aside_feed .category .title:not([data-unread="0"])::after { + position: absolute; + right: 0; + margin: 10px 0; + padding: 0 10px; + font-size: 0.8rem; + line-height: 0.9rem; + background: inherit; +} + +/*=== Aside main page (feeds) */ +.feed.item.empty.active { + background: #e67e22; +} +.feed.item.error.active { + background: #bd362f; +} +.feed.item.empty, +.feed.item.empty > a { + color: #e67e22; +} +.feed.item.error, +.feed.item.error > a { + color: #bd362f; +} +.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.active .dropdown-toggle > .icon { + background-color: #fff; + border-radius: 3px; +} + +/*=== Configuration pages */ +.post { + padding: 10px 50px; + font-size: 0.9em; +} +.post form { + margin: 10px 0; +} +.post.content { + max-width: 550px; +} + +/*=== 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 { + background: #0084CC; + text-align: center; + font-size: 0.9em; +} +#new-article:hover { + background: #0066CC; +} +#new-article > a { + line-height: 3em; + color: #fff; + font-weight: bold; +} +#new-article > a:hover { + text-decoration: none; +} + +/*=== Day indication */ +.day { + font-size: 0.9rem; + padding: 0 10px; + font-weight: bold; + line-height: 2em; + background: #fff; + border-top: 1px solid #aaa; + border-bottom: 1px solid #aaa; +} +#new-article + .day { + border-top: none; +} +.day .name { + padding: 0 10px 0 0; + color: #aab; + font-size: 1em; + opacity: 0.6; + font-style: italic; + text-align: right; +} + +/*=== Index menu */ +.nav_menu { + background: #fafafa; + border-bottom: 1px solid #aaa; + text-align: center; + padding: 5px 0; +} + +/*=== Feed articles */ +.flux { + border-left: 2px solid #aaa; + background: #fafafa; +} +.flux:hover { + background: #fff; +} +.flux.current { + border-left: 2px solid #0062BE; +} +.flux.not_read { + border-left: 2px solid #FF5300; + background: #FFF3ED; +} +.flux.not_read:not(.current):hover .item.title { + background: #FFF3ED; +} +.flux.favorite { + border-left: 2px solid #FFC300; + background: #FFF6DA; +} +.flux.favorite:not(.current):hover .item.title { + background: #FFF6DA; +} +.flux.current { + background: #fff; +} + + +.flux_header { + border-top: 1px solid #ddd; + font-size: 0.8rem; + cursor: pointer; +} +.flux_header .title { + font-size: 0.8rem; +} +.flux .website .favicon { + padding: 5px; +} +.flux .date { + color: #666; + font-size: 0.7rem; +} + +.flux .bottom { + font-size: 0.8rem; + text-align: center; +} + +/*=== Content of feed articles */ +.content { + padding: 10px 10px; +} +#stream.normal .content > h1.title { + display:none; +} +.content > h1.title > a { + color: #000; +} + +.content hr { + margin: 30px 10px; + height: 1px; + background: #ddd; + border: 0; + box-shadow: 0 2px 5px #ccc; +} + +.content pre { + margin: 10px auto; + padding: 10px 20px; + overflow: auto; + background: #222; + color: #fff; + font-size: 0.9rem; + border-radius: 3px; +} +.content code { + padding: 2px 5px; + color: #dd1144; + background: #fafafa; + border: 1px solid #eee; + border-radius: 3px; +} +.content pre code { + background: transparent; + color: #fff; + border: none; +} + +.content blockquote { + display: block; + margin: 0; + padding: 5px 20px; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + background: #fafafa; + color: #333; +} +.content blockquote p { + margin: 0; +} + +/*=== Notification and actualize notification */ +.notification { + padding: 0 0 0 5px; + text-align: center; + border: 1px solid #eeb; + border-radius: 3px; + box-shadow: 0 0 5px #ddd; + font-weight: bold; + font-size: 0.9em; + line-height: 3em; + z-index: 10; + vertical-align: middle; +} +.notification.good { + background: #ffe; + border: 1px solid #eeb; + color: #c95; +} +.notification.bad { + background: #fdd; + border: 1px solid #ecc; + color: #844; +} +.notification a.close { + padding: 0 15px; + line-height: 3em; +} +.notification.good a.close:hover { + background: #eeb; +} +.notification.bad a.close:hover { + background: #ecc; +} + +.notification#actualizeProgress { + line-height: 2em; +} + +/*=== "Load more" part */ +#bigMarkAsRead { + text-align: center; + text-decoration: none; + color: #666; + background: #fafafa; + font-size: 1.2em; +} +#bigMarkAsRead:hover { + color: #0062be; + background: #fff; + box-shadow: 0 -5px 10px #eee inset; +} +#bigMarkAsRead .bigTick { + font-size: 3em; +} +#bigMarkAsRead:hover .bigTick { + text-shadow: 0 0 5px #0062be; +} + +/*=== Navigation menu (for articles) */ +#nav_entries { + margin: 0; + background: #fff; + border-top: 1px solid #ddd; + text-align: center; + line-height: 2.2em; + table-layout: fixed; +} + +/*=== READER VIEW */ +/*================*/ +#stream.reader .flux { + padding: 0 0 50px; + border: none; + background: #f0f0f0; + color: #333; +} +#stream.reader .flux .author { + margin: 0 0 10px; + font-size: 90%; + color: #666; +} + +/*=== GLOBAL VIEW */ +/*================*/ +.box.category .box-title .title { + font-weight: normal; + text-decoration: none; + text-align: left; +} +.box.category:not([data-unread="0"]) .box-title { + background: #0084CC; +} +.box.category:not([data-unread="0"]) .box-title:active { + background: #3498db; +} +.box.category:not([data-unread="0"]) .box-title .title { + color: #fff; + font-weight: bold; +} +.box.category .title:not([data-unread="0"])::after { + position: absolute; + top: 5px; right: 10px; + border: 0; + background: none; + color: #fff; + font-weight: bold; + box-shadow: none; + text-shadow: none; +} +.box.category .item.feed { + padding: 2px 10px; + font-size: 0.8rem; +} + +/*=== 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; +} + +/*=== STATISTICS */ +/*===============*/ +.stat { + margin: 10px 0 20px; +} + +.stat th, +.stat td, +.stat tr { + border: none; +} +.stat > table td, +.stat > table th { + border-bottom: 1px solid #ddd; +} + +.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; +} + +/*=== LOGS */ +/*=========*/ +.loglist { + border: 1px solid #aaa; + border-radius: 5px; + overflow: hidden; +} +.log { + padding: 5px 10px; + background: #fafafa; + color: #333; + font-size: 0.8rem; +} +.log+.log { + border-top: 1px solid #aaa; +} +.log .date { + display: block; + font-weight: bold; +} +.log.error { + background: #fdd; + color: #844; +} +.log.warning { + background: #ffe; + color: #c95; +} +.log.notice { + background: #f4f4f4; + color: #aaa; +} +.log.debug { + background: #333; + color: #eee; +} + +/*=== MOBILE */ +/*===========*/ +@media(max-width: 840px) { + .aside { + box-shadow: 3px 0 3px #aaa; + transition: width 200ms linear; + -moz-transition: width 200ms linear; + -webkit-transition: width 200ms linear; + -o-transition: width 200ms linear; + -ms-transition: width 200ms linear; + } + .aside .toggle_aside, + #panel .close { + display: block; + width: 100%; + height: 50px; + line-height: 50px; + text-align: center; + background: #f6f6f6; + border-bottom: 1px solid #ddd; + } + + .aside.aside_feed { + padding: 0; + } + + .nav_menu .btn { + margin: 5px 10px; + } + .nav_menu .stick { + margin: 0 10px; + } + .nav_menu .stick .btn { + margin: 5px 0; + } + .nav_menu .search { + display: inline-block; + max-width: 97%; + } + .nav_menu .search input { + max-width: 97%; + width: 90px; + } + .nav_menu .search input:focus { + width: 400px; + } + + .day .name { + font-size: 1.1rem; + text-shadow: none; + } + + .pagination { + margin: 0 0 3.5em; + } + + .notification a.close { + display: block; + left: 0; + background: transparent; + } + .notification a.close:hover { + opacity: 0.5; + } + .notification a.close .icon { + display: none; + } +} diff --git a/p/themes/Origine-compact/thumbs/original.png b/p/themes/Origine-compact/thumbs/original.png new file mode 100644 index 000000000..b5f18fd43 Binary files /dev/null and b/p/themes/Origine-compact/thumbs/original.png differ -- cgit v1.2.3