API tools faq
paste
Advertisement
Razorxd1993

CSS - Hilfe

Razorxd1993
Jul 9th, 2023
858
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.81 KB | None | 0 0
raw download clone embed print report
  1. .m-0 {
  2.     margin: 0 !important
  3. }
  4.  
  5. .mt-0,
  6. .my-0 {
  7.     margin-top: 0 !important
  8. }
  9.  
  10. .mr-0,
  11. .mx-0 {
  12.     margin-right: 0 !important
  13. }
  14.  
  15. .mb-0,
  16. .my-0 {
  17.     margin-bottom: 0 !important
  18. }
  19.  
  20. .ml-0,
  21. .mx-0 {
  22.     margin-left: 0 !important
  23. }
  24.  
  25. .m-1 {
  26.     margin: .25rem !important
  27. }
  28.  
  29. .mt-1,
  30. .my-1 {
  31.     margin-top: .25rem !important
  32. }
  33.  
  34. .mr-1,
  35. .mx-1 {
  36.     margin-right: .25rem !important
  37. }
  38.  
  39. .mb-1,
  40. .my-1 {
  41.     margin-bottom: .25rem !important
  42. }
  43.  
  44. .ml-1,
  45. .mx-1 {
  46.     margin-left: .25rem !important
  47. }
  48.  
  49. .m-2 {
  50.     margin: .5rem !important
  51. }
  52.  
  53. .mt-2,
  54. .my-2 {
  55.     margin-top: .5rem !important
  56. }
  57.  
  58. .mr-2,
  59. .mx-2 {
  60.     margin-right: .5rem !important
  61. }
  62.  
  63. .mb-2,
  64. .my-2 {
  65.     margin-bottom: .5rem !important
  66. }
  67.  
  68. .ml-2,
  69. .mx-2 {
  70.     margin-left: .5rem !important
  71. }
  72.  
  73. .m-3 {
  74.     margin: 1rem !important
  75. }
  76.  
  77. .mt-3,
  78. .my-3 {
  79.     margin-top: 1rem !important
  80. }
  81.  
  82. .mr-3,
  83. .mx-3 {
  84.     margin-right: 1rem !important
  85. }
  86.  
  87. .mb-3,
  88. .my-3 {
  89.     margin-bottom: 1rem !important
  90. }
  91.  
  92. .ml-3,
  93. .mx-3 {
  94.     margin-left: 1rem !important
  95. }
  96.  
  97. .m-4 {
  98.     margin: 1.5rem !important
  99. }
  100.  
  101. .mt-4,
  102. .my-4 {
  103.     margin-top: 1.5rem !important
  104. }
  105.  
  106. .mr-4,
  107. .mx-4 {
  108.     margin-right: 1.5rem !important
  109. }
  110.  
  111. .mb-4,
  112. .my-4 {
  113.     margin-bottom: 1.5rem !important
  114. }
  115.  
  116. .ml-4,
  117. .mx-4 {
  118.     margin-left: 1.5rem !important
  119. }
  120.  
  121. .m-5 {
  122.     margin: 3rem !important
  123. }
  124.  
  125. .mt-5,
  126. .my-5 {
  127.     margin-top: 3rem !important
  128. }
  129.  
  130. .mr-5,
  131. .mx-5 {
  132.     margin-right: 3rem !important
  133. }
  134.  
  135. .mb-5,
  136. .my-5 {
  137.     margin-bottom: 3rem !important
  138. }
  139.  
  140. .ml-5,
  141. .mx-5 {
  142.     margin-left: 3rem !important
  143. }
  144.  
  145. .p-0 {
  146.     padding: 0 !important
  147. }
  148.  
  149. .pt-0,
  150. .py-0 {
  151.     padding-top: 0 !important
  152. }
  153.  
  154. .pr-0,
  155. .px-0 {
  156.     padding-right: 0 !important
  157. }
  158.  
  159. .pb-0,
  160. .py-0 {
  161.     padding-bottom: 0 !important
  162. }
  163.  
  164. .pl-0,
  165. .px-0 {
  166.     padding-left: 0 !important
  167. }
  168.  
  169. .p-1 {
  170.     padding: .25rem !important
  171. }
  172.  
  173. .pt-1,
  174. .py-1 {
  175.     padding-top: .25rem !important
  176. }
  177.  
  178. .pr-1,
  179. .px-1 {
  180.     padding-right: .25rem !important
  181. }
  182.  
  183. .pb-1,
  184. .py-1 {
  185.     padding-bottom: .25rem !important
  186. }
  187.  
  188. .pl-1,
  189. .px-1 {
  190.     padding-left: .25rem !important
  191. }
  192.  
  193. .p-2 {
  194.     padding: .5rem !important
  195. }
  196.  
  197. .pt-2,
  198. .py-2 {
  199.     padding-top: .5rem !important
  200. }
  201.  
  202. .pr-2,
  203. .px-2 {
  204.     padding-right: .5rem !important
  205. }
  206.  
  207. .pb-2,
  208. .py-2 {
  209.     padding-bottom: .5rem !important
  210. }
  211.  
  212. .pl-2,
  213. .px-2 {
  214.     padding-left: .5rem !important
  215. }
  216.  
  217. .p-3 {
  218.     padding: 1rem !important
  219. }
  220.  
  221. .pt-3,
  222. .py-3 {
  223.     padding-top: 1rem !important
  224. }
  225.  
  226. .pr-3,
  227. .px-3 {
  228.     padding-right: 1rem !important
  229. }
  230.  
  231. .pb-3,
  232. .py-3 {
  233.     padding-bottom: 1rem !important
  234. }
  235.  
  236. .pl-3,
  237. .px-3 {
  238.     padding-left: 1rem !important
  239. }
  240.  
  241. .p-4 {
  242.     padding: 1.5rem !important
  243. }
  244.  
  245. .pt-4,
  246. .py-4 {
  247.     padding-top: 1.5rem !important
  248. }
  249.  
  250. .pr-4,
  251. .px-4 {
  252.     padding-right: 1.5rem !important
  253. }
  254.  
  255. .pb-4,
  256. .py-4 {
  257.     padding-bottom: 1.5rem !important
  258. }
  259.  
  260. .pl-4,
  261. .px-4 {
  262.     padding-left: 1.5rem !important
  263. }
  264.  
  265. .p-5 {
  266.     padding: 3rem !important
  267. }
  268.  
  269. .pt-5,
  270. .py-5 {
  271.     padding-top: 3rem !important
  272. }
  273.  
  274. .pr-5,
  275. .px-5 {
  276.     padding-right: 3rem !important
  277. }
  278.  
  279. .pb-5,
  280. .py-5 {
  281.     padding-bottom: 3rem !important
  282. }
  283.  
  284. .pl-5,
  285. .px-5 {
  286.     padding-left: 3rem !important
  287. }
  288.  
  289. .m-auto {
  290.     margin: auto !important
  291. }
  292.  
  293. .mt-auto,
  294. .my-auto {
  295.     margin-top: auto !important
  296. }
  297.  
  298. .mr-auto,
  299. .mx-auto {
  300.     margin-right: auto !important
  301. }
  302.  
  303. .mb-auto,
  304. .my-auto {
  305.     margin-bottom: auto !important
  306. }
  307.  
  308. .ml-auto,
  309. .mx-auto {
  310.     margin-left: auto !important
  311. }
  312.  
  313. .d-flex {
  314.     display: -ms-flexbox !important;
  315.     display: flex !important
  316. }
  317.  
  318. .d-inline-flex {
  319.     display: -ms-inline-flexbox !important;
  320.     display: inline-flex !important
  321. }
  322.  
  323. .d-none {
  324.     display: none !important
  325. }
  326.  
  327. .d-inline {
  328.     display: inline !important
  329. }
  330.  
  331. .d-inline-block {
  332.     display: inline-block !important
  333. }
  334.  
  335. .d-block {
  336.     display: block !important
  337. }
  338.  
  339. .wp-roadmap-box .header {
  340.     padding: 50px;
  341. }
  342.  
  343. .wp-roadmap-box .header .title {
  344.     margin-top: 0;
  345.     margin-bottom: 10px;
  346. }
  347.  
  348. .wp-roadmap-box .tabcontent li {
  349.     padding: 1.25rem 0;
  350.     cursor: pointer
  351. }
  352.  
  353. .wp-roadmap-box .tabcontent li:first-child {
  354.     padding-top: 0px;
  355. }
  356.  
  357. .wp-roadmap-box .tab-button {
  358.     font-size: 0.75rem;
  359.     min-height: 2rem;
  360.     padding: 0px 1rem;
  361.     border: 0px;
  362.     border-radius: 4px;
  363.     background: #6564db;
  364.     color: #212121;
  365.     box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0px 0.5px, rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
  366. }
  367.  
  368. .tabcontent li p {
  369.     font-size: 16px;
  370.     overflow: hidden;
  371.     display: -webkit-box;
  372.     -webkit-box-orient: vertical;
  373.     -webkit-line-clamp: 2;
  374. }
  375.  
  376. button.button-box {
  377.     padding: 0;
  378.     display: inline-block;
  379.     border: 0;
  380.     height: 30px;
  381.     width: 70px;
  382.     background: #212121;
  383.     box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  384.     font-size: 14px;
  385.     font-weight: 600;
  386.     border-radius: 5px;
  387. }
  388.  
  389. .wp-roadmap .box-content ul.tab li.tablinks {
  390.     font-size: 14px;
  391.     padding: 0.5rem 1rem;
  392.     font-weight: 400;
  393.     margin-bottom: 10px;
  394.     margin-left: 2px;
  395.     color: rgba(73, 73, 73, 0.71);
  396.     text-decoration: none;
  397.     border-radius: 4px;
  398.     cursor: pointer;
  399. }
  400.  
  401. .wp-roadmap .box-content ul.tab li.tablinks.active {
  402.     background-color: rgba(0, 0, 0, 0.04);
  403.     color: #f1f1f1;
  404. }
  405.  
  406.  
  407. .wp-roadmap .box-content .tab-most-voted,
  408. .wp-roadmap .box-content .tab-newest {
  409.     padding: 4rem;
  410.     display: none;
  411.     color: #FF0000; /* Beispiel-Farbe */
  412. }
  413.  
  414. .wp-roadmap .box-content .tab-roadmap {
  415.     padding: 2rem 4rem;
  416.     display: none;
  417.     color: #FF0000; /* Beispiel-Farbe */
  418. }
  419.  
  420. .wp-roadmap .box-content .tabcontent.tabfade {
  421.     display: block;
  422. }
  423.  
  424. .wp-roadmap .box-content .tabcontent h3 {
  425.     margin-top: 0;
  426.     margin-bottom: 5px;
  427.     font-weight: 500;
  428. }
  429.  
  430. .wp-roadmap-box .nav {
  431.     display: -ms-flexbox;
  432.     display: flex;
  433.     -ms-flex-wrap: wrap;
  434.     flex-wrap: wrap;
  435.     padding-left: 0;
  436.     margin-bottom: 0;
  437.     margin-top: 0;
  438.     list-style: none;
  439. }
  440.  
  441. .align-items-center {
  442.     -ms-flex-align: center !important;
  443.     align-items: center !important;
  444. }
  445.  
  446. .justify-content-between {
  447.     -ms-flex-pack: justify !important;
  448.     justify-content: space-between !important;
  449. }
  450.  
  451. .list-inline {
  452.     padding-left: 0;
  453.     list-style: none;
  454. }
  455.  
  456. .position-relative {
  457.     position: relative !important;
  458. }
  459.  
  460. .wp-roadmap {
  461.     min-height: 100vh;
  462. }
  463.  
  464. .wp-roadmap .container {
  465.     margin: 0 auto;
  466.     width: 100%;
  467. }
  468. /*Ganze Box*/
  469. .wp-roadmap .box-content {
  470.     margin: 0px auto;
  471.     width: 100%;
  472.     transition: max-width 0.5s ease 0s;
  473.     background: #212121;
  474.     border-radius: 5px;
  475.     box-shadow: 0px 3px 12px 0px rgba(179, 179, 179, 0.15);
  476.     border: 1px solid #e0e0e0;
  477. }
  478.  
  479. .wp-roadmap-box .tab-info {
  480.     padding: 0.75rem 3rem;
  481.     border-top: 1px solid rgba(0, 0, 0, 0.08);
  482.     border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  483.     background-color: #212121;
  484. }
  485. /*tabbutton farbe !*/
  486. .wp-roadmap-box h1,
  487. .wp-roadmap-box h2,
  488. .wp-roadmap-box h3,
  489. .wp-roadmap-box h4,
  490. .wp-roadmap-box h5,
  491. .wp-roadmap-box h6 {
  492.     color: #606060;
  493.     text-transform: capitalize;
  494. }
  495.  
  496. .wp-roadmap-box h6 span {
  497.     font-size: 12px;
  498.     font-weight: 400;
  499.     color: #91A2B2;
  500.     padding-left: 5px;
  501. }
  502.  
  503. .button-box i.dashicons-arrow-up {
  504.     display: inline-block;
  505. }
  506.  
  507. .button-box.btn-active i.dashicons-arrow-up {
  508.     display: none;
  509. }
  510.  
  511. .button-box i.dashicons-saved {
  512.     display: none;
  513. }
  514.  
  515. .button-box.btn-active i.dashicons-saved {
  516.     display: inline-block;
  517.     color: #212121;
  518. }
  519. /*Schriftfarbe im Button*/
  520. .button-box.btn-active {
  521.     border-left: none;
  522.     background-color: #28a745;
  523.     color: #e8e6e6;
  524. }
  525.  
  526. /*---- timeline ---*/
  527. .wp-roadmap-box .tabcontent .iq-timeline li {
  528.     padding: 0 0 0 3rem;
  529.     margin: 0;
  530.     position: relative;
  531. }
  532.  
  533. .wp-roadmap-box .iq-timeline:before {
  534.     content: "";
  535.     position: absolute;
  536.     top: 0px;
  537.     bottom: 0px;
  538.     left: 0;
  539.     right: initial;
  540.     border-left: 1px dashed #e1e1e1;
  541. }
  542.  
  543. .wp-roadmap-box .tabcontent .iq-timeline li .title:before {
  544.     content: "";
  545.     position: absolute;
  546.     top: 0.9rem;
  547.     left: 0px;
  548.     right: initial;
  549.     width: 2.5rem;
  550.     border-top: 1px dashed #e1e1e1;
  551. }
  552.  
  553. .wp-roadmap-box .timeline-dots.timeline-dot-title {
  554.     width: 9px;
  555.     height: 9px;
  556.     border: 2px solid;
  557.     border-radius: 50%;
  558.     background: #212121;
  559.     position: absolute;
  560.     left: -4px;
  561.     top: 0.65rem;
  562. }
  563.  
  564. .wp-roadmap-box .tabcontent .iq-timeline li.dot-blue .timeline-dots {
  565.     border-color: #00a6f6;
  566. }
  567.  
  568. .wp-roadmap-box .tabcontent .iq-timeline li .timeline-title {
  569.     position: relative;
  570.     margin-bottom: 30px !important;
  571. }
  572.  
  573. .wp-roadmap-box .timeline-dots.timeline-dot1 {
  574.     position: absolute;
  575.     top: calc(0.5rem + 0px);
  576.     left: -3rem;
  577.     right: initial;
  578.     margin: 0 0 0 -2px;
  579.     width: 5px;
  580.     height: 5px;
  581.     border-radius: 50%;
  582.     background-color: #212121;
  583.     box-shadow: rgba(0, 0, 0, 0.8) 0 0 1px inset;
  584. }
  585.  
  586. .wp-roadmap-box .tabcontent .iq-timeline li.dot-blue .timeline-dot1 {
  587.     background: #00a6f6;
  588. }
  589.  
  590. .wp-roadmap-box .tabcontent .iq-timeline li.dot-purple .timeline-dots {
  591.     border-color: #3d4db7;
  592. }
  593.  
  594. .wp-roadmap-box .tabcontent .iq-timeline li.dot-purple .timeline-dot1 {
  595.     background: #3d4db7;
  596. }
  597.  
  598. .wp-roadmap-box .tabcontent .iq-timeline li.dot-black .timeline-dots {
  599.     border-color: #000000;
  600. }
  601.  
  602. .wp-roadmap-box .tabcontent .iq-timeline li.dot-black .timeline-dot1 {
  603.     background: #000000;
  604. }
  605.  
  606. .wp-roadmap-box .tabcontent .iq-timeline li.dot-green .timeline-dots {
  607.     border-color: #3fc380;
  608. }
  609.  
  610. .wp-roadmap-box .tabcontent .iq-timeline li.dot-green .timeline-dot1 {
  611.     background: #3fc380;
  612. }
  613.  
  614. .wp-roadmap-box .tabcontent .view-more a {
  615.     font-size: 0.7rem;
  616.     color: rgba(73, 73, 73, 0.71);
  617. }
  618.  
  619. .wp-roadmap-box button:focus,
  620. button:hover {
  621.     text-decoration: none !important
  622. }
  623.  
  624. .wp-roadmap-box button {
  625.     color: #000000
  626. }
  627.  
  628. @media (min-width:992px) {
  629.     .wp-roadmap .container {
  630.         max-width: 690px;
  631.     }
  632. }
  633.  
  634. @media (max-width:991px) {
  635.     .wp-roadmap {
  636.         padding: 0;
  637.     }
  638.  
  639.     .wp-roadmap .container {
  640.         max-width: 100%;
  641.     }
  642. }
  643.  
  644.  
  645. .wp-roadmap .box-content .tab-most-voted,
  646. .wp-roadmap .box-content .tab-newest {
  647.     padding: 3rem 3rem;
  648. }
  649.  
  650. .wp-roadmap-box .tabcontent li {
  651.     margin-left: 0 !important;
  652. }
  653.  
  654. .wp-roadmap .box-content ul.tab li.tablinks {
  655.     font-size: 16px !important;
  656.     padding: 8px 16px !important;
  657. }
  658.  
  659. .wp-roadmap-box .tab-info {
  660.     padding: 1rem 2.5rem;
  661. }
  662.  
  663. .wp-roadmap .box-content .tabcontent h4 span,
  664. .wp-roadmap .box-content .tab-most-voted h4 span {
  665.     color: #494949b6;
  666.     font-size: 14px;
  667.     margin-left: 2px;
  668.     padding-left: 2px;
  669. }
  670.  
  671. .wp-roadmap .box-content .tab-roadmap ul li .title {
  672.     font-size: 18px;
  673.     color: #494949b6;
  674. }
  675.  
  676. .wp-roadmap .box-content .tab-roadmap ul.iq-timeline li .view-more {
  677.     font-size: 13px;
  678.     color: #494949b6;
  679. }
  680.  
  681. .wp-roadmap .box-content .tab-roadmap ul.iq-timeline li {
  682.     margin-bottom: 40px !important;
  683. }
  684.  
  685. .wp-roadmap-box .button-box:focus {
  686.     background-color: #28a745 !important;
  687.     border-color: #28a745 !important;
  688. }
  689.  
  690. .wp-roadmap-box .button-box:hover {
  691.     box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
  692. }
  693.  
  694. .wp-roadmap-box button span {
  695.     line-height: 20px;
  696. }
  697.  
  698. .task-list ul li .feedback-vote-btn {
  699.     margin-top: auto;
  700.     margin-bottom: auto;
  701. }
  702.  
  703. #feature_link {
  704.     float: right;
  705.     font-size: 15px;
  706.     padding: 6px 6px !important;
  707.     background-color: #4E9CAF;
  708.     color: white;
  709.     display: inline-block;
  710.     border-radius: 5px;
  711.     text-decoration: none;
  712.        
  713. }
  714.  
  715. .wp-roadmap .box-content .tabcontent .iq-timeline li .title:before {
  716.  
  717.     content: "";
  718.  
  719.     position: absolute;
  720.  
  721.     top: 0.9rem;
  722.  
  723.     left: 0px;
  724.  
  725.     right: initial;
  726.  
  727.     width: 2.5rem;
  728.  
  729.     border-top: 1px dashed #e1e1e1;
  730.  
  731.     margin-top: 0px;
  732.  
  733. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!