althindor

Pro for BrujitaMalvada (Sakura)

Aug 11th, 2020
413
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 19.58 KB | None | 0 0
  1. /* Profile by AlthIndor */
  2.  
  3. :root {
  4.   --atlas: url('https://images2.imgbox.com/e5/1c/qAnv8ou3_o.png');
  5.   --pink-lite: #F88AA8;
  6.   --purp-lite: #8466A2;
  7. }
  8.  
  9. html, body {background: none;}
  10. body a {transition: all .5s ease-in-out;}
  11.  
  12. #column_1 .panel {background: var(--atlas) 0 0 border-box, var(--atlas) 0 0 border-box;}
  13. .custom_panel b i {background: var(--atlas) 0 -470px;}
  14. #column_1 #id_about {background-position: 0 0, 0 -320px;}
  15. #column_1 #id_comments {background-position: 0 0, 0 -357px;}
  16. #column_1 #id_wishlist {background-position: 0 0, 0 -394px;}
  17. #column_1 #id_footprints {background-position: 0 0, 0 -431px;}
  18.  
  19. /* Fonts */
  20.  
  21. @font-face {
  22.   font-family: 'Shojumaru';
  23.   font-style: normal;
  24.   font-weight: 400;
  25.   src: local('Shojumaru'), local('Shojumaru-Regular'), url(https://fonts.gstatic.com/s/shojumaru/v8/rax_HiWfutkLLnaKCtl8Axhf.woff2) format('woff2');
  26. }
  27.  
  28. @font-face {
  29.   font-family: 'Courier Prime';
  30.   font-style: normal;
  31.   font-weight: 400;
  32.   src: local('Courier Prime Regular'), local('CourierPrime-Regular'), url(https://fonts.gstatic.com/s/courierprime/v2/u-450q2lgwslOqpF_6gQ8kELawFpWg.woff2) format('woff2');
  33. }
  34.  
  35. @font-face {
  36.   font-family: 'Open Sans';
  37.   font-style: normal;
  38.   font-weight: 400;
  39.   src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  40. }
  41.  
  42. @font-face {
  43.   font-family: 'Open Sans';
  44.   font-style: normal;
  45.   font-weight: 700;
  46.   src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  47. }
  48.  
  49. /* Header */
  50.  
  51. #gaia_header, #gaia_header #header_left, #gaia_header #header_right {box-sizing: border-box;}
  52. #gaia_header li.spacer {display: none !important;}
  53.  
  54. #gaia_header {
  55.   background: none !important;
  56.   border: 10px solid transparent;
  57. }
  58.  
  59. #gaia_header #header_left, #gaia_header #header_right {
  60.   background: #000000C0 padding-box;
  61.   width: auto !important;
  62.   font: 0/31px 'Shojumaru', serif !important;
  63.   height: 32px !important;
  64.   border: 1px solid #FFFFFFC0;
  65.   box-shadow: 0 0 0 1px #000, 0 2px 5px #000;
  66.   overflow: hidden;
  67. }
  68. #gaia_header #header_right {float: right;}
  69.  
  70. #gaia_header img {
  71.   background: url('https://i.imgur.com/5FTB40o.png') 0 4px no-repeat;
  72.   width: 0 !important;
  73.   padding: 0 37px 0 0;
  74.   filter: drop-shadow(0 1px 1px #000);
  75. }
  76.  
  77. #gaia_header a {
  78.   background: linear-gradient(to right, var(--pink-lite) 2px, transparent 2px, transparent calc(100% - 2px), var(--pink-lite) calc(100% - 2px)) no-repeat left center / 100% 4px;
  79.   color: #FFFFFF !important;
  80.   font-size: 11px !important;
  81.   font-weight: 400 !important;
  82.   text-decoration: none;
  83.   text-shadow: 0 1px 2px #000;
  84.   text-transform: uppercase;
  85.   padding: 11px 10px 10px 10px;
  86. }
  87. #gaia_header a:hover {background-color: var(--purp-lite);}
  88.  
  89. #header_left li:nth-of-type(2) a, #header_right li:nth-of-type(1) a {background-image: linear-gradient(to left, var(--pink-lite) 2px, transparent 2px);}
  90. #gaia_header li:last-of-type a {background-image: linear-gradient(to right, var(--pink-lite) 2px, transparent 2px);}
  91.  
  92. /* Columns */
  93.  
  94. #columns, #columns .column {
  95.   float: none;
  96.   font-size: 0;
  97.   margin: 0;
  98.   position: absolute;
  99. }
  100. #column_3 {display: none;}
  101.  
  102. #columns, #column_1 {
  103.   width: 580px;
  104.   height: 320px;
  105. }
  106. #column_1 {overflow: visible;}
  107.  
  108. #columns {
  109.   padding: 20px;
  110.   top: calc(50% - 160px - 20px);
  111.   left: calc(50% - 290px - 20px);
  112. }
  113.  
  114. /* Scrollbars */
  115.  
  116. .panel::-webkit-scrollbar {
  117.   background: #FF000010;
  118.   width: 7px;
  119. }
  120.  
  121. .panel::-webkit-scrollbar-thumb {
  122.   background: #000000C0 content-box;
  123.   border-right: 1px solid transparent;
  124. }
  125.  
  126. .panel {
  127.   scrollbar-color: #000000C0 #FF000010;
  128.   scrollbar-width: thin;
  129. }
  130.  
  131. /* Panels */
  132.  
  133. .panel, .panel h2 {
  134.   padding: 0;
  135.   margin: 0;
  136.   box-sizing: border-box;
  137. }
  138. #column_2 .panel, .panel h2 {position: fixed;}
  139. #column_2 h2 {display: none;}
  140.  
  141. .panel {
  142.   color: #181818;
  143.   font: 10px/1.6 'Open Sans', sans-serif;
  144.   text-align: justify;
  145.   overflow: hidden;
  146. }
  147. #id_about img, #id_comments .postcontent img {max-width: 100%;}
  148.  
  149. .panel a {
  150.   color: var(--purp-lite);
  151.   text-decoration: dotted underline;
  152. }
  153. .panel a:hover {color: var(--pink-lite);}
  154.  
  155. #column_1 .panel, .custom_panel, .custom_panel div {
  156.   width: 100%;
  157.   height: 100% !important;
  158.   left: 0;
  159. }
  160.  
  161. #column_1:hover .panel, #column_1 .panel:hover {transition: top 0s linear 0s;}
  162. #column_1 .panel:hover {top: 0;}
  163.  
  164. #column_1 .panel {
  165.   padding: 0 10px;
  166.   top: -200%;
  167.   border: 1px solid transparent;
  168.   border-width: 38px 5px 6px 6px;
  169.   box-shadow: 0 4px 10px #000;
  170.   position: absolute;
  171.   overflow-y: scroll;
  172.   transition: top 0s linear 9999s;
  173. }
  174.  
  175. /* Fake Border Without Affecting Scrollbars */
  176.  
  177. #column_1 .panel::before, #column_1 .panel::after {
  178.   content: '';
  179.   display: block;
  180.   background: #FFFFFF;
  181.   width: 100%;
  182.   height: 10px;
  183.   position: sticky;
  184.   left: 0;
  185. }
  186. #column_1 .panel::before {top: 0;}
  187. #column_1 .panel::after {bottom: 0;}
  188.  
  189. /* Panel Headers, Store, Media */
  190.  
  191. .panel h2, .media_panel, #id_store {
  192.   height: 32px !important;
  193.   color: #FFFFFF;
  194.   font: 11px/30px 'Shojumaru', serif;
  195.   text-align: center;
  196.   text-shadow: 0 1px 2px #000;
  197.   bottom: 10px;
  198.   border: 1px solid #FFFFFFC0;
  199.   box-shadow: 0 0 0 1px #000, 0 2px 5px #000;
  200.   z-index: 9;
  201. }
  202. .media_panel, #id_store {transition: background-color .5s ease-in-out;}
  203. .panel:hover h2, .media_panel:hover, #id_store:hover {background-color: var(--purp-lite);}
  204.  
  205. #column_1:hover .panel h2, .panel:hover h2 {transition: background-color .5s ease-in-out 0s, z-index 0s linear 0s;}
  206. .panel:hover h2 {z-index: 8;}
  207.  
  208. .panel h2 {
  209.   background: #000000C0;
  210.   width: 100px;
  211.   transition: background-color .5s ease-in-out 9999s, z-index 0s linear 9999s;
  212. }
  213.  
  214. #id_about h2 {left: calc(50% - 278px);}
  215. #id_comments h2 {left: calc(50% - 278px + 110px);}
  216. #id_wishlist h2 {left: calc(50% - 278px + 220px);}
  217. #id_footprints h2 {left: calc(50% - 278px + 330px);}
  218.  
  219. /* Sticky Tabs Functionality */
  220.  
  221. #column_1::before {
  222.   content: '';
  223.   width: 430px;
  224.   height: 32px;
  225.   position: fixed;
  226.   bottom: 10px;
  227.   left: calc(50% - 278px);
  228. }
  229.  
  230. #column_1:hover .panel h2::before, .panel:hover h2::before {transition: height 0s linear 0s;}
  231. .panel:hover h2::before {height: 62px;}
  232.  
  233. .panel h2::before {
  234.   content: '';
  235.   width: 100%;
  236.   height: 0;
  237.   position: fixed;
  238.   bottom: 0;
  239.   left: 0;
  240.   transition: height 0s linear 9999s;
  241. }
  242.  
  243. /* Store */
  244.  
  245. #id_store {
  246.   background: url('https://i.imgur.com/R9wla40.png') center 0 / 30px auto #000000C0;
  247.   width: 32px;
  248.   left: calc(50% - 278px + 440px);
  249. }
  250. #id_store h3, #id_store h2 ~ div, #id_store h2 ~ p:first-of-type {display: none;}
  251.  
  252. #id_store p, #id_store a {
  253.   display: block;
  254.   width: 100%;
  255.   height: 100%;
  256.   font-size: 0;
  257. }
  258. #id_store p {margin: 0;}
  259.  
  260. /* Comments */
  261.  
  262. #id_comments #alerts_banner {display: none;}
  263. #id_comments a {text-decoration: none;}
  264. #id_comments dd {margin: 0 0 15px 0;}
  265. #id_comments dd:last-of-type {margin: 0;}
  266.  
  267. #id_comments dl {
  268.   clear: both;
  269.   margin-top: 45px;
  270. }
  271.  
  272. #id_comments dt {
  273.   height: auto;
  274.   line-height: normal;
  275.   padding: 0 0 4px 0;
  276.   margin: 0 0 3px 0;
  277.   border-bottom: 1px dotted #00000040;
  278. }
  279.  
  280. #id_comments .date {
  281.   color: #808080;
  282.   font: 9px 'Courier Prime', monospace;
  283.   text-transform: uppercase;
  284. }
  285. #id_comments .date a, #id_comments .date::before {text-indent: 0;}
  286. #id_comments .date a {font-weight: 400;;}
  287.  
  288. #id_comments .dropBox {
  289.   background: pink;
  290.   width: 48px;
  291.   height: 54px;
  292.   margin: 5px 10px 1px 1px;
  293.   border: 1px solid #FFFFFF;
  294.   box-shadow: 0 0 0 1px #000;
  295.   overflow: hidden;
  296. }
  297.  
  298. #id_comments .dropBox img {
  299.   width: 120px;
  300.   height: 150px;
  301.   margin: -26px 0 0 -44px;
  302. }
  303.  
  304. #id_comments .deletecomment {
  305.   text-align: right;
  306.   margin: 0 0 0 10px;
  307. }
  308.  
  309. /* Comments Links */
  310.  
  311. #id_comments h2 + div, #id_comments h2 ~ p {
  312.   float: left;
  313.   background: #000000C0 content-box;
  314.   width: calc(50% - 5px);
  315.   height: 30px;
  316.   font: 0/30px 'Shojumaru', serif;
  317.   text-align: center;
  318.   position: relative;
  319.   border: 1px solid #000000C0;
  320.   box-shadow: 0 0 0 1px #FFFFFF inset;
  321.   transition: background .5s ease-in-out;
  322. }
  323. #id_comments h2 + div:hover, #id_comments h2 ~ p:hover {background: var(--pink-lite);}
  324. #id_comments h2 + div {float: left;}
  325.  
  326. #id_comments #alert_container {
  327.   float: none;
  328.   padding: 0;
  329. }
  330.  
  331. #id_comments h2 ~ p {
  332.   float: right;
  333.   margin: 0;
  334. }
  335.  
  336. #id_comments h2 + div a, #id_comments h2 ~ p a {
  337.   display: block;
  338.   width: 100%;
  339.   height: 100%;
  340.   color: #FFFFFF;
  341.   font-weight: 400;
  342.   text-transform: uppercase;
  343. }
  344.  
  345. #id_comments h2 + div a::after, #id_comments h2 ~ p a::after {font-size: 9px;}
  346. #id_comments h2 + div a::after {content: 'Leave Me A Comment';}
  347. #id_comments h2 ~ p a::after {content: 'View More Comments';}
  348.  
  349. /* Wish List */
  350.  
  351. #id_wishlist {padding-right: 0;}
  352. .premium_sparkle, .owner_checkmark {margin: 0;}
  353.  
  354. .premium_sparkle {
  355.   top: 4px;
  356.   right: 2px;
  357. }
  358.  
  359. .owner_checkmark {
  360.   bottom: 6px;
  361.   left: 6px;
  362. }
  363.  
  364. #id_wishlist .item {
  365.   background: #88441060;
  366.   width: 30px;
  367.   height: 30px;
  368.   padding: 5px;
  369.   margin: 0 11px 0 0;
  370.   position: relative;
  371.   border: 2px solid transparent;
  372.   border-radius: 50%;
  373.   box-shadow: 0 0 0 1px #FFFFFF inset;
  374.   outline: 1px dotted saddlebrown;
  375.   outline-offset: -6px;
  376.   transition: all .5s ease-in-out;
  377. }
  378. #id_wishlist .item:nth-of-type(n+11) {margin-top: 9px;}
  379. #id_wishlist .item:nth-of-type(10n+10) {margin-right: 0;}
  380.  
  381. #id_wishlist .item:hover {
  382.   background: var(--pink-lite);
  383.   outline-color: var(--purp-lite);
  384. }
  385.  
  386. /* Visitors */
  387.  
  388. #id_footprints .item {
  389.   display: grid;
  390.   grid-auto-flow: column;
  391.   justify-content: start;
  392.   line-height: 1.82;
  393. }
  394.  
  395. #id_footprints .item::before {
  396.   content: ' visited ';
  397.   white-space: pre;
  398.   grid-column: 2 / span 1;
  399. }
  400.  
  401. /* Media */
  402.  
  403. .media_panel {
  404.   background: url('https://i.imgur.com/gqTTTvw.png') -20px -7px #000000C0;
  405.   width: 74px;
  406.   left: calc(50% - 278px + 440px + 32px + 10px);
  407. }
  408.  
  409. .media_panel iframe {
  410.   width: 360px;
  411.   height: 240px;
  412.   position: absolute;
  413.   bottom: -2px;
  414.   left: -20px;
  415.   opacity: .01;
  416. }
  417.  
  418. /* Animated Petals */
  419.  
  420. .custom_panel, .custom_panel div {
  421.   width: 100%;
  422.   height: 100% !important;
  423.   left: 0;
  424. }
  425. .custom_panel div {mix-blend-mode: color-dodge;}
  426.  
  427. .custom_panel {
  428.   background: url('https://i.imgur.com/lgznVJl.jpg') fixed 0 0 / cover;
  429.   top: 0;
  430.   z-index: -1;
  431.   pointer-events: none;
  432. }
  433. .custom_panel .clear, .custom_panel br {display: none;}
  434. .custom_panel b, .custom_panel i {display: block;}
  435.  
  436. @keyframes PetalDriftLeft {
  437.   0% {transform: translate(0, 0);}
  438.   100% {transform: translate(-20vw, calc(100vh + 100px));}
  439. }
  440.  
  441. @keyframes PetalDriftRight {
  442.   0% {transform: translate(0, 0);}
  443.   100% {transform: translate(20vw, calc(100vh + 100px));}
  444. }
  445.  
  446. @keyframes PetalRotate {
  447.   0% {transform: rotate(0turn);}
  448.   100% {transform: rotate(1turn);}
  449. }
  450.  
  451. @keyframes PetalRotateSmall {
  452.   0% {transform: rotate(0turn) scale(.5);}
  453.   100% {transform: rotate(1turn) scale(.5);}
  454. }
  455.  
  456. .custom_panel b {
  457.   position: absolute;
  458.   top: -50px;
  459.   animation: PetalDriftLeft 10s linear infinite;
  460. }
  461. .custom_panel b:nth-of-type(odd) {animation-name: PetalDriftRight;}
  462.  
  463. .custom_panel b i {animation: PetalRotate 20s linear infinite;}
  464. .custom_panel b:nth-of-type(3n) i {animation-name: PetalRotateSmall;}
  465. .custom_panel b:nth-of-type(odd) i {animation-direction: reverse;}
  466.  
  467. .custom_panel b:nth-of-type(7n) i {
  468.   width: 30px;
  469.   height: 29px;
  470. }
  471.  
  472. .custom_panel b:nth-of-type(7n+1) i {
  473.   background-position-x: -50px;
  474.   width: 29px;
  475.   height: 31px;
  476. }
  477.  
  478. .custom_panel b:nth-of-type(7n+2) i {
  479.   background-position-x: -100px;
  480.   width: 23px;
  481.   height: 33px;
  482. }
  483.  
  484. .custom_panel b:nth-of-type(7n+3) i {
  485.   background-position-x: -150px;
  486.   width: 21px;
  487.   height: 36px;
  488. }
  489.  
  490. .custom_panel b:nth-of-type(7n+4) i {
  491.   background-position-x: -200px;
  492.   width: 45px;
  493.   height: 34px;
  494. }
  495.  
  496. .custom_panel b:nth-of-type(7n+5) i {
  497.   background-position-x: -250px;
  498.   width: 43px;
  499.   height: 38px;
  500. }
  501.  
  502. .custom_panel b:nth-of-type(7n+6) i {
  503.   background-position-x: -300px;
  504.   width: 45px;
  505.   height: 48px;
  506. }
  507.  
  508. .custom_panel b:nth-of-type(01) {left: 073%; animation-duration: 10s; animation-delay: -04.2s;}
  509. .custom_panel b:nth-of-type(02) {left: -06%; animation-duration: 13s; animation-delay: -00.2s;}
  510. .custom_panel b:nth-of-type(03) {left: 003%; animation-duration: 13s; animation-delay: -08.2s;}
  511. .custom_panel b:nth-of-type(04) {left: 102%; animation-duration: 10s; animation-delay: -03.1s;}
  512. .custom_panel b:nth-of-type(05) {left: 077%; animation-duration: 10s; animation-delay: -07.4s;}
  513. .custom_panel b:nth-of-type(06) {left: 030%; animation-duration: 10s; animation-delay: -04.2s;}
  514. .custom_panel b:nth-of-type(07) {left: 059%; animation-duration: 14s; animation-delay: -05.9s;}
  515. .custom_panel b:nth-of-type(08) {left: -01%; animation-duration: 11s; animation-delay: -02.2s;}
  516. .custom_panel b:nth-of-type(09) {left: 040%; animation-duration: 13s; animation-delay: -02.5s;}
  517. .custom_panel b:nth-of-type(10) {left: 067%; animation-duration: 10s; animation-delay: -08.9s;}
  518. .custom_panel b:nth-of-type(11) {left: -10%; animation-duration: 14s; animation-delay: -03.6s;}
  519. .custom_panel b:nth-of-type(12) {left: 052%; animation-duration: 11s; animation-delay: -08.7s;}
  520. .custom_panel b:nth-of-type(13) {left: 106%; animation-duration: 12s; animation-delay: -04.9s;}
  521. .custom_panel b:nth-of-type(14) {left: 020%; animation-duration: 13s; animation-delay: -08.2s;}
  522. .custom_panel b:nth-of-type(15) {left: 040%; animation-duration: 12s; animation-delay: -10.3s;}
  523. .custom_panel b:nth-of-type(16) {left: 065%; animation-duration: 13s; animation-delay: -08.8s;}
  524. .custom_panel b:nth-of-type(17) {left: 017%; animation-duration: 14s; animation-delay: -02.4s;}
  525. .custom_panel b:nth-of-type(18) {left: 040%; animation-duration: 14s; animation-delay: -06.7s;}
  526. .custom_panel b:nth-of-type(19) {left: 047%; animation-duration: 13s; animation-delay: -02.1s;}
  527. .custom_panel b:nth-of-type(20) {left: 083%; animation-duration: 13s; animation-delay: -12.8s;}
  528. .custom_panel b:nth-of-type(21) {left: 011%; animation-duration: 12s; animation-delay: -03.9s;}
  529. .custom_panel b:nth-of-type(22) {left: 020%; animation-duration: 14s; animation-delay: -12.0s;}
  530. .custom_panel b:nth-of-type(23) {left: 104%; animation-duration: 11s; animation-delay: -02.5s;}
  531. .custom_panel b:nth-of-type(24) {left: -04%; animation-duration: 11s; animation-delay: -04.2s;}
  532. .custom_panel b:nth-of-type(25) {left: 108%; animation-duration: 11s; animation-delay: -07.8s;}
  533. .custom_panel b:nth-of-type(26) {left: 015%; animation-duration: 13s; animation-delay: -02.3s;}
  534. .custom_panel b:nth-of-type(27) {left: 069%; animation-duration: 13s; animation-delay: -12.8s;}
  535. .custom_panel b:nth-of-type(28) {left: 047%; animation-duration: 12s; animation-delay: -09.7s;}
  536. .custom_panel b:nth-of-type(29) {left: 023%; animation-duration: 12s; animation-delay: -10.9s;}
  537. .custom_panel b:nth-of-type(30) {left: 016%; animation-duration: 10s; animation-delay: -02.8s;}
  538. .custom_panel b:nth-of-type(31) {left: 035%; animation-duration: 10s; animation-delay: -00.7s;}
  539. .custom_panel b:nth-of-type(32) {left: 059%; animation-duration: 10s; animation-delay: -08.2s;}
  540. .custom_panel b:nth-of-type(33) {left: 072%; animation-duration: 10s; animation-delay: -04.6s;}
  541. .custom_panel b:nth-of-type(34) {left: 109%; animation-duration: 13s; animation-delay: -07.8s;}
  542. .custom_panel b:nth-of-type(35) {left: 055%; animation-duration: 10s; animation-delay: -04.9s;}
  543. .custom_panel b:nth-of-type(36) {left: 014%; animation-duration: 12s; animation-delay: -05.2s;}
  544. .custom_panel b:nth-of-type(37) {left: 017%; animation-duration: 11s; animation-delay: -00.5s;}
  545. .custom_panel b:nth-of-type(38) {left: -09%; animation-duration: 10s; animation-delay: -01.8s;}
  546. .custom_panel b:nth-of-type(39) {left: -10%; animation-duration: 13s; animation-delay: -12.5s;}
  547. .custom_panel b:nth-of-type(40) {left: 048%; animation-duration: 14s; animation-delay: -09.1s;}
  548. .custom_panel b:nth-of-type(41) {left: -05%; animation-duration: 13s; animation-delay: -10.9s;}
  549. .custom_panel b:nth-of-type(42) {left: -05%; animation-duration: 13s; animation-delay: -10.9s;}
  550.  
  551. .custom_panel b:nth-of-type(01) i {animation-duration: 21s; animation-delay: -12.4s;}
  552. .custom_panel b:nth-of-type(02) i {animation-duration: 17s; animation-delay: -15.1s;}
  553. .custom_panel b:nth-of-type(03) i {animation-duration: 20s; animation-delay: -10.2s;}
  554. .custom_panel b:nth-of-type(04) i {animation-duration: 17s; animation-delay: -05.8s;}
  555. .custom_panel b:nth-of-type(05) i {animation-duration: 16s; animation-delay: -06.2s;}
  556. .custom_panel b:nth-of-type(06) i {animation-duration: 24s; animation-delay: -18.3s;}
  557. .custom_panel b:nth-of-type(07) i {animation-duration: 21s; animation-delay: -19.4s;}
  558. .custom_panel b:nth-of-type(08) i {animation-duration: 16s; animation-delay: -07.7s;}
  559. .custom_panel b:nth-of-type(09) i {animation-duration: 24s; animation-delay: -05.4s;}
  560. .custom_panel b:nth-of-type(10) i {animation-duration: 22s; animation-delay: -14.0s;}
  561. .custom_panel b:nth-of-type(11) i {animation-duration: 15s; animation-delay: -13.4s;}
  562. .custom_panel b:nth-of-type(12) i {animation-duration: 20s; animation-delay: -12.6s;}
  563. .custom_panel b:nth-of-type(13) i {animation-duration: 16s; animation-delay: -12.8s;}
  564. .custom_panel b:nth-of-type(14) i {animation-duration: 16s; animation-delay: -13.0s;}
  565. .custom_panel b:nth-of-type(15) i {animation-duration: 24s; animation-delay: -01.2s;}
  566. .custom_panel b:nth-of-type(16) i {animation-duration: 17s; animation-delay: -08.5s;}
  567. .custom_panel b:nth-of-type(17) i {animation-duration: 20s; animation-delay: -13.0s;}
  568. .custom_panel b:nth-of-type(18) i {animation-duration: 20s; animation-delay: -19.6s;}
  569. .custom_panel b:nth-of-type(19) i {animation-duration: 18s; animation-delay: -16.0s;}
  570. .custom_panel b:nth-of-type(20) i {animation-duration: 22s; animation-delay: -11.7s;}
  571. .custom_panel b:nth-of-type(21) i {animation-duration: 22s; animation-delay: -12.2s;}
  572. .custom_panel b:nth-of-type(22) i {animation-duration: 22s; animation-delay: -13.6s;}
  573. .custom_panel b:nth-of-type(23) i {animation-duration: 22s; animation-delay: -04.3s;}
  574. .custom_panel b:nth-of-type(24) i {animation-duration: 23s; animation-delay: -02.4s;}
  575. .custom_panel b:nth-of-type(25) i {animation-duration: 17s; animation-delay: -08.1s;}
  576. .custom_panel b:nth-of-type(26) i {animation-duration: 22s; animation-delay: -13.5s;}
  577. .custom_panel b:nth-of-type(27) i {animation-duration: 17s; animation-delay: -11.8s;}
  578. .custom_panel b:nth-of-type(28) i {animation-duration: 15s; animation-delay: -06.4s;}
  579. .custom_panel b:nth-of-type(29) i {animation-duration: 23s; animation-delay: -02.8s;}
  580. .custom_panel b:nth-of-type(30) i {animation-duration: 24s; animation-delay: -16.3s;}
  581. .custom_panel b:nth-of-type(31) i {animation-duration: 18s; animation-delay: -16.3s;}
  582. .custom_panel b:nth-of-type(32) i {animation-duration: 22s; animation-delay: -18.5s;}
  583. .custom_panel b:nth-of-type(33) i {animation-duration: 18s; animation-delay: -10.3s;}
  584. .custom_panel b:nth-of-type(34) i {animation-duration: 22s; animation-delay: -14.9s;}
  585. .custom_panel b:nth-of-type(35) i {animation-duration: 20s; animation-delay: -17.5s;}
  586. .custom_panel b:nth-of-type(36) i {animation-duration: 17s; animation-delay: -02.0s;}
  587. .custom_panel b:nth-of-type(37) i {animation-duration: 15s; animation-delay: -10.6s;}
  588. .custom_panel b:nth-of-type(38) i {animation-duration: 21s; animation-delay: -07.6s;}
  589. .custom_panel b:nth-of-type(39) i {animation-duration: 19s; animation-delay: -15.4s;}
  590. .custom_panel b:nth-of-type(40) i {animation-duration: 21s; animation-delay: -14.1s;}
  591. .custom_panel b:nth-of-type(41) i {animation-duration: 18s; animation-delay: -12.8s;}
  592. .custom_panel b:nth-of-type(42) i {animation-duration: 24s; animation-delay: -13.8s;}
Add Comment
Please, Sign In to add comment