Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 
 
 
 

367 Zeilen
8.1 KiB

  1. html, body {
  2. padding: 0;
  3. margin: 0;
  4. }
  5. body {
  6. font-family: sans-serif;
  7. }
  8. /* Text meant only for screen readers */
  9. .screen-reader-text {
  10. clip: rect(1px, 1px, 1px, 1px);
  11. height: 1px;
  12. overflow: hidden;
  13. position: absolute !important;
  14. width: 1px;
  15. }
  16. /* Dashicons */
  17. .dashicons {
  18. display: inline-block;
  19. width: 20px;
  20. height: 20px;
  21. background-color: transparent;
  22. background-repeat: no-repeat;
  23. -webkit-background-size: 20px 20px;
  24. background-size: 20px;
  25. background-position: center;
  26. -webkit-transition: background .1s ease-in;
  27. transition: background .1s ease-in;
  28. position: relative;
  29. top: 5px;
  30. }
  31. .dashicons-no {
  32. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M15.55%2013.7l-2.19%202.06-3.42-3.65-3.64%203.43-2.06-2.18%203.64-3.43-3.42-3.64%202.18-2.06%203.43%203.64%203.64-3.42%202.05%202.18-3.64%203.43z%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E");
  33. }
  34. .dashicons-admin-comments {
  35. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M5%202h9q.82%200%201.41.59T16%204v7q0%20.82-.59%201.41T14%2013h-2l-5%205v-5H5q-.82%200-1.41-.59T3%2011V4q0-.82.59-1.41T5%202z%27%20fill%3D%27%2382878c%27%2F%3E%3C%2Fsvg%3E");
  36. }
  37. .wp-embed-comments a:hover .dashicons-admin-comments {
  38. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M5%202h9q.82%200%201.41.59T16%204v7q0%20.82-.59%201.41T14%2013h-2l-5%205v-5H5q-.82%200-1.41-.59T3%2011V4q0-.82.59-1.41T5%202z%27%20fill%3D%27%230073aa%27%2F%3E%3C%2Fsvg%3E");
  39. }
  40. .dashicons-share {
  41. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.5%2012q1.24%200%202.12.88T17.5%2015t-.88%202.12-2.12.88-2.12-.88T11.5%2015q0-.34.09-.69l-4.38-2.3Q6.32%2013%205%2013q-1.24%200-2.12-.88T2%2010t.88-2.12T5%207q1.3%200%202.21.99l4.38-2.3q-.09-.35-.09-.69%200-1.24.88-2.12T14.5%202t2.12.88T17.5%205t-.88%202.12T14.5%208q-1.3%200-2.21-.99l-4.38%202.3Q8%209.66%208%2010t-.09.69l4.38%202.3q.89-.99%202.21-.99z%27%20fill%3D%27%2382878c%27%2F%3E%3C%2Fsvg%3E");
  42. display: none;
  43. }
  44. .js .dashicons-share {
  45. display: inline-block;
  46. }
  47. .wp-embed-share-dialog-open:hover .dashicons-share {
  48. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.5%2012q1.24%200%202.12.88T17.5%2015t-.88%202.12-2.12.88-2.12-.88T11.5%2015q0-.34.09-.69l-4.38-2.3Q6.32%2013%205%2013q-1.24%200-2.12-.88T2%2010t.88-2.12T5%207q1.3%200%202.21.99l4.38-2.3q-.09-.35-.09-.69%200-1.24.88-2.12T14.5%202t2.12.88T17.5%205t-.88%202.12T14.5%208q-1.3%200-2.21-.99l-4.38%202.3Q8%209.66%208%2010t-.09.69l4.38%202.3q.89-.99%202.21-.99z%27%20fill%3D%27%230073aa%27%2F%3E%3C%2Fsvg%3E");
  49. }
  50. .wp-embed {
  51. padding: 25px;
  52. font-size: 14px;
  53. font-weight: 400;
  54. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  55. line-height: 1.5;
  56. color: #82878c;
  57. background: #fff;
  58. border: 1px solid #e5e5e5;
  59. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  60. box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  61. /* Clearfix */
  62. overflow: auto;
  63. zoom: 1;
  64. }
  65. .wp-embed a {
  66. color: #82878c;
  67. text-decoration: none;
  68. }
  69. .wp-embed a:hover {
  70. text-decoration: underline;
  71. }
  72. .wp-embed-featured-image {
  73. margin-bottom: 20px;
  74. }
  75. .wp-embed-featured-image img {
  76. width: 100%;
  77. height: auto;
  78. border: none;
  79. }
  80. .wp-embed-featured-image.square {
  81. float: left;
  82. max-width: 160px;
  83. margin-right: 20px;
  84. }
  85. .wp-embed p {
  86. margin: 0;
  87. }
  88. p.wp-embed-heading {
  89. margin: 0 0 15px;
  90. font-weight: 600;
  91. font-size: 22px;
  92. line-height: 1.3;
  93. }
  94. .wp-embed-heading a {
  95. color: #32373c;
  96. }
  97. .wp-embed .wp-embed-more {
  98. color: #b4b9be;
  99. }
  100. .wp-embed-footer {
  101. display: table;
  102. width: 100%;
  103. margin-top: 30px;
  104. }
  105. .wp-embed-site-icon {
  106. position: absolute;
  107. top: 50%;
  108. left: 0;
  109. -webkit-transform: translateY(-50%);
  110. -ms-transform: translateY(-50%);
  111. transform: translateY(-50%);
  112. height: 25px;
  113. width: 25px;
  114. border: 0;
  115. }
  116. .wp-embed-site-title {
  117. font-weight: 600;
  118. line-height: 25px;
  119. }
  120. .wp-embed-site-title a {
  121. position: relative;
  122. display: inline-block;
  123. padding-left: 35px;
  124. }
  125. .wp-embed-site-title,
  126. .wp-embed-meta {
  127. display: table-cell;
  128. }
  129. .wp-embed-meta {
  130. text-align: right;
  131. white-space: nowrap;
  132. vertical-align: middle;
  133. }
  134. .wp-embed-comments,
  135. .wp-embed-share {
  136. display: inline;
  137. }
  138. .wp-embed-meta a:hover {
  139. text-decoration: none;
  140. color: #0073aa;
  141. }
  142. .wp-embed-comments a {
  143. line-height: 25px;
  144. display: inline-block;
  145. }
  146. .wp-embed-comments + .wp-embed-share {
  147. margin-left: 10px;
  148. }
  149. .wp-embed-share-dialog {
  150. position: absolute;
  151. top: 0;
  152. left: 0;
  153. right: 0;
  154. bottom: 0;
  155. background-color: #222;
  156. background-color: rgba(10, 10, 10, 0.9);
  157. color: #fff;
  158. opacity: 1;
  159. -webkit-transition: opacity .25s ease-in-out;
  160. transition: opacity .25s ease-in-out;
  161. }
  162. .wp-embed-share-dialog.hidden {
  163. opacity: 0;
  164. visibility: hidden;
  165. }
  166. .wp-embed-share-dialog-open,
  167. .wp-embed-share-dialog-close {
  168. margin: -8px 0 0;
  169. padding: 0;
  170. background: transparent;
  171. border: none;
  172. cursor: pointer;
  173. outline: none;
  174. }
  175. .wp-embed-share-dialog-open .dashicons,
  176. .wp-embed-share-dialog-close .dashicons {
  177. padding: 4px;
  178. }
  179. .wp-embed-share-dialog-open .dashicons {
  180. top: 8px;
  181. }
  182. .wp-embed-share-dialog-open:focus .dashicons,
  183. .wp-embed-share-dialog-close:focus .dashicons {
  184. -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
  185. box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
  186. -webkit-border-radius: 100%;
  187. border-radius: 100%;
  188. }
  189. .wp-embed-share-dialog-close {
  190. position: absolute;
  191. top: 20px;
  192. right: 20px;
  193. font-size: 22px;
  194. }
  195. .wp-embed-share-dialog-close:hover {
  196. text-decoration: none;
  197. }
  198. .wp-embed-share-dialog-close .dashicons {
  199. height: 24px;
  200. width: 24px;
  201. -webkit-background-size: 24px 24px;
  202. background-size: 24px;
  203. }
  204. .wp-embed-share-dialog-content {
  205. height: 100%;
  206. -webkit-transform-style: preserve-3d;
  207. transform-style: preserve-3d;
  208. overflow: hidden;
  209. }
  210. .wp-embed-share-dialog-text {
  211. margin-top: 25px;
  212. padding: 20px;
  213. }
  214. .wp-embed-share-tabs {
  215. margin: 0 0 20px;
  216. padding: 0;
  217. list-style: none;
  218. }
  219. .wp-embed-share-tab-button {
  220. display: inline-block;
  221. }
  222. .wp-embed-share-tab-button button {
  223. margin: 0;
  224. padding: 0;
  225. border: none;
  226. background: transparent;
  227. font-size: 16px;
  228. line-height: 1.3;
  229. color: #aaa;
  230. cursor: pointer;
  231. -webkit-transition: color .1s ease-in;
  232. transition: color .1s ease-in;
  233. }
  234. .wp-embed-share-tab-button [aria-selected="true"] {
  235. color: #fff;
  236. }
  237. .wp-embed-share-tab-button button:hover {
  238. color: #fff;
  239. }
  240. .wp-embed-share-tab-button + .wp-embed-share-tab-button {
  241. margin: 0 0 0 10px;
  242. padding: 0 0 0 11px;
  243. border-left: 1px solid #aaa;
  244. }
  245. .wp-embed-share-tab[aria-hidden="true"] {
  246. display: none;
  247. }
  248. p.wp-embed-share-description {
  249. margin: 0;
  250. font-size: 14px;
  251. line-height: 1;
  252. font-style: italic;
  253. color: #aaa;
  254. }
  255. .wp-embed-share-input {
  256. -webkit-box-sizing: border-box;
  257. -moz-box-sizing: border-box;
  258. box-sizing: border-box;
  259. width: 100%;
  260. border: none;
  261. height: 28px;
  262. margin: 0 0 10px 0;
  263. padding: 0 5px;
  264. font-size: 14px;
  265. font-weight: 400;
  266. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  267. line-height: 1.5;
  268. resize: none;
  269. cursor: text;
  270. }
  271. textarea.wp-embed-share-input {
  272. height: 72px;
  273. }
  274. html[dir="rtl"] .wp-embed-featured-image.square {
  275. float: right;
  276. margin-right: 0;
  277. margin-left: 20px;
  278. }
  279. html[dir="rtl"] .wp-embed-site-title a {
  280. padding-left: 0;
  281. padding-right: 35px;
  282. }
  283. html[dir="rtl"] .wp-embed-site-icon {
  284. margin-right: 0;
  285. margin-left: 10px;
  286. left: auto;
  287. right: 0;
  288. }
  289. html[dir="rtl"] .wp-embed-meta {
  290. text-align: left;
  291. }
  292. html[dir="rtl"] .wp-embed-footer {
  293. }
  294. html[dir="rtl"] .wp-embed-share {
  295. margin-left: 0;
  296. margin-right: 10px;
  297. }
  298. html[dir="rtl"] .wp-embed-share-dialog-close {
  299. right: auto;
  300. left: 20px;
  301. }
  302. html[dir="rtl"] .wp-embed-share-tab-button + .wp-embed-share-tab-button {
  303. margin: 0 10px 0 0;
  304. padding: 0 11px 0 0;
  305. border-left: none;
  306. border-right: 1px solid #aaa;
  307. }