origine-compact.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. @charset "UTF-8";
  2. /*=== GENERAL */
  3. /*============*/
  4. input, select, textarea {
  5. padding: 3px 5px 2px 5px;
  6. min-height: 25px;
  7. line-height: 25px;
  8. }
  9. /*=== COMPONENTS */
  10. /*===============*/
  11. /*=== Forms */
  12. .form-group.form-actions .btn {
  13. margin: 0 10px;
  14. }
  15. .form-group .group-controls {
  16. min-height: 25px;
  17. padding: 8px 0;
  18. }
  19. /*=== Buttons */
  20. .btn {
  21. margin: 0;
  22. padding: 5px 10px;
  23. min-height: 32px;
  24. }
  25. a.btn,
  26. .stick .btn {
  27. min-height: 20px;
  28. line-height: 20px;
  29. }
  30. /*=== Navigation */
  31. /*=== Horizontal-list */
  32. .horizontal-list {
  33. font-size: 0.9rem;
  34. }
  35. .horizontal-list .item {
  36. line-height: 30px;
  37. }
  38. /*=== Dropdown */
  39. .item ~ .dropdown-header,
  40. .item.separator {
  41. border-top-color: #ddd;
  42. }
  43. /*=== Alerts */
  44. /*=== Pagination */
  45. /*=== Boxes */
  46. /*=== Tree */
  47. .tree-folder-title {
  48. padding: 0 5px;
  49. line-height: 2rem;
  50. font-size: 0.9rem;
  51. }
  52. .tree-folder-items > .item {
  53. line-height: 2.2rem;
  54. }
  55. /*=== STRUCTURE */
  56. /*===============*/
  57. /*=== Header */
  58. .header {
  59. height: 40px;
  60. }
  61. .header > .item {
  62. padding: 0px;
  63. }
  64. .header .item.configure .btn,
  65. .header .item.search .btn {
  66. min-height: 18px;
  67. padding: 4px 10px;
  68. line-height: 18px;
  69. }
  70. .header > .item.title .logo {
  71. height: 25px;
  72. }
  73. .header > .item.search input {
  74. padding: 1px 5px;
  75. }
  76. /*=== Body */
  77. #global {
  78. height: calc(100vh - 40px);
  79. }
  80. /*=== Aside main page (categories) */
  81. .aside.aside_feed .category .title:not([data-unread="0"])::after,
  82. .global .box.category .title:not([data-unread="0"])::after {
  83. margin: 0.5em 0 0 0;
  84. }
  85. .aside.aside_feed .feed .item-title:not([data-unread="0"])::after {
  86. margin: 0.75em 0 0 0;
  87. }
  88. /*=== Aside main page (feeds) */
  89. /*=== Configuration pages */
  90. /*=== Prompt (centered) */
  91. /*=== New article notification */
  92. #new-article > a {
  93. line-height: 3em;
  94. }
  95. /*=== Day indication */
  96. .day {
  97. font-size: 0.9rem;
  98. line-height: 2em;
  99. }
  100. .day .name {
  101. font-size: 1em;
  102. opacity: 0.6;
  103. }
  104. /*=== Index menu */
  105. /*=== Feed articles */
  106. .flux_header {
  107. font-size: 0.8rem;
  108. }
  109. .flux .item {
  110. padding: 0;
  111. }
  112. .flux .item.thumbnail {
  113. padding: 5px;
  114. height: 50px;
  115. }
  116. .flux .item.thumbnail.small {
  117. height: 30px;
  118. }
  119. .flux .item.thumbnail.portrait {
  120. width: 38px;
  121. }
  122. .flux .item.thumbnail.square {
  123. width: 50px;
  124. }
  125. .flux .item.thumbnail.landscape {
  126. width: 80px;
  127. }
  128. .flux .item.thumbnail.portrait.small {
  129. width: 20px;
  130. }
  131. .flux .item.thumbnail.square.small {
  132. width: 30px;
  133. }
  134. .flux .item.thumbnail.landscape.small {
  135. width: 40px;
  136. }
  137. .flux .item.title .summary {
  138. max-height: 1.5em;
  139. }
  140. .flux:not(.current):hover .item.title {
  141. top: auto;
  142. }
  143. /*=== Content of feed articles */
  144. .content {
  145. padding: 10px 10px;
  146. }
  147. #stream.normal .content > h1.title {
  148. display: none;
  149. }
  150. /*=== Notification and actualize notification */
  151. /*=== "Load more" part */
  152. #bigMarkAsRead {
  153. font-size: 1.2em;
  154. }
  155. #bigMarkAsRead .bigTick {
  156. font-size: 3em;
  157. }
  158. /*=== Navigation menu (for articles) */
  159. #nav_entries {
  160. line-height: 2.2em;
  161. }
  162. /*=== READER VIEW */
  163. /*================*/
  164. /*=== GLOBAL VIEW */
  165. /*================*/
  166. /*=== DIVERS */
  167. /*===========*/
  168. /*=== STATISTICS */
  169. /*===============*/
  170. /*=== MOBILE */
  171. /*===========*/
  172. @media (max-width: 840px) {
  173. .nav_menu .search input {
  174. padding: 1px 5px;
  175. }
  176. .dropdown-target:target ~ .dropdown-toggle:not(.btn) ~ .dropdown-menu {
  177. margin-top: 5px;
  178. }
  179. .post {
  180. padding-left: 15px;
  181. padding-right: 15px;
  182. }
  183. }