Guest User

Untitled

a guest
Sep 22nd, 2025
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.12 KB | Source Code | 0 0
  1. img.img, i.img {
  2. width: 38px !important;
  3. height: 38px !important;
  4. margin-right: 5px !important;
  5. }
  6.  
  7. /*
  8. @media only screen and (max-width: 1400px) {
  9. img.img, i.img {
  10. width: 30px !important;
  11. height: 30px !important;
  12. margin-right: 3px !important;
  13. margin-left: 3px;
  14. }
  15.  
  16. .folder-preview-wrapper {
  17. margin-top: 5px !important;
  18. margin-left: 3px !important;
  19. }
  20.  
  21. td.ct-name {
  22. width: 200px !important;
  23. }
  24.  
  25. .folder-preview-wrapper {
  26. margin-top: 7px !important;
  27. }
  28.  
  29. }
  30.  
  31. td.ct-name {
  32. width: 222px !important;
  33.  
  34. }
  35. */
  36.  
  37.  
  38. button[class*='dropDown-'] {
  39. margin-top: 5px !important;
  40. margin-right: 3px !important;
  41. color: #4f4f4f !important;
  42. background: #e6e6e6 !important;
  43. border: 1px solid #999 !important;
  44. }
  45.  
  46. a.folder-appname {
  47. font-size: 16px !important;
  48. font-weight: bold !important;
  49.  
  50. }
  51.  
  52. td.updatecolumn {
  53. width: 90px !important;
  54. padding: 4px 4px 4px 0px !important;
  55. text-align: center !important;
  56. }
  57.  
  58. i.fa-globe {
  59. font-size: 18px !important;
  60. color: #8c8c8c !important;
  61. }
  62.  
  63. i.fa-bars {
  64. font-size: 18px !important;
  65. color: #8c8c8c !important;
  66. padding-right: 3px !important;
  67. /* border-right: 1px solid #dddddd !important; */
  68.  
  69. }
  70.  
  71. i.red-text {
  72. color: #ea4702 !important;
  73. font-size: 16px !important;
  74. }
  75.  
  76. span.state {
  77. font-size: 0px !important;
  78. margin-left: 0px !important;
  79. }
  80.  
  81.  
  82. td.ct-name span.state {
  83. font-size: 1.1rem !important;
  84. margin-left: 7px !important;
  85.  
  86. }
  87.  
  88. td.folder-name {
  89. /* background-color: #ffedd2 !important;
  90. border: 1px solid #bbbbbb !important;
  91. display: block !important;
  92. margin: 3px;
  93. border-radius: 4px;*/
  94. }
  95.  
  96.  
  97. .folder-preview-divider {
  98. /* border-right: 1px solid #d2d0d0 !important; */
  99. padding-right:5px !important;
  100. }
  101.  
  102. .folder-preview-wrapper {
  103. margin-top: 4px !important;
  104. }
  105.  
  106.  
  107. div.folder-preview-4 i.fa-globe {
  108. font-size: 0px !important;
  109. }
  110.  
  111. div.folder-preview-4 i.fa-bars {
  112. font-size: 0px !important;
  113. }
  114.  
  115. div.folder-preview-4 a.exec {
  116. color: #797979 !important;
  117. }
  118.  
  119. .folder-preview {
  120. background-color: #ffedd2 !important;
  121. border-left: 8px solid #bdd8e4 !important;
  122.  
  123. padding-top: 2px !important;
  124. height: 3.7em !important;
  125.  
  126.  
  127. /*box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14); */
  128. }
  129.  
  130. .appname .orange-text, .warning a.exec{
  131. font-weight: bold !important;
  132. }
  133.  
  134. a:hover {
  135. text-decoration: none !important;
  136. }
  137.  
  138. /*
  139. tr.sortable {
  140. border: 1px solid #dddddd !important;
  141. display: block !important;
  142. margin: 3px;
  143.  
  144. border: 4px solid #bbbbbb !important;
  145. }
  146. */
  147.  
  148. div.folder-name-sub {
  149. border: 1px solid rgb(214, 211, 211)!important;
  150. background-color: #ffedd2 !important;
  151. border-radius: 4px;
  152. padding: 4px !important;
  153. border-left: 8px solid #bdd8e4 !important;
  154. border-right: 8px solid #bdd8e4 !important;
  155.  
  156. /* box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14); */
  157. }
  158.  
  159. img.folder-img {
  160. padding-top: 3px !important;
  161. }
  162.  
  163.  
  164. /*
  165. =============================================================
  166. Code Below Is for the Advanced View. Disable if you prefer
  167. =============================================================
  168. */
  169.  
  170. span[class*='cpu-folder-'] {
  171. font-size: 14px !important;
  172. font-weight: bold;
  173. color: #256f92;
  174.  
  175. }
  176.  
  177. span[class*='mem-folder-'] {
  178. font-size: 9px !important;
  179.  
  180. }
  181.  
  182. td.folder-advanced {
  183. width: 80px !important;
  184. }
  185.  
  186. .folder-load {
  187. height: 7px !important;
  188. margin: 0 !important;;
  189. }
  190.  
  191. th.five {
  192. width: 0px !important;
  193. font-size: 0px !important;
  194. padding: 0px !important;
  195. }
  196.  
  197. th.advanced {
  198. font-size: 0px !important;
  199. }
  200. th.load {
  201. width: 80px !important;
  202. }
  203.  
  204. .advanced {
  205. display: none;
  206. white-space: nowrap;
  207. font-size: 1.1rem;
  208. }
  209.  
  210.  
  211. /*
  212. ==========================================
  213. END of code for the Advanced View.
  214. ==========================================
  215. */
  216.  
  217.  
  218.  
  219. span.folder-inner {
  220. margin-top: 4px !important;
  221. }
  222.  
  223. span.inner {
  224. margin-top: 2px !important;
  225. }
  226.  
  227. /* */
  228. @media only screen and (max-width: 1400px) {
  229. img.img, i.img {
  230. width: 38px !important;
  231. height: 38px !important;
  232. margin-right: 3px !important;
  233. margin-left: 3px;
  234. }
  235.  
  236. .folder-preview-wrapper {
  237. margin-top: 5px !important;
  238. margin-left: 3px !important;
  239. }
  240.  
  241. td.ct-name {
  242. width: 222px !important;
  243. }
  244.  
  245. .folder-preview-wrapper {
  246. margin-top: 4px !important;
  247. }
  248.  
  249. }
  250.  
  251. /*
  252. ==========================================
  253. Advanced Docker ToolTip Box
  254. ==========================================
  255. */
  256. div[id*='tooltipster-'] div.tooltipster-content {
  257. border: 1px solid #888888 !important;
  258. -webkit-box-shadow: 1px 1px 10px 3px #D1D1D1;
  259. box-shadow: 1px 1px 10px 3px #999999;
  260. padding: 8px !important;
  261. border-radius: 10px;
  262. background-color: white;
  263. }
  264.  
  265.  
  266. div.tooltipster-content img.img, i.img {
  267. width: 58px !important;
  268. height: 58px !important;
  269. padding-left: 10px;
  270. font-size: 2.3rem;
  271. font-weight: bold;
  272.  
  273. }
  274.  
  275. div.tooltipster-content div.preview-actual-name {
  276. padding-left: 5px;
  277.  
  278. }
  279.  
  280. div.tooltipster-content span.appname {
  281. font-size: 1.8rem;
  282. font-weight: bold;
  283. }
  284.  
  285. div.tooltipster-content div.info-ct {
  286. padding-right: 30px;
  287.  
  288. }
  289.  
  290. div.tooltipster-content div.first-row {
  291. background-color: #eefaff !important;
  292.  
  293. }
  294.  
  295. div.tooltipster-content div.second-row {
  296. padding-top: 17px;
  297.  
  298. }
  299.  
  300. div[id*='info-ports-'] {
  301. padding-top: 10px !important;
  302. background-color: #fff7eb !important;
  303. padding-left: 10px;
  304. color: #486dba !important;
  305. border: 1px solid #d6d6d6 !important;
  306.  
  307. }
  308.  
  309. div[id*='info-volumes-'] {
  310. padding-top: 10px !important;
  311. background-color: #fff7eb !important;
  312. padding-left: 10px;
  313. color: #486dba !important;
  314. border: 1px solid #d6d6d6 !important;
  315.  
  316. }
  317.  
  318. div.tooltipster-content canvas {
  319. border: 1px solid #e1e1e1;
  320. padding: 2px;
  321.  
  322. }
  323.  
  324. div.tooltipster-content div.preview-name {
  325. border-right: 1px solid #cfcfcf !important;
  326. width: 20vw !important;
  327. }
  328.  
  329. div.tooltipster-content div[id*='tooltipster-'] {
  330. height: 520px !important;
  331.  
  332. }
  333.  
  334. div.tooltipster-content div[class*='preview-outbox-'] {
  335. min-height: 0vh !important;
  336.  
  337. }
  338.  
  339. div.tooltipster-content th[class*='status-header-'] {
  340. color: #6e6e6e;
  341. background-color: #e7e7e7 !important;
  342. border-bottom: 1px solid #aaaaaa !important;
  343. }
  344.  
  345.  
  346. div.tooltipster-content div.info-ct {
  347. bottom: 7px;
  348. background-color: #ffedd2;
  349. }
  350.  
  351. .tooltipster-docker-folder > .tooltipster-box > .tooltipster-content {
  352. width: 720px !important;
  353. }
  354.  
  355. .preview-outbox {
  356.  
  357. height: 100%;
  358.  
  359. }
  360.  
  361.  
  362. .preview-status {
  363. padding-left: 4px;
  364. }
  365.  
  366. .status-header-autostart {
  367. border-radius: 0px;
  368.  
  369. }
  370.  
  371. .status-header-version {
  372. border-radius: 0px;
  373. }
  374.  
  375. span.repo {
  376. font-size: 0px;
  377. }
  378.  
  379. span.repo a {
  380. font-size: 9px;
  381. }
  382.  
  383. div.info-ct span.container-id {
  384. font-size: 10px;
  385. }
  386.  
  387. div.preview-outbox {
  388. min-width: 30vw;
  389.  
  390. }
  391.  
  392. .action-info {
  393. height: 280px;
  394. }
  395.  
  396. div.tooltipster-base {
  397. height: 438px !important;
  398. }
  399.  
  400. div.action-left {
  401. width: 80px !important;
  402. }
  403.  
  404. div.action-right {
  405. width: 80px !important;
  406. }
  407.  
  408. table.tablesorter tbody tr td {
  409. padding-right: 0px !important;
  410. }
  411.  
  412. th.nine {
  413. width: 0px !important;
  414. padding-right: 12px !important;
  415. }
Advertisement
Add Comment
Please, Sign In to add comment