Stillkill

Untitled

Oct 21st, 2020 (edited)
994
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @{
  2.     for (int i = 0; i < Model.Files.Length; i++)
  3.     {
  4.  
  5.         <tr class="SecondaryBorder Collapsible">
  6.             <!--<td class="text-center SecondaryBorder">@Model.Files[i].FileID</td>-->
  7.             <td class="SecondaryBorder">
  8.                 <table>
  9.                     <tr>
  10.                         <td><img src="~/Images/FileBrowser/FileIcon.png" class="BrowserIconImage" /></td>
  11.                         <td>@Model.Files[i].FileName</td>
  12.                     </tr>
  13.                 </table>
  14.             </td>
  15.             <td class="text-center SecondaryBorder">@Model.Files[i].FileSize bytes</td>
  16.             <td class="text-center SecondaryBorder">
  17.                 <table>
  18.                     <tr>
  19.                         <th class="ActionTable"><input type="button" class="DownloadButton" value="Download" /></th>
  20.                         <th class="ActionTable"><input type="button" class="OpenButton" value="Open" /></th>
  21.                         <th class="ActionTable"><input type="button" class="ExpandButton ExpandInfoButton" value="Expand" /></th>
  22.                     </tr>
  23.                 </table>
  24.             </td>
  25.         </tr>
  26.         <tr class="CollapsibleContent">
  27.             <td>
  28.                 Placeholder
  29.             </td>
  30.         </tr>
  31.     }
  32. }
  33.  
  34.  
  35.  
  36. <script>
  37.     var coll = document.getElementsByClassName("Collapsible");
  38.     var i;
  39.  
  40.     for (i = 0; i < coll.length; i++) {
  41.         coll[i].addEventListener("click", function () {
  42.             this.classList.toggle("active");
  43.             var content = this.nextElementSibling;
  44.             if (content.style.display === "block") {
  45.                 content.style.display = "none";
  46.             } else {
  47.                 content.style.display = "block";
  48.             }
  49.         });
  50.     }
  51. </script>
  52.  
  53. <style>
  54. body {
  55.  
  56. }
  57.  
  58.  
  59. .CenterElement {
  60.     margin-left: 15px;
  61.     margin-right: 15px;
  62. }
  63.  
  64.  
  65. .FilebrowserMainTable {
  66.     position: page;
  67.     width: 100%;
  68.    
  69. }
  70.  
  71. .MainBorder {
  72.     border: 3px solid white;
  73.     border-collapse: collapse;
  74. }
  75.  
  76. .SecondaryBorder {
  77.     border: 2px solid white;
  78.     border-right: 2px solid white;
  79.     border-collapse: collapse;
  80. }
  81.  
  82.  
  83. th td {
  84.     border: 5px solid blue;
  85.     border-collapse: collapse;
  86. }
  87.  
  88. .ActionTable {
  89.     padding-left: 3px;
  90.     padding-right: 3px;
  91.     padding-top: 3px;
  92.     padding-bottom: 3px;
  93. }
  94.  
  95. .DownloadButton {
  96.     background-color: dodgerblue;
  97.     color: white;
  98.     cursor: pointer;
  99.     padding: 6px 15px
  100. }
  101.  
  102. .DownloadButton:hover {
  103.     background-color: royalblue;
  104. }
  105.  
  106. .DownloadButton:disabled {
  107.     background-color: slategray;
  108. }
  109.  
  110. .OpenButton {
  111.     background-color: green;
  112.     color: white;
  113.     cursor: pointer;
  114.     padding: 6px 15px
  115. }
  116.  
  117. .OpenButton:hover {
  118.     background-color: darkgreen;
  119. }
  120.  
  121. .ExpandButton {
  122.     background-color: mediumpurple;
  123.     color: white;
  124.     cursor: pointer;
  125.     padding: 6px 15px
  126. }
  127.  
  128. .ExpandButton:hover {
  129.     background-color:purple;
  130. }
  131.  
  132. .BrowserIconImage {
  133.     width: 32px;
  134.     height: 32px;
  135. }
  136.  
  137. .MeguFooter {
  138.     background-image: url('/Images/WeebFooters/NekoMeguFileBrowserSize.png');
  139.     background-position: right bottom;
  140.     background-attachment: fixed;
  141.     background-repeat: no-repeat;
  142. }
  143.  
  144. .Collapsible{
  145.    
  146. }
  147.  
  148. .CollapsibleContent {
  149.     padding: 0 18px;
  150.     display: none;
  151.     overflow: hidden;
  152.     background-color: rgb(53, 54, 58);
  153. }
  154. </style>
  155.  
RAW Paste Data