Advertisement
Arinek

styles.css.txt FileExplorer

Apr 24th, 2024
676
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.54 KB | None | 0 0
  1. .explorer-window {
  2.     width: 800px;
  3.     height: 100%;
  4.     white-space: normal;
  5. }
  6.  
  7. .explorer-path, .explorer-files-selected {
  8.     min-height: 24px;
  9.     margin: 10px 0;
  10.     padding: 10px;
  11.     border: 1px solid currentColor;
  12. }
  13.  
  14. .explorer-dir-name, .explorer-file-name {
  15.     width: 100%;
  16.     text-align: center;
  17.     display: block;
  18.     overflow: auto;
  19.     max-height: 22px;
  20.     text-overflow: ellipsis;
  21.     white-space: nowrap;
  22.     font-family: "Lucida Console", "Lucida Sans Unicode", "Fira Mono", Consolas, "Courier New", Courier, monospace, "Times New Roman";
  23. }
  24.  
  25. .explorer-directory, .explorer-file {
  26.     width: calc(20% - 20px);
  27.     margin: 10px;
  28.     height: 160px;
  29.     padding: 0;
  30.     background-color: #272727;
  31.     cursor: pointer;
  32. }
  33.  
  34. .explorer-directory:hover,
  35. .explorer-file:hover,
  36. .explorer-directory.selected,
  37. .explorer-file.selected {
  38.     border: 1px solid currentColor;
  39.     width: calc(20% - 22px);
  40.     height: 158px;
  41. }
  42.  
  43. .explorer-dir-image, .explorer-file-image {
  44.     max-width: 80px;
  45.     max-height: 80px;
  46.     display: block;
  47.     margin-left: auto;
  48.     margin-right: auto;
  49. }
  50.  
  51. .explorer-content {
  52.     display: flex;
  53.     justify-content: start;
  54.     flex-wrap: wrap;
  55.     height: 440px;
  56.     overflow: scroll;
  57.     border: 2px solid;
  58.     width: calc(100% - 4px);
  59.     white-space: pre-line;
  60. }
  61.  
  62. .explorer-buttons {
  63.     display: flex;
  64. }
  65.  
  66. .explorer-buttons button {
  67.     margin-right: 7px;
  68. }
  69.  
  70. .explorer-back-link:hover {
  71.     text-decoration: underline;
  72. }
  73.  
  74. .explorer-back-link {
  75.     cursor: pointer;
  76. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement