blocks.less 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. .block {
  2. &:extend(.panel);
  3. &:extend(.panel-default);
  4. &.invisible {
  5. border-color: lighten(@panel-default-border, 5%);
  6. .header {
  7. background-color: lighten(@panel-default-heading-bg, 5%);
  8. h2 {
  9. color: lighten(@panel-default-text, 20%);
  10. }
  11. }
  12. }
  13. .header {
  14. &:extend(.panel-default > .panel-heading);
  15. .panel-heading;
  16. h2 {
  17. .panel-title;
  18. }
  19. .block_action {
  20. float: right;
  21. }
  22. .commands {
  23. clear: both;
  24. text-align: right;
  25. & > a {
  26. margin: 0 3px;
  27. }
  28. .icon {
  29. img {
  30. width: 12px;
  31. height: 12px;
  32. }
  33. }
  34. img.actionmenu {
  35. width: auto;
  36. }
  37. }
  38. }
  39. .content {
  40. padding: 4px 14px;
  41. hr {
  42. margin: 5px 0;
  43. }
  44. .userpicture {
  45. width: 16px;
  46. height: 16px;
  47. margin-right: 6px;
  48. }
  49. .list {
  50. li.listentry {
  51. clear: both;
  52. }
  53. .c0 {
  54. display: inline;
  55. }
  56. .c1 {
  57. margin-left: 5px;
  58. display: inline;
  59. }
  60. }
  61. }
  62. .footer {
  63. margin-bottom: 4px;
  64. }
  65. .blockannotation {
  66. font-size: 0.75em;
  67. margin: -1em 0 1em;
  68. }
  69. .singleselect select {
  70. .form-control;
  71. }
  72. }
  73. .block.list_block {
  74. .unlist {
  75. & > li {
  76. & > .column {
  77. display: inline-block;
  78. }
  79. }
  80. }
  81. }
  82. .blockmovetarget,
  83. .block.beingmoved {
  84. border-width: 2px;
  85. border-style: dashed;
  86. }
  87. .blockmovetarget {
  88. display: block;
  89. height: 1em;
  90. margin-bottom: 1em;
  91. }
  92. .block .block-hider-show,
  93. .block .block-hider-hide {
  94. cursor: pointer;
  95. }
  96. .block .block-hider-show,
  97. .block.hidden .block-hider-hide {
  98. display: none;
  99. }
  100. .block.hidden .block-hider-show {
  101. display: inline;
  102. }
  103. .block.hidden .content {
  104. display: none;
  105. }
  106. .block_calendar_upcoming {
  107. .footer {
  108. margin-top: .5em;
  109. }
  110. .content {
  111. .date {
  112. padding-left: 22px;
  113. }
  114. .footer {
  115. padding-top: 10px;
  116. padding-left: 0px;
  117. }
  118. }
  119. }
  120. .blogsearchform,
  121. .searchform {
  122. input[type="text"] {
  123. .form-group;
  124. .form-control;
  125. }
  126. fieldset {
  127. width: 100%;
  128. }
  129. }
  130. .block_rss_client {
  131. .content li {
  132. margin-bottom: 10px;
  133. padding: 5px;
  134. border: 1px solid @blockquote-border-color;
  135. border-radius: @border-radius-base;
  136. .link {
  137. font-weight: inherit;
  138. }
  139. }
  140. .list li:first-child {
  141. border-top-width: 1px; // undo the style provided by the block's styles.css
  142. }
  143. }
  144. .block_news_items .content {
  145. .newlink {
  146. padding-bottom: 10px;
  147. }
  148. ul li {
  149. border-top: 1px solid @blockquote-border-color;
  150. padding: 2px;
  151. display: table;
  152. width: 100%;
  153. .info {
  154. display: table-header-group;
  155. }
  156. .date {
  157. font-size: @font-size-small;
  158. display: inline;
  159. }
  160. .name {
  161. font-size: @font-size-small;
  162. padding-left: 1ex;
  163. display: inline;
  164. }
  165. }
  166. .footer {
  167. padding-top: 10px;
  168. padding-left: 0px;
  169. }
  170. }