| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170 |
- @charset "UTF-8";
- /*=== GENERAL */
- /*============*/
- :root {
- --frss-padding-top-bottom: 0.125rem;
- }
- /*=== COMPONENTS */
- /*===============*/
- /*=== Forms */
- .form-group.form-actions .btn {
- margin: 0 10px;
- }
- .form-group .group-controls {
- min-height: 25px;
- padding: 8px 0;
- }
- /*=== Buttons */
- .btn {
- margin: 0;
- padding: 0.25rem 0.5rem;
- min-height: 20px;
- line-height: 1.4;
- }
- /*=== Navigation */
- /*=== Horizontal-list */
- .horizontal-list {
- font-size: 0.9rem;
- }
- /*=== Dropdown */
- /*=== Alerts */
- /*=== Pagination */
- /*=== Boxes */
- /*=== Tree */
- /*=== STRUCTURE */
- /*===============*/
- /*=== Header */
- .header {
- /* search bar and config button height = 2.1rem */
- height: calc(2.1rem + 2 * var(--frss-padding-top-bottom));
- }
- .header > .item.title a {
- padding: 0 1rem;
- }
- .header > .item.title .logo {
- /* logo is smaller than needed */
- height: 1.5rem;
- }
- /*=== Body */
- #global {
- height: calc(100vh - (calc(2.1rem + 2 * var(--frss-padding-top-bottom))))
- }
- /*=== Aside main page (categories) */
- .aside.aside_feed .category .title:not([data-unread="0"])::after,
- .global .box.category .title:not([data-unread="0"])::after {
- font-size: 0.8rem;
- }
- #stream.global .feed .item-title:not([data-unread="0"])::after {
- margin-top: 0.125rem;
- }
- .aside.aside_feed .feed .item-title:not([data-unread="0"])::after {
- font-size: 0.7rem;
- }
- /*=== Transition indication, e.g. day */
- .transition {
- font-size: 0.9rem;
- line-height: 2;
- }
- .transition .name {
- font-size: 1em;
- opacity: 0.6;
- }
- /*=== Index menu */
- /*=== Feed articles */
- .flux .item.thumbnail {
- padding: 5px;
- height: 50px;
- }
- .flux .item.thumbnail.small {
- height: 30px;
- }
- .flux .item.thumbnail.portrait {
- width: 38px;
- }
- .flux .item.thumbnail.square {
- width: 50px;
- }
- .flux .item.thumbnail.landscape {
- width: 80px;
- }
- .flux .item.thumbnail.portrait.small {
- width: 20px;
- }
- .flux .item.thumbnail.square.small {
- width: 30px;
- }
- .flux .item.thumbnail.landscape.small {
- width: 40px;
- }
- .flux .item.title .summary {
- max-height: 1.5em;
- }
- .flux .flux_header .item .item-element {
- padding: 0.25rem 0;
- }
- /*=== Content of feed articles */
- /*=== Notification and actualize notification */
- .notification {
- padding: 0.5rem 3rem 0.5rem 0.5rem;
- }
- /*=== "Load more" part */
- #bigMarkAsRead.big {
- font-size: 1.2em;
- }
- #bigMarkAsRead .bigTick {
- font-size: 3em;
- }
- /*=== Navigation menu (for articles) */
- /*=== READER VIEW */
- /*================*/
- /*=== GLOBAL VIEW */
- /*================*/
- /*=== DIVERS */
- /*===========*/
- /*=== STATISTICS */
- /*===============*/
- /*=== MOBILE */
- /*===========*/
- @media (max-width: 840px) {
- .nav_menu .search input {
- padding: 1px 5px;
- }
- .dropdown-target:target ~ .dropdown-toggle:not(.btn) ~ .dropdown-menu {
- margin-top: 5px;
- }
- .post {
- padding-left: 1rem;
- padding-right: 1rem;
- }
- }
|