☰

Gallery Expander

ICQ,Telegram Gallery Expander

  1. /* ==UserStyle==
  2. @name           Gallery Expander
  3. @namespace      greasyfork.org/en/users/781396-yad
  4. @version        1.0.1
  5. @description    ICQ,Telegram Gallery Expander
  6. @author         YAD
  7. @advanced dropdown time "Time/Label" {
  8. 	1 "ON*" <<<EOT 1 EOT;
  9. 2 "OFF" <<<EOT 0 EOT;
  10. }
  11. @var range trans "Thumbnail Size" [96,40,496,1,"px"]
  12. ==/UserStyle== */
  13.  
  14. @-moz-document domain("web.icq.com") {
  15. 	
  16. 	.im-gallery {
  17.     position: fixed;
  18. 	}
  19. 	.im-gallery-preview__info {
  20. 		opacity: /*[[time]]*/
  21. 	}
  22. 	
  23. 	.im-gallery-preview {
  24.     width: var(--hoysize);
  25.     height:var(--hoysize);
  26. 	}
  27. 	
  28. 	:root {
  29. 	--hoysize:/*[[trans]]*/!important;
  30. 	}
  31. 	
  32. }
  33. @-moz-document domain("telegram.org") {
  34. 	
  35. 	.Media .video-duration,
  36. 	.search-super-content-media .video-time {
  37. 		opacity: /*[[time]]*/
  38. 	}
  39.  
  40.  .search-super-content-media .search-super-month-items {
  41.     grid-template-columns: [linename1 linename2] var(--hoysize)
  42.                        repeat(auto-fit, [linename1] var(--hoysize)) [linename3];
  43. }
  44. 	
  45. 	
  46. 	[class="media-photo grid-item-media"] {
  47.     width: var(--hoysize)!important;
  48.     height:var(--hoysize)!important;
  49. 	}
  50. 	 
  51. 	body.is-right-column-shown:not(.is-left-column-shown) #column-right {
  52.     width: 100%!important;
  53. }
  54. 	
  55. 	
  56. 	/*-----------Z------------*/
  57. 	
  58. 	.Media {
  59.     width: 150px;
  60.     height: 150px;
  61.     overflow: hidden;
  62. 		padding: 1px!important;
  63. 		margin: auto;
  64. }
  65. 	
  66. 	.shared-media .content.media-list {
  67. 		position: absolute!important;
  68.     display:flex!important;
  69.     flex-direction: row!important;
  70.     flex-wrap: wrap!important;
  71.     align-items: flex-start;
  72. 		grid-template-columns: unset!important;
  73. 		grid-auto-rows: unset!important;
  74.     grid-gap: unset!important;
  75. }
  76. 	.Media img {
  77.     position: absolute;
  78.      width: 150px;
  79.     height: 150px;
  80. }
  81.  
  82. 	
  83. 	#RightColumn {
  84.     width: 75%!important;
  85. 		overflow: visible!important;
  86. 		display: inline-block
  87. }
  88. 	.ProfileInfo {
  89.     aspect-ratio: 0/0;
  90. 		bottom: 90px
  91. }
  92. 	
  93. 	:root {
  94. 	--hoysize:/*[[trans]]*/!important;
  95. 	}
  96. 	
  97. }