Нет описания

block.css 3.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  1. .alignfull{
  2. margin-left: calc(50% - 50vw);
  3. margin-right: calc(50% - 50vw);
  4. width: auto;
  5. max-width: 1000%;
  6. }
  7. .wp-block-button__link{
  8. background-color:#000;
  9. }
  10. .wp-block-image img {
  11. display: block;
  12. }
  13. .wp-block-image.alignleft,
  14. .wp-block-image.alignright {
  15. width: 100%
  16. }
  17. .wp-block-image.alignfull img {
  18. width: 100vw;
  19. }
  20. .wp-block-gallery:not(.components-placeholder) {
  21. margin: 1.5em auto;
  22. }
  23. .wp-block-cover-text p {
  24. padding: 1.5em 14px;
  25. }
  26. ul.wp-block-gallery.alignleft.columns-2.is-cropped {
  27. margin-right: 2em/*!rtl:end:ignore; */;
  28. }
  29. ul.wp-block-gallery.alignwide {
  30. width: 100%;
  31. overflow: hidden;
  32. clear: both;
  33. }
  34. .wp-block-quote.is-large, .wp-block-quote.is-style-large {
  35. margin: 0 0 16px;
  36. padding: 30px 50px 30px 80px;
  37. }
  38. .is-style-solid-color blockquote {
  39. background: transparent;
  40. }
  41. ul.wp-block-latest-posts.alignwide,
  42. ul.wp-block-latest-posts.alignfull,
  43. ul.wp-block-latest-posts.is-grid.alignwide,
  44. ul.wp-block-latest-posts.is-grid.alignwide {
  45. padding: 0 14px;
  46. }
  47. .wp-block-table {
  48. display: block;
  49. overflow-x: auto;
  50. }
  51. .wp-block-table table {
  52. border-collapse: collapse;
  53. width: 100%
  54. }
  55. .wp-block-table td, .wp-block-table th {
  56. padding: .5em;
  57. }
  58. .wp-block-embed.type-video > .wp-block-embed__wrapper {
  59. position: relative;
  60. width: 100%;
  61. height: 0;
  62. padding-top: 56.25%;
  63. }
  64. .wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
  65. position: absolute;
  66. width: 100%;
  67. height: 100%;
  68. top: 0;
  69. left: 0;
  70. bottom: 0;
  71. right: 0;
  72. }
  73. .wp-block-quote.is-large {
  74. margin: 0 auto 16px;
  75. }
  76. .wp-block-pullquote>p:first-child {
  77. margin-top: 0;
  78. }
  79. .wp-block-separator {
  80. margin: 3em auto;
  81. padding: 0;
  82. }
  83. /*embide style*/
  84. .alignwide.wp-block-embed,
  85. .alignfull.wp-block-embed {
  86. position: relative;
  87. padding-bottom: 56.25%; /* 16:9 */
  88. padding-top: 25px;
  89. height: 0;
  90. }
  91. .alignwide.wp-block-embed iframe,
  92. .alignfull.wp-block-embed iframe {
  93. position: absolute;
  94. top: 0;
  95. left: 0;
  96. width: 100%;
  97. height: 100%;
  98. }
  99. .alignwide.wp-block-embed figcaption,
  100. .alignfull.wp-block-embed figcaption{
  101. bottom:-10px;
  102. left:0;
  103. right:0;
  104. margin-left:auto;
  105. margin-right:auto;
  106. position:absolute
  107. }
  108. @media screen and (min-width: 768px) {
  109. .wp-block-cover-text p {
  110. padding: 1.5em 0;
  111. }
  112. }
  113. /*--------------------------------------------------------------
  114. # Block Color Palette Colors
  115. --------------------------------------------------------------*/
  116. .has-strong-blue-color {
  117. color: #0073aa;
  118. }
  119. .has-strong-blue-background-color {
  120. background-color: #0073aa;
  121. }
  122. .has-lighter-blue-color {
  123. color: #229fd8;
  124. }
  125. .has-lighter-blue-background-color {
  126. background-color: #229fd8;
  127. }
  128. .has-very-light-gray-color {
  129. color: #eee;
  130. }
  131. .has-very-light-gray-background-color {
  132. background-color: #eee;
  133. }
  134. .has-very-dark-gray-color {
  135. color: #444;
  136. }
  137. .has-very-dark-gray-background-color {
  138. background-color: #444;
  139. }
  140. /*Default blog some style*/
  141. /*Column bloc */
  142. .wp-block-column{
  143. margin-bottom: 1.6em;
  144. }
  145. /*block button*/
  146. .wp-block-button__link {
  147. border-radius: 22px;
  148. padding: 10px 20px;
  149. font-size: 16px;
  150. }
  151. .is-style-squared .wp-block-button__link {
  152. border-radius: 5px;
  153. }
  154. .is-style-outline .wp-block-button__link {
  155. border: 1px solid currentcolor;
  156. }
  157. /*Common block style*/
  158. .has-large-font-size {
  159. line-height: 41px;
  160. }
  161. .wp-block-quote:not(.is-large):not(.is-style-large) {
  162. border-left: inherit;
  163. padding: 30px 50px 30px 80px;
  164. }
  165. /*Block column*/
  166. .wp-block-gallery.columns-3 ul li {
  167. width: 33.33%;
  168. float: left;
  169. }
  170. .wp-block-gallery.columns-2 ul li {
  171. width: 50%;
  172. float: left;
  173. }
  174. .wp-block-gallery.columns-4 ul li {
  175. width: 25%;
  176. float: left;
  177. }
  178. .wp-block-gallery.columns-5 ul li {
  179. width: 20%;
  180. float: left;
  181. }
  182. .wp-block-gallery.columns-6 ul li {
  183. width: 16.66%;
  184. float: left;
  185. }
  186. .wp-block-gallery.columns-7 ul li {
  187. width: 14.28%;
  188. float: left;
  189. }
  190. .wp-block-gallery.columns-8 ul li {
  191. width: 12.5%;
  192. float: left;
  193. }