From b9b3e963b49b255dd694b001b303e75f58519b67 Mon Sep 17 00:00:00 2001 From: Marien Fressinaud Date: Mon, 24 Nov 2014 15:49:13 +0100 Subject: Add BlueLagoon theme --- p/themes/BlueLagoon/BlueLagoon.css | 1210 ++++++++++++++++++++++++++++++++++++ 1 file changed, 1210 insertions(+) create mode 100644 p/themes/BlueLagoon/BlueLagoon.css (limited to 'p/themes/BlueLagoon/BlueLagoon.css') diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css new file mode 100644 index 000000000..ae1c24604 --- /dev/null +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -0,0 +1,1210 @@ +@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; + font-size: 92%; +} + +/*=== Links */ +a, button.as-link { + color: #0062BE; + outline: none; +} + +/*=== Forms */ +.form-group{ + width: 100%; + float: left; + height: auto; + display: inline-block; +} +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: 5px; + background: #fff; + border: 1px solid #ccc; + border-radius: 3px; + color: #222; + line-height: 25px; + vertical-align: middle; + box-shadow: 0 1px 2px #ccc inset, 0 1px #fff; +} +option { + padding: 0 .5em; +} +input:focus, select:focus, textarea:focus { + color: #0F0F0F; + box-shadow: 0 0 3px #0062BF; + border: solid 1px #0062BF; +} +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; + border-radius: 4px; + box-shadow:0 1px rgba(255,255,255,0.08) inset; +} +.form-group .group-name { + padding: 10px 0; + text-align: right; +} +.form-group .group-controls { + min-height: 25px; + padding: 5px 0; +} +.form-group table { + margin: 10px 0 0 220px; +} + +/*=== Buttons */ + +.dropdown-menu .input select, .dropdown-menu .input input { + background:#444; + color:#fff; + box-shadow:0 2px 2px #222 inset, 0px 1px rgba(255, 255, 255, 0.08); + border:solid 1px #171717; +} + +.stick { + vertical-align: middle; + font-size: 0; +} +.stick input, +.stick .btn { + border-radius: 0; +} +.stick .btn:first-child,.stick input:first-child { + border-radius: 6px 0 0 6px; +} +.stick .btn-important:first-child { +} +.stick .btn:last-child, .stick input:last-child { + border-radius: 0 6px 6px 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 .btn + .dropdown > .btn { + border-left: none; + border-radius: 0 3px 3px 0; +} + +.btn { + display: inline-block; + min-height: 37px; + min-width: 15px; + margin: 0; + padding: 5px 10px; + color:#222; + border: solid 1px #ccc; + border-radius: 4px; + background: linear-gradient(0deg, #EDE7DE 0%, #FFF 100%) #EDE7DE; + background: -webkit-linear-gradient(bottom, #EDE7DE 0%, #FFF 100%); + text-shadow: 0px -1px rgba(255,255,255,0.08); + font-size: 0.9rem; + vertical-align: middle; + cursor: pointer; + overflow: hidden; +} +a.btn { + min-height: 25px; + line-height: 25px; +} +.btn:hover { + text-shadow: 0 0 2px #fff; + text-decoration:none; +} +.btn.active,.btn:active,.dropdown-target:target ~ .btn.dropdown-toggle { + background: linear-gradient(180deg, #EDE7DE 0%, #FFF 100%) #EDE7DE; + background: -webkit-linear-gradient(top, #EDE7DE 0%, #FFF 100%); +} + +.nav_menu .btn.active, .nav_menu .btn:active, .nav_menu .dropdown-target:target ~ .btn.dropdown-toggle{ + box-shadow: 0 1px #fff; + border-radius: 4px; + background: linear-gradient(180deg, #EDE7DE 0%, #F6F6F6 100%) #EDE7DE; + background: -webkit-linear-gradient(top, #EDE7DE 0%, #F6F6F6 100%); + border: solid 1px #ccc; +} +.nav_menu .btn { + border: 0; + background:transparent; +} + +.read_all { + color:#222; +} +.btn.dropdown-toggle[href="#dropdown-configure"]{ + background: linear-gradient(0deg, #EDE7DE 0%, #FFF 100%) #EDE7DE; + background: -webkit-linear-gradient(bottom, #EDE7DE 0%, #FFF 100%); + border-radius: 4px; + border: solid 1px #ccc; + box-shadow: 0 1px #fff; +} +.btn.dropdown-toggle:active { + background:transparent; +} +.btn-important { + background: linear-gradient(180deg, #0090FF 0%, #0062BE 100%) #E4992C; + background: -webkit-linear-gradient(top, #0090FF 0%, #0062BE 100%); + color: #FFF; + box-shadow: 0 1px rgba(255,255,255,0.08) inset; + border-radius: 4px; + text-shadow: 0px -1px rgba(255,255,255,0.08); + font-weight: normal; +} +.btn-important:hover { +} +.btn-important:active { + background: linear-gradient(0deg, #E4992C 0%, #D18114 100%) #E4992C; + background: -webkit-linear-gradient(bottom, #E4992C 0%, #D18114 100%); +} + +.btn-attention { + background: #E95B57; + background: linear-gradient(to bottom, #E95B57, #BD362F); + background: -webkit-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: -webkit-linear-gradient(top, #D14641 0%, #BD362F 100%); +} +.btn-attention:active { + background: #BD362F; + box-shadow: none; +} +.btn[type="reset"]{ + color: #fff; + background:linear-gradient(180deg, #222 0%, #171717 100%) #171717; + background: -webkit-linear-gradient(top, #222 0%, #171717 100%); + box-shadow:0 -1px rgba(255,255,255,0.08) inset; +} +/*=== Navigation */ +.nav-list .nav-header, +.nav-list .item { + height: 2.5em; + line-height: 2.5em; + font-size: 0.9rem; +} +.nav-list .item:hover { + text-shadow: 0 0 2px rgba(255,255,255,0.28); + color:#fff; +} + +.nav-list .item.active { + background: linear-gradient(180deg, #0090FF 0%, #0062BE 100%) #E4992C; + background: -webkit-linear-gradient(top, #0090FF 0%, #0062BE 100%); + border-width: medium medium 1px; + border-style: none none solid; + border-color: -moz-use-text-color -moz-use-text-color #171717; + box-shadow: -1px 2px 2px #171717, 0px 1px rgba(255, 255, 255, 0.08) inset; + margin: 0; +} +.nav-list .item.active a { + color: #fff; +} +.nav-list .disable { + color: #aaa; + background: #fafafa; + text-align: center; +} +.nav-list .item > a { + padding: 0 10px; + color:#ccc; +} +.nav-list a:hover { + text-decoration: none; +} +.nav-list .item.empty a { + color: #f39c12; +} +.nav-list .item.active.empty a { + color: #fff; + background: linear-gradient(180deg, #E4992C 0%, #D18114 100%) #E4992C; + background: -webkit-linear-gradient(180deg, #E4992C 0%, #D18114 100%); +} +.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: #222; + background: transparent; +} + +.nav-list .nav-form { + padding: 3px; + text-align: center; +} + +.nav-head { + margin: 0; + background: linear-gradient(0deg, #EDE7DE 0%, #FFF 100%) #EDE7DE; + background: -webkit-linear-gradient(bottom, #EDE7DE 0%, #FFF 100%); + 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; +} +.horizontal-list .item { + vertical-align: middle; +} + +/*=== Dropdown */ +.dropdown-menu { + margin: 5px 0 0; + padding: 5px 0; + border: 1px solid #171717; + border-radius: 4px; + box-shadow: 0 0 3px #000; + font-size: 0.8rem; + text-align: left; + background: #222; +} +.dropdown-menu:after { + content: ""; + position: absolute; + top: -6px; + right: 13px; + width: 10px; + height: 10px; + background: #222; + border-top: 1px solid #171717; + border-left: 1px solid #171717; + z-index: -10; + transform: rotate(45deg); + -moz-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); +} +.dropdown-header { + display:none; +} +.dropdown-menu > .item > a { + padding: 0 25px; + line-height: 2.5em; + color: #ccc; +} +.dropdown-menu > .item > span, +.dropdown-menu > .item > .as-link { + padding: 0 22px; + line-height: 2em; + color: #ccc; +} +.dropdown-menu > .item:hover { + background: linear-gradient(180deg, #0090FF 0%, #0062BE 100%) #E4992C; + background: -webkit-linear-gradient(top, #0090FF 0%, #0062BE 100%); + 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 #171717; + box-shadow: 0 1px rgba(255,255,255,0.08); +} + +/*=== 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 #ddd; +} + +.pagination .loading, +.pagination a:hover.loading { + background: url("loader.gif") center center no-repeat #fff; + font-size: 0; + height:55px +} + +/*=== Boxes */ +.box { + background: #F9F7F4; + border-radius: 4px; + box-shadow: 0 1px #fff; +} +.box .box-title { + margin: 0; + padding: 5px 10px; + background: linear-gradient(0deg, #EDE7DE 0%, #fff 100%) #171717; + background: -webkit-linear-gradient(bottom, #EDE7DE 0%, #fff 100%); + box-shadow: 0px -1px #fff inset,0 -2px #ccc inset; + color: #888; + text-shadow: 0 1px #ccc; + border-radius: 4px 4px 0 0; + font-size: 1.1rem; + font-weight: normal; +} +.box .box-content { + 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 10px; + line-height: 2.5rem; + font-size: 0.9rem; +} +.tree-folder-title .title { + background: inherit; + color: #fff; +} +.tree-folder-title .title:hover { + text-decoration: none; +} +.tree-folder.active .tree-folder-title { + background: linear-gradient(180deg, #222 0%, #171717 100%) #171717; + background: -webkit-linear-gradient(top, #222 0%, #171717 100%); + box-shadow: 0px 1px #171717, 0px 1px rgba(255, 255, 255, 0.08) inset; + text-shadow: 0 0 2px rgba(255,255,255,0.28); + color: #fff; +} +.tree-folder.active > .tree-folder-title > a.title{ + color: #0090FF; + text-shadow: 0 1px rgba(255,255,255,0.08); +} +.tree-folder-items { + background: #171717; + padding: 8px 0; + box-shadow: 0 4px 4px #171717 inset, 0 1px rgba(255,255,255,0.08),0 -1px rgba(255,255,255,0.08); +} +.tree-folder-items > .item { + padding: 0 10px; + line-height: 2.5rem; + font-size: 0.8rem; +} +.tree-folder-items > .item.active { + background: linear-gradient(180deg, #222 0%, #171717 100%) #171717; + background: -webkit-linear-gradient(top, #222 0%, #171717 100%); + border-radius: 4px; + margin: 0px 8px; + box-shadow: 0px 1px #171717, 0px 1px rgba(255, 255, 255, 0.08) inset, 0 2px 2px #111; +} +.tree-folder-items > .item > a { + text-decoration: none; + color: #fff; + font-size: 0.92em; +} +.tree-folder-items > .item.active > a { + color: #0090FF +} + +/*=== STRUCTURE */ +/*===============*/ +/*=== Header */ +.header { + height: 55px; + background: linear-gradient(0deg, #EDE7DE 0%, #FFF 100%) #EDE7DE; + background: -webkit-linear-gradient(bottom, #EDE7DE 0%, #FFF 100%); + border-bottom: solid 1px #BDB7AE; + box-shadow: 0 -1px rgba(255,255,255,0.28) inset; +} +.header > .item { + padding: 0; + vertical-align: middle; + text-align: center; +} +.header > .item.title .logo { + height: 60px; + width: 60px; +} +.header > .item.title{ + width: 250px; +} +.header > .item.title h1 { + margin: 0.5em 0; +} +.header > .item.title h1 a { + text-decoration: none; + font-size: 28px; + color:#222; + text-shadow: 0 1px #fff; +} +.header > .item.search input { + width: 230px; +} +.header .item.search input:focus { + width: 350px; +} + +/*=== Body */ +#global { + background:#F9F7F4; + height: calc(100% - 60px); +} +.aside { + box-shadow: 0 2px 2px #171717 inset; + background: #222; + width: 235px; +} +.aside.aside_feed { + padding: 10px 0; + text-align: center; +} +.aside.aside_feed .tree { + position: sticky; + top: 0; + margin: 10px 0 50px; +} + +/*=== Aside main page (categories) */ +.aside_feed .tree-folder-title > .title:not([data-unread="0"]):after { + position: absolute; + right: 3px; + padding: 1px 5px; + color: #fff; + text-shadow: 0 1px rgba(255,255,255,0.08); +} +.aside_feed .btn-important { + border: none; +} + +/*=== Aside main page (feeds) */ +.feed.item.empty, +.feed.item.empty > a { + color: #e67e22; +} +.feed.item.error, +.feed.item.error > a { + color: #BD362F; +} +.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; +} + +/*=== 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; + padding: 14px 0px; + text-shadow: 0 1px rgba(255,255,255,0.08); +} +.prompt label { + text-align: left; +} +.prompt form { + margin: 10px auto 20px auto; + width: 180px; +} +.prompt input { + margin: 5px auto; + width: 100%; +} +.prompt p { + margin: 20px 0; +} +.prompt input#username,.prompt input#passwordPlain{ + border:solid 1px #ccc; + box-shadow: 0 4px -4px #ccc inset,0px 1px rgba(255, 255, 255, 0.08); + background:#fff; +} +.prompt input#username:focus,.prompt input#passwordPlain:focus{ + border: solid 1px #0062BE; + box-shadow: 0 0 3px #0062BE; +} + +/*=== 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 { + padding: 0 10px; + font-style:italic; + line-height: 3em; + box-shadow: 0 -1px #ccc, 0 -1px rgba(255,255,255,0.28) inset; + background: #F9F7F4; + color: #666; + text-shadow: 0 1px rgba(255,255,255,0.28); + text-align: center; +} +#new-article + .day { + border-top: none; +} +.day .name { + display: none; +} + +/*=== Index menu */ +.nav_menu { + background: linear-gradient(0deg, #EDE7DE 0%, #C2BCB3 100%) #EDE7DE; + background: -webkit-linear-gradient(bottom, #EDE7DE 0%, #C2BCB3 100%); + border-bottom: 1px solid #ccc; + box-shadow:0 -1px rgba(255, 255, 255, 0.28) inset; + text-align: center; + padding: 5px 0; +} +#panel >.nav_menu{ + background: linear-gradient(0deg, #EDE7DE 0%, #FFF 100%) #EDE7DE; + background: -webkit-linear-gradient(bottom, #EDE7DE 0%, #FFF 100%); +} +#panel > .nav_menu > #nav_menu_read_all{ + background: linear-gradient(0deg, #EDE7DE 0%, #FFF 100%) #EDE7DE; + background: -webkit-linear-gradient(bottom, #EDE7DE 0%, #FFF 100%); + border-radius: 4px; + border: 1px solid #CCC; + box-shadow: 0px 1px #FFF; +} +#panel > .nav_menu > #nav_menu_read_all > .dropdown > .btn.dropdown-toggle{ + border-radius: 0 4px 4px 0; + border:none; + border-left: solid 1px #ccc; +} + +/*=== Feed articles */ +.flux_content { + background: #FFF; +} +.flux { + background: #F9F7F4; +} +.flux:hover { + background: #F9F7F4; +} +.flux:not(.current):hover .item.title { + background: #F9F7F4; +} +.flux.current .flux .item.title a { + text-shadow:0 0 2px #ccc; +} +.flux.not_read:not(.current):hover .item.title { + opacity:0.85; +} +.flux.favorite { + background: #FFF6DA; +} +.flux.favorite:not(.current):hover{ + background: #F9F7F4; +} +.flux.favorite:not(.current):hover .item.title { + background: #F9F7F4; +} +.flux.current { + background: linear-gradient(0deg, #DAD4CB 0%, #FFF 100%) #DAD4CB; + background: -webkit-linear-gradient(bottom, #DAD4CB 0%, #FFF 100%); + box-shadow: 0 -1px #fff inset, 0 2px #ccc; + border-left: solid 4px #0062BF; +} + +.flux .item.title { +opacity: 0.35; +} +.flux.favorite .item.title { +opacity: 1; +} +.flux.not_read .item.title { +opacity: 1; +} +.flux.current .item.title a { + color: #0f0f0f; +} +.flux .item.title a { + color: #333; +} + +.flux_header { + border-top: 1px solid #ddd; + font-size: 0.8rem; + cursor: pointer; + box-shadow: 0 -1px rgba(255,255,255,0.28) inset; +} +.flux_header .title { + font-size: 0.9rem; +} +.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: 20px 10px; +} +.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; + background:#222; + border: none; + border-radius: 0 0 6px 6px; + box-shadow: 0px 0px 4px rgba(0,0,0,0.45), 0 -1px rgba(255,255,255,0.08) inset, 0 2px 2px #171717 inset; + color:#fff; + font-weight: bold; + font-size: 0.9em; + line-height: 3em; + position:absolute; + top:0; + z-index: 10; + vertical-align: middle; +} +.notification.good { + color: #fff; +} +.notification.bad { + background: #222222; + color: #EB2901; +} +.notification a.close { + padding: 0 15px; + line-height: 3em; +} +.notification#actualizeProgress { + line-height: 2em; +} + +/*=== "Load more" part */ +#bigMarkAsRead { + text-align: center; + text-decoration: none; + text-shadow: 0 -1px 0 #aaa; + color: #666; + background: #F9F7F4; + box-shadow: 0 1px rgba(255,255,255,0.28)inset; +} +#bigMarkAsRead:hover { + color: #000; + background: #F9F7F4; + background: radial-gradient(circle at 50% -25% , #ccc 0%, #F9F7F4 50%); +} +#bigMarkAsRead:hover .bigTick { + text-shadow: 0 0 10px #666; +} + +/*=== Navigation menu (for articles) */ +#nav_entries { + background: linear-gradient(180deg, #222 0%, #171717 100%) #222; + background: -webkit-linear-gradient(top, #222 0%, #171717 100%); + border-top: 1px solid #171717; + text-align: center; + line-height: 3em; + table-layout: fixed; + box-shadow: 0 1px rgba(255,255,255,0.08) inset, 0 -2px 2px #171717; + width:235px; +} + +/*=== 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 */ +/*================*/ +#stream.global { + padding: 24px 0; +} + +.box.category .box-title { + background: linear-gradient(0deg, #EDE7DE 0%, #fff 100%) #171717; + background: -webkit-linear-gradient(bottom, #EDE7DE 0%, #fff 100%); + box-shadow: 0px -1px #fff inset,0 -2px #ccc inset; + border-radius: none; + line-height: 2em; + font-size: 1.2rem; + text-shadow:0 1px #ccc; +} +.box.category .box-title .title { + font-weight: normal; + text-decoration: none; + text-align: left; + color: #888; +} +.box.category:not([data-unread="0"]) .box-title { +} +.box.category:not([data-unread="0"]) .box-title:active { +} +.box.category:not([data-unread="0"]) .box-title .title { + color: #222; + font-weight: bold; +} +.box.category .title:not([data-unread="0"]):after { + position: absolute; + top: 5px; right: 10px; + border: 0; + background: none; + font-weight: bold; +} +.box.category .item.feed { + padding: 2px 10px; + font-size: 0.8rem; +} +.box.category .item.feed:not(.empty):not(.error) .item-title { + color: #222; +} + +/*=== PANEL */ +/*===========*/ +#panel { + box-shadow: 0px 0px 4px #000; + border-radius: 8px; + background:#F9F7F4; +} +/*=== DIVERS */ +/*===========*/ +.aside.aside_feed .nav-form input,.aside.aside_feed .nav-form select { + width: 130px; +} +.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 #ccc; + background: rgba(255,255,255,0.38); + box-shadow: 0 1px #fff; +} + +.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: 250px; +} + +/*=== LOGS */ +/*=========*/ +.logs { + 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; +} + +#slider.active { + box-shadow: -4px 0 4px rgba(15, 15, 15, 0.55); + background: #F8F8F8; +} +#close-slider.active { + background: rgba(15, 15, 15, 0.35); +} + +/*=== MOBILE */ +/*===========*/ +@media screen and (max-width: 840px) { + .header { + display: table; + } + .nav-login { + display: none; + } + + .aside { + width: 0; + border-top: none; + box-shadow: 3px 0 3px #000; + 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:target { + width: 235px; + } + .aside .toggle_aside, + #panel .close { + display: block; + width: 100%; + height: 40px; + line-height: 40px; + text-align: center; + background: #171717; + box-shadow: 0 1px rgba(255,255,255,0.08); + } + .aside .btn-important { + display: inline-block; + margin: 20px 0 0; + } + + .aside.aside_feed { + padding: 0; + } + .aside.aside_feed .tree { + position: static; + } + + .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 { + display: 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; + } + .nav_menu .search { + display: none; + } + + #nav_entries { + width: 100%; + } +} + +@media (max-width: 700px) { + .header{ + display: none; + } + .nav-login { + display: inline-block; + width: 100%; + } + .nav_menu .search { + display: inline-block; + } + .aside .btn-important { + display: none; + } +} -- cgit v1.2.3 From f31b02be7882f8a7b180d64f3f77ba83cd9935f5 Mon Sep 17 00:00:00 2001 From: Marien Fressinaud Date: Tue, 13 Jan 2015 14:10:31 +0100 Subject: Remove sticky feed aside. Work on an extension. See https://github.com/FreshRSS/FreshRSS/issues/697 --- p/themes/BlueLagoon/BlueLagoon.css | 5 ----- p/themes/Dark/dark.css | 5 ----- p/themes/Flat/flat.css | 5 ----- p/themes/Origine/origine.css | 5 ----- p/themes/Pafat/pafat.css | 5 ----- p/themes/Screwdriver/screwdriver.css | 5 ----- p/themes/base-theme/base.css | 5 ----- 7 files changed, 35 deletions(-) (limited to 'p/themes/BlueLagoon/BlueLagoon.css') diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index ae1c24604..ffb80ddb2 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -622,8 +622,6 @@ a.btn { text-align: center; } .aside.aside_feed .tree { - position: sticky; - top: 0; margin: 10px 0 50px; } @@ -1140,9 +1138,6 @@ opacity: 1; .aside.aside_feed { padding: 0; } - .aside.aside_feed .tree { - position: static; - } .nav_menu .btn { margin: 5px 10px; diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index 909444d43..dd7502f25 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -547,8 +547,6 @@ a.btn { text-align: center; } .aside.aside_feed .tree { - position: sticky; - top: 0; margin: 10px 0 50px; } @@ -982,9 +980,6 @@ a.btn { .aside.aside_feed { padding: 0; } - .aside.aside_feed .tree { - position: static; - } .nav_menu .btn { margin: 5px 10px; diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 313bee0ee..42b73bae2 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -553,8 +553,6 @@ a.btn { border-radius: 0 10px 0 0; } .aside.aside_feed .tree { - position: sticky; - top: 0; margin: 10px 0 50px; } @@ -979,9 +977,6 @@ a.btn { .aside.aside_feed { padding: 0; } - .aside.aside_feed .tree { - position: static; - } .nav_menu .btn { margin: 5px 10px; diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index eb2ecd5e8..18df4468a 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -587,8 +587,6 @@ a.btn { background: #fff; } .aside.aside_feed .tree { - position: sticky; - top: 0; margin: 10px 0 50px; } @@ -1028,9 +1026,6 @@ a.btn { .aside.aside_feed { padding: 0; } - .aside.aside_feed .tree { - position: static; - } .nav_menu .btn { margin: 5px 10px; diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index 8b1e7866c..61e5c8f63 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -586,8 +586,6 @@ a.btn { text-align: center; } .aside.aside_feed .tree { - position: sticky; - top: 5px; margin: 10px 0 50px; } @@ -1039,9 +1037,6 @@ a.btn { .aside.aside_feed { padding: 0; } - .aside.aside_feed .tree { - position: static; - } .nav_menu .btn { margin: 5px 10px; diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css index 8dbd2ec34..a43d1801c 100644 --- a/p/themes/Screwdriver/screwdriver.css +++ b/p/themes/Screwdriver/screwdriver.css @@ -617,8 +617,6 @@ a.btn { text-align: center; } .aside.aside_feed .tree { - position: sticky; - top: 0; margin: 10px 0 50px; } @@ -1139,9 +1137,6 @@ opacity: 1; .aside.aside_feed { padding: 0; } - .aside.aside_feed .tree { - position: static; - } .nav_menu .btn { margin: 5px 10px; diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css index ac30dbfea..f874d554c 100644 --- a/p/themes/base-theme/base.css +++ b/p/themes/base-theme/base.css @@ -427,8 +427,6 @@ a.btn { text-align: center; } .aside.aside_feed .tree { - position: sticky; - top: 0; margin: 10px 0 50px; } @@ -777,9 +775,6 @@ a.btn { .aside.aside_feed { padding: 0; } - .aside.aside_feed .tree { - position: static; - } .nav_menu .btn { margin: 5px 10px; -- cgit v1.2.3 From ef18adb8dcf0d43fb0b726860e32f2ec2f70542d Mon Sep 17 00:00:00 2001 From: Alexis Degrugillier Date: Sat, 12 Sep 2015 19:54:12 -0400 Subject: Replace CSS pseudo-element syntax Before, in the CSS files, :after and :before were in use. But those are not pseudo-classes in CSS3. They are pseudo-elements. The syntax should use ::before and ::after instead. See http://www.w3.org/TR/css3-selectors/#gen-content --- p/themes/BlueLagoon/BlueLagoon.css | 12 ++++++------ p/themes/BlueLagoon/template.css | 10 +++++----- p/themes/Dark/dark.css | 12 ++++++------ p/themes/Flat/flat.css | 14 +++++++------- p/themes/Origine/origine.css | 12 ++++++------ p/themes/Pafat/pafat.css | 12 ++++++------ p/themes/Screwdriver/screwdriver.css | 12 ++++++------ p/themes/base-theme/base.css | 12 ++++++------ p/themes/base-theme/template.css | 10 +++++----- 9 files changed, 53 insertions(+), 53 deletions(-) (limited to 'p/themes/BlueLagoon/BlueLagoon.css') diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index ffb80ddb2..e1b93dac9 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -349,7 +349,7 @@ a.btn { text-align: left; background: #222; } -.dropdown-menu:after { +.dropdown-menu::after { content: ""; position: absolute; top: -6px; @@ -384,7 +384,7 @@ a.btn { background: -webkit-linear-gradient(top, #0090FF 0%, #0062BE 100%); color: #fff; } -.dropdown-menu > .item[aria-checked="true"] > a:before { +.dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 0 0 -14px; } @@ -626,7 +626,7 @@ a.btn { } /*=== Aside main page (categories) */ -.aside_feed .tree-folder-title > .title:not([data-unread="0"]):after { +.aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { position: absolute; right: 3px; padding: 1px 5px; @@ -646,7 +646,7 @@ a.btn { .feed.item.error > a { color: #BD362F; } -.aside_feed .tree-folder-items .dropdown-menu:after { +.aside_feed .tree-folder-items .dropdown-menu::after { left: 2px; } .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon, @@ -988,7 +988,7 @@ opacity: 1; color: #222; font-weight: bold; } -.box.category .title:not([data-unread="0"]):after { +.box.category .title:not([data-unread="0"])::after { position: absolute; top: 5px; right: 10px; border: 0; @@ -1018,7 +1018,7 @@ opacity: 1; .aside.aside_feed .nav-form .dropdown .dropdown-menu { right: -20px; } -.aside.aside_feed .nav-form .dropdown .dropdown-menu:after { +.aside.aside_feed .nav-form .dropdown .dropdown-menu::after { right: 33px; } diff --git a/p/themes/BlueLagoon/template.css b/p/themes/BlueLagoon/template.css index bf421e322..8c1a4ed21 100644 --- a/p/themes/BlueLagoon/template.css +++ b/p/themes/BlueLagoon/template.css @@ -92,7 +92,7 @@ input.extend:focus { /*=== COMPONENTS */ /*===============*/ /*=== Forms */ -.form-group:after { +.form-group::after { content: ""; display: block; clear: both; @@ -184,7 +184,7 @@ a.btn { .dropdown-menu > .item > span { display: block; } -.dropdown-menu > .item[aria-checked="true"] > a:before { +.dropdown-menu > .item[aria-checked="true"] > a::before { content: '✓'; } .dropdown-menu .input { @@ -315,7 +315,7 @@ a.btn { white-space: nowrap; text-overflow: ellipsis; } -.category .btn:not([data-unread="0"]):after { +.category .btn:not([data-unread="0"])::after { content: attr(data-unread); } @@ -334,7 +334,7 @@ a.btn { text-overflow: ellipsis; vertical-align: middle; } -.categories .feeds .feed:not([data-unread="0"]):before { +.categories .feeds .feed:not([data-unread="0"])::before { content: "(" attr(data-unread) ") "; } .categories .feeds .dropdown-menu { @@ -688,7 +688,7 @@ a.btn { .flux_content .content a { color: #000; } - .flux_content .content a:after { + .flux_content .content a::after { content: " [" attr(href) "] "; font-style: italic; } diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index cd2f85ebf..65ee0a049 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -312,7 +312,7 @@ a.btn { border: 1px solid #888; border-radius: 5px; } -.dropdown-menu:after { +.dropdown-menu::after { content: ""; position: absolute; top: -6px; @@ -347,7 +347,7 @@ a.btn { background: #26303F; color: #888; } -.dropdown-menu > .item[aria-checked="true"] > a:before { +.dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 0 0 -14px; } @@ -551,7 +551,7 @@ a.btn { } /*=== Aside main page (categories) */ -.aside_feed .tree-folder-title > .title:not([data-unread="0"]):after { +.aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { position: absolute; right: 0; margin: 10px 0; @@ -584,7 +584,7 @@ a.btn { .feed.item.error.active > a { color: #fff; } -.aside_feed .tree-folder-items .dropdown-menu:after { +.aside_feed .tree-folder-items .dropdown-menu::after { left: 2px; } .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon, @@ -858,7 +858,7 @@ a.btn { color: #fff; font-weight: bold; } -.box.category .title:not([data-unread="0"]):after { +.box.category .title:not([data-unread="0"])::after { position: absolute; top: 5px; right: 10px; border: 0; @@ -894,7 +894,7 @@ a.btn { .aside.aside_feed .nav-form .dropdown .dropdown-menu { right: -20px; } -.aside.aside_feed .nav-form .dropdown .dropdown-menu:after { +.aside.aside_feed .nav-form .dropdown .dropdown-menu::after { right: 33px; } diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 42b73bae2..1e5cdf8ff 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -102,7 +102,7 @@ form th { border: 1px solid transparent; border-radius: 3px; } -.form-group:after { +.form-group::after { content: ""; display: block; clear: both; @@ -312,7 +312,7 @@ a.btn { border: 1px solid #95a5a6; border-radius: 3px; } -.dropdown-menu:after { +.dropdown-menu::after { content: ""; position: absolute; top: -6px; @@ -347,7 +347,7 @@ a.btn { background: #2980b9; color: #fff; } -.dropdown-menu > .item[aria-checked="true"] > a:before { +.dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 0 0 -14px; } @@ -557,7 +557,7 @@ a.btn { } /*=== Aside main page (categories) */ -.aside_feed .tree-folder-title > .title:not([data-unread="0"]):after { +.aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { position: absolute; right: 0; margin: 10px 0; @@ -588,7 +588,7 @@ a.btn { .feed.item.error.active > a { color: #fff; } -.aside_feed .tree-folder-items .dropdown-menu:after { +.aside_feed .tree-folder-items .dropdown-menu::after { left: 2px; } .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon, @@ -864,7 +864,7 @@ a.btn { font-weight: bold; color: #fff; } -.box.category .title:not([data-unread="0"]):after { +.box.category .title:not([data-unread="0"])::after { position: absolute; top: 5px; right: 10px; border: 0; @@ -887,7 +887,7 @@ a.btn { .aside.aside_feed .nav-form .dropdown .dropdown-menu { right: -20px; } -.aside.aside_feed .nav-form .dropdown .dropdown-menu:after { +.aside.aside_feed .nav-form .dropdown .dropdown-menu::after { right: 33px; } diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index 18df4468a..ee08b33bb 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -336,7 +336,7 @@ a.btn { font-size: 0.8rem; text-align: left; } -.dropdown-menu:after { +.dropdown-menu::after { content: ""; position: absolute; top: -6px; @@ -373,7 +373,7 @@ a.btn { background: #0062BE; color: #fff; } -.dropdown-menu > .item[aria-checked="true"] > a:before { +.dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 0 0 -14px; } @@ -591,7 +591,7 @@ a.btn { } /*=== Aside main page (categories) */ -.aside_feed .category .title:not([data-unread="0"]):after { +.aside_feed .category .title:not([data-unread="0"])::after { position: absolute; right: 0; margin: 10px 0; @@ -622,7 +622,7 @@ a.btn { .feed.item.error.active > a { color: #fff; } -.aside_feed .tree-folder-items .dropdown-menu:after { +.aside_feed .tree-folder-items .dropdown-menu::after { left: 2px; } .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon, @@ -908,7 +908,7 @@ a.btn { color: #fff; font-weight: bold; } -.box.category .title:not([data-unread="0"]):after { +.box.category .title:not([data-unread="0"])::after { position: absolute; top: 5px; right: 10px; border: 0; @@ -932,7 +932,7 @@ a.btn { .aside.aside_feed .nav-form .dropdown .dropdown-menu { right: -20px; } -.aside.aside_feed .nav-form .dropdown .dropdown-menu:after { +.aside.aside_feed .nav-form .dropdown .dropdown-menu::after { right: 33px; } diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index 61e5c8f63..374471ebc 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -319,7 +319,7 @@ a.btn { font-size: 0.8rem; text-align: left; } -.dropdown-menu:after { +.dropdown-menu::after { content: ""; position: absolute; top: -6px; @@ -362,7 +362,7 @@ a.btn { background: #eee; color: #666; } -.dropdown-menu > .item[aria-checked="true"] > a:before { +.dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 0 0 -14px; } @@ -590,7 +590,7 @@ a.btn { } /*=== Aside main page (categories) */ -.aside_feed .tree-folder-title > .title:not([data-unread="0"]):after { +.aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { position: absolute; top: 0.25rem; right: 3px; padding: 0px 5px; @@ -633,7 +633,7 @@ a.btn { .feed.item.error.active > a { color: #fff; } -.aside_feed .tree-folder-items .dropdown-menu:after { +.aside_feed .tree-folder-items .dropdown-menu::after { left: 2px; } .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon, @@ -918,7 +918,7 @@ a.btn { font-weight: bold; color: #fff; } -.box.category .title:not([data-unread="0"]):after { +.box.category .title:not([data-unread="0"])::after { position: absolute; top: 5px; right: 10px; border: 0; @@ -943,7 +943,7 @@ a.btn { .aside.aside_feed .nav-form .dropdown .dropdown-menu { right: -20px; } -.aside.aside_feed .nav-form .dropdown .dropdown-menu:after { +.aside.aside_feed .nav-form .dropdown .dropdown-menu::after { right: 33px; } diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css index a43d1801c..8754b0b2f 100644 --- a/p/themes/Screwdriver/screwdriver.css +++ b/p/themes/Screwdriver/screwdriver.css @@ -349,7 +349,7 @@ a.btn { text-align: left; background: #222; } -.dropdown-menu:after { +.dropdown-menu::after { content: ""; position: absolute; top: -6px; @@ -385,7 +385,7 @@ a.btn { background: #171717; color: #fff; } -.dropdown-menu > .item[aria-checked="true"] > a:before { +.dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 0 0 -14px; } @@ -621,7 +621,7 @@ a.btn { } /*=== Aside main page (categories) */ -.aside_feed .tree-folder-title > .title:not([data-unread="0"]):after { +.aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { position: absolute; right: 3px; padding: 1px 5px; @@ -641,7 +641,7 @@ a.btn { .feed.item.error > a { color: #BD362F; } -.aside_feed .tree-folder-items .dropdown-menu:after { +.aside_feed .tree-folder-items .dropdown-menu::after { left: 2px; } .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon, @@ -986,7 +986,7 @@ opacity: 1; color: #222; font-weight: bold; } -.box.category .title:not([data-unread="0"]):after { +.box.category .title:not([data-unread="0"])::after { position: absolute; top: 5px; right: 10px; border: 0; @@ -1016,7 +1016,7 @@ opacity: 1; .aside.aside_feed .nav-form .dropdown .dropdown-menu { right: -20px; } -.aside.aside_feed .nav-form .dropdown .dropdown-menu:after { +.aside.aside_feed .nav-form .dropdown .dropdown-menu::after { right: 33px; } diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css index f874d554c..6c788371d 100644 --- a/p/themes/base-theme/base.css +++ b/p/themes/base-theme/base.css @@ -231,7 +231,7 @@ a.btn { font-size: 0.8rem; text-align: left; } -.dropdown-menu:after { +.dropdown-menu::after { content: ""; position: absolute; top: -6px; @@ -262,7 +262,7 @@ a.btn { } .dropdown-menu > .item:hover { } -.dropdown-menu > .item[aria-checked="true"] > a:before { +.dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 0 0 -14px; } @@ -431,7 +431,7 @@ a.btn { } /*=== Aside main page (categories) */ -.aside_feed .tree-folder-title > .title:not([data-unread="0"]):after { +.aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { position: absolute; right: 0; margin: 10px 0; @@ -456,7 +456,7 @@ a.btn { .feed.item.empty.active > a, .feed.item.error.active > a { } -.aside_feed .tree-folder-items .dropdown-menu:after { +.aside_feed .tree-folder-items .dropdown-menu::after { left: 2px; } .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon, @@ -675,7 +675,7 @@ a.btn { .box.category:not([data-unread="0"]) .box-title .title { font-weight: bold; } -.box.category .title:not([data-unread="0"]):after { +.box.category .title:not([data-unread="0"])::after { position: absolute; top: 5px; right: 10px; border: 0; @@ -698,7 +698,7 @@ a.btn { .aside.aside_feed .nav-form .dropdown .dropdown-menu { right: -20px; } -.aside.aside_feed .nav-form .dropdown .dropdown-menu:after { +.aside.aside_feed .nav-form .dropdown .dropdown-menu::after { right: 33px; } diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css index a299a5ddf..92d4917f5 100644 --- a/p/themes/base-theme/template.css +++ b/p/themes/base-theme/template.css @@ -111,7 +111,7 @@ td.numeric { /*=== COMPONENTS */ /*===============*/ /*=== Forms */ -.form-group:after { +.form-group::after { content: ""; display: block; clear: both; @@ -206,7 +206,7 @@ a.btn { display: block; min-width: 200px; } -.dropdown-menu > .item[aria-checked="true"] > a:before { +.dropdown-menu > .item[aria-checked="true"] > a::before { content: '✓'; } .dropdown-menu .input { @@ -773,10 +773,10 @@ input:checked + .slide-container .properties { /*=== DIVERS */ /*===========*/ -.category .title:not([data-unread="0"]):after { +.category .title:not([data-unread="0"])::after { content: attr(data-unread); } -.feed .item-title:not([data-unread="0"]):before { +.feed .item-title:not([data-unread="0"])::before { content: "(" attr(data-unread) ") "; } .feed .item-title:not([data-unread="0"]) { @@ -889,7 +889,7 @@ input:checked + .slide-container .properties { .flux_content .content a { color: #000; } - .flux_content .content a:after { + .flux_content .content a::after { content: " [" attr(href) "] "; font-style: italic; } -- cgit v1.2.3 From 090c647cd54e4cde051b12ece24d79af1d222fde Mon Sep 17 00:00:00 2001 From: Alexandre Alapetite Date: Sat, 30 Jul 2016 12:19:02 +0200 Subject: Fix logs style scroll bug https://github.com/FreshRSS/FreshRSS/issues/1178 There was a conflict on the ".logs" class name --- app/views/index/logs.phtml | 2 +- p/themes/BlueLagoon/BlueLagoon.css | 2 +- p/themes/Dark/dark.css | 2 +- p/themes/Flat/flat.css | 2 +- p/themes/Origine/origine.css | 2 +- p/themes/Pafat/pafat.css | 2 +- p/themes/Screwdriver/screwdriver.css | 2 +- p/themes/base-theme/base.css | 2 +- 8 files changed, 8 insertions(+), 8 deletions(-) (limited to 'p/themes/BlueLagoon/BlueLagoon.css') diff --git a/app/views/index/logs.phtml b/app/views/index/logs.phtml index 02256bd98..0938491c3 100644 --- a/app/views/index/logs.phtml +++ b/app/views/index/logs.phtml @@ -10,7 +10,7 @@ logsPaginator->items(); ?> -
+
logsPaginator->render('logs_pagination.phtml', 'page'); ?> diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index e1b93dac9..d64ffd9a0 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -1054,7 +1054,7 @@ opacity: 1; /*=== LOGS */ /*=========*/ -.logs { +.loglist { border: 1px solid #aaa; border-radius: 5px; overflow: hidden; diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index 65ee0a049..f72ed8b5b 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -928,7 +928,7 @@ a.btn { /*=== LOGS */ /*=========*/ -.logs { +.loglist { overflow: hidden; border: 1px solid #333; } diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 1e5cdf8ff..0672c6a38 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -921,7 +921,7 @@ a.btn { /*=== LOGS */ /*=========*/ -.logs { +.loglist { overflow: hidden; border: 1px solid #aaa; } diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index ee08b33bb..da461087b 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -966,7 +966,7 @@ a.btn { /*=== LOGS */ /*=========*/ -.logs { +.loglist { border: 1px solid #aaa; border-radius: 5px; overflow: hidden; diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index 374471ebc..5e46a63ca 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -977,7 +977,7 @@ a.btn { /*=== LOGS */ /*=========*/ -.logs { +.loglist { border: 1px solid #aaa; border-radius: 5px; overflow: hidden; diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css index 8754b0b2f..b7bbd923e 100644 --- a/p/themes/Screwdriver/screwdriver.css +++ b/p/themes/Screwdriver/screwdriver.css @@ -1052,7 +1052,7 @@ opacity: 1; /*=== LOGS */ /*=========*/ -.logs { +.loglist { border: 1px solid #aaa; border-radius: 5px; overflow: hidden; diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css index 6c788371d..192a957c9 100644 --- a/p/themes/base-theme/base.css +++ b/p/themes/base-theme/base.css @@ -731,7 +731,7 @@ a.btn { /*=== LOGS */ /*=========*/ -.logs { +.loglist { overflow: hidden; } .log { -- cgit v1.2.3 From 1d6c71e216898729cf2cc8330130b568ab198f2a Mon Sep 17 00:00:00 2001 From: Alexandre Alapetite Date: Mon, 15 Aug 2016 23:07:47 +0200 Subject: Read-all bug fixed Introduced by the new forms of https://github.com/FreshRSS/FreshRSS/issues/772 https://github.com/FreshRSS/FreshRSS/pull/1188 --- p/scripts/main.js | 4 ++-- p/themes/BlueLagoon/BlueLagoon.css | 2 +- p/themes/Screwdriver/screwdriver.css | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) (limited to 'p/themes/BlueLagoon/BlueLagoon.css') diff --git a/p/scripts/main.js b/p/scripts/main.js index 6f1f40642..8980fe2f6 100644 --- a/p/scripts/main.js +++ b/p/scripts/main.js @@ -993,12 +993,12 @@ function load_more_posts() { box_load_more.children('.flux:last').after($('#stream', data).children('.flux, .day')); $('.pagination').replaceWith($('.pagination', data)); if (context.display_order === 'ASC') { - $('#nav_menu_read_all > .read_all').attr( + $('#nav_menu_read_all .read_all').attr( 'formaction', $('#bigMarkAsRead').attr('formaction') ); } else { $('#bigMarkAsRead').attr( - 'formaction', $('#nav_menu_read_all > .read_all').attr('formaction') + 'formaction', $('#nav_menu_read_all .read_all').attr('formaction') ); } diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index d64ffd9a0..27bae5404 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -753,7 +753,7 @@ a.btn { border: 1px solid #CCC; box-shadow: 0px 1px #FFF; } -#panel > .nav_menu > #nav_menu_read_all > .dropdown > .btn.dropdown-toggle{ +#panel > .nav_menu > #nav_menu_read_all .dropdown > .btn.dropdown-toggle { border-radius: 0 4px 4px 0; border:none; border-left: solid 1px #ccc; diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css index b7bbd923e..9dbe523a1 100644 --- a/p/themes/Screwdriver/screwdriver.css +++ b/p/themes/Screwdriver/screwdriver.css @@ -748,7 +748,7 @@ a.btn { border: 1px solid #CCC; box-shadow: 0px 1px #FFF; } -#panel > .nav_menu > #nav_menu_read_all > .dropdown > .btn.dropdown-toggle{ +#panel > .nav_menu > #nav_menu_read_all .dropdown > .btn.dropdown-toggle { border-radius: 0 4px 4px 0; border:none; border-left: solid 1px #ccc; -- cgit v1.2.3