origine-compact.css 3.1 KB

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