diff --git a/src/app/item-page/clarin-files-section/clarin-files-section.component.html b/src/app/item-page/clarin-files-section/clarin-files-section.component.html
new file mode 100644
index 00000000000..6b0703f8fb3
--- /dev/null
+++ b/src/app/item-page/clarin-files-section/clarin-files-section.component.html
@@ -0,0 +1,25 @@
+<ng-container>
+  <ds-clarin-license-info class="mt-3 d-block" [item]="item"></ds-clarin-license-info>
+  <h6><i class="fa fa-paperclip">&nbsp;</i>{{'item.page.files.head' | translate}}</h6>
+  <div class="pb-3">
+    <span class="pr-1">
+      <a class="btn btn-download" (click)="setCommandline()" style="text-decoration: none"
+         *ngIf="canShowCurlDownload">
+        <i class="fa fa-download fa-3x" style="display: block">&nbsp;</i>
+        {{'item.page.download.button.command.line' | translate}}
+      </a>
+    </span>
+    <div id="command-div" *ngIf="isCommandLineVisible">
+      <button class="repo-copy-btn pull-right" data-clipboard-target="#command-div"></button>
+      <pre style="background-color: #d9edf7; color: #3a87ad">{{ command }}</pre>
+    </div>
+    <span>
+      <a *ngIf="canDownloadAllFiles" class="btn btn-download" id="download-all-button" (click)="downloadFiles()"
+         style="visibility: visible">
+        <i style="display: block" class="fa fa-download fa-3x">&nbsp;</i>
+        {{'item.page.download.button.all.files.zip' | translate}} ({{ totalFileSizes }})
+      </a>
+    </span>
+  </div>
+  <ds-preview-section [item]="item"></ds-preview-section>
+</ng-container>
diff --git a/src/app/item-page/clarin-files-section/clarin-files-section.component.scss b/src/app/item-page/clarin-files-section/clarin-files-section.component.scss
new file mode 100644
index 00000000000..5c2e6aacdef
--- /dev/null
+++ b/src/app/item-page/clarin-files-section/clarin-files-section.component.scss
@@ -0,0 +1,16 @@
+/**
+The styling file for the `clarin-files-section.component`
+ */
+
+.btn-download{
+  color: #fff !important;
+  background-color: #428bca;
+  border-color: #357ebd;
+  cursor: pointer;
+}
+
+.btn-download:hover {
+  color: #fff;
+  background-color: #3276b1;
+  border-color: #285e8e;
+}
diff --git a/src/app/item-page/clarin-files-section/clarin-files-section.component.spec.ts b/src/app/item-page/clarin-files-section/clarin-files-section.component.spec.ts
new file mode 100644
index 00000000000..d7f0f08d869
--- /dev/null
+++ b/src/app/item-page/clarin-files-section/clarin-files-section.component.spec.ts
@@ -0,0 +1,69 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ClarinFilesSectionComponent } from './clarin-files-section.component';
+import { RegistryService } from '../../core/registry/registry.service';
+import { Router } from '@angular/router';
+import { HALEndpointService } from '../../core/shared/hal-endpoint.service';
+import { RouterMock } from '../../shared/mocks/router.mock';
+import { HALEndpointServiceStub } from '../../shared/testing/hal-endpoint-service.stub';
+import { TranslateModule } from '@ngx-translate/core';
+import { MetadataBitstream } from '../../core/metadata/metadata-bitstream.model';
+import { ResourceType } from '../../core/shared/resource-type';
+import { HALLink } from '../../core/shared/hal-link.model';
+import { BehaviorSubject , of} from 'rxjs';
+
+describe('ClarinFilesSectionComponent', () => {
+  let component: ClarinFilesSectionComponent;
+  let fixture: ComponentFixture<ClarinFilesSectionComponent>;
+
+  let mockRegistryService: any;
+  let halService: HALEndpointService;
+  // Set up the mock service's getMetadataBitstream method to return a simple stream
+  const metadatabitstream = new MetadataBitstream();
+  metadatabitstream.id = 123;
+  metadatabitstream.name = 'test';
+  metadatabitstream.description = 'test';
+  metadatabitstream.fileSize = '1MB';
+  metadatabitstream.checksum = 'abc';
+  metadatabitstream.type = new ResourceType('item');
+  metadatabitstream.fileInfo = [];
+  metadatabitstream.format = 'text';
+  metadatabitstream.canPreview = false;
+  metadatabitstream._links = {
+    self: new HALLink(),
+    schema: new HALLink(),
+  };
+
+  metadatabitstream._links.self.href = '';
+  metadatabitstream._links.schema.href = '';
+  const metadataBitstreams: MetadataBitstream[] = [metadatabitstream];
+  const bitstreamStream = new BehaviorSubject(metadataBitstreams);
+
+  beforeEach(async () => {
+    mockRegistryService = jasmine.createSpyObj('RegistryService', {
+      'getMetadataBitstream': of(bitstreamStream)
+    }
+    );
+    halService = Object.assign(new HALEndpointServiceStub('some url'));
+
+    await TestBed.configureTestingModule({
+      declarations: [ ClarinFilesSectionComponent ],
+      imports: [
+        TranslateModule.forRoot()
+      ],
+      providers: [
+        { provide: RegistryService, useValue: mockRegistryService },
+        { provide: Router, useValue: new RouterMock() },
+        { provide: HALEndpointService, useValue: halService }
+      ],
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ClarinFilesSectionComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/item-page/clarin-files-section/clarin-files-section.component.ts b/src/app/item-page/clarin-files-section/clarin-files-section.component.ts
new file mode 100644
index 00000000000..5879769370c
--- /dev/null
+++ b/src/app/item-page/clarin-files-section/clarin-files-section.component.ts
@@ -0,0 +1,125 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { Item } from '../../core/shared/item.model';
+import { getAllSucceededRemoteListPayload } from '../../core/shared/operators';
+import { getItemPageRoute } from '../item-page-routing-paths';
+import { MetadataBitstream } from '../../core/metadata/metadata-bitstream.model';
+import { RegistryService } from '../../core/registry/registry.service';
+import { Router } from '@angular/router';
+import { HALEndpointService } from '../../core/shared/hal-endpoint.service';
+
+@Component({
+  selector: 'ds-clarin-files-section',
+  templateUrl: './clarin-files-section.component.html',
+  styleUrls: ['./clarin-files-section.component.scss']
+})
+export class ClarinFilesSectionComponent implements OnInit {
+
+  /**
+   * The item to display files for
+   */
+  @Input() item: Item;
+
+  /**
+   * handle of the current item
+   */
+  @Input() itemHandle: string;
+
+  canShowCurlDownload = false;
+
+  /**
+   * If download by command button is click, the command line will be shown
+   */
+  isCommandLineVisible = false;
+
+  /**
+   * command for the download command feature
+   */
+  command: string;
+
+  /**
+   * determine to show download all zip button or not
+   */
+  canDownloadAllFiles = false;
+
+  /**
+   * total size of list of files uploaded by users to this item
+   */
+  totalFileSizes: string;
+
+  /**
+   * list of files uploaded by users to this item
+   */
+  listOfFiles: MetadataBitstream[];
+
+
+  constructor(protected registryService: RegistryService,
+              protected router: Router,
+              protected halService: HALEndpointService) {
+  }
+
+  ngOnInit(): void {
+    this.registryService
+      .getMetadataBitstream(this.itemHandle, 'ORIGINAL,TEXT,THUMBNAIL')
+      .pipe(getAllSucceededRemoteListPayload())
+      .subscribe((data: MetadataBitstream[]) => {
+        this.listOfFiles = data;
+        this.generateCurlCommand();
+        this.sumFileSizes();
+      });
+  }
+
+  setCommandline() {
+    this.isCommandLineVisible = !this.isCommandLineVisible;
+  }
+
+  downloadFiles() {
+    void this.router.navigate([getItemPageRoute(this.item), 'download']);
+  }
+
+  generateCurlCommand() {
+    const fileNames = this.listOfFiles.map((file: MetadataBitstream) => {
+      // Show `Download All Files` only if there are more files.
+      if (this.listOfFiles.length > 1) {
+        this.canDownloadAllFiles = true;
+      }
+
+      if (file.canPreview) {
+        this.canShowCurlDownload = true;
+      }
+
+      return file.name;
+    });
+
+    this.command = `curl --remote-name-all ` + this.halService.getRootHref() + `/core/bitstreams/handle/${
+      this.itemHandle
+    }/{${fileNames.join(',')}}`;
+  }
+
+  sumFileSizes() {
+    const sizeUnits = {
+      B: 1,
+      KB: 1000,
+      MB: 1000 * 1000,
+      GB: 1000 * 1000 * 1000,
+      TB: 1000 * 1000 * 1000 * 1000,
+    };
+
+    let totalBytes = this.listOfFiles.reduce((total, file) => {
+      const [valueStr, unit] = file.fileSize.split(' ');
+      const value = parseFloat(valueStr);
+      const bytes = value * sizeUnits[unit.toUpperCase()];
+      return total + bytes;
+    }, 0);
+
+    let finalUnit = 'B';
+    for (const unit of ['KB', 'MB', 'GB', 'TB']) {
+      if (totalBytes < 1000) {
+        break;
+      }
+      totalBytes /= 1000;
+      finalUnit = unit;
+    }
+
+    this.totalFileSizes = totalBytes.toFixed(2) + ' ' + finalUnit;
+  }
+}
diff --git a/src/app/item-page/clarin-license-info/clarin-license-info.component.html b/src/app/item-page/clarin-license-info/clarin-license-info.component.html
index d2f0f90dbb8..e58afeccdd3 100644
--- a/src/app/item-page/clarin-license-info/clarin-license-info.component.html
+++ b/src/app/item-page/clarin-license-info/clarin-license-info.component.html
@@ -1,14 +1,14 @@
 <div class="container alert alert-dismissible alert-info fade show w-100">
   <div class="text-center">
-    <div>
+    <div [ngClass]="isCsLocale() ? '': 'd-inline-flex'">
       <span class="pr-1">{{'item.page.license.message.0' | translate}}</span>
-      <span [ngClass]="'label ' + ' label-' + licenseLabel + ' rounded'">
-        {{licenseType}}
-      </span>
+      <span [ngClass]="'label ' + ' label-' + licenseLabel + ' rounded' + ' px-1'">{{licenseType}}</span>
+    </div>
+    <div class="d-inline-flex">
       <span class="pl-1">{{'item.page.license.message.1' | translate}}</span>
     </div>
-    <div>
-      <a [href]="licenseURI">{{license}}</a>
+    <div [ngClass]="isCsLocale() ? 'd-inline-flex': ''">
+      <a [href]="licenseURI" class="pl-1">{{license}}</a>
     </div>
     <div class="d-inline" *ngFor="let icon of (licenseLabelIcons | async)">
       <img class="mr-1" [src]="secureImageData(icon)" alt="" width="24px">
diff --git a/src/app/item-page/clarin-license-info/clarin-license-info.component.spec.ts b/src/app/item-page/clarin-license-info/clarin-license-info.component.spec.ts
index e72b3e9da0d..3ccb05ad6e3 100644
--- a/src/app/item-page/clarin-license-info/clarin-license-info.component.spec.ts
+++ b/src/app/item-page/clarin-license-info/clarin-license-info.component.spec.ts
@@ -10,6 +10,7 @@ import { RouterTestingModule } from '@angular/router/testing';
 import { ClarinLicenseDataService } from '../../core/data/clarin/clarin-license-data.service';
 import { ItemMock } from '../../shared/mocks/item.mock';
 import { MetadataValue } from '../../core/shared/metadata.models';
+import { LocaleService } from '../../core/locale/locale.service';
 
 const item = ItemMock;
 const license = 'Test License Name';
@@ -22,6 +23,7 @@ describe('ClarinLicenseInfoComponent', () => {
 
   let clarinLicenseDataService: ClarinLicenseDataService;
   let sanitizerStub: DomSanitizer;
+  let localeService: LocaleService;
 
   // initialize license metadata
   item.metadata['dc.rights.label'] = [Object.assign(new MetadataValue(), {
@@ -46,6 +48,9 @@ describe('ClarinLicenseInfoComponent', () => {
     sanitizerStub = jasmine.createSpyObj('sanitizer', {
       bypassSecurityTrustUrl: null
     });
+    localeService = jasmine.createSpyObj('LocaleService', {
+      getCurrentLanguageCode: jasmine.createSpy('getCurrentLanguageCode'),
+    });
 
     await TestBed.configureTestingModule({
       imports: [
@@ -59,6 +64,7 @@ describe('ClarinLicenseInfoComponent', () => {
       providers: [
         { provide: ClarinLicenseDataService, useValue: clarinLicenseDataService },
         { provide: DomSanitizer, useValue: sanitizerStub },
+        { provide: LocaleService, useValue: localeService }
       ],
     })
     .compileComponents();
diff --git a/src/app/item-page/clarin-license-info/clarin-license-info.component.ts b/src/app/item-page/clarin-license-info/clarin-license-info.component.ts
index 5762533bbdf..a962bc221c4 100644
--- a/src/app/item-page/clarin-license-info/clarin-license-info.component.ts
+++ b/src/app/item-page/clarin-license-info/clarin-license-info.component.ts
@@ -9,6 +9,7 @@ import { ClarinLicense } from '../../core/shared/clarin/clarin-license.model';
 import { DomSanitizer } from '@angular/platform-browser';
 import { secureImageData } from '../../shared/clarin-shared-util';
 import { BehaviorSubject } from 'rxjs';
+import { LocaleService } from '../../core/locale/locale.service';
 
 /**
  * This component show clarin license info in the item page and item full page.
@@ -21,7 +22,8 @@ import { BehaviorSubject } from 'rxjs';
 export class ClarinLicenseInfoComponent implements OnInit {
 
   constructor(private sanitizer: DomSanitizer,
-              private clarinLicenseService: ClarinLicenseDataService) { }
+              private clarinLicenseService: ClarinLicenseDataService,
+              private localeService: LocaleService) { }
 
   /**
    * The item to display a version history for
@@ -95,6 +97,13 @@ export class ClarinLicenseInfoComponent implements OnInit {
   secureImageData(imageByteArray) {
     return secureImageData(this.sanitizer, imageByteArray);
   }
+
+  /**
+   * Check if current english is Czech
+   */
+  isCsLocale() {
+    return this.localeService.getCurrentLanguageCode() === 'cs';
+  }
 }
 
 export enum LicenseType {
diff --git a/src/app/item-page/clarin-ref-box/clarin-ref-box.component.html b/src/app/item-page/clarin-ref-box/clarin-ref-box.component.html
index ed66dd735e5..ac4de580791 100644
--- a/src/app/item-page/clarin-ref-box/clarin-ref-box.component.html
+++ b/src/app/item-page/clarin-ref-box/clarin-ref-box.component.html
@@ -1,4 +1,4 @@
-<div class="container pb-3">
+<div class="container-fluid pb-3">
   <ds-clarin-ref-citation [item]="item" class="row"></ds-clarin-ref-citation>
   <ds-clarin-ref-featured-services [item]="item" class="row"></ds-clarin-ref-featured-services>
 </div>
diff --git a/src/app/item-page/clarin-ref-citation-modal/clarin-ref-citation-modal.component.html b/src/app/item-page/clarin-ref-citation-modal/clarin-ref-citation-modal.component.html
index 201ad3de387..2a2eaf8c1fa 100644
--- a/src/app/item-page/clarin-ref-citation-modal/clarin-ref-citation-modal.component.html
+++ b/src/app/item-page/clarin-ref-citation-modal/clarin-ref-citation-modal.component.html
@@ -5,7 +5,7 @@ <h4 class="modal-title" id="modal-basic-title">{{itemName}}</h4>
       <span aria-hidden="true">×</span>
     </button>
   </div>
-  <div class="modal-body" >
+  <div class="modal-body pb-0" >
     <p>{{'item.refbox.modal.copy.instruction.0' | translate}}
       <kbd>{{'item.refbox.modal.copy.instruction.1' | translate}}</kbd>
       {{'item.refbox.modal.copy.instruction.2' | translate}}
@@ -13,6 +13,9 @@ <h4 class="modal-title" id="modal-basic-title">{{itemName}}</h4>
     <div class="textarea" ></div>
     <textarea #copyCitationModal readonly class="clarin-ref-box-citation-textarea">{{citationText}}</textarea>
   </div>
+  <div class="d-flex justify-content-end">
+    <span class="pr-3">{{citationType | uppercase}}</span>
+  </div>
   <div class="modal-footer">
     <button type="button" class="btn btn-outline-dark" (click)="activeModal.close('Save click')">
       {{'item.refbox.modal.submit' | translate}}
diff --git a/src/app/item-page/clarin-ref-citation-modal/clarin-ref-citation-modal.component.ts b/src/app/item-page/clarin-ref-citation-modal/clarin-ref-citation-modal.component.ts
index f9ed9bfe2dd..0c80fd4798e 100644
--- a/src/app/item-page/clarin-ref-citation-modal/clarin-ref-citation-modal.component.ts
+++ b/src/app/item-page/clarin-ref-citation-modal/clarin-ref-citation-modal.component.ts
@@ -25,6 +25,12 @@ export class ClarinRefCitationModalComponent implements AfterViewInit {
   @Input()
   itemName = '';
 
+  /**
+   * The type of the citation - e.g. `bibtex` or `cmdi`
+   */
+  @Input()
+  citationType = '';
+
   /**
    * The citation context - data retrieved from OAI-PMH
    */
diff --git a/src/app/item-page/clarin-ref-citation/clarin-ref-citation.component.ts b/src/app/item-page/clarin-ref-citation/clarin-ref-citation.component.ts
index 4c44e5c72a0..ee24711cd5e 100644
--- a/src/app/item-page/clarin-ref-citation/clarin-ref-citation.component.ts
+++ b/src/app/item-page/clarin-ref-citation/clarin-ref-citation.component.ts
@@ -168,6 +168,7 @@ export class ClarinRefCitationComponent implements OnInit {
       ariaLabelledBy: 'modal-basic-title'
     });
     modal.componentInstance.itemName = this.itemNameText;
+    modal.componentInstance.citationType = citationType;
     // Fetch the citation text from the API
     let citationText = '';
     await this.getCitationText(citationType)
diff --git a/src/app/item-page/clarin-ref-featured-services/clarin-ref-featured-services.component.html b/src/app/item-page/clarin-ref-featured-services/clarin-ref-featured-services.component.html
index 4f0040db445..a4adbef4397 100644
--- a/src/app/item-page/clarin-ref-featured-services/clarin-ref-featured-services.component.html
+++ b/src/app/item-page/clarin-ref-featured-services/clarin-ref-featured-services.component.html
@@ -13,21 +13,29 @@
       </div>
 
       <div class="d-flex align-items-start clarin-ref-box-footer-services pt-1">
-        <div class="btn-group pr-2" *ngFor="let featuredService of (featuredServices | async)">
-          <button type="button"
-                  class="btn btn-danger clarin-ref-box-services-button"
-                  (click)="redirectToFeaturedService(featuredService.url)">
+        <div class="btn-group pr-2" ngbDropdown *ngFor="let featuredService of (featuredServices | async)">
+          <a class="btn btn-danger clarin-ref-box-services-button"
+             type="button"
+             target="_blank"
+             [href]="featuredService.url">
             {{featuredService.name}}
-          </button>
+          </a>
           <button type="button"
                   class="btn btn-danger dropdown-toggle dropdown-toggle-split clarin-ref-box-services-button"
+                  id="resultdropdown"
+                  ngbDropdownToggle
                   data-bs-toggle="dropdown"
                   aria-haspopup="true"
                   aria-expanded="false">
           </button>
-          <div class="dropdown-menu">
-            <a class="dropdown-item" *ngFor="let featuredServiceLink of featuredService.featuredServiceLinks"
-               [href]="featuredServiceLink.value">{{featuredServiceLink.key}}</a>
+          <div ngbDropdownMenu aria-labelledby="resultdropdown" class="lindat-dropdown-menu">
+            <a
+              class="dropdown-item"
+              target="_blank"
+              *ngFor="let featuredServiceLink of featuredService.featuredServiceLinks"
+              [href]="featuredServiceLink.value">
+              {{featuredServiceLink.key}}
+            </a>
           </div>
         </div>
       </div>
diff --git a/src/app/item-page/clarin-ref-featured-services/clarin-ref-featured-services.component.scss b/src/app/item-page/clarin-ref-featured-services/clarin-ref-featured-services.component.scss
index 08ed4b1747e..4cb3577909b 100644
--- a/src/app/item-page/clarin-ref-featured-services/clarin-ref-featured-services.component.scss
+++ b/src/app/item-page/clarin-ref-featured-services/clarin-ref-featured-services.component.scss
@@ -26,10 +26,18 @@
 
 .clarin-share-facebook {
   color: #395a93;
+
+  &:hover {
+    color: #2d4373;
+  }
 }
 
 .clarin-share-twitter {
   color: #00AEE8;
+
+  &:hover {
+    color: #0088cc;
+  }
 }
 
 .clarin-ref-box-footer-services {
@@ -60,4 +68,18 @@
   -ms-user-select: none !important;
   user-select: none !important;
   border: 1px solid #357ebd !important;
+
+  &:hover {
+    background-color: #3071a9 !important;
+    border-color: #285e8e !important;
+  }
+
+  &:focus {
+    box-shadow: none !important;
+  }
+}
+
+.lindat-dropdown-menu {
+  max-height: 260px;
+  overflow-y: auto;
 }
diff --git a/src/app/item-page/clarin-ref-featured-services/clarin-ref-featured-services.component.ts b/src/app/item-page/clarin-ref-featured-services/clarin-ref-featured-services.component.ts
index 8f9edd595e9..a97a1fa8ea7 100644
--- a/src/app/item-page/clarin-ref-featured-services/clarin-ref-featured-services.component.ts
+++ b/src/app/item-page/clarin-ref-featured-services/clarin-ref-featured-services.component.ts
@@ -174,12 +174,4 @@ export class ClarinRefFeaturedServicesComponent implements OnInit {
 
     return metadata[0]?.value;
   }
-
-  /**
-   * Hard redirect to the sharing URL
-   * @param url
-   */
-  redirectToFeaturedService(url) {
-    this.hardRedirectService.redirect(url);
-  }
 }
diff --git a/src/app/item-page/full/full-item-page.component.html b/src/app/item-page/full/full-item-page.component.html
index d2ac0efdc2f..42fe5567661 100644
--- a/src/app/item-page/full/full-item-page.component.html
+++ b/src/app/item-page/full/full-item-page.component.html
@@ -1,34 +1,40 @@
-<div class="container" *ngVar="(itemRD$ | async) as itemRD">
-  <div class="item-page" *ngIf="itemRD?.hasSucceeded" @fadeInOut>
+<div class="container clarin-shadow remove-padding clarin-home-page-borders clarin-cut-bottom-2 clarin-cut-top-1 pb-2" *ngVar="(itemRD$ | async) as itemRD">
+  <div *ngIf="itemRD?.hasSucceeded" @fadeInOut>
     <div *ngIf="itemRD?.payload as item">
       <ds-themed-item-alerts [item]="item"></ds-themed-item-alerts>
       <ds-item-versions-notice [item]="item"></ds-item-versions-notice>
       <ds-view-tracker [object]="item"></ds-view-tracker>
       <div *ngIf="!item.isWithdrawn || (isAdmin$|async)" class="full-item-info">
-        <div class="d-flex flex-row">
-          <ds-themed-item-page-title-field class="mr-auto" [item]="item"></ds-themed-item-page-title-field>
+        <div class="d-flex flex-row justify-content-end">
           <ds-dso-edit-menu></ds-dso-edit-menu>
         </div>
         <div class="simple-view-link my-3" *ngIf="!fromSubmissionObject">
-          <a class="btn btn-outline-primary" [routerLink]="[(itemPageRoute$ | async)]">
+          <a [routerLink]="[(itemPageRoute$ | async)]">
             {{"item.page.link.simple" | translate}}
           </a>
         </div>
+        <ds-clarin-ref-box [item]="item"></ds-clarin-ref-box>
         <table class="table table-responsive table-striped">
           <tbody>
           <ng-container *ngFor="let mdEntry of (metadata$ | async) | keyvalue">
             <tr *ngFor="let mdValue of mdEntry.value">
               <td>{{mdEntry.key}}</td>
-              <td>{{mdValue.value}}</td>
-              <td>{{mdValue.language}}</td>
+              <td>
+                <span *ngFor="let value of mdValue.value.split(SEPARATOR); let last=last;">
+                  <span [innerHTML]="makeLinks(value) | dsReplace: [';', ' ']" ></span>
+                  <span *ngIf="!last" [innerHTML]="' '"></span>
+                </span>
+              </td>
+              <td *ngIf="(isAdmin$|async)">{{mdValue.language}}</td>
             </tr>
           </ng-container>
           </tbody>
         </table>
-        <ds-themed-item-page-full-file-section [item]="item"></ds-themed-item-page-full-file-section>
         <ds-item-page-collections [item]="item"></ds-item-page-collections>
         <ds-item-versions class="mt-2" [item]="item"></ds-item-versions>
-        <ds-clarin-license-info class="mt-2" [item]="item"></ds-clarin-license-info>
+        <div *ngIf="(hasFiles | async) === true">
+          <ds-clarin-files-section [item]="item" [itemHandle]="itemHandle"></ds-clarin-files-section>
+        </div>
         <div class="button-row bottom" *ngIf="fromSubmissionObject">
           <div class="text-right">
             <button class="btn btn-outline-secondary mr-1" (click)="back()"><i class="fas fa-arrow-left"></i> {{'item.page.return' | translate}}</button>
@@ -37,6 +43,11 @@
       </div>
     </div>
   </div>
+  <div class="simple-view-link my-3" *ngIf="!fromSubmissionObject">
+    <a [routerLink]="[(itemPageRoute$ | async)]">
+      {{"item.page.link.simple" | translate}}
+    </a>
+  </div>
   <ds-error *ngIf="itemRD?.hasFailed" message="{{'error.item' | translate}}"></ds-error>
   <ds-themed-loading *ngIf="itemRD?.isLoading" message="{{'loading.item' | translate}}"></ds-themed-loading>
 </div>
diff --git a/src/app/item-page/full/full-item-page.component.scss b/src/app/item-page/full/full-item-page.component.scss
index 458c4992c75..d58cca701af 100644
--- a/src/app/item-page/full/full-item-page.component.scss
+++ b/src/app/item-page/full/full-item-page.component.scss
@@ -1,8 +1,16 @@
+@import '../simple/item-page.component.scss';
 :host {
     div.simple-view-link {
-        text-align: center;
+        text-align: left;
         a {
             min-width: 25%;
         }
     }
-}
\ No newline at end of file
+}
+
+@include media-breakpoint-down(md) {
+  .container {
+    width: 100%;
+    max-width: none;
+  }
+}
diff --git a/src/app/item-page/full/full-item-page.component.spec.ts b/src/app/item-page/full/full-item-page.component.spec.ts
index ef33231943e..bf41bd5d807 100644
--- a/src/app/item-page/full/full-item-page.component.spec.ts
+++ b/src/app/item-page/full/full-item-page.component.spec.ts
@@ -33,6 +33,7 @@ import { getMockTranslateService } from 'src/app/shared/mocks/translate.service.
 import { ConfigurationProperty } from '../../core/shared/configuration-property.model';
 import { HALEndpointService } from '../../core/shared/hal-endpoint.service';
 import { cold } from 'jasmine-marbles';
+import { ReplacePipe } from '../../shared/utils/replace.pipe';
 
 const mockItem: Item = Object.assign(new Item(), {
   bundles: createSuccessfulRemoteDataObject$(createPaginatedList([])),
@@ -144,7 +145,7 @@ describe('FullItemPageComponent', () => {
           useClass: TranslateLoaderMock
         }
       }), RouterTestingModule.withRoutes([]), BrowserAnimationsModule],
-      declarations: [FullItemPageComponent, TruncatePipe, VarDirective],
+      declarations: [FullItemPageComponent, TruncatePipe, VarDirective, ReplacePipe],
       providers: [
         { provide: ActivatedRoute, useValue: routeStub },
         { provide: ItemDataService, useValue: {} },
diff --git a/src/app/item-page/full/full-item-page.component.ts b/src/app/item-page/full/full-item-page.component.ts
index 66454a63d47..464081d37b8 100644
--- a/src/app/item-page/full/full-item-page.component.ts
+++ b/src/app/item-page/full/full-item-page.component.ts
@@ -21,7 +21,8 @@ import { SignpostingDataService } from '../../core/data/signposting-data.service
 import { LinkHeadService } from '../../core/services/link-head.service';
 import { RegistryService } from 'src/app/core/registry/registry.service';
 import { HALEndpointService } from '../../core/shared/hal-endpoint.service';
-
+import { makeLinks } from '../../shared/clarin-shared-util';
+import { SEPARATOR } from 'src/app/shared/form/builder/ds-dynamic-form-ui/models/ds-dynamic-complex.model';
 
 /**
  * This component renders a full item page.
@@ -36,6 +37,8 @@ import { HALEndpointService } from '../../core/shared/hal-endpoint.service';
   animations: [fadeInOut]
 })
 export class FullItemPageComponent extends ItemPageComponent implements OnInit, OnDestroy {
+  protected readonly makeLinks = makeLinks;
+  protected readonly SEPARATOR = SEPARATOR;
 
   itemRD$: BehaviorSubject<RemoteData<Item>>;
 
diff --git a/src/app/item-page/item-page.module.ts b/src/app/item-page/item-page.module.ts
index f526cc2ce37..18bbc4fd606 100644
--- a/src/app/item-page/item-page.module.ts
+++ b/src/app/item-page/item-page.module.ts
@@ -86,6 +86,10 @@ import {
   FileTreeViewComponent
 } from './simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component';
 import { ClarinSponsorItemFieldComponent } from './simple/field-components/clarin-sponsor-item-field/clarin-sponsor-item-field.component';
+import { ClarinIdentifierItemFieldComponent } from './simple/field-components/clarin-identifier-item-field/clarin-identifier-item-field.component';
+import { ClarinDateItemFieldComponent } from './simple/field-components/clarin-date-item-field/clarin-date-item-field.component';
+import { ClarinDescriptionItemFieldComponent } from './simple/field-components/clarin-description-item-field/clarin-description-item-field.component';
+import { ClarinFilesSectionComponent } from './clarin-files-section/clarin-files-section.component';
 
 const ENTRY_COMPONENTS = [
   // put only entry components that use custom decorator
@@ -147,6 +151,10 @@ const DECLARATIONS = [
   PreviewSectionComponent,
   FileDescriptionComponent,
   FileTreeViewComponent,
+  ClarinIdentifierItemFieldComponent,
+  ClarinDateItemFieldComponent,
+  ClarinDescriptionItemFieldComponent,
+  ClarinFilesSectionComponent
 ];
 
 @NgModule({
@@ -170,7 +178,6 @@ const DECLARATIONS = [
   ],
   declarations: [
     ...DECLARATIONS,
-
   ],
   exports: [
     ...DECLARATIONS,
diff --git a/src/app/item-page/simple/field-components/clarin-collections-item-field/clarin-collections-item-field.component.html b/src/app/item-page/simple/field-components/clarin-collections-item-field/clarin-collections-item-field.component.html
index c2d26d3506f..638c84788a2 100644
--- a/src/app/item-page/simple/field-components/clarin-collections-item-field/clarin-collections-item-field.component.html
+++ b/src/app/item-page/simple/field-components/clarin-collections-item-field/clarin-collections-item-field.component.html
@@ -1,9 +1,9 @@
 <div class="row clarin-item-page-field">
-  <div class="col-lg-2 d-flex">
+  <div class="col-lg-3 col-2-5 d-flex">
     <div><i [class]="'fas ' + iconName + ' fa-xs'"></i></div>
     <div class="pl-1"><b>{{'item.page.collections' | translate}}</b></div>
   </div>
-  <div class="col-lg-10">
+  <div class="col-lg-9">
     <div class="collections">
       <a *ngFor="let collection of (this.collections$ | async); let last=last;" [routerLink]="['/collections', collection.id]">
         <span>{{collection?.name}}</span><span *ngIf="!last" [innerHTML]="separator"></span>
diff --git a/src/app/item-page/simple/field-components/clarin-collections-item-field/clarin-collections-item-field.component.scss b/src/app/item-page/simple/field-components/clarin-collections-item-field/clarin-collections-item-field.component.scss
index 42f906e2209..e4d19e2971d 100644
--- a/src/app/item-page/simple/field-components/clarin-collections-item-field/clarin-collections-item-field.component.scss
+++ b/src/app/item-page/simple/field-components/clarin-collections-item-field/clarin-collections-item-field.component.scss
@@ -1 +1,2 @@
-@import '../../item-page.component';
+@import '../../field-components/clarin-generic-item-field/clarin-generic-item-field.component.scss';
+
diff --git a/src/app/item-page/simple/field-components/clarin-date-item-field/clarin-date-item-field.component.html b/src/app/item-page/simple/field-components/clarin-date-item-field/clarin-date-item-field.component.html
new file mode 100644
index 00000000000..8559642557a
--- /dev/null
+++ b/src/app/item-page/simple/field-components/clarin-date-item-field/clarin-date-item-field.component.html
@@ -0,0 +1,3 @@
+<div>
+  {{ updatedDateValue | async }}
+</div>
diff --git a/src/app/item-page/simple/field-components/clarin-date-item-field/clarin-date-item-field.component.scss b/src/app/item-page/simple/field-components/clarin-date-item-field/clarin-date-item-field.component.scss
new file mode 100644
index 00000000000..b0058ddd37b
--- /dev/null
+++ b/src/app/item-page/simple/field-components/clarin-date-item-field/clarin-date-item-field.component.scss
@@ -0,0 +1,3 @@
+/**
+Styling file for the `clarin-date-item-field.component.ts`
+ */
diff --git a/src/app/item-page/simple/field-components/clarin-date-item-field/clarin-date-item-field.component.spec.ts b/src/app/item-page/simple/field-components/clarin-date-item-field/clarin-date-item-field.component.spec.ts
new file mode 100644
index 00000000000..3a5d2825dc0
--- /dev/null
+++ b/src/app/item-page/simple/field-components/clarin-date-item-field/clarin-date-item-field.component.spec.ts
@@ -0,0 +1,41 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ClarinDateItemFieldComponent } from './clarin-date-item-field.component';
+import { TranslateModule } from '@ngx-translate/core';
+import { Item } from '../../../../core/shared/item.model';
+import { createSuccessfulRemoteDataObject$ } from '../../../../shared/remote-data.utils';
+import { createPaginatedList } from '../../../../shared/testing/utils.test';
+
+describe('ClarinDateItemFieldComponent', () => {
+  let component: ClarinDateItemFieldComponent;
+  let fixture: ComponentFixture<ClarinDateItemFieldComponent>;
+
+  const mockItem: Item = Object.assign(new Item(), {
+    bundles: createSuccessfulRemoteDataObject$(createPaginatedList([])),
+    metadata: {
+      'dc.identifier.uri': [
+        {
+          language: 'en_US',
+          value: 'some handle'
+        }
+      ]
+    }
+  });
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ TranslateModule.forRoot() ],
+      declarations: [ ClarinDateItemFieldComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ClarinDateItemFieldComponent);
+    component = fixture.componentInstance;
+    component.item = mockItem;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/item-page/simple/field-components/clarin-date-item-field/clarin-date-item-field.component.ts b/src/app/item-page/simple/field-components/clarin-date-item-field/clarin-date-item-field.component.ts
new file mode 100644
index 00000000000..746d68d5d7c
--- /dev/null
+++ b/src/app/item-page/simple/field-components/clarin-date-item-field/clarin-date-item-field.component.ts
@@ -0,0 +1,60 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { Item } from '../../../../core/shared/item.model';
+import { BehaviorSubject } from 'rxjs';
+import { TranslateService } from '@ngx-translate/core';
+
+const MULTIPLE_DATE_VALUES_SEPARATOR = ',';
+
+@Component({
+  selector: 'ds-clarin-date-item-field',
+  templateUrl: './clarin-date-item-field.component.html',
+  styleUrls: ['./clarin-date-item-field.component.scss']
+})
+export class ClarinDateItemFieldComponent implements OnInit {
+
+  constructor(private translateService: TranslateService) {
+  }
+
+  /**
+   * The item to display metadata for
+   */
+  @Input() item: Item;
+
+  updatedDateValue: BehaviorSubject<string> = new BehaviorSubject<string>('');
+
+  ngOnInit(): void {
+    let localDateValue = this.item.allMetadataValues('local.approximateDate.issued');
+    let dateValue = this.item.allMetadataValues('dc.date.issued');
+
+    // There is no local date value - show only one date metadata value
+    if (localDateValue.length === 0) {
+      // Date value is not empty
+      if (dateValue.length !== 0) {
+        this.updatedDateValue.next(dateValue[0]);
+      } else {
+        console.error('There is no date value for the item');
+      }
+      return;
+    }
+
+    // There is local date value - that values could be different and should be shown differently
+    localDateValue = localDateValue[0]?.split(MULTIPLE_DATE_VALUES_SEPARATOR);
+
+    if (localDateValue.length === 1) {
+      this.updatedDateValue.next(this.updateOneValue(localDateValue));
+    } else {
+      this.updatedDateValue.next(this.updateMoreValues(localDateValue));
+    }
+  }
+
+  updateOneValue(localDateValue: string[]) {
+    const ccaMessage = this.translateService.instant('item.page.date.cca.message');
+    return ccaMessage + ' (' + localDateValue[0] + ')';
+  }
+
+  updateMoreValues(localDateValue: string[]) {
+    const composedMessage = this.translateService.instant('item.page.date.composed.message');
+    const dateValues = localDateValue.join(MULTIPLE_DATE_VALUES_SEPARATOR);
+    return composedMessage + ' ' + dateValues;
+  }
+}
diff --git a/src/app/item-page/simple/field-components/clarin-description-item-field/clarin-description-item-field.component.html b/src/app/item-page/simple/field-components/clarin-description-item-field/clarin-description-item-field.component.html
new file mode 100644
index 00000000000..fc0946b71e0
--- /dev/null
+++ b/src/app/item-page/simple/field-components/clarin-description-item-field/clarin-description-item-field.component.html
@@ -0,0 +1 @@
+<div [innerHTML]="validTextMetadata" style="white-space: pre-line;"></div>
diff --git a/src/app/item-page/simple/field-components/clarin-description-item-field/clarin-description-item-field.component.scss b/src/app/item-page/simple/field-components/clarin-description-item-field/clarin-description-item-field.component.scss
new file mode 100644
index 00000000000..74d4391492b
--- /dev/null
+++ b/src/app/item-page/simple/field-components/clarin-description-item-field/clarin-description-item-field.component.scss
@@ -0,0 +1,3 @@
+/**
+The file for styling the `clarin-description-item-field.component.ts`
+ */
diff --git a/src/app/item-page/simple/field-components/clarin-description-item-field/clarin-description-item-field.component.spec.ts b/src/app/item-page/simple/field-components/clarin-description-item-field/clarin-description-item-field.component.spec.ts
new file mode 100644
index 00000000000..9eb04c1b3ae
--- /dev/null
+++ b/src/app/item-page/simple/field-components/clarin-description-item-field/clarin-description-item-field.component.spec.ts
@@ -0,0 +1,39 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ClarinDescriptionItemFieldComponent } from './clarin-description-item-field.component';
+import { Item } from '../../../../core/shared/item.model';
+import { createSuccessfulRemoteDataObject$ } from '../../../../shared/remote-data.utils';
+import { createPaginatedList } from '../../../../shared/testing/utils.test';
+
+describe('ClarinDescriptionItemFieldComponent', () => {
+  let component: ClarinDescriptionItemFieldComponent;
+  let fixture: ComponentFixture<ClarinDescriptionItemFieldComponent>;
+
+  const mockItem: Item = Object.assign(new Item(), {
+    bundles: createSuccessfulRemoteDataObject$(createPaginatedList([])),
+    metadata: {
+      'dc.identifier.uri': [
+        {
+          language: 'en_US',
+          value: 'some handle'
+        }
+      ]
+    }
+  });
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ClarinDescriptionItemFieldComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ClarinDescriptionItemFieldComponent);
+    component = fixture.componentInstance;
+    component.fields = ['dc.identifier.uri'];
+    component.item = mockItem;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/item-page/simple/field-components/clarin-description-item-field/clarin-description-item-field.component.ts b/src/app/item-page/simple/field-components/clarin-description-item-field/clarin-description-item-field.component.ts
new file mode 100644
index 00000000000..da8c8d4a98b
--- /dev/null
+++ b/src/app/item-page/simple/field-components/clarin-description-item-field/clarin-description-item-field.component.ts
@@ -0,0 +1,38 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { Item } from '../../../../core/shared/item.model';
+import { makeLinks } from '../../../../shared/clarin-shared-util';
+
+@Component({
+  selector: 'ds-clarin-description-item-field',
+  templateUrl: './clarin-description-item-field.component.html',
+  styleUrls: ['./clarin-description-item-field.component.scss']
+})
+export class ClarinDescriptionItemFieldComponent implements OnInit {
+
+  /**
+   * The item to display metadata for
+   */
+  @Input() item: Item;
+
+  /**
+   * Fields (schema.element.qualifier) used to render their values.
+   */
+  @Input() fields: string[];
+
+  /**
+   * The valid text metadata to display - updated with links
+   */
+  validTextMetadata: string;
+
+  ngOnInit(): void {
+    // Store all description metadata values
+    let updatedMVs = [];
+    this.item.allMetadataValues(this.fields).forEach((value) => {
+      updatedMVs.push(makeLinks(value));
+    });
+
+    // Join the metadata values with a line break
+    this.validTextMetadata = updatedMVs.join('<br>');
+  }
+
+}
diff --git a/src/app/item-page/simple/field-components/clarin-generic-item-field/clarin-generic-item-field.component.html b/src/app/item-page/simple/field-components/clarin-generic-item-field/clarin-generic-item-field.component.html
index f479104a93d..e9c98c4985e 100644
--- a/src/app/item-page/simple/field-components/clarin-generic-item-field/clarin-generic-item-field.component.html
+++ b/src/app/item-page/simple/field-components/clarin-generic-item-field/clarin-generic-item-field.component.html
@@ -1,9 +1,9 @@
-<div class="row clarin-item-page-field" *ngIf="hasMetadataValue()">
-  <div class="col-lg-2 d-flex">
+<div class="row clarin-item-page-field justify-content-start" *ngIf="hasMetadataValue()">
+  <div class="col-lg-3 col-2-5 d-flex">
     <div><i [class]="'fas ' + iconName + ' fa-xs'"></i></div>
     <div class="pl-1"><b>{{label | translate}}</b></div>
   </div>
-  <div class="col-lg-10">
+  <div class="col-lg-9">
     <div>
       <div *ngIf="type === 'author'" class="d-inline">
         <ds-clarin-item-author-preview [item]="item"></ds-clarin-item-author-preview>
@@ -11,21 +11,34 @@
       <div *ngIf="type === 'sponsor'">
         <ds-clarin-sponsor-item-field [item]="item"></ds-clarin-sponsor-item-field>
       </div>
+      <div *ngIf="type === 'identifier'">
+        <ds-clarin-identifier-item-field [item]="item" [fields]="fields"></ds-clarin-identifier-item-field>
+      </div>
+      <div *ngIf="type === 'date'">
+        <ds-clarin-date-item-field [item]="item"></ds-clarin-date-item-field>
+      </div>
+      <div *ngIf="type === 'description'">
+        <ds-clarin-description-item-field [item]="item" [fields]="fields"></ds-clarin-description-item-field>
+      </div>
       <div class="dont-break-out d-inline" *ngFor="let mdValue of item?.allMetadata(fields); let last=last; let i = index">
-        <a *ngIf="type === 'hyperlink'" [href]="mdValue.value">{{mdValue.value}}</a>
-        <span *ngIf="type === 'search'">
-          <a [href]="getLinkToSearch(i)">{{mdValue.value}}</a>
-          <span *ngIf="!last" [innerHTML]="separator" class="pr-1"></span>
+        <span *ngIf="type === 'hyperlink'" class="pr-1">
+          <a [href]="mdValue.value">
+            {{mdValue.value | dsReplace: this.replaceCharacter}}
+          </a>
+        </span>
+        <span *ngIf="type === 'search'" class="d-inline-flex pr-1">
+          <a [href]="getLinkToSearch(i)">{{mdValue.value | dsReplace: this.replaceCharacter}}</a>
+          <span *ngIf="!last" [innerHTML]="separator"></span>
         </span>
-        <span *ngIf="type === 'subject'">
+        <span *ngIf="type === 'subject'" class="pr-1">
           <a class="badge badge-info text-white cursor-pointer mr-1"
              *ngFor="let subject of mdValue.value.split(separator);"
              [href]="getLinkToSearch(-1, subject)">
             {{subject}}
           </a>
         </span>
-        <span *ngIf="type == null">
-          {{mdValue.value}}<span *ngIf="!last" [innerHTML]="separator"></span>
+        <span *ngIf="type == null" class="pr-1">
+          {{mdValue.value | dsReplace: this.replaceCharacter}}<span *ngIf="!last" [innerHTML]="separator"></span>
         </span>
       </div>
     </div>
diff --git a/src/app/item-page/simple/field-components/clarin-generic-item-field/clarin-generic-item-field.component.scss b/src/app/item-page/simple/field-components/clarin-generic-item-field/clarin-generic-item-field.component.scss
index 42f906e2209..b87a771c00c 100644
--- a/src/app/item-page/simple/field-components/clarin-generic-item-field/clarin-generic-item-field.component.scss
+++ b/src/app/item-page/simple/field-components/clarin-generic-item-field/clarin-generic-item-field.component.scss
@@ -1 +1,9 @@
 @import '../../item-page.component';
+
+@media (min-width: 992px) {
+  .col-2-5 {
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+}
+
diff --git a/src/app/item-page/simple/field-components/clarin-generic-item-field/clarin-generic-item-field.component.ts b/src/app/item-page/simple/field-components/clarin-generic-item-field/clarin-generic-item-field.component.ts
index c5dd4521f2d..bca0f6f06c8 100644
--- a/src/app/item-page/simple/field-components/clarin-generic-item-field/clarin-generic-item-field.component.ts
+++ b/src/app/item-page/simple/field-components/clarin-generic-item-field/clarin-generic-item-field.component.ts
@@ -44,11 +44,19 @@ export class ClarinGenericItemFieldComponent implements OnInit {
    */
   @Input() label: string;
 
+  /**
+   * Replace character in the metadata value.
+   * This input value is array of two elements.
+   * The first element is the character to replace and the second element is the character to replace with.
+   */
+  @Input() replaceCharacter: string[];
+
   /**
    * UI URL loaded from the server.
    */
   baseUrl = '';
 
+
   // tslint:disable-next-line:no-empty
   constructor(protected dsoNameService: DSONameService,
               protected configurationService: ConfigurationDataService) { }
@@ -59,6 +67,11 @@ export class ClarinGenericItemFieldComponent implements OnInit {
     if (isEmpty(this.separator)) {
       this.separator = ',';
     }
+
+    // Set default replace character
+    if (isEmpty(this.replaceCharacter)) {
+      this.replaceCharacter = [';', ' '];
+    }
   }
 
   /**
diff --git a/src/app/item-page/simple/field-components/clarin-identifier-item-field/clarin-identifier-item-field.component.html b/src/app/item-page/simple/field-components/clarin-identifier-item-field/clarin-identifier-item-field.component.html
new file mode 100644
index 00000000000..770c525a9f3
--- /dev/null
+++ b/src/app/item-page/simple/field-components/clarin-identifier-item-field/clarin-identifier-item-field.component.html
@@ -0,0 +1,8 @@
+<div *ngFor="let identifier of (identifiers | async)">
+  <div class="justify-content-between d-flex">
+    <a [href]="identifier">{{identifier}}</a>
+    <i class="far fa-copy pr-5 cursor-pointer"
+       (click)="copyToClipboard(identifier)"
+       [ngbTooltip]="'Copied!'" #copyButton="ngbTooltip"></i>
+  </div>
+</div>
diff --git a/src/app/item-page/simple/field-components/clarin-identifier-item-field/clarin-identifier-item-field.component.scss b/src/app/item-page/simple/field-components/clarin-identifier-item-field/clarin-identifier-item-field.component.scss
new file mode 100644
index 00000000000..38caba923cc
--- /dev/null
+++ b/src/app/item-page/simple/field-components/clarin-identifier-item-field/clarin-identifier-item-field.component.scss
@@ -0,0 +1,3 @@
+/**
+This is style file for the `clarin-identifier-item-field` component
+ */
diff --git a/src/app/item-page/simple/field-components/clarin-identifier-item-field/clarin-identifier-item-field.component.spec.ts b/src/app/item-page/simple/field-components/clarin-identifier-item-field/clarin-identifier-item-field.component.spec.ts
new file mode 100644
index 00000000000..6e41581cb88
--- /dev/null
+++ b/src/app/item-page/simple/field-components/clarin-identifier-item-field/clarin-identifier-item-field.component.spec.ts
@@ -0,0 +1,58 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ClarinIdentifierItemFieldComponent } from './clarin-identifier-item-field.component';
+import { ConfigurationDataService } from '../../../../core/data/configuration-data.service';
+import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
+import { createSuccessfulRemoteDataObject$ } from '../../../../shared/remote-data.utils';
+import { ConfigurationProperty } from '../../../../core/shared/configuration-property.model';
+import { Item } from '../../../../core/shared/item.model';
+import { createPaginatedList } from '../../../../shared/testing/utils.test';
+
+describe('ClarinIdentifierItemFieldComponent', () => {
+  let component: ClarinIdentifierItemFieldComponent;
+  let fixture: ComponentFixture<ClarinIdentifierItemFieldComponent>;
+
+  const mockItem: Item = Object.assign(new Item(), {
+    bundles: createSuccessfulRemoteDataObject$(createPaginatedList([])),
+    metadata: {
+      'dc.identifier.uri': [
+        {
+          language: 'en_US',
+          value: 'some handle'
+        }
+      ]
+    }
+  });
+
+  beforeEach(async () => {
+    const configurationServiceSpy = jasmine.createSpyObj('configurationService', {
+      findByPropertyName: createSuccessfulRemoteDataObject$(Object.assign(new ConfigurationProperty(), {
+        name: 'test',
+        values: [
+          true
+        ]
+      })),
+    });
+
+    await TestBed.configureTestingModule({
+      imports: [
+        NgbTooltipModule,
+      ],
+      declarations: [ ClarinIdentifierItemFieldComponent ],
+      providers: [
+        { provide: ConfigurationDataService, useValue: configurationServiceSpy }
+      ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ClarinIdentifierItemFieldComponent);
+    component = fixture.componentInstance;
+    component.item = mockItem;
+    fixture.detectChanges();
+  });
+
+  it('should create', waitForAsync(() => {
+    fixture.whenStable().then(() => {
+      expect(component).toBeTruthy();
+    });
+  }));
+});
diff --git a/src/app/item-page/simple/field-components/clarin-identifier-item-field/clarin-identifier-item-field.component.ts b/src/app/item-page/simple/field-components/clarin-identifier-item-field/clarin-identifier-item-field.component.ts
new file mode 100644
index 00000000000..63e022cc3b6
--- /dev/null
+++ b/src/app/item-page/simple/field-components/clarin-identifier-item-field/clarin-identifier-item-field.component.ts
@@ -0,0 +1,94 @@
+import { Component, Input, OnInit, ViewChild } from '@angular/core';
+import { Item } from '../../../../core/shared/item.model';
+import { ConfigurationDataService } from '../../../../core/data/configuration-data.service';
+import { getFirstSucceededRemoteDataPayload } from '../../../../core/shared/operators';
+import { map } from 'rxjs/operators';
+import { BehaviorSubject, firstValueFrom } from 'rxjs';
+import { Clipboard } from '@angular/cdk/clipboard';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+
+const SHOW_HANDLE_AND_DOI_PROPERTY_NAME = 'item-page.show-handle-and-doi';
+const DOI_METADATA_FIELD = 'dc.identifier.doi';
+const HANDLE_METADATA_FIELD = 'dc.identifier.uri';
+
+@Component({
+  selector: 'ds-clarin-identifier-item-field',
+  templateUrl: './clarin-identifier-item-field.component.html',
+  styleUrls: ['./clarin-identifier-item-field.component.scss']
+})
+export class ClarinIdentifierItemFieldComponent implements OnInit {
+
+  /**
+   * After clicking on the `Copy` icon the message `Copied` is popped up.
+   */
+  @ViewChild('copyButton', {static: false}) copyButtonRef: NgbTooltip;
+
+  /**
+   * The item to display metadata for
+   */
+  @Input() item: Item;
+
+  /**
+   * Fields (schema.element.qualifier) used to render their values.
+   */
+  @Input() fields: string[];
+
+  /**
+   * Enable or disable showing both the handle and DOI identifiers in the item page. The default value is `false` to
+   * show only the DOI identifier if it exists in the Item. If there is no DOI identifier,
+   * the handle identifier is shown.
+   */
+  showHandleAndDOI = 'false';
+
+  /**
+   * The identifiers to display (DOI and/or handle)
+   */
+  identifiers: BehaviorSubject<string[]> = new BehaviorSubject(['']);
+
+  constructor(private configurationService: ConfigurationDataService,
+              private clipboard: Clipboard) {
+  }
+
+  async ngOnInit(): Promise<void> {
+    // Get the configuration value for showing both the handle and DOI identifiers
+    this.showHandleAndDOI = await firstValueFrom(this.configurationService.findByPropertyName(SHOW_HANDLE_AND_DOI_PROPERTY_NAME)
+      .pipe(
+        getFirstSucceededRemoteDataPayload(),
+        map((cfgValues) => cfgValues?.values?.[0])));
+
+    // Set the identifiers to display
+    this.setIdentifiersToDisplay();
+  }
+
+  private setIdentifiersToDisplay() {
+    let tempIdentifiers: string[] = [];
+    const containsDOI = this.item.allMetadata(DOI_METADATA_FIELD)?.length > 0;
+    this.fields?.forEach(field => {
+      // Show handle identifier if there is DOI identifier in the Item and the configuration is set to show both
+      if (field === HANDLE_METADATA_FIELD) {
+        if (containsDOI && this.showHandleAndDOI === 'true') {
+          tempIdentifiers.push(...this.item.allMetadataValues(HANDLE_METADATA_FIELD));
+        } else if (!containsDOI) {
+          tempIdentifiers.push(...this.item.allMetadataValues(HANDLE_METADATA_FIELD));
+        }
+      }
+      // Every time show DOI identifier if it exists in the Item
+      if (field === DOI_METADATA_FIELD) {
+        tempIdentifiers.push(...this.item.allMetadataValues(DOI_METADATA_FIELD));
+      }
+    });
+    this.identifiers.next(tempIdentifiers);
+  }
+
+  /**
+   * Copy the metadata value to the clipboard. After clicking on the `Copy` icon the message `Copied` is popped up.
+   *
+   * @param value
+   */
+  copyToClipboard(value: string) {
+    this.clipboard.copy(value);
+    setTimeout(() => {
+      this.copyButtonRef.close();
+    }, 700);
+  }
+}
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
index 6d1221325fd..a19024b2af4 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
@@ -29,13 +29,15 @@
     </dl>
     <img
       *ngIf="fileInput.format !== 'video/mp4'"
-        src="assets/images/application-x-gzip.png"
+      [src]="MIME_TYPE_IMAGES_PATH + fileInput.format?.replace('/','-') + '.png'"
+      (error)="handleImageError($event)"
+      (click)="downloadFile()"
       alt="Preview"
-      class="preview-image"/>
+      class="preview-image cursor-pointer"/>
   </div>
   <div class="button-container">
     <span>
-      <a class="download-btn" (click)="downloadFiles()">
+      <a class="download-btn" (click)="downloadFile()">
         <i class="fa fa-chevron-circle-down">&nbsp;</i>
         {{'item.file.description.download.file' | translate}}
       </a>
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
index c3c3a826063..cb2a2bf2ed1 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
@@ -10,12 +10,15 @@ const allowedPreviewFormats = ['text/plain', 'text/html', 'application/zip'];
   styleUrls: ['./file-description.component.scss'],
 })
 export class FileDescriptionComponent {
+  MIME_TYPE_IMAGES_PATH = '/assets/images/mime/';
+  MIME_TYPE_DEFAULT_IMAGE_NAME = 'application-octet-stream.png';
+
   @Input()
   fileInput: MetadataBitstream;
 
   constructor(protected halService: HALEndpointService, private router: Router) { }
 
-  public downloadFiles() {
+  public downloadFile() {
     void this.router.navigateByUrl('bitstreams/' + this.fileInput.id + '/download');
   }
 
@@ -44,4 +47,9 @@ export class FileDescriptionComponent {
 
     return allowedPreviewFormats.includes(this.fileInput.format);
   }
+
+  handleImageError(event) {
+    const imgElement = event.target as HTMLImageElement;
+    imgElement.src = this.MIME_TYPE_IMAGES_PATH + this.MIME_TYPE_DEFAULT_IMAGE_NAME;
+  }
 }
diff --git a/src/app/item-page/simple/item-page.component.html b/src/app/item-page/simple/item-page.component.html
index 1c1162374d6..5af5cd4da2f 100644
--- a/src/app/item-page/simple/item-page.component.html
+++ b/src/app/item-page/simple/item-page.component.html
@@ -11,29 +11,7 @@
       <ds-listable-object-component-loader *ngIf="!item.isWithdrawn || (isAdmin$|async)" [object]="item" [viewMode]="viewMode"></ds-listable-object-component-loader>
       <ds-item-versions class="mt-2" [item]="item" [displayActions]="false"></ds-item-versions>
       <div *ngIf="(hasFiles | async) === true">
-        <ds-clarin-license-info class="mt-3 d-block" [item]="item"></ds-clarin-license-info>
-        <h6><i class="fa fa-paperclip">&nbsp;</i>{{'item.page.files.head' | translate}}</h6>
-        <div class="pb-3">
-          <span class="pr-1">
-            <a class="btn btn-download" (click)="setCommandline()" style="text-decoration: none"
-               *ngIf="canShowCurlDownload">
-              <i class="fa fa-download fa-3x" style="display: block">&nbsp;</i>
-              {{'item.page.download.button.command.line' | translate}}
-            </a>
-          </span>
-          <div id="command-div" *ngIf="isCommandLineVisible">
-            <button class="repo-copy-btn pull-right" data-clipboard-target="#command-div"></button>
-            <pre style="background-color: #d9edf7; color: #3a87ad">{{ command }}</pre>
-          </div>
-          <span>
-            <a *ngIf="canDownloadAllFiles" class="btn btn-download" id="download-all-button" (click)="downloadFiles()"
-               style="visibility: visible">
-              <i style="display: block" class="fa fa-download fa-3x">&nbsp;</i>
-              {{'item.page.download.button.all.files.zip' | translate}} ({{ totalFileSizes }})
-            </a>
-          </span>
-        </div>
-        <ds-preview-section [item]="item"></ds-preview-section>
+        <ds-clarin-files-section [item]="item" [itemHandle]="itemHandle"></ds-clarin-files-section>
       </div>
     </div>
   </div>
diff --git a/src/app/item-page/simple/item-page.component.scss b/src/app/item-page/simple/item-page.component.scss
index 5e419c675d0..007330e1e24 100644
--- a/src/app/item-page/simple/item-page.component.scss
+++ b/src/app/item-page/simple/item-page.component.scss
@@ -21,7 +21,7 @@
 }
 
 .clarin-cut-bottom-2 {
-  margin-bottom: -24px;
+  margin-bottom: -18px;
 }
 
 .clarin-cut-top-1 {
@@ -29,19 +29,6 @@
   padding-top: 16px;
 }
 
-.btn-download{
-  color: #fff !important;
-  background-color: #428bca;
-  border-color: #357ebd;
-  cursor: pointer;
-}
-
-.btn-download:hover {
-  color: #fff;
-  background-color: #3276b1;
-  border-color: #285e8e;
-}
-
 pre {
   display: block;
   padding: 9.5px;
diff --git a/src/app/item-page/simple/item-page.component.spec.ts b/src/app/item-page/simple/item-page.component.spec.ts
index 6a2ef384a90..6718bc20b46 100644
--- a/src/app/item-page/simple/item-page.component.spec.ts
+++ b/src/app/item-page/simple/item-page.component.spec.ts
@@ -295,7 +295,7 @@ describe('ItemPageComponent', () => {
       fixture.detectChanges();
 
       void fixture.whenStable().then(() => {
-        const objectLoader = fixture.debugElement.query(By.css('ds-clarin-license-info'));
+        const objectLoader = fixture.debugElement.query(By.css('ds-clarin-files-section'));
         expect(objectLoader.nativeElement).toBeDefined();
       });
     }));
diff --git a/src/app/item-page/simple/item-page.component.ts b/src/app/item-page/simple/item-page.component.ts
index 422f62fcab1..0aee6644066 100644
--- a/src/app/item-page/simple/item-page.component.ts
+++ b/src/app/item-page/simple/item-page.component.ts
@@ -11,7 +11,6 @@ import { Item } from '../../core/shared/item.model';
 import { fadeInOut } from '../../shared/animations/fade';
 import {
   getAllSucceededRemoteDataPayload,
-  getAllSucceededRemoteListPayload,
 } from '../../core/shared/operators';
 import { ViewMode } from '../../core/shared/view-mode.model';
 import { AuthService } from '../../core/auth/auth.service';
@@ -25,9 +24,8 @@ import { SignpostingLink } from '../../core/data/signposting-links.model';
 import { isNotEmpty } from '../../shared/empty.util';
 import { LinkDefinition, LinkHeadService } from '../../core/services/link-head.service';
 import { BehaviorSubject } from 'rxjs';
+import { RegistryService } from '../../core/registry/registry.service';
 import { HALEndpointService } from '../../core/shared/hal-endpoint.service';
-import {RegistryService} from '../../core/registry/registry.service';
-import {MetadataBitstream} from '../../core/metadata/metadata-bitstream.model';
 
 /**
  * This component renders a simple item page.
@@ -70,14 +68,6 @@ export class ItemPageComponent implements OnInit, OnDestroy {
    * handle of the specific item
    */
   fileName: string;
-  /**
-   * determine to show download all zip button or not
-   */
-  canDownloadAllFiles = false;
-  /**
-   * command for the download command feature
-   */
-  command: string;
 
   /**
    * Whether the current user is an admin or not
@@ -94,23 +84,8 @@ export class ItemPageComponent implements OnInit, OnDestroy {
    */
   withdrawnTombstone = false;
 
-  /**
-   * If download by command button is click, the command line will be shown
-   */
-  isCommandLineVisible = false;
-  /**
-   * list of files uploaded by users to this item
-   */
-  listOfFiles: MetadataBitstream[];
-  /**
-   * total size of list of files uploaded by users to this item
-   */
-  totalFileSizes: string;
-
   itemUrl: string;
 
-  canShowCurlDownload = false;
-
   /**
    * True if the item has files, false otherwise.
    */
@@ -153,15 +128,6 @@ export class ItemPageComponent implements OnInit, OnDestroy {
     this.isAdmin$ = this.authorizationService.isAuthorized(FeatureID.AdministratorOf);
 
     this.processItem();
-
-    this.registryService
-      .getMetadataBitstream(this.itemHandle, 'ORIGINAL,TEXT,THUMBNAIL')
-      .pipe(getAllSucceededRemoteListPayload())
-      .subscribe((data: MetadataBitstream[]) => {
-        this.listOfFiles = data;
-        this.generateCurlCommand();
-        this.sumFileSizes();
-      });
   }
 
   /**
@@ -204,34 +170,6 @@ export class ItemPageComponent implements OnInit, OnDestroy {
     this.hasFiles.next(hasFilesMetadata !== 'no');
   }
 
-  sumFileSizes() {
-    const sizeUnits = {
-      B: 1,
-      KB: 1000,
-      MB: 1000 * 1000,
-      GB: 1000 * 1000 * 1000,
-      TB: 1000 * 1000 * 1000 * 1000,
-    };
-
-    let totalBytes = this.listOfFiles.reduce((total, file) => {
-      const [valueStr, unit] = file.fileSize.split(' ');
-      const value = parseFloat(valueStr);
-      const bytes = value * sizeUnits[unit.toUpperCase()];
-      return total + bytes;
-    }, 0);
-
-    let finalUnit = 'B';
-    for (const unit of ['KB', 'MB', 'GB', 'TB']) {
-      if (totalBytes < 1000) {
-        break;
-      }
-      totalBytes /= 1000;
-      finalUnit = unit;
-    }
-
-    this.totalFileSizes = totalBytes.toFixed(2) + ' ' + finalUnit;
-  }
-
   /**
    * Process the tombstone of the Item and check if it has files or not.
    */
@@ -274,36 +212,6 @@ export class ItemPageComponent implements OnInit, OnDestroy {
     });
   }
 
-  setCommandline() {
-    this.isCommandLineVisible = !this.isCommandLineVisible;
-  }
-
-  generateCurlCommand() {
-    const fileNames = this.listOfFiles.map((file: MetadataBitstream) => {
-      // Show `Download All Files` only if there are more files.
-      if (this.listOfFiles.length > 1) {
-        this.canDownloadAllFiles = true;
-      }
-
-      if (file.canPreview) {
-        this.canShowCurlDownload = true;
-      }
-
-      return file.name;
-    });
-
-    this.command = `curl --remote-name-all ` + this.halService.getRootHref() + `/core/bitstreams/handle/${
-      this.itemHandle
-    }/{${fileNames.join(',')}}`;
-  }
-
-  downloadFiles() {
-    this.itemRD$.pipe(
-      take(1),
-      getAllSucceededRemoteDataPayload())
-      .subscribe((item: Item) => void this.router.navigate([getItemPageRoute(item), 'download']));
-  }
-
   ngOnDestroy(): void {
     this.signpostingLinks.forEach((link: SignpostingLink) => {
       this.linkHeadService.removeTag(`href='${link.href}'`);
diff --git a/src/app/item-page/simple/item-types/publication/publication.component.html b/src/app/item-page/simple/item-types/publication/publication.component.html
index f3a14edc4ed..44642129721 100644
--- a/src/app/item-page/simple/item-types/publication/publication.component.html
+++ b/src/app/item-page/simple/item-types/publication/publication.component.html
@@ -29,22 +29,30 @@
                                   [fields]="['dc.identifier.uri']"
                                   [label]="'item.page.uri'"
                                   [iconName]="'fa-share'"
-                                  [type]="'hyperlink'">
+                                  [type]="'identifier'">
     </ds-clarin-generic-item-field>
     <ds-clarin-generic-item-field [item]="object"
                                   [fields]="['dc.source.uri']"
                                   [label]="'item.page.project-url'"
                                   [iconName]="'fa-link'">
     </ds-clarin-generic-item-field>
+    <ds-clarin-generic-item-field [item]="object"
+                                  [fields]="['local.demo.uri']"
+                                  [label]="'item.page.demo.uri'"
+                                  [iconName]="'fa-external-link'"
+                                  [type]="'hyperlink'">
+    </ds-clarin-generic-item-field>
     <ds-clarin-generic-item-field [item]="object"
                                   [fields]="['dc.relation.isreferencedby']"
                                   [label]="'item.page.referenced-by'"
-                                  [iconName]="'fa-link'">
+                                  [iconName]="'fa-link'"
+                                  [type]="'hyperlink'">
     </ds-clarin-generic-item-field>
     <ds-clarin-generic-item-field [item]="object"
                                   [fields]="['dc.date.issued', 'local.approximateDate.issued']"
                                   [label]="'item.page.date'"
-                                  [iconName]="'fa-calendar'">
+                                  [iconName]="'fa-calendar'"
+                                  [type]="'date'">
     </ds-clarin-generic-item-field>
     <ds-clarin-generic-item-field [item]="object"
                                   [fields]="['dc.type', 'metashare.ResourceInfo#ContentInfo.mediaType']"
@@ -56,7 +64,8 @@
     <ds-clarin-generic-item-field [item]="object"
                                   [fields]="['local.size.info']"
                                   [label]="'item.page.size-info'"
-                                  [iconName]="'fa-arrows'">
+                                  [iconName]="'fa-arrows'"
+                                  [replaceCharacter]="[';',' ']">
     </ds-clarin-generic-item-field>
     <ds-clarin-generic-item-field [item]="object"
                                   [fields]="['local.language.name']"
@@ -67,7 +76,8 @@
     <ds-clarin-generic-item-field [item]="object"
                                   [fields]="['dc.description']"
                                   [label]="'item.page.description'"
-                                  [iconName]="'fa-file-alt'">
+                                  [iconName]="'fa-file-alt'"
+                                  [type]="'description'">
     </ds-clarin-generic-item-field>
     <ds-clarin-generic-item-field [item]="object"
                                   [fields]="['dc.publisher']"
diff --git a/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html b/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
index 0500244f635..591cd9910a2 100644
--- a/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
+++ b/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
@@ -28,10 +28,10 @@
                                   [type]="'author'">
     </ds-clarin-generic-item-field>
     <ds-clarin-generic-item-field [item]="object"
-                                  [fields]="['dc.identifier.uri']"
+                                  [fields]="['dc.identifier.uri', 'dc.identifier.doi']"
                                   [label]="'item.page.uri'"
                                   [iconName]="'fa-share'"
-                                  [type]="'hyperlink'">
+                                  [type]="'identifier'">
     </ds-clarin-generic-item-field>
     <ds-clarin-generic-item-field [item]="object"
                                   [fields]="['dc.source.uri']"
@@ -39,15 +39,23 @@
                                   [iconName]="'fa-link'"
                                   [type]="'hyperlink'">
     </ds-clarin-generic-item-field>
+    <ds-clarin-generic-item-field [item]="object"
+                                  [fields]="['local.demo.uri']"
+                                  [label]="'item.page.demo.uri'"
+                                  [iconName]="'fa-external-link'"
+                                  [type]="'hyperlink'">
+    </ds-clarin-generic-item-field>
     <ds-clarin-generic-item-field [item]="object"
                                   [fields]="['dc.relation.isreferencedby']"
                                   [label]="'item.page.referenced-by'"
-                                  [iconName]="'fa-link'">
+                                  [iconName]="'fa-link'"
+                                  [type]="'hyperlink'">
     </ds-clarin-generic-item-field>
     <ds-clarin-generic-item-field [item]="object"
                                   [fields]="['dc.date.issued', 'local.approximateDate.issued']"
                                   [label]="'item.page.date'"
-                                  [iconName]="'fa-calendar'">
+                                  [iconName]="'fa-calendar'"
+                                  [type]="'date'">
     </ds-clarin-generic-item-field>
     <ds-clarin-generic-item-field [item]="object"
                                   [fields]="['dc.type', 'metashare.ResourceInfo#ContentInfo.mediaType']"
@@ -59,7 +67,9 @@
     <ds-clarin-generic-item-field [item]="object"
                                   [fields]="['local.size.info']"
                                   [label]="'item.page.size-info'"
-                                  [iconName]="'fa-arrows'">
+                                  [iconName]="'fa-arrows'"
+                                  [separator]="','"
+                                  [replaceCharacter]="[';',' ']">
     </ds-clarin-generic-item-field>
     <ds-clarin-generic-item-field [item]="object"
                                   [fields]="['local.language.name']"
@@ -71,7 +81,8 @@
     <ds-clarin-generic-item-field [item]="object"
                                   [fields]="['dc.description']"
                                   [label]="'item.page.description'"
-                                  [iconName]="'fa-file-alt'">
+                                  [iconName]="'fa-file-alt'"
+                                  [type]="'description'">
     </ds-clarin-generic-item-field>
     <ds-clarin-generic-item-field [item]="object"
                                   [fields]="['dc.publisher', 'creativework.publisher']"
diff --git a/src/app/shared/clarin-item-author-preview/clarin-item-author-preview.component.html b/src/app/shared/clarin-item-author-preview/clarin-item-author-preview.component.html
index f7292884695..bdc9be79633 100644
--- a/src/app/shared/clarin-item-author-preview/clarin-item-author-preview.component.html
+++ b/src/app/shared/clarin-item-author-preview/clarin-item-author-preview.component.html
@@ -13,7 +13,7 @@
       <span *ngIf="i == 0" ><a [href]="author.url" class="item-author">{{ author.name }}</a>; et al.</span>
     </div>
     <div class="item-author-wrapper">
-              <span (click)="toggleShowEveryAuthor()" class="clarin-font-size">
+              <span (click)="toggleShowEveryAuthor()" class="clarin-font-size cursor-pointer">
                 <i [hidden]="showEveryAuthor | async" class="fas fa-caret-right"></i>
                 <i [hidden]="!(showEveryAuthor | async)" class="fas fa-caret-down"></i>
                 {{'item.view.box.author.preview.show-everyone' | translate}}
diff --git a/src/app/shared/clarin-shared-util.ts b/src/app/shared/clarin-shared-util.ts
index 38da29271a8..e6f51835d9f 100644
--- a/src/app/shared/clarin-shared-util.ts
+++ b/src/app/shared/clarin-shared-util.ts
@@ -76,3 +76,9 @@ export function loadItemAuthors(item, itemAuthors, baseUrl) {
   });
   itemAuthors.next(itemAuthorsLocal);
 }
+
+export function makeLinks(text: string): string {
+  // Use a regular expression to find URLs and convert them into clickable links
+  const regex = /(?:https?|ftp):\/\/[^\s)]+|www\.[^\s)]+/g;
+  return text?.replace(regex, (url) => `<a href="${url}" target="_blank">${url}</a>`);
+}
diff --git a/src/app/shared/shared.module.ts b/src/app/shared/shared.module.ts
index 10a759e06b1..e2cde6797f9 100644
--- a/src/app/shared/shared.module.ts
+++ b/src/app/shared/shared.module.ts
@@ -293,6 +293,7 @@ import { ThemedLangSwitchComponent } from './lang-switch/themed-lang-switch.comp
 import {ThemedUserMenuComponent} from './auth-nav-menu/user-menu/themed-user-menu.component';
 import { HtmlContentService } from './html-content.service';
 import { ClarinSafeHtmlPipe } from './utils/clarin-safehtml.pipe';
+import { ReplacePipe } from './utils/replace.pipe';
 
 const MODULES = [
   CommonModule,
@@ -338,7 +339,8 @@ const PIPES = [
   ClarinLicenseLabelRadioValuePipe,
   ClarinLicenseRequiredInfoPipe,
   CharToEndPipe,
-  ClarinSafeHtmlPipe
+  ClarinSafeHtmlPipe,
+  ReplacePipe
 ];
 
 const COMPONENTS = [
diff --git a/src/app/shared/utils/replace.pipe.ts b/src/app/shared/utils/replace.pipe.ts
new file mode 100644
index 00000000000..7427983c5b3
--- /dev/null
+++ b/src/app/shared/utils/replace.pipe.ts
@@ -0,0 +1,34 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { hasValue, isEmpty } from '../empty.util';
+
+/**
+ * Pipe to replace a character in the value. The first argument is the character to replace and the second argument
+ * is the character to replace with.
+ */
+@Pipe({
+  name: 'dsReplace'
+})
+export class ReplacePipe implements PipeTransform {
+
+  /**
+   * Replace the character in the metadata value.
+   *
+   * @param value    The metadata value
+   * @param args     The character to replace and the new character
+   */
+  transform(value: string, args: string[]): string {
+    if (hasValue(value)) {
+      if (isEmpty(args)) {
+        return value;
+      }
+
+      // Replace the character in the metadata value
+      if (args?.length === 2) {
+        value = value.replace(args[0], args[1]);
+      }
+      return value;
+    }
+
+    return value;
+  }
+}
diff --git a/src/assets/i18n/cs.json5 b/src/assets/i18n/cs.json5
index 39e9e7d00f6..e6523276726 100644
--- a/src/assets/i18n/cs.json5
+++ b/src/assets/i18n/cs.json5
@@ -2478,7 +2478,7 @@
   // "item.page.journal-title": "Journal Title",
   "item.page.journal-title": "Název časopisu",
   // "item.page.publisher": "Publisher",
-  "item.page.publisher": "Vydavatel",
+  "item.page.publisher": "Nakladatel",
   // "item.page.titleprefix": "Item: ",
   "item.page.titleprefix": "Záznam: ",
   // "item.page.volume-title": "Volume Title",
@@ -2508,9 +2508,11 @@
   // "workflow-item.search.result.list.element.supervised.remove-tooltip": "Remove supervision group",
   "workflow-item.search.result.list.element.supervised.remove-tooltip": "Odebrat dozorčí skupinu",
   // "item.page.project-url": "Project URL",
-  "item.page.project-url": "Projekt URL",
+  "item.page.project-url": "URL projektu",
+  // "item.page.demo.uri": "Demo URL",
+  "item.page.demo.uri": "URL dema",
   // "item.page.referenced-by": "Referenced by",
-  "item.page.referenced-by": "Odkazy na záznam",
+  "item.page.referenced-by": "Odkaz na záznam v",
   // "item.page.type": "Type",
   "item.page.type": "Typ",
   // "item.page.size-info": "Size",
@@ -2532,7 +2534,7 @@
   // "item.page.collections.load-more": "Load more",
   "item.page.collections.load-more": "Načíst více",
   // "item.page.date": "Date",
-  "item.page.date": "Datum",
+  "item.page.date": "Datum vydání",
   // "item.page.edit": "Edit this item",
   "item.page.edit": "Upravit tuto položku",
   // "item.page.statistics": "Show item statistics",
@@ -2552,9 +2554,9 @@
   // "item.page.journal.search.title": "Articles in this journal",
   "item.page.journal.search.title": "Články v tomto časopise",
   // "item.page.link.full": "Show full item record",
-  "item.page.link.full": "Úplný záznam",
+  "item.page.link.full": "Zobrazit celý záznam",
   // "item.page.link.simple": "Simple item page",
-  "item.page.link.simple": "Minimální záznam",
+  "item.page.link.simple": "Zobrazit minimální záznam",
   // "item.page.orcid.title": "ORCID",
   "item.page.orcid.title": "ORCID",
   // "item.page.orcid.tooltip": "Open ORCID setting page",
@@ -2576,7 +2578,7 @@
   // "item.page.subject": "Subject(s)",
   "item.page.subject": "Klíčová slova",
   // "item.page.uri": "Item identifier",
-  "item.page.uri": "URI",
+  "item.page.uri": "Identifikátor",
   // "item.page.bitstreams.view-more": "Show more",
   "item.page.bitstreams.view-more": "Zobrazit více",
   // "item.page.bitstreams.collapse": "Collapse",
@@ -2605,6 +2607,10 @@
   "item.page.acknowledgement.project-name": "Jméno projektu:",
   // "item.page.acknowledgement.project-code": "Project name:",
   "item.page.acknowledgement.project-code": "Kód projektu:",
+  // "item.page.date.cca.message": "The exact date is unknown",
+  "item.page.date.cca.message": "Přesné datum není známo",
+  // "item.page.date.composed.message": "This item is composed of parts issued in",
+  "item.page.date.composed.message": "Tato položka je složena z částí vydaných v letech",
   // "item.preview.dc.identifier.uri": "Identifier:",
   "item.preview.dc.identifier.uri": "Identifikátor:",
   // "item.preview.dc.contributor.author": "Authors:",
diff --git a/src/assets/i18n/en.json5 b/src/assets/i18n/en.json5
index c17f10e2049..0035ec8e70b 100644
--- a/src/assets/i18n/en.json5
+++ b/src/assets/i18n/en.json5
@@ -2613,6 +2613,8 @@
 
   "item.page.project-url": "Project URL",
 
+  "item.page.demo.uri": "Demo URL",
+
   "item.page.referenced-by": "Referenced by",
 
   "item.page.type": "Type",
@@ -2635,7 +2637,7 @@
 
   "item.page.collections.load-more": "Load more",
 
-  "item.page.date": "Date",
+  "item.page.date": "Date issued",
 
   "item.page.edit": "Edit this item",
 
@@ -2655,9 +2657,9 @@
 
   "item.page.journal.search.title": "Articles in this journal",
 
-  "item.page.link.full": "Full item page",
+  "item.page.link.full": "Show full item record",
 
-  "item.page.link.simple": "Simple item page",
+  "item.page.link.simple": "Show simple item record",
 
   "item.page.orcid.title": "ORCID",
 
@@ -2709,6 +2711,10 @@
 
   "item.page.acknowledgement.project-code": "Project code:",
 
+  "item.page.date.cca.message": "The exact date is unknown",
+
+  "item.page.date.composed.message": "This item is composed of parts issued in",
+
   "item.preview.dc.identifier.uri": "Identifier:",
 
   "item.preview.dc.contributor.author": "Authors:",
diff --git a/src/assets/images/mime/aac.png b/src/assets/images/mime/aac.png
new file mode 100644
index 00000000000..5212bed70ef
Binary files /dev/null and b/src/assets/images/mime/aac.png differ
diff --git a/src/assets/images/mime/abc.png b/src/assets/images/mime/abc.png
new file mode 100644
index 00000000000..235cbf8b104
Binary files /dev/null and b/src/assets/images/mime/abc.png differ
diff --git a/src/assets/images/mime/ac3.png b/src/assets/images/mime/ac3.png
new file mode 100644
index 00000000000..12475d235b0
Binary files /dev/null and b/src/assets/images/mime/ac3.png differ
diff --git a/src/assets/images/mime/ada.png b/src/assets/images/mime/ada.png
new file mode 100644
index 00000000000..63b51a9daff
Binary files /dev/null and b/src/assets/images/mime/ada.png differ
diff --git a/src/assets/images/mime/afm.png b/src/assets/images/mime/afm.png
new file mode 100644
index 00000000000..608d6cab358
Binary files /dev/null and b/src/assets/images/mime/afm.png differ
diff --git a/src/assets/images/mime/ai.png b/src/assets/images/mime/ai.png
new file mode 100644
index 00000000000..b57121696ff
Binary files /dev/null and b/src/assets/images/mime/ai.png differ
diff --git a/src/assets/images/mime/aiff.png b/src/assets/images/mime/aiff.png
new file mode 100644
index 00000000000..e161088f1eb
Binary files /dev/null and b/src/assets/images/mime/aiff.png differ
diff --git a/src/assets/images/mime/application-illustrator.png b/src/assets/images/mime/application-illustrator.png
new file mode 100644
index 00000000000..b57121696ff
Binary files /dev/null and b/src/assets/images/mime/application-illustrator.png differ
diff --git a/src/assets/images/mime/application-javascript.png b/src/assets/images/mime/application-javascript.png
new file mode 100644
index 00000000000..c280f5a06fe
Binary files /dev/null and b/src/assets/images/mime/application-javascript.png differ
diff --git a/src/assets/images/mime/application-msword.png b/src/assets/images/mime/application-msword.png
new file mode 100644
index 00000000000..60fdd439d1a
Binary files /dev/null and b/src/assets/images/mime/application-msword.png differ
diff --git a/src/assets/images/mime/application-octet-stream.png b/src/assets/images/mime/application-octet-stream.png
new file mode 100644
index 00000000000..3525eb9e560
Binary files /dev/null and b/src/assets/images/mime/application-octet-stream.png differ
diff --git a/src/assets/images/mime/application-pdf.png b/src/assets/images/mime/application-pdf.png
new file mode 100644
index 00000000000..96b519cff34
Binary files /dev/null and b/src/assets/images/mime/application-pdf.png differ
diff --git a/src/assets/images/mime/application-pgp-encrypted.png b/src/assets/images/mime/application-pgp-encrypted.png
new file mode 100644
index 00000000000..ce376d4b70b
Binary files /dev/null and b/src/assets/images/mime/application-pgp-encrypted.png differ
diff --git a/src/assets/images/mime/application-pgp-keys.png b/src/assets/images/mime/application-pgp-keys.png
new file mode 100644
index 00000000000..07998eb3345
Binary files /dev/null and b/src/assets/images/mime/application-pgp-keys.png differ
diff --git a/src/assets/images/mime/application-pgp-signature.png b/src/assets/images/mime/application-pgp-signature.png
new file mode 100644
index 00000000000..c4899b12f3c
Binary files /dev/null and b/src/assets/images/mime/application-pgp-signature.png differ
diff --git a/src/assets/images/mime/application-pkcs7-mime.png b/src/assets/images/mime/application-pkcs7-mime.png
new file mode 100644
index 00000000000..13e2e476b61
Binary files /dev/null and b/src/assets/images/mime/application-pkcs7-mime.png differ
diff --git a/src/assets/images/mime/application-pkcs7-signature.png b/src/assets/images/mime/application-pkcs7-signature.png
new file mode 100644
index 00000000000..8bfe28cbeab
Binary files /dev/null and b/src/assets/images/mime/application-pkcs7-signature.png differ
diff --git a/src/assets/images/mime/application-postscript-2.png b/src/assets/images/mime/application-postscript-2.png
new file mode 100644
index 00000000000..f62320bec6b
Binary files /dev/null and b/src/assets/images/mime/application-postscript-2.png differ
diff --git a/src/assets/images/mime/application-postscript.png b/src/assets/images/mime/application-postscript.png
new file mode 100644
index 00000000000..fc041722271
Binary files /dev/null and b/src/assets/images/mime/application-postscript.png differ
diff --git a/src/assets/images/mime/application-rdf+xml.png b/src/assets/images/mime/application-rdf+xml.png
new file mode 100644
index 00000000000..0cca1a91bdd
Binary files /dev/null and b/src/assets/images/mime/application-rdf+xml.png differ
diff --git a/src/assets/images/mime/application-relaxng.png b/src/assets/images/mime/application-relaxng.png
new file mode 100644
index 00000000000..168734c5060
Binary files /dev/null and b/src/assets/images/mime/application-relaxng.png differ
diff --git a/src/assets/images/mime/application-rss+xml.png b/src/assets/images/mime/application-rss+xml.png
new file mode 100644
index 00000000000..135c2f78c7d
Binary files /dev/null and b/src/assets/images/mime/application-rss+xml.png differ
diff --git a/src/assets/images/mime/application-rtf.png b/src/assets/images/mime/application-rtf.png
new file mode 100644
index 00000000000..a9bb1a512f0
Binary files /dev/null and b/src/assets/images/mime/application-rtf.png differ
diff --git a/src/assets/images/mime/application-vnd.corel-draw.png b/src/assets/images/mime/application-vnd.corel-draw.png
new file mode 100644
index 00000000000..73aaa5ce59a
Binary files /dev/null and b/src/assets/images/mime/application-vnd.corel-draw.png differ
diff --git a/src/assets/images/mime/application-vnd.mozilla.xul+xml.png b/src/assets/images/mime/application-vnd.mozilla.xul+xml.png
new file mode 100644
index 00000000000..5574191b532
Binary files /dev/null and b/src/assets/images/mime/application-vnd.mozilla.xul+xml.png differ
diff --git a/src/assets/images/mime/application-vnd.ms-access.png b/src/assets/images/mime/application-vnd.ms-access.png
new file mode 100644
index 00000000000..95ad41ac323
Binary files /dev/null and b/src/assets/images/mime/application-vnd.ms-access.png differ
diff --git a/src/assets/images/mime/application-vnd.ms-excel.png b/src/assets/images/mime/application-vnd.ms-excel.png
new file mode 100644
index 00000000000..b190372acdd
Binary files /dev/null and b/src/assets/images/mime/application-vnd.ms-excel.png differ
diff --git a/src/assets/images/mime/application-vnd.ms-powerpoint.png b/src/assets/images/mime/application-vnd.ms-powerpoint.png
new file mode 100644
index 00000000000..0af879e4d35
Binary files /dev/null and b/src/assets/images/mime/application-vnd.ms-powerpoint.png differ
diff --git a/src/assets/images/mime/application-vnd.oasis.opendocument.chart.png b/src/assets/images/mime/application-vnd.oasis.opendocument.chart.png
new file mode 100644
index 00000000000..ed0daf19b80
Binary files /dev/null and b/src/assets/images/mime/application-vnd.oasis.opendocument.chart.png differ
diff --git a/src/assets/images/mime/application-vnd.oasis.opendocument.database.png b/src/assets/images/mime/application-vnd.oasis.opendocument.database.png
new file mode 100644
index 00000000000..15e0685d205
Binary files /dev/null and b/src/assets/images/mime/application-vnd.oasis.opendocument.database.png differ
diff --git a/src/assets/images/mime/application-vnd.oasis.opendocument.formula.png b/src/assets/images/mime/application-vnd.oasis.opendocument.formula.png
new file mode 100644
index 00000000000..fd1be7ba82d
Binary files /dev/null and b/src/assets/images/mime/application-vnd.oasis.opendocument.formula.png differ
diff --git a/src/assets/images/mime/application-vnd.oasis.opendocument.graphics.png b/src/assets/images/mime/application-vnd.oasis.opendocument.graphics.png
new file mode 100644
index 00000000000..611a9ccc8b9
Binary files /dev/null and b/src/assets/images/mime/application-vnd.oasis.opendocument.graphics.png differ
diff --git a/src/assets/images/mime/application-vnd.oasis.opendocument.image.png b/src/assets/images/mime/application-vnd.oasis.opendocument.image.png
new file mode 100644
index 00000000000..1d42c2db4b7
Binary files /dev/null and b/src/assets/images/mime/application-vnd.oasis.opendocument.image.png differ
diff --git a/src/assets/images/mime/application-vnd.oasis.opendocument.presentation-template.png b/src/assets/images/mime/application-vnd.oasis.opendocument.presentation-template.png
new file mode 100644
index 00000000000..38d9a5c609c
Binary files /dev/null and b/src/assets/images/mime/application-vnd.oasis.opendocument.presentation-template.png differ
diff --git a/src/assets/images/mime/application-vnd.oasis.opendocument.presentation.png b/src/assets/images/mime/application-vnd.oasis.opendocument.presentation.png
new file mode 100644
index 00000000000..e304f570cf5
Binary files /dev/null and b/src/assets/images/mime/application-vnd.oasis.opendocument.presentation.png differ
diff --git a/src/assets/images/mime/application-vnd.oasis.opendocument.spreadsheet-template.png b/src/assets/images/mime/application-vnd.oasis.opendocument.spreadsheet-template.png
new file mode 100644
index 00000000000..c82c45d90e8
Binary files /dev/null and b/src/assets/images/mime/application-vnd.oasis.opendocument.spreadsheet-template.png differ
diff --git a/src/assets/images/mime/application-vnd.oasis.opendocument.spreadsheet.png b/src/assets/images/mime/application-vnd.oasis.opendocument.spreadsheet.png
new file mode 100644
index 00000000000..f4792118882
Binary files /dev/null and b/src/assets/images/mime/application-vnd.oasis.opendocument.spreadsheet.png differ
diff --git a/src/assets/images/mime/application-vnd.oasis.opendocument.text.png b/src/assets/images/mime/application-vnd.oasis.opendocument.text.png
new file mode 100644
index 00000000000..3a7dd9c8ba8
Binary files /dev/null and b/src/assets/images/mime/application-vnd.oasis.opendocument.text.png differ
diff --git a/src/assets/images/mime/application-vnd.openxmlformats-officedocument.spreadsheetml.sheet.png b/src/assets/images/mime/application-vnd.openxmlformats-officedocument.spreadsheetml.sheet.png
new file mode 100644
index 00000000000..b190372acdd
Binary files /dev/null and b/src/assets/images/mime/application-vnd.openxmlformats-officedocument.spreadsheetml.sheet.png differ
diff --git a/src/assets/images/mime/application-vnd.openxmlformats-officedocument.wordprocessingml.document.png b/src/assets/images/mime/application-vnd.openxmlformats-officedocument.wordprocessingml.document.png
new file mode 100644
index 00000000000..283c1d588cd
Binary files /dev/null and b/src/assets/images/mime/application-vnd.openxmlformats-officedocument.wordprocessingml.document.png differ
diff --git a/src/assets/images/mime/application-vnd.rn-realmedia.png b/src/assets/images/mime/application-vnd.rn-realmedia.png
new file mode 100644
index 00000000000..353c26ed3cf
Binary files /dev/null and b/src/assets/images/mime/application-vnd.rn-realmedia.png differ
diff --git a/src/assets/images/mime/application-vnd.scribus.png b/src/assets/images/mime/application-vnd.scribus.png
new file mode 100644
index 00000000000..529615ef9e6
Binary files /dev/null and b/src/assets/images/mime/application-vnd.scribus.png differ
diff --git a/src/assets/images/mime/application-vnd.stardivision.calc.png b/src/assets/images/mime/application-vnd.stardivision.calc.png
new file mode 100644
index 00000000000..663d90ff429
Binary files /dev/null and b/src/assets/images/mime/application-vnd.stardivision.calc.png differ
diff --git a/src/assets/images/mime/application-vnd.stardivision.draw.png b/src/assets/images/mime/application-vnd.stardivision.draw.png
new file mode 100644
index 00000000000..38a36e16b6e
Binary files /dev/null and b/src/assets/images/mime/application-vnd.stardivision.draw.png differ
diff --git a/src/assets/images/mime/application-vnd.sun.xml.calc.png b/src/assets/images/mime/application-vnd.sun.xml.calc.png
new file mode 100644
index 00000000000..8aa0b093a8a
Binary files /dev/null and b/src/assets/images/mime/application-vnd.sun.xml.calc.png differ
diff --git a/src/assets/images/mime/application-vnd.sun.xml.calc.template.png b/src/assets/images/mime/application-vnd.sun.xml.calc.template.png
new file mode 100644
index 00000000000..15202bd5552
Binary files /dev/null and b/src/assets/images/mime/application-vnd.sun.xml.calc.template.png differ
diff --git a/src/assets/images/mime/application-vnd.sun.xml.draw.png b/src/assets/images/mime/application-vnd.sun.xml.draw.png
new file mode 100644
index 00000000000..03d2d710e58
Binary files /dev/null and b/src/assets/images/mime/application-vnd.sun.xml.draw.png differ
diff --git a/src/assets/images/mime/application-vnd.sun.xml.draw.template.png b/src/assets/images/mime/application-vnd.sun.xml.draw.template.png
new file mode 100644
index 00000000000..7e5bb3418e9
Binary files /dev/null and b/src/assets/images/mime/application-vnd.sun.xml.draw.template.png differ
diff --git a/src/assets/images/mime/application-vnd.sun.xml.writer.png b/src/assets/images/mime/application-vnd.sun.xml.writer.png
new file mode 100644
index 00000000000..53a626fc8f6
Binary files /dev/null and b/src/assets/images/mime/application-vnd.sun.xml.writer.png differ
diff --git a/src/assets/images/mime/application-x-7z-compressed.png b/src/assets/images/mime/application-x-7z-compressed.png
new file mode 100644
index 00000000000..3655cbb99e7
Binary files /dev/null and b/src/assets/images/mime/application-x-7z-compressed.png differ
diff --git a/src/assets/images/mime/application-x-ace.png b/src/assets/images/mime/application-x-ace.png
new file mode 100644
index 00000000000..1d334ff662f
Binary files /dev/null and b/src/assets/images/mime/application-x-ace.png differ
diff --git a/src/assets/images/mime/application-x-applix-spreadsheet.png b/src/assets/images/mime/application-x-applix-spreadsheet.png
new file mode 100644
index 00000000000..a5daf00daea
Binary files /dev/null and b/src/assets/images/mime/application-x-applix-spreadsheet.png differ
diff --git a/src/assets/images/mime/application-x-ar.png b/src/assets/images/mime/application-x-ar.png
new file mode 100644
index 00000000000..145f31af4c7
Binary files /dev/null and b/src/assets/images/mime/application-x-ar.png differ
diff --git a/src/assets/images/mime/application-x-arc.png b/src/assets/images/mime/application-x-arc.png
new file mode 100644
index 00000000000..3655cbb99e7
Binary files /dev/null and b/src/assets/images/mime/application-x-arc.png differ
diff --git a/src/assets/images/mime/application-x-archive.png b/src/assets/images/mime/application-x-archive.png
new file mode 100644
index 00000000000..a96282019a5
Binary files /dev/null and b/src/assets/images/mime/application-x-archive.png differ
diff --git a/src/assets/images/mime/application-x-arj.png b/src/assets/images/mime/application-x-arj.png
new file mode 100644
index 00000000000..0fc3d3df9fd
Binary files /dev/null and b/src/assets/images/mime/application-x-arj.png differ
diff --git a/src/assets/images/mime/application-x-awk.png b/src/assets/images/mime/application-x-awk.png
new file mode 100644
index 00000000000..7af0216ccc1
Binary files /dev/null and b/src/assets/images/mime/application-x-awk.png differ
diff --git a/src/assets/images/mime/application-x-bittorrent.png b/src/assets/images/mime/application-x-bittorrent.png
new file mode 100644
index 00000000000..09c5fbeeb27
Binary files /dev/null and b/src/assets/images/mime/application-x-bittorrent.png differ
diff --git a/src/assets/images/mime/application-x-blender.png b/src/assets/images/mime/application-x-blender.png
new file mode 100644
index 00000000000..e5223935c7a
Binary files /dev/null and b/src/assets/images/mime/application-x-blender.png differ
diff --git a/src/assets/images/mime/application-x-bzdvi.png b/src/assets/images/mime/application-x-bzdvi.png
new file mode 100644
index 00000000000..908bc9df679
Binary files /dev/null and b/src/assets/images/mime/application-x-bzdvi.png differ
diff --git a/src/assets/images/mime/application-x-bzip-compressed-tar.png b/src/assets/images/mime/application-x-bzip-compressed-tar.png
new file mode 100644
index 00000000000..7722fe2d9d3
Binary files /dev/null and b/src/assets/images/mime/application-x-bzip-compressed-tar.png differ
diff --git a/src/assets/images/mime/application-x-bzip.png b/src/assets/images/mime/application-x-bzip.png
new file mode 100644
index 00000000000..72bab7277c5
Binary files /dev/null and b/src/assets/images/mime/application-x-bzip.png differ
diff --git a/src/assets/images/mime/application-x-bzip2.png b/src/assets/images/mime/application-x-bzip2.png
new file mode 100644
index 00000000000..72bab7277c5
Binary files /dev/null and b/src/assets/images/mime/application-x-bzip2.png differ
diff --git a/src/assets/images/mime/application-x-cd-image-2.png b/src/assets/images/mime/application-x-cd-image-2.png
new file mode 100644
index 00000000000..4edca393319
Binary files /dev/null and b/src/assets/images/mime/application-x-cd-image-2.png differ
diff --git a/src/assets/images/mime/application-x-cd-image.png b/src/assets/images/mime/application-x-cd-image.png
new file mode 100644
index 00000000000..1d5a8798282
Binary files /dev/null and b/src/assets/images/mime/application-x-cd-image.png differ
diff --git a/src/assets/images/mime/application-x-cda.png b/src/assets/images/mime/application-x-cda.png
new file mode 100644
index 00000000000..c249bf5fbaa
Binary files /dev/null and b/src/assets/images/mime/application-x-cda.png differ
diff --git a/src/assets/images/mime/application-x-compress.png b/src/assets/images/mime/application-x-compress.png
new file mode 100644
index 00000000000..acc894a06e0
Binary files /dev/null and b/src/assets/images/mime/application-x-compress.png differ
diff --git a/src/assets/images/mime/application-x-compressed-tar.png b/src/assets/images/mime/application-x-compressed-tar.png
new file mode 100644
index 00000000000..bc7a0a1b305
Binary files /dev/null and b/src/assets/images/mime/application-x-compressed-tar.png differ
diff --git a/src/assets/images/mime/application-x-cpio.png b/src/assets/images/mime/application-x-cpio.png
new file mode 100644
index 00000000000..d0c8192cceb
Binary files /dev/null and b/src/assets/images/mime/application-x-cpio.png differ
diff --git a/src/assets/images/mime/application-x-cue.png b/src/assets/images/mime/application-x-cue.png
new file mode 100644
index 00000000000..6ae648dc7cd
Binary files /dev/null and b/src/assets/images/mime/application-x-cue.png differ
diff --git a/src/assets/images/mime/application-x-deb.png b/src/assets/images/mime/application-x-deb.png
new file mode 100644
index 00000000000..7cd80c345e0
Binary files /dev/null and b/src/assets/images/mime/application-x-deb.png differ
diff --git a/src/assets/images/mime/application-x-designer.png b/src/assets/images/mime/application-x-designer.png
new file mode 100644
index 00000000000..2d5edd91171
Binary files /dev/null and b/src/assets/images/mime/application-x-designer.png differ
diff --git a/src/assets/images/mime/application-x-desktop.png b/src/assets/images/mime/application-x-desktop.png
new file mode 100644
index 00000000000..ae4623ca8e1
Binary files /dev/null and b/src/assets/images/mime/application-x-desktop.png differ
diff --git a/src/assets/images/mime/application-x-egon.png b/src/assets/images/mime/application-x-egon.png
new file mode 100644
index 00000000000..c14b5598d6f
Binary files /dev/null and b/src/assets/images/mime/application-x-egon.png differ
diff --git a/src/assets/images/mime/application-x-executable-script.png b/src/assets/images/mime/application-x-executable-script.png
new file mode 100644
index 00000000000..f33bd0211c1
Binary files /dev/null and b/src/assets/images/mime/application-x-executable-script.png differ
diff --git a/src/assets/images/mime/application-x-executable.png b/src/assets/images/mime/application-x-executable.png
new file mode 100644
index 00000000000..01f28c7e090
Binary files /dev/null and b/src/assets/images/mime/application-x-executable.png differ
diff --git a/src/assets/images/mime/application-x-font-afm.png b/src/assets/images/mime/application-x-font-afm.png
new file mode 100644
index 00000000000..608d6cab358
Binary files /dev/null and b/src/assets/images/mime/application-x-font-afm.png differ
diff --git a/src/assets/images/mime/application-x-font-bdf.png b/src/assets/images/mime/application-x-font-bdf.png
new file mode 100644
index 00000000000..9add41a9766
Binary files /dev/null and b/src/assets/images/mime/application-x-font-bdf.png differ
diff --git a/src/assets/images/mime/application-x-font-otf.png b/src/assets/images/mime/application-x-font-otf.png
new file mode 100644
index 00000000000..913bb57127e
Binary files /dev/null and b/src/assets/images/mime/application-x-font-otf.png differ
diff --git a/src/assets/images/mime/application-x-font-pcf.png b/src/assets/images/mime/application-x-font-pcf.png
new file mode 100644
index 00000000000..9add41a9766
Binary files /dev/null and b/src/assets/images/mime/application-x-font-pcf.png differ
diff --git a/src/assets/images/mime/application-x-font-snf.png b/src/assets/images/mime/application-x-font-snf.png
new file mode 100644
index 00000000000..097276d16f6
Binary files /dev/null and b/src/assets/images/mime/application-x-font-snf.png differ
diff --git a/src/assets/images/mime/application-x-font-ttf.png b/src/assets/images/mime/application-x-font-ttf.png
new file mode 100644
index 00000000000..4ab598dbd17
Binary files /dev/null and b/src/assets/images/mime/application-x-font-ttf.png differ
diff --git a/src/assets/images/mime/application-x-font-type1.png b/src/assets/images/mime/application-x-font-type1.png
new file mode 100644
index 00000000000..a2b57264edb
Binary files /dev/null and b/src/assets/images/mime/application-x-font-type1.png differ
diff --git a/src/assets/images/mime/application-x-gnumeric.png b/src/assets/images/mime/application-x-gnumeric.png
new file mode 100644
index 00000000000..ca996a6d4b0
Binary files /dev/null and b/src/assets/images/mime/application-x-gnumeric.png differ
diff --git a/src/assets/images/mime/application-x-gzdvi.png b/src/assets/images/mime/application-x-gzdvi.png
new file mode 100644
index 00000000000..ad60e59b727
Binary files /dev/null and b/src/assets/images/mime/application-x-gzdvi.png differ
diff --git a/src/assets/images/mime/application-x-gzip.png b/src/assets/images/mime/application-x-gzip.png
new file mode 100644
index 00000000000..be9a74a89d4
Binary files /dev/null and b/src/assets/images/mime/application-x-gzip.png differ
diff --git a/src/assets/images/mime/application-x-gzpostscript.png b/src/assets/images/mime/application-x-gzpostscript.png
new file mode 100644
index 00000000000..3aea9d2d596
Binary files /dev/null and b/src/assets/images/mime/application-x-gzpostscript.png differ
diff --git a/src/assets/images/mime/application-x-java-applet.png b/src/assets/images/mime/application-x-java-applet.png
new file mode 100644
index 00000000000..954ecc94d95
Binary files /dev/null and b/src/assets/images/mime/application-x-java-applet.png differ
diff --git a/src/assets/images/mime/application-x-java-archive.png b/src/assets/images/mime/application-x-java-archive.png
new file mode 100644
index 00000000000..6ccde0f2d5d
Binary files /dev/null and b/src/assets/images/mime/application-x-java-archive.png differ
diff --git a/src/assets/images/mime/application-x-java.png b/src/assets/images/mime/application-x-java.png
new file mode 100644
index 00000000000..e3563971136
Binary files /dev/null and b/src/assets/images/mime/application-x-java.png differ
diff --git a/src/assets/images/mime/application-x-karbon.png b/src/assets/images/mime/application-x-karbon.png
new file mode 100644
index 00000000000..c3743d99bca
Binary files /dev/null and b/src/assets/images/mime/application-x-karbon.png differ
diff --git a/src/assets/images/mime/application-x-kcsrc-2.png b/src/assets/images/mime/application-x-kcsrc-2.png
new file mode 100644
index 00000000000..6d2ee8fc961
Binary files /dev/null and b/src/assets/images/mime/application-x-kcsrc-2.png differ
diff --git a/src/assets/images/mime/application-x-kcsrc.png b/src/assets/images/mime/application-x-kcsrc.png
new file mode 100644
index 00000000000..d14d36b81ba
Binary files /dev/null and b/src/assets/images/mime/application-x-kcsrc.png differ
diff --git a/src/assets/images/mime/application-x-kexiproject-sqlite3.png b/src/assets/images/mime/application-x-kexiproject-sqlite3.png
new file mode 100644
index 00000000000..95024511332
Binary files /dev/null and b/src/assets/images/mime/application-x-kexiproject-sqlite3.png differ
diff --git a/src/assets/images/mime/application-x-kgetlist.png b/src/assets/images/mime/application-x-kgetlist.png
new file mode 100644
index 00000000000..5ee705d1849
Binary files /dev/null and b/src/assets/images/mime/application-x-kgetlist.png differ
diff --git a/src/assets/images/mime/application-x-kontour.png b/src/assets/images/mime/application-x-kontour.png
new file mode 100644
index 00000000000..7d4e0cd4a3e
Binary files /dev/null and b/src/assets/images/mime/application-x-kontour.png differ
diff --git a/src/assets/images/mime/application-x-krita-2.png b/src/assets/images/mime/application-x-krita-2.png
new file mode 100644
index 00000000000..868056e530a
Binary files /dev/null and b/src/assets/images/mime/application-x-krita-2.png differ
diff --git a/src/assets/images/mime/application-x-krita.png b/src/assets/images/mime/application-x-krita.png
new file mode 100644
index 00000000000..b5f6f998509
Binary files /dev/null and b/src/assets/images/mime/application-x-krita.png differ
diff --git a/src/assets/images/mime/application-x-kvtml.png b/src/assets/images/mime/application-x-kvtml.png
new file mode 100644
index 00000000000..0040d13e5b1
Binary files /dev/null and b/src/assets/images/mime/application-x-kvtml.png differ
diff --git a/src/assets/images/mime/application-x-kword.png b/src/assets/images/mime/application-x-kword.png
new file mode 100644
index 00000000000..165f0dc5c23
Binary files /dev/null and b/src/assets/images/mime/application-x-kword.png differ
diff --git a/src/assets/images/mime/application-x-lha.png b/src/assets/images/mime/application-x-lha.png
new file mode 100644
index 00000000000..591dc989ac0
Binary files /dev/null and b/src/assets/images/mime/application-x-lha.png differ
diff --git a/src/assets/images/mime/application-x-lisp.png b/src/assets/images/mime/application-x-lisp.png
new file mode 100644
index 00000000000..4f8167f4c5c
Binary files /dev/null and b/src/assets/images/mime/application-x-lisp.png differ
diff --git a/src/assets/images/mime/application-x-lyx.png b/src/assets/images/mime/application-x-lyx.png
new file mode 100644
index 00000000000..a92975a1936
Binary files /dev/null and b/src/assets/images/mime/application-x-lyx.png differ
diff --git a/src/assets/images/mime/application-x-lzma-compressed-tar.png b/src/assets/images/mime/application-x-lzma-compressed-tar.png
new file mode 100644
index 00000000000..eac90ed154b
Binary files /dev/null and b/src/assets/images/mime/application-x-lzma-compressed-tar.png differ
diff --git a/src/assets/images/mime/application-x-lzop.png b/src/assets/images/mime/application-x-lzop.png
new file mode 100644
index 00000000000..b7e36fe9bd5
Binary files /dev/null and b/src/assets/images/mime/application-x-lzop.png differ
diff --git a/src/assets/images/mime/application-x-m4.png b/src/assets/images/mime/application-x-m4.png
new file mode 100644
index 00000000000..4ec4eb1e06f
Binary files /dev/null and b/src/assets/images/mime/application-x-m4.png differ
diff --git a/src/assets/images/mime/application-x-marble.png b/src/assets/images/mime/application-x-marble.png
new file mode 100644
index 00000000000..ab7e6fd6a45
Binary files /dev/null and b/src/assets/images/mime/application-x-marble.png differ
diff --git a/src/assets/images/mime/application-x-mimearchive.png b/src/assets/images/mime/application-x-mimearchive.png
new file mode 100644
index 00000000000..6831a7f21b2
Binary files /dev/null and b/src/assets/images/mime/application-x-mimearchive.png differ
diff --git a/src/assets/images/mime/application-x-ms-dos-executable.png b/src/assets/images/mime/application-x-ms-dos-executable.png
new file mode 100644
index 00000000000..ffc6f2b9f10
Binary files /dev/null and b/src/assets/images/mime/application-x-ms-dos-executable.png differ
diff --git a/src/assets/images/mime/application-x-ms-wmp.png b/src/assets/images/mime/application-x-ms-wmp.png
new file mode 100644
index 00000000000..e4a47db1a4d
Binary files /dev/null and b/src/assets/images/mime/application-x-ms-wmp.png differ
diff --git a/src/assets/images/mime/application-x-mswinurl.png b/src/assets/images/mime/application-x-mswinurl.png
new file mode 100644
index 00000000000..85c268e27ff
Binary files /dev/null and b/src/assets/images/mime/application-x-mswinurl.png differ
diff --git a/src/assets/images/mime/application-x-mswrite.png b/src/assets/images/mime/application-x-mswrite.png
new file mode 100644
index 00000000000..1b2bf71ce4a
Binary files /dev/null and b/src/assets/images/mime/application-x-mswrite.png differ
diff --git a/src/assets/images/mime/application-x-nzb.png b/src/assets/images/mime/application-x-nzb.png
new file mode 100644
index 00000000000..f1270e8ad5c
Binary files /dev/null and b/src/assets/images/mime/application-x-nzb.png differ
diff --git a/src/assets/images/mime/application-x-object-2.png b/src/assets/images/mime/application-x-object-2.png
new file mode 100644
index 00000000000..04584450c62
Binary files /dev/null and b/src/assets/images/mime/application-x-object-2.png differ
diff --git a/src/assets/images/mime/application-x-object.png b/src/assets/images/mime/application-x-object.png
new file mode 100644
index 00000000000..1ed28147300
Binary files /dev/null and b/src/assets/images/mime/application-x-object.png differ
diff --git a/src/assets/images/mime/application-x-pak.png b/src/assets/images/mime/application-x-pak.png
new file mode 100644
index 00000000000..72ec2adbfbe
Binary files /dev/null and b/src/assets/images/mime/application-x-pak.png differ
diff --git a/src/assets/images/mime/application-x-pem-key.png b/src/assets/images/mime/application-x-pem-key.png
new file mode 100644
index 00000000000..aabea1dee2d
Binary files /dev/null and b/src/assets/images/mime/application-x-pem-key.png differ
diff --git a/src/assets/images/mime/application-x-perl-2.png b/src/assets/images/mime/application-x-perl-2.png
new file mode 100644
index 00000000000..2951fb6c334
Binary files /dev/null and b/src/assets/images/mime/application-x-perl-2.png differ
diff --git a/src/assets/images/mime/application-x-perl.png b/src/assets/images/mime/application-x-perl.png
new file mode 100644
index 00000000000..b8f109b39b6
Binary files /dev/null and b/src/assets/images/mime/application-x-perl.png differ
diff --git a/src/assets/images/mime/application-x-php-2.png b/src/assets/images/mime/application-x-php-2.png
new file mode 100644
index 00000000000..6ec56013cbd
Binary files /dev/null and b/src/assets/images/mime/application-x-php-2.png differ
diff --git a/src/assets/images/mime/application-x-php.png b/src/assets/images/mime/application-x-php.png
new file mode 100644
index 00000000000..f766c431511
Binary files /dev/null and b/src/assets/images/mime/application-x-php.png differ
diff --git a/src/assets/images/mime/application-x-plasma.png b/src/assets/images/mime/application-x-plasma.png
new file mode 100644
index 00000000000..93dac07eb42
Binary files /dev/null and b/src/assets/images/mime/application-x-plasma.png differ
diff --git a/src/assets/images/mime/application-x-python-bytecode.png b/src/assets/images/mime/application-x-python-bytecode.png
new file mode 100644
index 00000000000..f51301aeb1b
Binary files /dev/null and b/src/assets/images/mime/application-x-python-bytecode.png differ
diff --git a/src/assets/images/mime/application-x-qet-element.png b/src/assets/images/mime/application-x-qet-element.png
new file mode 100644
index 00000000000..eb8800034a4
Binary files /dev/null and b/src/assets/images/mime/application-x-qet-element.png differ
diff --git a/src/assets/images/mime/application-x-qet-project.png b/src/assets/images/mime/application-x-qet-project.png
new file mode 100644
index 00000000000..193532dd22a
Binary files /dev/null and b/src/assets/images/mime/application-x-qet-project.png differ
diff --git a/src/assets/images/mime/application-x-quattropro.png b/src/assets/images/mime/application-x-quattropro.png
new file mode 100644
index 00000000000..a5daf00daea
Binary files /dev/null and b/src/assets/images/mime/application-x-quattropro.png differ
diff --git a/src/assets/images/mime/application-x-rar-compressed.png b/src/assets/images/mime/application-x-rar-compressed.png
new file mode 100644
index 00000000000..87e0680d432
Binary files /dev/null and b/src/assets/images/mime/application-x-rar-compressed.png differ
diff --git a/src/assets/images/mime/application-x-rar.png b/src/assets/images/mime/application-x-rar.png
new file mode 100644
index 00000000000..87e0680d432
Binary files /dev/null and b/src/assets/images/mime/application-x-rar.png differ
diff --git a/src/assets/images/mime/application-x-rpm.png b/src/assets/images/mime/application-x-rpm.png
new file mode 100644
index 00000000000..05685369fb2
Binary files /dev/null and b/src/assets/images/mime/application-x-rpm.png differ
diff --git a/src/assets/images/mime/application-x-ruby.png b/src/assets/images/mime/application-x-ruby.png
new file mode 100644
index 00000000000..65625f53cae
Binary files /dev/null and b/src/assets/images/mime/application-x-ruby.png differ
diff --git a/src/assets/images/mime/application-x-sharedlib.png b/src/assets/images/mime/application-x-sharedlib.png
new file mode 100644
index 00000000000..f5fd6744e7d
Binary files /dev/null and b/src/assets/images/mime/application-x-sharedlib.png differ
diff --git a/src/assets/images/mime/application-x-shellscript.png b/src/assets/images/mime/application-x-shellscript.png
new file mode 100644
index 00000000000..82d962e7657
Binary files /dev/null and b/src/assets/images/mime/application-x-shellscript.png differ
diff --git a/src/assets/images/mime/application-x-shockwave-flash.png b/src/assets/images/mime/application-x-shockwave-flash.png
new file mode 100644
index 00000000000..75c4713cbd1
Binary files /dev/null and b/src/assets/images/mime/application-x-shockwave-flash.png differ
diff --git a/src/assets/images/mime/application-x-siag.png b/src/assets/images/mime/application-x-siag.png
new file mode 100644
index 00000000000..9028491db3a
Binary files /dev/null and b/src/assets/images/mime/application-x-siag.png differ
diff --git a/src/assets/images/mime/application-x-smb-server.png b/src/assets/images/mime/application-x-smb-server.png
new file mode 100644
index 00000000000..847a2450536
Binary files /dev/null and b/src/assets/images/mime/application-x-smb-server.png differ
diff --git a/src/assets/images/mime/application-x-smb-workgroup.png b/src/assets/images/mime/application-x-smb-workgroup.png
new file mode 100644
index 00000000000..95b6bfca96b
Binary files /dev/null and b/src/assets/images/mime/application-x-smb-workgroup.png differ
diff --git a/src/assets/images/mime/application-x-subrip.png b/src/assets/images/mime/application-x-subrip.png
new file mode 100644
index 00000000000..ea0f93cd5ae
Binary files /dev/null and b/src/assets/images/mime/application-x-subrip.png differ
diff --git a/src/assets/images/mime/application-x-tar.png b/src/assets/images/mime/application-x-tar.png
new file mode 100644
index 00000000000..3fd1eb99f0c
Binary files /dev/null and b/src/assets/images/mime/application-x-tar.png differ
diff --git a/src/assets/images/mime/application-x-tarz.png b/src/assets/images/mime/application-x-tarz.png
new file mode 100644
index 00000000000..8a25a172e8d
Binary files /dev/null and b/src/assets/images/mime/application-x-tarz.png differ
diff --git a/src/assets/images/mime/application-x-tgif.png b/src/assets/images/mime/application-x-tgif.png
new file mode 100644
index 00000000000..57490daaa14
Binary files /dev/null and b/src/assets/images/mime/application-x-tgif.png differ
diff --git a/src/assets/images/mime/application-x-trash.png b/src/assets/images/mime/application-x-trash.png
new file mode 100644
index 00000000000..38a2ac40e83
Binary files /dev/null and b/src/assets/images/mime/application-x-trash.png differ
diff --git a/src/assets/images/mime/application-x-troff-man.png b/src/assets/images/mime/application-x-troff-man.png
new file mode 100644
index 00000000000..8b7b8d0f18b
Binary files /dev/null and b/src/assets/images/mime/application-x-troff-man.png differ
diff --git a/src/assets/images/mime/application-x-tzo.png b/src/assets/images/mime/application-x-tzo.png
new file mode 100644
index 00000000000..527f4d8011a
Binary files /dev/null and b/src/assets/images/mime/application-x-tzo.png differ
diff --git a/src/assets/images/mime/application-x-wmf.png b/src/assets/images/mime/application-x-wmf.png
new file mode 100644
index 00000000000..87686024630
Binary files /dev/null and b/src/assets/images/mime/application-x-wmf.png differ
diff --git a/src/assets/images/mime/application-x-xz.png b/src/assets/images/mime/application-x-xz.png
new file mode 100644
index 00000000000..1d334ff662f
Binary files /dev/null and b/src/assets/images/mime/application-x-xz.png differ
diff --git a/src/assets/images/mime/application-x-zerosize.png b/src/assets/images/mime/application-x-zerosize.png
new file mode 100644
index 00000000000..3af6e6e1afb
Binary files /dev/null and b/src/assets/images/mime/application-x-zerosize.png differ
diff --git a/src/assets/images/mime/application-x-zoo.png b/src/assets/images/mime/application-x-zoo.png
new file mode 100644
index 00000000000..8a25a172e8d
Binary files /dev/null and b/src/assets/images/mime/application-x-zoo.png differ
diff --git a/src/assets/images/mime/application-xhtml+xml.png b/src/assets/images/mime/application-xhtml+xml.png
new file mode 100644
index 00000000000..b7fe769ee85
Binary files /dev/null and b/src/assets/images/mime/application-xhtml+xml.png differ
diff --git a/src/assets/images/mime/application-xml.png b/src/assets/images/mime/application-xml.png
new file mode 100644
index 00000000000..91514e42662
Binary files /dev/null and b/src/assets/images/mime/application-xml.png differ
diff --git a/src/assets/images/mime/application-xsd.png b/src/assets/images/mime/application-xsd.png
new file mode 100644
index 00000000000..91391019d1f
Binary files /dev/null and b/src/assets/images/mime/application-xsd.png differ
diff --git a/src/assets/images/mime/application-xslt+xml.png b/src/assets/images/mime/application-xslt+xml.png
new file mode 100644
index 00000000000..9f38b6152a2
Binary files /dev/null and b/src/assets/images/mime/application-xslt+xml.png differ
diff --git a/src/assets/images/mime/application-zip.png b/src/assets/images/mime/application-zip.png
new file mode 100644
index 00000000000..1d334ff662f
Binary files /dev/null and b/src/assets/images/mime/application-zip.png differ
diff --git a/src/assets/images/mime/ar.png b/src/assets/images/mime/ar.png
new file mode 100644
index 00000000000..145f31af4c7
Binary files /dev/null and b/src/assets/images/mime/ar.png differ
diff --git a/src/assets/images/mime/arc.png b/src/assets/images/mime/arc.png
new file mode 100644
index 00000000000..3655cbb99e7
Binary files /dev/null and b/src/assets/images/mime/arc.png differ
diff --git a/src/assets/images/mime/arj.png b/src/assets/images/mime/arj.png
new file mode 100644
index 00000000000..0fc3d3df9fd
Binary files /dev/null and b/src/assets/images/mime/arj.png differ
diff --git a/src/assets/images/mime/asm.png b/src/assets/images/mime/asm.png
new file mode 100644
index 00000000000..bce997b8482
Binary files /dev/null and b/src/assets/images/mime/asm.png differ
diff --git a/src/assets/images/mime/asx.png b/src/assets/images/mime/asx.png
new file mode 100644
index 00000000000..5212bed70ef
Binary files /dev/null and b/src/assets/images/mime/asx.png differ
diff --git a/src/assets/images/mime/au.png b/src/assets/images/mime/au.png
new file mode 100644
index 00000000000..5212bed70ef
Binary files /dev/null and b/src/assets/images/mime/au.png differ
diff --git a/src/assets/images/mime/audio-aac.png b/src/assets/images/mime/audio-aac.png
new file mode 100644
index 00000000000..5212bed70ef
Binary files /dev/null and b/src/assets/images/mime/audio-aac.png differ
diff --git a/src/assets/images/mime/audio-ac3.png b/src/assets/images/mime/audio-ac3.png
new file mode 100644
index 00000000000..12475d235b0
Binary files /dev/null and b/src/assets/images/mime/audio-ac3.png differ
diff --git a/src/assets/images/mime/audio-basic.png b/src/assets/images/mime/audio-basic.png
new file mode 100644
index 00000000000..5212bed70ef
Binary files /dev/null and b/src/assets/images/mime/audio-basic.png differ
diff --git a/src/assets/images/mime/audio-midi.png b/src/assets/images/mime/audio-midi.png
new file mode 100644
index 00000000000..cc673d700cd
Binary files /dev/null and b/src/assets/images/mime/audio-midi.png differ
diff --git a/src/assets/images/mime/audio-mp4.png b/src/assets/images/mime/audio-mp4.png
new file mode 100644
index 00000000000..55130c3e3f3
Binary files /dev/null and b/src/assets/images/mime/audio-mp4.png differ
diff --git a/src/assets/images/mime/audio-mpeg.png b/src/assets/images/mime/audio-mpeg.png
new file mode 100644
index 00000000000..73b3e75e758
Binary files /dev/null and b/src/assets/images/mime/audio-mpeg.png differ
diff --git a/src/assets/images/mime/audio-prs.sid.png b/src/assets/images/mime/audio-prs.sid.png
new file mode 100644
index 00000000000..86603a1d675
Binary files /dev/null and b/src/assets/images/mime/audio-prs.sid.png differ
diff --git a/src/assets/images/mime/audio-vn.rn-realmedia.png b/src/assets/images/mime/audio-vn.rn-realmedia.png
new file mode 100644
index 00000000000..07f11441f7c
Binary files /dev/null and b/src/assets/images/mime/audio-vn.rn-realmedia.png differ
diff --git a/src/assets/images/mime/audio-vn.rn-realvideo.png b/src/assets/images/mime/audio-vn.rn-realvideo.png
new file mode 100644
index 00000000000..aaefd7a8ee9
Binary files /dev/null and b/src/assets/images/mime/audio-vn.rn-realvideo.png differ
diff --git a/src/assets/images/mime/audio-vnd.rn-realaudio.png b/src/assets/images/mime/audio-vnd.rn-realaudio.png
new file mode 100644
index 00000000000..e21d1fc45e2
Binary files /dev/null and b/src/assets/images/mime/audio-vnd.rn-realaudio.png differ
diff --git a/src/assets/images/mime/audio-vnd.rn-realvideo.png b/src/assets/images/mime/audio-vnd.rn-realvideo.png
new file mode 100644
index 00000000000..2d4a0a01fbe
Binary files /dev/null and b/src/assets/images/mime/audio-vnd.rn-realvideo.png differ
diff --git a/src/assets/images/mime/audio-x-adpcm.png b/src/assets/images/mime/audio-x-adpcm.png
new file mode 100644
index 00000000000..e161088f1eb
Binary files /dev/null and b/src/assets/images/mime/audio-x-adpcm.png differ
diff --git a/src/assets/images/mime/audio-x-aiff.png b/src/assets/images/mime/audio-x-aiff.png
new file mode 100644
index 00000000000..e161088f1eb
Binary files /dev/null and b/src/assets/images/mime/audio-x-aiff.png differ
diff --git a/src/assets/images/mime/audio-x-flac+ogg.png b/src/assets/images/mime/audio-x-flac+ogg.png
new file mode 100644
index 00000000000..6af51f4374a
Binary files /dev/null and b/src/assets/images/mime/audio-x-flac+ogg.png differ
diff --git a/src/assets/images/mime/audio-x-flac.png b/src/assets/images/mime/audio-x-flac.png
new file mode 100644
index 00000000000..e483dbac138
Binary files /dev/null and b/src/assets/images/mime/audio-x-flac.png differ
diff --git a/src/assets/images/mime/audio-x-generic.png b/src/assets/images/mime/audio-x-generic.png
new file mode 100644
index 00000000000..2e70f054a99
Binary files /dev/null and b/src/assets/images/mime/audio-x-generic.png differ
diff --git a/src/assets/images/mime/audio-x-matroska.png b/src/assets/images/mime/audio-x-matroska.png
new file mode 100644
index 00000000000..5212bed70ef
Binary files /dev/null and b/src/assets/images/mime/audio-x-matroska.png differ
diff --git a/src/assets/images/mime/audio-x-mod.png b/src/assets/images/mime/audio-x-mod.png
new file mode 100644
index 00000000000..ab2b63254b4
Binary files /dev/null and b/src/assets/images/mime/audio-x-mod.png differ
diff --git a/src/assets/images/mime/audio-x-monkey.png b/src/assets/images/mime/audio-x-monkey.png
new file mode 100644
index 00000000000..9fdaf192534
Binary files /dev/null and b/src/assets/images/mime/audio-x-monkey.png differ
diff --git a/src/assets/images/mime/audio-x-mp2.png b/src/assets/images/mime/audio-x-mp2.png
new file mode 100644
index 00000000000..b5ab7639a58
Binary files /dev/null and b/src/assets/images/mime/audio-x-mp2.png differ
diff --git a/src/assets/images/mime/audio-x-mpegurl.png b/src/assets/images/mime/audio-x-mpegurl.png
new file mode 100644
index 00000000000..63599e2a00d
Binary files /dev/null and b/src/assets/images/mime/audio-x-mpegurl.png differ
diff --git a/src/assets/images/mime/audio-x-ms-asx.png b/src/assets/images/mime/audio-x-ms-asx.png
new file mode 100644
index 00000000000..5212bed70ef
Binary files /dev/null and b/src/assets/images/mime/audio-x-ms-asx.png differ
diff --git a/src/assets/images/mime/audio-x-ms-wma.png b/src/assets/images/mime/audio-x-ms-wma.png
new file mode 100644
index 00000000000..a8c65c763a7
Binary files /dev/null and b/src/assets/images/mime/audio-x-ms-wma.png differ
diff --git a/src/assets/images/mime/audio-x-musepack.png b/src/assets/images/mime/audio-x-musepack.png
new file mode 100644
index 00000000000..55130c3e3f3
Binary files /dev/null and b/src/assets/images/mime/audio-x-musepack.png differ
diff --git a/src/assets/images/mime/audio-x-pn-realaudio-plugin.png b/src/assets/images/mime/audio-x-pn-realaudio-plugin.png
new file mode 100644
index 00000000000..dccc509ca4f
Binary files /dev/null and b/src/assets/images/mime/audio-x-pn-realaudio-plugin.png differ
diff --git a/src/assets/images/mime/audio-x-scpls.png b/src/assets/images/mime/audio-x-scpls.png
new file mode 100644
index 00000000000..5d50fbd101b
Binary files /dev/null and b/src/assets/images/mime/audio-x-scpls.png differ
diff --git a/src/assets/images/mime/audio-x-speex+ogg.png b/src/assets/images/mime/audio-x-speex+ogg.png
new file mode 100644
index 00000000000..92391998f30
Binary files /dev/null and b/src/assets/images/mime/audio-x-speex+ogg.png differ
diff --git a/src/assets/images/mime/audio-x-vorbis+ogg.png b/src/assets/images/mime/audio-x-vorbis+ogg.png
new file mode 100644
index 00000000000..b5ab7639a58
Binary files /dev/null and b/src/assets/images/mime/audio-x-vorbis+ogg.png differ
diff --git a/src/assets/images/mime/audio-x-wav.png b/src/assets/images/mime/audio-x-wav.png
new file mode 100644
index 00000000000..15084da526f
Binary files /dev/null and b/src/assets/images/mime/audio-x-wav.png differ
diff --git a/src/assets/images/mime/audio.png b/src/assets/images/mime/audio.png
new file mode 100644
index 00000000000..2e70f054a99
Binary files /dev/null and b/src/assets/images/mime/audio.png differ
diff --git a/src/assets/images/mime/awk.png b/src/assets/images/mime/awk.png
new file mode 100644
index 00000000000..7af0216ccc1
Binary files /dev/null and b/src/assets/images/mime/awk.png differ
diff --git a/src/assets/images/mime/bak.png b/src/assets/images/mime/bak.png
new file mode 100644
index 00000000000..38a2ac40e83
Binary files /dev/null and b/src/assets/images/mime/bak.png differ
diff --git a/src/assets/images/mime/bdf.png b/src/assets/images/mime/bdf.png
new file mode 100644
index 00000000000..9add41a9766
Binary files /dev/null and b/src/assets/images/mime/bdf.png differ
diff --git a/src/assets/images/mime/bib.png b/src/assets/images/mime/bib.png
new file mode 100644
index 00000000000..f7030db39c4
Binary files /dev/null and b/src/assets/images/mime/bib.png differ
diff --git a/src/assets/images/mime/bin.png b/src/assets/images/mime/bin.png
new file mode 100644
index 00000000000..3525eb9e560
Binary files /dev/null and b/src/assets/images/mime/bin.png differ
diff --git a/src/assets/images/mime/blend.png b/src/assets/images/mime/blend.png
new file mode 100644
index 00000000000..e5223935c7a
Binary files /dev/null and b/src/assets/images/mime/blend.png differ
diff --git a/src/assets/images/mime/blender.png b/src/assets/images/mime/blender.png
new file mode 100644
index 00000000000..e5223935c7a
Binary files /dev/null and b/src/assets/images/mime/blender.png differ
diff --git a/src/assets/images/mime/bmp.png b/src/assets/images/mime/bmp.png
new file mode 100644
index 00000000000..652156a4396
Binary files /dev/null and b/src/assets/images/mime/bmp.png differ
diff --git a/src/assets/images/mime/bz.png b/src/assets/images/mime/bz.png
new file mode 100644
index 00000000000..72bab7277c5
Binary files /dev/null and b/src/assets/images/mime/bz.png differ
diff --git a/src/assets/images/mime/bz2.png b/src/assets/images/mime/bz2.png
new file mode 100644
index 00000000000..7722fe2d9d3
Binary files /dev/null and b/src/assets/images/mime/bz2.png differ
diff --git a/src/assets/images/mime/c.png b/src/assets/images/mime/c.png
new file mode 100644
index 00000000000..097474033bc
Binary files /dev/null and b/src/assets/images/mime/c.png differ
diff --git a/src/assets/images/mime/cda.png b/src/assets/images/mime/cda.png
new file mode 100644
index 00000000000..c249bf5fbaa
Binary files /dev/null and b/src/assets/images/mime/cda.png differ
diff --git a/src/assets/images/mime/cdr.png b/src/assets/images/mime/cdr.png
new file mode 100644
index 00000000000..73aaa5ce59a
Binary files /dev/null and b/src/assets/images/mime/cdr.png differ
diff --git a/src/assets/images/mime/class.png b/src/assets/images/mime/class.png
new file mode 100644
index 00000000000..e3563971136
Binary files /dev/null and b/src/assets/images/mime/class.png differ
diff --git a/src/assets/images/mime/cpio.png b/src/assets/images/mime/cpio.png
new file mode 100644
index 00000000000..d0c8192cceb
Binary files /dev/null and b/src/assets/images/mime/cpio.png differ
diff --git a/src/assets/images/mime/cpp.png b/src/assets/images/mime/cpp.png
new file mode 100644
index 00000000000..95cf31d2817
Binary files /dev/null and b/src/assets/images/mime/cpp.png differ
diff --git a/src/assets/images/mime/cs.png b/src/assets/images/mime/cs.png
new file mode 100644
index 00000000000..b777fc9e9f7
Binary files /dev/null and b/src/assets/images/mime/cs.png differ
diff --git a/src/assets/images/mime/css.png b/src/assets/images/mime/css.png
new file mode 100644
index 00000000000..1734114c34a
Binary files /dev/null and b/src/assets/images/mime/css.png differ
diff --git a/src/assets/images/mime/csv.png b/src/assets/images/mime/csv.png
new file mode 100644
index 00000000000..0d81da128da
Binary files /dev/null and b/src/assets/images/mime/csv.png differ
diff --git a/src/assets/images/mime/cue.png b/src/assets/images/mime/cue.png
new file mode 100644
index 00000000000..6ae648dc7cd
Binary files /dev/null and b/src/assets/images/mime/cue.png differ
diff --git a/src/assets/images/mime/deb.png b/src/assets/images/mime/deb.png
new file mode 100644
index 00000000000..7cd80c345e0
Binary files /dev/null and b/src/assets/images/mime/deb.png differ
diff --git a/src/assets/images/mime/desktop.png b/src/assets/images/mime/desktop.png
new file mode 100644
index 00000000000..ae4623ca8e1
Binary files /dev/null and b/src/assets/images/mime/desktop.png differ
diff --git a/src/assets/images/mime/dng.png b/src/assets/images/mime/dng.png
new file mode 100644
index 00000000000..b0299dbafa0
Binary files /dev/null and b/src/assets/images/mime/dng.png differ
diff --git a/src/assets/images/mime/doc.png b/src/assets/images/mime/doc.png
new file mode 100644
index 00000000000..a121c0e5a5d
Binary files /dev/null and b/src/assets/images/mime/doc.png differ
diff --git a/src/assets/images/mime/docx.png b/src/assets/images/mime/docx.png
new file mode 100644
index 00000000000..0bcd75c5c20
Binary files /dev/null and b/src/assets/images/mime/docx.png differ
diff --git a/src/assets/images/mime/dot.png b/src/assets/images/mime/dot.png
new file mode 100644
index 00000000000..60fdd439d1a
Binary files /dev/null and b/src/assets/images/mime/dot.png differ
diff --git a/src/assets/images/mime/dotx.png b/src/assets/images/mime/dotx.png
new file mode 100644
index 00000000000..06ac81f346d
Binary files /dev/null and b/src/assets/images/mime/dotx.png differ
diff --git a/src/assets/images/mime/dtd.png b/src/assets/images/mime/dtd.png
new file mode 100644
index 00000000000..2d486c55ce9
Binary files /dev/null and b/src/assets/images/mime/dtd.png differ
diff --git a/src/assets/images/mime/eml.png b/src/assets/images/mime/eml.png
new file mode 100644
index 00000000000..59a67e1dad6
Binary files /dev/null and b/src/assets/images/mime/eml.png differ
diff --git a/src/assets/images/mime/encrypted.png b/src/assets/images/mime/encrypted.png
new file mode 100644
index 00000000000..7e6f789bb44
Binary files /dev/null and b/src/assets/images/mime/encrypted.png differ
diff --git a/src/assets/images/mime/eps.png b/src/assets/images/mime/eps.png
new file mode 100644
index 00000000000..a3f9b9d2f33
Binary files /dev/null and b/src/assets/images/mime/eps.png differ
diff --git a/src/assets/images/mime/exe.png b/src/assets/images/mime/exe.png
new file mode 100644
index 00000000000..ffc6f2b9f10
Binary files /dev/null and b/src/assets/images/mime/exe.png differ
diff --git a/src/assets/images/mime/f.png b/src/assets/images/mime/f.png
new file mode 100644
index 00000000000..e79951712a4
Binary files /dev/null and b/src/assets/images/mime/f.png differ
diff --git a/src/assets/images/mime/flac.png b/src/assets/images/mime/flac.png
new file mode 100644
index 00000000000..e483dbac138
Binary files /dev/null and b/src/assets/images/mime/flac.png differ
diff --git a/src/assets/images/mime/gif.png b/src/assets/images/mime/gif.png
new file mode 100644
index 00000000000..652156a4396
Binary files /dev/null and b/src/assets/images/mime/gif.png differ
diff --git a/src/assets/images/mime/gz.png b/src/assets/images/mime/gz.png
new file mode 100644
index 00000000000..be9a74a89d4
Binary files /dev/null and b/src/assets/images/mime/gz.png differ
diff --git a/src/assets/images/mime/h.png b/src/assets/images/mime/h.png
new file mode 100644
index 00000000000..8edc428ca97
Binary files /dev/null and b/src/assets/images/mime/h.png differ
diff --git a/src/assets/images/mime/hex.png b/src/assets/images/mime/hex.png
new file mode 100644
index 00000000000..81e4b4df5fa
Binary files /dev/null and b/src/assets/images/mime/hex.png differ
diff --git a/src/assets/images/mime/hs.png b/src/assets/images/mime/hs.png
new file mode 100644
index 00000000000..3c0efafb6d9
Binary files /dev/null and b/src/assets/images/mime/hs.png differ
diff --git a/src/assets/images/mime/html.png b/src/assets/images/mime/html.png
new file mode 100644
index 00000000000..bb23e3a8a29
Binary files /dev/null and b/src/assets/images/mime/html.png differ
diff --git a/src/assets/images/mime/ics.png b/src/assets/images/mime/ics.png
new file mode 100644
index 00000000000..62f1c29f4ef
Binary files /dev/null and b/src/assets/images/mime/ics.png differ
diff --git a/src/assets/images/mime/image-png.png b/src/assets/images/mime/image-png.png
new file mode 100644
index 00000000000..652156a4396
Binary files /dev/null and b/src/assets/images/mime/image-png.png differ
diff --git a/src/assets/images/mime/image-svg+xml-compressed.png b/src/assets/images/mime/image-svg+xml-compressed.png
new file mode 100644
index 00000000000..bc4421302b3
Binary files /dev/null and b/src/assets/images/mime/image-svg+xml-compressed.png differ
diff --git a/src/assets/images/mime/image-svg+xml.png b/src/assets/images/mime/image-svg+xml.png
new file mode 100644
index 00000000000..dc9484fddc9
Binary files /dev/null and b/src/assets/images/mime/image-svg+xml.png differ
diff --git a/src/assets/images/mime/image-x-adobe-dng.png b/src/assets/images/mime/image-x-adobe-dng.png
new file mode 100644
index 00000000000..b0299dbafa0
Binary files /dev/null and b/src/assets/images/mime/image-x-adobe-dng.png differ
diff --git a/src/assets/images/mime/image-x-eps.png b/src/assets/images/mime/image-x-eps.png
new file mode 100644
index 00000000000..a3f9b9d2f33
Binary files /dev/null and b/src/assets/images/mime/image-x-eps.png differ
diff --git a/src/assets/images/mime/image-x-generic-2.png b/src/assets/images/mime/image-x-generic-2.png
new file mode 100644
index 00000000000..652156a4396
Binary files /dev/null and b/src/assets/images/mime/image-x-generic-2.png differ
diff --git a/src/assets/images/mime/image-x-generic.png b/src/assets/images/mime/image-x-generic.png
new file mode 100644
index 00000000000..6ecb3e4e269
Binary files /dev/null and b/src/assets/images/mime/image-x-generic.png differ
diff --git a/src/assets/images/mime/image-x-vnd.trolltech.qpicture.png b/src/assets/images/mime/image-x-vnd.trolltech.qpicture.png
new file mode 100644
index 00000000000..898c6d6fcc2
Binary files /dev/null and b/src/assets/images/mime/image-x-vnd.trolltech.qpicture.png differ
diff --git a/src/assets/images/mime/image-x-xfig.png b/src/assets/images/mime/image-x-xfig.png
new file mode 100644
index 00000000000..b1680cc746a
Binary files /dev/null and b/src/assets/images/mime/image-x-xfig.png differ
diff --git a/src/assets/images/mime/image.png b/src/assets/images/mime/image.png
new file mode 100644
index 00000000000..652156a4396
Binary files /dev/null and b/src/assets/images/mime/image.png differ
diff --git a/src/assets/images/mime/inode-directory.png b/src/assets/images/mime/inode-directory.png
new file mode 100644
index 00000000000..f38fdcce4bb
Binary files /dev/null and b/src/assets/images/mime/inode-directory.png differ
diff --git a/src/assets/images/mime/iso.png b/src/assets/images/mime/iso.png
new file mode 100644
index 00000000000..1d5a8798282
Binary files /dev/null and b/src/assets/images/mime/iso.png differ
diff --git a/src/assets/images/mime/jar.png b/src/assets/images/mime/jar.png
new file mode 100644
index 00000000000..6ccde0f2d5d
Binary files /dev/null and b/src/assets/images/mime/jar.png differ
diff --git a/src/assets/images/mime/java.png b/src/assets/images/mime/java.png
new file mode 100644
index 00000000000..375ad573e51
Binary files /dev/null and b/src/assets/images/mime/java.png differ
diff --git a/src/assets/images/mime/jpeg.png b/src/assets/images/mime/jpeg.png
new file mode 100644
index 00000000000..652156a4396
Binary files /dev/null and b/src/assets/images/mime/jpeg.png differ
diff --git a/src/assets/images/mime/jpg.png b/src/assets/images/mime/jpg.png
new file mode 100644
index 00000000000..652156a4396
Binary files /dev/null and b/src/assets/images/mime/jpg.png differ
diff --git a/src/assets/images/mime/js.png b/src/assets/images/mime/js.png
new file mode 100644
index 00000000000..c280f5a06fe
Binary files /dev/null and b/src/assets/images/mime/js.png differ
diff --git a/src/assets/images/mime/karbon.png b/src/assets/images/mime/karbon.png
new file mode 100644
index 00000000000..c3743d99bca
Binary files /dev/null and b/src/assets/images/mime/karbon.png differ
diff --git a/src/assets/images/mime/kcsrc.png b/src/assets/images/mime/kcsrc.png
new file mode 100644
index 00000000000..6d2ee8fc961
Binary files /dev/null and b/src/assets/images/mime/kcsrc.png differ
diff --git a/src/assets/images/mime/kexi.png b/src/assets/images/mime/kexi.png
new file mode 100644
index 00000000000..95024511332
Binary files /dev/null and b/src/assets/images/mime/kexi.png differ
diff --git a/src/assets/images/mime/kgt.png b/src/assets/images/mime/kgt.png
new file mode 100644
index 00000000000..5ee705d1849
Binary files /dev/null and b/src/assets/images/mime/kgt.png differ
diff --git a/src/assets/images/mime/kon.png b/src/assets/images/mime/kon.png
new file mode 100644
index 00000000000..7d4e0cd4a3e
Binary files /dev/null and b/src/assets/images/mime/kon.png differ
diff --git a/src/assets/images/mime/kra.png b/src/assets/images/mime/kra.png
new file mode 100644
index 00000000000..868056e530a
Binary files /dev/null and b/src/assets/images/mime/kra.png differ
diff --git a/src/assets/images/mime/kwd.png b/src/assets/images/mime/kwd.png
new file mode 100644
index 00000000000..165f0dc5c23
Binary files /dev/null and b/src/assets/images/mime/kwd.png differ
diff --git a/src/assets/images/mime/kwt.png b/src/assets/images/mime/kwt.png
new file mode 100644
index 00000000000..165f0dc5c23
Binary files /dev/null and b/src/assets/images/mime/kwt.png differ
diff --git a/src/assets/images/mime/l.png b/src/assets/images/mime/l.png
new file mode 100644
index 00000000000..4f8167f4c5c
Binary files /dev/null and b/src/assets/images/mime/l.png differ
diff --git a/src/assets/images/mime/ldif.png b/src/assets/images/mime/ldif.png
new file mode 100644
index 00000000000..b667690dc42
Binary files /dev/null and b/src/assets/images/mime/ldif.png differ
diff --git a/src/assets/images/mime/lha.png b/src/assets/images/mime/lha.png
new file mode 100644
index 00000000000..591dc989ac0
Binary files /dev/null and b/src/assets/images/mime/lha.png differ
diff --git a/src/assets/images/mime/log.png b/src/assets/images/mime/log.png
new file mode 100644
index 00000000000..1486220ee78
Binary files /dev/null and b/src/assets/images/mime/log.png differ
diff --git a/src/assets/images/mime/lyx.png b/src/assets/images/mime/lyx.png
new file mode 100644
index 00000000000..a92975a1936
Binary files /dev/null and b/src/assets/images/mime/lyx.png differ
diff --git a/src/assets/images/mime/lzma.png b/src/assets/images/mime/lzma.png
new file mode 100644
index 00000000000..eac90ed154b
Binary files /dev/null and b/src/assets/images/mime/lzma.png differ
diff --git a/src/assets/images/mime/m.png b/src/assets/images/mime/m.png
new file mode 100644
index 00000000000..d13b23d0169
Binary files /dev/null and b/src/assets/images/mime/m.png differ
diff --git a/src/assets/images/mime/m4.png b/src/assets/images/mime/m4.png
new file mode 100644
index 00000000000..4ec4eb1e06f
Binary files /dev/null and b/src/assets/images/mime/m4.png differ
diff --git a/src/assets/images/mime/man.png b/src/assets/images/mime/man.png
new file mode 100644
index 00000000000..8b7b8d0f18b
Binary files /dev/null and b/src/assets/images/mime/man.png differ
diff --git a/src/assets/images/mime/mdb.png b/src/assets/images/mime/mdb.png
new file mode 100644
index 00000000000..95ad41ac323
Binary files /dev/null and b/src/assets/images/mime/mdb.png differ
diff --git a/src/assets/images/mime/me.png b/src/assets/images/mime/me.png
new file mode 100644
index 00000000000..d26ff640129
Binary files /dev/null and b/src/assets/images/mime/me.png differ
diff --git a/src/assets/images/mime/message-news.png b/src/assets/images/mime/message-news.png
new file mode 100644
index 00000000000..3d99c5e6a58
Binary files /dev/null and b/src/assets/images/mime/message-news.png differ
diff --git a/src/assets/images/mime/message-rfc822.png b/src/assets/images/mime/message-rfc822.png
new file mode 100644
index 00000000000..59a67e1dad6
Binary files /dev/null and b/src/assets/images/mime/message-rfc822.png differ
diff --git a/src/assets/images/mime/message.png b/src/assets/images/mime/message.png
new file mode 100644
index 00000000000..f8ad6934a1c
Binary files /dev/null and b/src/assets/images/mime/message.png differ
diff --git a/src/assets/images/mime/mfp.png b/src/assets/images/mime/mfp.png
new file mode 100644
index 00000000000..75c4713cbd1
Binary files /dev/null and b/src/assets/images/mime/mfp.png differ
diff --git a/src/assets/images/mime/mid.png b/src/assets/images/mime/mid.png
new file mode 100644
index 00000000000..cc673d700cd
Binary files /dev/null and b/src/assets/images/mime/mid.png differ
diff --git a/src/assets/images/mime/midi.png b/src/assets/images/mime/midi.png
new file mode 100644
index 00000000000..cc673d700cd
Binary files /dev/null and b/src/assets/images/mime/midi.png differ
diff --git a/src/assets/images/mime/misc.png b/src/assets/images/mime/misc.png
new file mode 100644
index 00000000000..ee69b0314c9
Binary files /dev/null and b/src/assets/images/mime/misc.png differ
diff --git a/src/assets/images/mime/mka.png b/src/assets/images/mime/mka.png
new file mode 100644
index 00000000000..5212bed70ef
Binary files /dev/null and b/src/assets/images/mime/mka.png differ
diff --git a/src/assets/images/mime/mng.png b/src/assets/images/mime/mng.png
new file mode 100644
index 00000000000..38a36e16b6e
Binary files /dev/null and b/src/assets/images/mime/mng.png differ
diff --git a/src/assets/images/mime/moc.png b/src/assets/images/mime/moc.png
new file mode 100644
index 00000000000..dd0144f26bd
Binary files /dev/null and b/src/assets/images/mime/moc.png differ
diff --git a/src/assets/images/mime/mp2.png b/src/assets/images/mime/mp2.png
new file mode 100644
index 00000000000..b5ab7639a58
Binary files /dev/null and b/src/assets/images/mime/mp2.png differ
diff --git a/src/assets/images/mime/mp3.png b/src/assets/images/mime/mp3.png
new file mode 100644
index 00000000000..73b3e75e758
Binary files /dev/null and b/src/assets/images/mime/mp3.png differ
diff --git a/src/assets/images/mime/mp4.png b/src/assets/images/mime/mp4.png
new file mode 100644
index 00000000000..55130c3e3f3
Binary files /dev/null and b/src/assets/images/mime/mp4.png differ
diff --git a/src/assets/images/mime/nzb.png b/src/assets/images/mime/nzb.png
new file mode 100644
index 00000000000..f1270e8ad5c
Binary files /dev/null and b/src/assets/images/mime/nzb.png differ
diff --git a/src/assets/images/mime/o.png b/src/assets/images/mime/o.png
new file mode 100644
index 00000000000..04584450c62
Binary files /dev/null and b/src/assets/images/mime/o.png differ
diff --git a/src/assets/images/mime/obj.png b/src/assets/images/mime/obj.png
new file mode 100644
index 00000000000..1ed28147300
Binary files /dev/null and b/src/assets/images/mime/obj.png differ
diff --git a/src/assets/images/mime/odb.png b/src/assets/images/mime/odb.png
new file mode 100644
index 00000000000..15e0685d205
Binary files /dev/null and b/src/assets/images/mime/odb.png differ
diff --git a/src/assets/images/mime/odc.png b/src/assets/images/mime/odc.png
new file mode 100644
index 00000000000..ed0daf19b80
Binary files /dev/null and b/src/assets/images/mime/odc.png differ
diff --git a/src/assets/images/mime/odf.png b/src/assets/images/mime/odf.png
new file mode 100644
index 00000000000..509d308d171
Binary files /dev/null and b/src/assets/images/mime/odf.png differ
diff --git a/src/assets/images/mime/odg.png b/src/assets/images/mime/odg.png
new file mode 100644
index 00000000000..611a9ccc8b9
Binary files /dev/null and b/src/assets/images/mime/odg.png differ
diff --git a/src/assets/images/mime/odi.png b/src/assets/images/mime/odi.png
new file mode 100644
index 00000000000..1d42c2db4b7
Binary files /dev/null and b/src/assets/images/mime/odi.png differ
diff --git a/src/assets/images/mime/odp.png b/src/assets/images/mime/odp.png
new file mode 100644
index 00000000000..e304f570cf5
Binary files /dev/null and b/src/assets/images/mime/odp.png differ
diff --git a/src/assets/images/mime/ods.png b/src/assets/images/mime/ods.png
new file mode 100644
index 00000000000..f4792118882
Binary files /dev/null and b/src/assets/images/mime/ods.png differ
diff --git a/src/assets/images/mime/odt.png b/src/assets/images/mime/odt.png
new file mode 100644
index 00000000000..3a7dd9c8ba8
Binary files /dev/null and b/src/assets/images/mime/odt.png differ
diff --git a/src/assets/images/mime/oga.png b/src/assets/images/mime/oga.png
new file mode 100644
index 00000000000..b5ab7639a58
Binary files /dev/null and b/src/assets/images/mime/oga.png differ
diff --git a/src/assets/images/mime/otf.png b/src/assets/images/mime/otf.png
new file mode 100644
index 00000000000..913bb57127e
Binary files /dev/null and b/src/assets/images/mime/otf.png differ
diff --git a/src/assets/images/mime/otp.png b/src/assets/images/mime/otp.png
new file mode 100644
index 00000000000..38d9a5c609c
Binary files /dev/null and b/src/assets/images/mime/otp.png differ
diff --git a/src/assets/images/mime/ots.png b/src/assets/images/mime/ots.png
new file mode 100644
index 00000000000..c82c45d90e8
Binary files /dev/null and b/src/assets/images/mime/ots.png differ
diff --git a/src/assets/images/mime/p.png b/src/assets/images/mime/p.png
new file mode 100644
index 00000000000..91faea31657
Binary files /dev/null and b/src/assets/images/mime/p.png differ
diff --git a/src/assets/images/mime/package-x-generic.png b/src/assets/images/mime/package-x-generic.png
new file mode 100644
index 00000000000..faffc00ec55
Binary files /dev/null and b/src/assets/images/mime/package-x-generic.png differ
diff --git a/src/assets/images/mime/pak.png b/src/assets/images/mime/pak.png
new file mode 100644
index 00000000000..72ec2adbfbe
Binary files /dev/null and b/src/assets/images/mime/pak.png differ
diff --git a/src/assets/images/mime/patch.png b/src/assets/images/mime/patch.png
new file mode 100644
index 00000000000..62f10766d1f
Binary files /dev/null and b/src/assets/images/mime/patch.png differ
diff --git a/src/assets/images/mime/pcf.png b/src/assets/images/mime/pcf.png
new file mode 100644
index 00000000000..9add41a9766
Binary files /dev/null and b/src/assets/images/mime/pcf.png differ
diff --git a/src/assets/images/mime/pdf.png b/src/assets/images/mime/pdf.png
new file mode 100644
index 00000000000..96b519cff34
Binary files /dev/null and b/src/assets/images/mime/pdf.png differ
diff --git a/src/assets/images/mime/pem.png b/src/assets/images/mime/pem.png
new file mode 100644
index 00000000000..aabea1dee2d
Binary files /dev/null and b/src/assets/images/mime/pem.png differ
diff --git a/src/assets/images/mime/pfa.png b/src/assets/images/mime/pfa.png
new file mode 100644
index 00000000000..a2b57264edb
Binary files /dev/null and b/src/assets/images/mime/pfa.png differ
diff --git a/src/assets/images/mime/php.png b/src/assets/images/mime/php.png
new file mode 100644
index 00000000000..6ec56013cbd
Binary files /dev/null and b/src/assets/images/mime/php.png differ
diff --git a/src/assets/images/mime/pl.png b/src/assets/images/mime/pl.png
new file mode 100644
index 00000000000..2951fb6c334
Binary files /dev/null and b/src/assets/images/mime/pl.png differ
diff --git a/src/assets/images/mime/pls.png b/src/assets/images/mime/pls.png
new file mode 100644
index 00000000000..63599e2a00d
Binary files /dev/null and b/src/assets/images/mime/pls.png differ
diff --git a/src/assets/images/mime/pm.png b/src/assets/images/mime/pm.png
new file mode 100644
index 00000000000..b8f109b39b6
Binary files /dev/null and b/src/assets/images/mime/pm.png differ
diff --git a/src/assets/images/mime/png.png b/src/assets/images/mime/png.png
new file mode 100644
index 00000000000..652156a4396
Binary files /dev/null and b/src/assets/images/mime/png.png differ
diff --git a/src/assets/images/mime/po.png b/src/assets/images/mime/po.png
new file mode 100644
index 00000000000..102fad43a10
Binary files /dev/null and b/src/assets/images/mime/po.png differ
diff --git a/src/assets/images/mime/pps.png b/src/assets/images/mime/pps.png
new file mode 100644
index 00000000000..0af879e4d35
Binary files /dev/null and b/src/assets/images/mime/pps.png differ
diff --git a/src/assets/images/mime/ppt.png b/src/assets/images/mime/ppt.png
new file mode 100644
index 00000000000..0af879e4d35
Binary files /dev/null and b/src/assets/images/mime/ppt.png differ
diff --git a/src/assets/images/mime/ps.png b/src/assets/images/mime/ps.png
new file mode 100644
index 00000000000..fc041722271
Binary files /dev/null and b/src/assets/images/mime/ps.png differ
diff --git a/src/assets/images/mime/py.png b/src/assets/images/mime/py.png
new file mode 100644
index 00000000000..7ae0230402d
Binary files /dev/null and b/src/assets/images/mime/py.png differ
diff --git a/src/assets/images/mime/pyc.png b/src/assets/images/mime/pyc.png
new file mode 100644
index 00000000000..f51301aeb1b
Binary files /dev/null and b/src/assets/images/mime/pyc.png differ
diff --git a/src/assets/images/mime/pyo.png b/src/assets/images/mime/pyo.png
new file mode 100644
index 00000000000..f51301aeb1b
Binary files /dev/null and b/src/assets/images/mime/pyo.png differ
diff --git a/src/assets/images/mime/ra.png b/src/assets/images/mime/ra.png
new file mode 100644
index 00000000000..e21d1fc45e2
Binary files /dev/null and b/src/assets/images/mime/ra.png differ
diff --git a/src/assets/images/mime/rar.png b/src/assets/images/mime/rar.png
new file mode 100644
index 00000000000..87e0680d432
Binary files /dev/null and b/src/assets/images/mime/rar.png differ
diff --git a/src/assets/images/mime/rb.png b/src/assets/images/mime/rb.png
new file mode 100644
index 00000000000..65625f53cae
Binary files /dev/null and b/src/assets/images/mime/rb.png differ
diff --git a/src/assets/images/mime/rdf.png b/src/assets/images/mime/rdf.png
new file mode 100644
index 00000000000..c52e7df5aca
Binary files /dev/null and b/src/assets/images/mime/rdf.png differ
diff --git a/src/assets/images/mime/readme.png b/src/assets/images/mime/readme.png
new file mode 100644
index 00000000000..e58d795ccb2
Binary files /dev/null and b/src/assets/images/mime/readme.png differ
diff --git a/src/assets/images/mime/resource.png b/src/assets/images/mime/resource.png
new file mode 100644
index 00000000000..56e754b6ed1
Binary files /dev/null and b/src/assets/images/mime/resource.png differ
diff --git a/src/assets/images/mime/rm.png b/src/assets/images/mime/rm.png
new file mode 100644
index 00000000000..353c26ed3cf
Binary files /dev/null and b/src/assets/images/mime/rm.png differ
diff --git a/src/assets/images/mime/rng.png b/src/assets/images/mime/rng.png
new file mode 100644
index 00000000000..168734c5060
Binary files /dev/null and b/src/assets/images/mime/rng.png differ
diff --git a/src/assets/images/mime/rpm.png b/src/assets/images/mime/rpm.png
new file mode 100644
index 00000000000..05685369fb2
Binary files /dev/null and b/src/assets/images/mime/rpm.png differ
diff --git a/src/assets/images/mime/rss.png b/src/assets/images/mime/rss.png
new file mode 100644
index 00000000000..135c2f78c7d
Binary files /dev/null and b/src/assets/images/mime/rss.png differ
diff --git a/src/assets/images/mime/rtf.png b/src/assets/images/mime/rtf.png
new file mode 100644
index 00000000000..a9bb1a512f0
Binary files /dev/null and b/src/assets/images/mime/rtf.png differ
diff --git a/src/assets/images/mime/rv.png b/src/assets/images/mime/rv.png
new file mode 100644
index 00000000000..aaefd7a8ee9
Binary files /dev/null and b/src/assets/images/mime/rv.png differ
diff --git a/src/assets/images/mime/s.png b/src/assets/images/mime/s.png
new file mode 100644
index 00000000000..bce997b8482
Binary files /dev/null and b/src/assets/images/mime/s.png differ
diff --git a/src/assets/images/mime/sda.png b/src/assets/images/mime/sda.png
new file mode 100644
index 00000000000..38a36e16b6e
Binary files /dev/null and b/src/assets/images/mime/sda.png differ
diff --git a/src/assets/images/mime/sdc.png b/src/assets/images/mime/sdc.png
new file mode 100644
index 00000000000..663d90ff429
Binary files /dev/null and b/src/assets/images/mime/sdc.png differ
diff --git a/src/assets/images/mime/sgml.png b/src/assets/images/mime/sgml.png
new file mode 100644
index 00000000000..b95b89f7332
Binary files /dev/null and b/src/assets/images/mime/sgml.png differ
diff --git a/src/assets/images/mime/sh.png b/src/assets/images/mime/sh.png
new file mode 100644
index 00000000000..82d962e7657
Binary files /dev/null and b/src/assets/images/mime/sh.png differ
diff --git a/src/assets/images/mime/sid.png b/src/assets/images/mime/sid.png
new file mode 100644
index 00000000000..86603a1d675
Binary files /dev/null and b/src/assets/images/mime/sid.png differ
diff --git a/src/assets/images/mime/snf.png b/src/assets/images/mime/snf.png
new file mode 100644
index 00000000000..097276d16f6
Binary files /dev/null and b/src/assets/images/mime/snf.png differ
diff --git a/src/assets/images/mime/so.png b/src/assets/images/mime/so.png
new file mode 100644
index 00000000000..f5fd6744e7d
Binary files /dev/null and b/src/assets/images/mime/so.png differ
diff --git a/src/assets/images/mime/spx.png b/src/assets/images/mime/spx.png
new file mode 100644
index 00000000000..92391998f30
Binary files /dev/null and b/src/assets/images/mime/spx.png differ
diff --git a/src/assets/images/mime/sql.png b/src/assets/images/mime/sql.png
new file mode 100644
index 00000000000..bdf32479144
Binary files /dev/null and b/src/assets/images/mime/sql.png differ
diff --git a/src/assets/images/mime/src.png b/src/assets/images/mime/src.png
new file mode 100644
index 00000000000..04c51a5eafc
Binary files /dev/null and b/src/assets/images/mime/src.png differ
diff --git a/src/assets/images/mime/stc.png b/src/assets/images/mime/stc.png
new file mode 100644
index 00000000000..15202bd5552
Binary files /dev/null and b/src/assets/images/mime/stc.png differ
diff --git a/src/assets/images/mime/std.png b/src/assets/images/mime/std.png
new file mode 100644
index 00000000000..7e5bb3418e9
Binary files /dev/null and b/src/assets/images/mime/std.png differ
diff --git a/src/assets/images/mime/svg.png b/src/assets/images/mime/svg.png
new file mode 100644
index 00000000000..dc9484fddc9
Binary files /dev/null and b/src/assets/images/mime/svg.png differ
diff --git a/src/assets/images/mime/svgz.png b/src/assets/images/mime/svgz.png
new file mode 100644
index 00000000000..bc4421302b3
Binary files /dev/null and b/src/assets/images/mime/svgz.png differ
diff --git a/src/assets/images/mime/sxc.png b/src/assets/images/mime/sxc.png
new file mode 100644
index 00000000000..8aa0b093a8a
Binary files /dev/null and b/src/assets/images/mime/sxc.png differ
diff --git a/src/assets/images/mime/sxd.png b/src/assets/images/mime/sxd.png
new file mode 100644
index 00000000000..03d2d710e58
Binary files /dev/null and b/src/assets/images/mime/sxd.png differ
diff --git a/src/assets/images/mime/sxw.png b/src/assets/images/mime/sxw.png
new file mode 100644
index 00000000000..53a626fc8f6
Binary files /dev/null and b/src/assets/images/mime/sxw.png differ
diff --git a/src/assets/images/mime/tar.bz.png b/src/assets/images/mime/tar.bz.png
new file mode 100644
index 00000000000..7722fe2d9d3
Binary files /dev/null and b/src/assets/images/mime/tar.bz.png differ
diff --git a/src/assets/images/mime/tar.lzma.png b/src/assets/images/mime/tar.lzma.png
new file mode 100644
index 00000000000..eac90ed154b
Binary files /dev/null and b/src/assets/images/mime/tar.lzma.png differ
diff --git a/src/assets/images/mime/tar.png b/src/assets/images/mime/tar.png
new file mode 100644
index 00000000000..3fd1eb99f0c
Binary files /dev/null and b/src/assets/images/mime/tar.png differ
diff --git a/src/assets/images/mime/tarz.png b/src/assets/images/mime/tarz.png
new file mode 100644
index 00000000000..8a25a172e8d
Binary files /dev/null and b/src/assets/images/mime/tarz.png differ
diff --git a/src/assets/images/mime/tbz.png b/src/assets/images/mime/tbz.png
new file mode 100644
index 00000000000..7722fe2d9d3
Binary files /dev/null and b/src/assets/images/mime/tbz.png differ
diff --git a/src/assets/images/mime/tbz2.png b/src/assets/images/mime/tbz2.png
new file mode 100644
index 00000000000..7722fe2d9d3
Binary files /dev/null and b/src/assets/images/mime/tbz2.png differ
diff --git a/src/assets/images/mime/tcl.png b/src/assets/images/mime/tcl.png
new file mode 100644
index 00000000000..06569fbae94
Binary files /dev/null and b/src/assets/images/mime/tcl.png differ
diff --git a/src/assets/images/mime/tex.png b/src/assets/images/mime/tex.png
new file mode 100644
index 00000000000..d996bbaea26
Binary files /dev/null and b/src/assets/images/mime/tex.png differ
diff --git a/src/assets/images/mime/text-calendar.png b/src/assets/images/mime/text-calendar.png
new file mode 100644
index 00000000000..62f1c29f4ef
Binary files /dev/null and b/src/assets/images/mime/text-calendar.png differ
diff --git a/src/assets/images/mime/text-css.png b/src/assets/images/mime/text-css.png
new file mode 100644
index 00000000000..1734114c34a
Binary files /dev/null and b/src/assets/images/mime/text-css.png differ
diff --git a/src/assets/images/mime/text-csv.png b/src/assets/images/mime/text-csv.png
new file mode 100644
index 00000000000..0d81da128da
Binary files /dev/null and b/src/assets/images/mime/text-csv.png differ
diff --git a/src/assets/images/mime/text-directory.png b/src/assets/images/mime/text-directory.png
new file mode 100644
index 00000000000..6e82467c196
Binary files /dev/null and b/src/assets/images/mime/text-directory.png differ
diff --git a/src/assets/images/mime/text-enriched.png b/src/assets/images/mime/text-enriched.png
new file mode 100644
index 00000000000..335adb3ed7b
Binary files /dev/null and b/src/assets/images/mime/text-enriched.png differ
diff --git a/src/assets/images/mime/text-html.png b/src/assets/images/mime/text-html.png
new file mode 100644
index 00000000000..bb23e3a8a29
Binary files /dev/null and b/src/assets/images/mime/text-html.png differ
diff --git a/src/assets/images/mime/text-mathml.png b/src/assets/images/mime/text-mathml.png
new file mode 100644
index 00000000000..62202d0154c
Binary files /dev/null and b/src/assets/images/mime/text-mathml.png differ
diff --git a/src/assets/images/mime/text-plain.png b/src/assets/images/mime/text-plain.png
new file mode 100644
index 00000000000..583ec37b6b5
Binary files /dev/null and b/src/assets/images/mime/text-plain.png differ
diff --git a/src/assets/images/mime/text-rdf.png b/src/assets/images/mime/text-rdf.png
new file mode 100644
index 00000000000..c52e7df5aca
Binary files /dev/null and b/src/assets/images/mime/text-rdf.png differ
diff --git a/src/assets/images/mime/text-sgml.png b/src/assets/images/mime/text-sgml.png
new file mode 100644
index 00000000000..b95b89f7332
Binary files /dev/null and b/src/assets/images/mime/text-sgml.png differ
diff --git a/src/assets/images/mime/text-troff.png b/src/assets/images/mime/text-troff.png
new file mode 100644
index 00000000000..d26ff640129
Binary files /dev/null and b/src/assets/images/mime/text-troff.png differ
diff --git a/src/assets/images/mime/text-vcalendar.png b/src/assets/images/mime/text-vcalendar.png
new file mode 100644
index 00000000000..615f7909024
Binary files /dev/null and b/src/assets/images/mime/text-vcalendar.png differ
diff --git a/src/assets/images/mime/text-vnd.abc.png b/src/assets/images/mime/text-vnd.abc.png
new file mode 100644
index 00000000000..235cbf8b104
Binary files /dev/null and b/src/assets/images/mime/text-vnd.abc.png differ
diff --git a/src/assets/images/mime/text-vnd.wap.wml.png b/src/assets/images/mime/text-vnd.wap.wml.png
new file mode 100644
index 00000000000..260855ffd0b
Binary files /dev/null and b/src/assets/images/mime/text-vnd.wap.wml.png differ
diff --git a/src/assets/images/mime/text-x-adasrc.png b/src/assets/images/mime/text-x-adasrc.png
new file mode 100644
index 00000000000..63b51a9daff
Binary files /dev/null and b/src/assets/images/mime/text-x-adasrc.png differ
diff --git a/src/assets/images/mime/text-x-asm.png b/src/assets/images/mime/text-x-asm.png
new file mode 100644
index 00000000000..bce997b8482
Binary files /dev/null and b/src/assets/images/mime/text-x-asm.png differ
diff --git a/src/assets/images/mime/text-x-authors.png b/src/assets/images/mime/text-x-authors.png
new file mode 100644
index 00000000000..7a58dbe7897
Binary files /dev/null and b/src/assets/images/mime/text-x-authors.png differ
diff --git a/src/assets/images/mime/text-x-bibtex.png b/src/assets/images/mime/text-x-bibtex.png
new file mode 100644
index 00000000000..f7030db39c4
Binary files /dev/null and b/src/assets/images/mime/text-x-bibtex.png differ
diff --git a/src/assets/images/mime/text-x-c++hdr.png b/src/assets/images/mime/text-x-c++hdr.png
new file mode 100644
index 00000000000..074870c0a56
Binary files /dev/null and b/src/assets/images/mime/text-x-c++hdr.png differ
diff --git a/src/assets/images/mime/text-x-c++src-2.png b/src/assets/images/mime/text-x-c++src-2.png
new file mode 100644
index 00000000000..e3269eaead1
Binary files /dev/null and b/src/assets/images/mime/text-x-c++src-2.png differ
diff --git a/src/assets/images/mime/text-x-c++src.png b/src/assets/images/mime/text-x-c++src.png
new file mode 100644
index 00000000000..95cf31d2817
Binary files /dev/null and b/src/assets/images/mime/text-x-c++src.png differ
diff --git a/src/assets/images/mime/text-x-changelog.png b/src/assets/images/mime/text-x-changelog.png
new file mode 100644
index 00000000000..7541601f41c
Binary files /dev/null and b/src/assets/images/mime/text-x-changelog.png differ
diff --git a/src/assets/images/mime/text-x-chdr-2.png b/src/assets/images/mime/text-x-chdr-2.png
new file mode 100644
index 00000000000..3dcf8175491
Binary files /dev/null and b/src/assets/images/mime/text-x-chdr-2.png differ
diff --git a/src/assets/images/mime/text-x-chdr.png b/src/assets/images/mime/text-x-chdr.png
new file mode 100644
index 00000000000..8edc428ca97
Binary files /dev/null and b/src/assets/images/mime/text-x-chdr.png differ
diff --git a/src/assets/images/mime/text-x-cmake.png b/src/assets/images/mime/text-x-cmake.png
new file mode 100644
index 00000000000..e2129f85c26
Binary files /dev/null and b/src/assets/images/mime/text-x-cmake.png differ
diff --git a/src/assets/images/mime/text-x-copying.png b/src/assets/images/mime/text-x-copying.png
new file mode 100644
index 00000000000..6a584cc02e4
Binary files /dev/null and b/src/assets/images/mime/text-x-copying.png differ
diff --git a/src/assets/images/mime/text-x-csharp.png b/src/assets/images/mime/text-x-csharp.png
new file mode 100644
index 00000000000..b777fc9e9f7
Binary files /dev/null and b/src/assets/images/mime/text-x-csharp.png differ
diff --git a/src/assets/images/mime/text-x-csrc-2.png b/src/assets/images/mime/text-x-csrc-2.png
new file mode 100644
index 00000000000..89aaad1ba36
Binary files /dev/null and b/src/assets/images/mime/text-x-csrc-2.png differ
diff --git a/src/assets/images/mime/text-x-csrc.png b/src/assets/images/mime/text-x-csrc.png
new file mode 100644
index 00000000000..097474033bc
Binary files /dev/null and b/src/assets/images/mime/text-x-csrc.png differ
diff --git a/src/assets/images/mime/text-x-dtd.png b/src/assets/images/mime/text-x-dtd.png
new file mode 100644
index 00000000000..2d486c55ce9
Binary files /dev/null and b/src/assets/images/mime/text-x-dtd.png differ
diff --git a/src/assets/images/mime/text-x-fortran.png b/src/assets/images/mime/text-x-fortran.png
new file mode 100644
index 00000000000..e79951712a4
Binary files /dev/null and b/src/assets/images/mime/text-x-fortran.png differ
diff --git a/src/assets/images/mime/text-x-generic-2.png b/src/assets/images/mime/text-x-generic-2.png
new file mode 100644
index 00000000000..3a4c8c92b49
Binary files /dev/null and b/src/assets/images/mime/text-x-generic-2.png differ
diff --git a/src/assets/images/mime/text-x-generic.png b/src/assets/images/mime/text-x-generic.png
new file mode 100644
index 00000000000..ef547a628a1
Binary files /dev/null and b/src/assets/images/mime/text-x-generic.png differ
diff --git a/src/assets/images/mime/text-x-haskell.png b/src/assets/images/mime/text-x-haskell.png
new file mode 100644
index 00000000000..3c0efafb6d9
Binary files /dev/null and b/src/assets/images/mime/text-x-haskell.png differ
diff --git a/src/assets/images/mime/text-x-hex.png b/src/assets/images/mime/text-x-hex.png
new file mode 100644
index 00000000000..81e4b4df5fa
Binary files /dev/null and b/src/assets/images/mime/text-x-hex.png differ
diff --git a/src/assets/images/mime/text-x-install.png b/src/assets/images/mime/text-x-install.png
new file mode 100644
index 00000000000..3b64de4e2fa
Binary files /dev/null and b/src/assets/images/mime/text-x-install.png differ
diff --git a/src/assets/images/mime/text-x-java-2.png b/src/assets/images/mime/text-x-java-2.png
new file mode 100644
index 00000000000..375ad573e51
Binary files /dev/null and b/src/assets/images/mime/text-x-java-2.png differ
diff --git a/src/assets/images/mime/text-x-java.png b/src/assets/images/mime/text-x-java.png
new file mode 100644
index 00000000000..dd8b94b24fc
Binary files /dev/null and b/src/assets/images/mime/text-x-java.png differ
diff --git a/src/assets/images/mime/text-x-katefilelist.png b/src/assets/images/mime/text-x-katefilelist.png
new file mode 100644
index 00000000000..67505751dcf
Binary files /dev/null and b/src/assets/images/mime/text-x-katefilelist.png differ
diff --git a/src/assets/images/mime/text-x-ldif.png b/src/assets/images/mime/text-x-ldif.png
new file mode 100644
index 00000000000..b667690dc42
Binary files /dev/null and b/src/assets/images/mime/text-x-ldif.png differ
diff --git a/src/assets/images/mime/text-x-lilypond.png b/src/assets/images/mime/text-x-lilypond.png
new file mode 100644
index 00000000000..e93740704aa
Binary files /dev/null and b/src/assets/images/mime/text-x-lilypond.png differ
diff --git a/src/assets/images/mime/text-x-log.png b/src/assets/images/mime/text-x-log.png
new file mode 100644
index 00000000000..1486220ee78
Binary files /dev/null and b/src/assets/images/mime/text-x-log.png differ
diff --git a/src/assets/images/mime/text-x-makefile.png b/src/assets/images/mime/text-x-makefile.png
new file mode 100644
index 00000000000..14dcdda9dfe
Binary files /dev/null and b/src/assets/images/mime/text-x-makefile.png differ
diff --git a/src/assets/images/mime/text-x-moc.png b/src/assets/images/mime/text-x-moc.png
new file mode 100644
index 00000000000..dd0144f26bd
Binary files /dev/null and b/src/assets/images/mime/text-x-moc.png differ
diff --git a/src/assets/images/mime/text-x-nfo.png b/src/assets/images/mime/text-x-nfo.png
new file mode 100644
index 00000000000..03a7e628106
Binary files /dev/null and b/src/assets/images/mime/text-x-nfo.png differ
diff --git a/src/assets/images/mime/text-x-objchdr.png b/src/assets/images/mime/text-x-objchdr.png
new file mode 100644
index 00000000000..bcaa4806487
Binary files /dev/null and b/src/assets/images/mime/text-x-objchdr.png differ
diff --git a/src/assets/images/mime/text-x-objcsrc.png b/src/assets/images/mime/text-x-objcsrc.png
new file mode 100644
index 00000000000..d13b23d0169
Binary files /dev/null and b/src/assets/images/mime/text-x-objcsrc.png differ
diff --git a/src/assets/images/mime/text-x-pascal-2.png b/src/assets/images/mime/text-x-pascal-2.png
new file mode 100644
index 00000000000..aca38d19354
Binary files /dev/null and b/src/assets/images/mime/text-x-pascal-2.png differ
diff --git a/src/assets/images/mime/text-x-pascal.png b/src/assets/images/mime/text-x-pascal.png
new file mode 100644
index 00000000000..91faea31657
Binary files /dev/null and b/src/assets/images/mime/text-x-pascal.png differ
diff --git a/src/assets/images/mime/text-x-patch.png b/src/assets/images/mime/text-x-patch.png
new file mode 100644
index 00000000000..62f10766d1f
Binary files /dev/null and b/src/assets/images/mime/text-x-patch.png differ
diff --git a/src/assets/images/mime/text-x-po.png b/src/assets/images/mime/text-x-po.png
new file mode 100644
index 00000000000..102fad43a10
Binary files /dev/null and b/src/assets/images/mime/text-x-po.png differ
diff --git a/src/assets/images/mime/text-x-python-2.png b/src/assets/images/mime/text-x-python-2.png
new file mode 100644
index 00000000000..7ae0230402d
Binary files /dev/null and b/src/assets/images/mime/text-x-python-2.png differ
diff --git a/src/assets/images/mime/text-x-python.png b/src/assets/images/mime/text-x-python.png
new file mode 100644
index 00000000000..f266f955ee5
Binary files /dev/null and b/src/assets/images/mime/text-x-python.png differ
diff --git a/src/assets/images/mime/text-x-readme.png b/src/assets/images/mime/text-x-readme.png
new file mode 100644
index 00000000000..e58d795ccb2
Binary files /dev/null and b/src/assets/images/mime/text-x-readme.png differ
diff --git a/src/assets/images/mime/text-x-script.png b/src/assets/images/mime/text-x-script.png
new file mode 100644
index 00000000000..352d1d03e08
Binary files /dev/null and b/src/assets/images/mime/text-x-script.png differ
diff --git a/src/assets/images/mime/text-x-source-template.png b/src/assets/images/mime/text-x-source-template.png
new file mode 100644
index 00000000000..00d14d49375
Binary files /dev/null and b/src/assets/images/mime/text-x-source-template.png differ
diff --git a/src/assets/images/mime/text-x-source.png b/src/assets/images/mime/text-x-source.png
new file mode 100644
index 00000000000..04c51a5eafc
Binary files /dev/null and b/src/assets/images/mime/text-x-source.png differ
diff --git a/src/assets/images/mime/text-x-sql.png b/src/assets/images/mime/text-x-sql.png
new file mode 100644
index 00000000000..bdf32479144
Binary files /dev/null and b/src/assets/images/mime/text-x-sql.png differ
diff --git a/src/assets/images/mime/text-x-tcl.png b/src/assets/images/mime/text-x-tcl.png
new file mode 100644
index 00000000000..06569fbae94
Binary files /dev/null and b/src/assets/images/mime/text-x-tcl.png differ
diff --git a/src/assets/images/mime/text-x-tex-2.png b/src/assets/images/mime/text-x-tex-2.png
new file mode 100644
index 00000000000..077b1096f0e
Binary files /dev/null and b/src/assets/images/mime/text-x-tex-2.png differ
diff --git a/src/assets/images/mime/text-x-tex.png b/src/assets/images/mime/text-x-tex.png
new file mode 100644
index 00000000000..d996bbaea26
Binary files /dev/null and b/src/assets/images/mime/text-x-tex.png differ
diff --git a/src/assets/images/mime/text-x-texinfo.png b/src/assets/images/mime/text-x-texinfo.png
new file mode 100644
index 00000000000..f5d33e2532a
Binary files /dev/null and b/src/assets/images/mime/text-x-texinfo.png differ
diff --git a/src/assets/images/mime/text-x-xslfo.png b/src/assets/images/mime/text-x-xslfo.png
new file mode 100644
index 00000000000..a8d4604bd19
Binary files /dev/null and b/src/assets/images/mime/text-x-xslfo.png differ
diff --git a/src/assets/images/mime/text-x-yacc.png b/src/assets/images/mime/text-x-yacc.png
new file mode 100644
index 00000000000..f0d14e73b4b
Binary files /dev/null and b/src/assets/images/mime/text-x-yacc.png differ
diff --git a/src/assets/images/mime/text-xmcd.png b/src/assets/images/mime/text-xmcd.png
new file mode 100644
index 00000000000..bc6defda108
Binary files /dev/null and b/src/assets/images/mime/text-xmcd.png differ
diff --git a/src/assets/images/mime/text-xml.png b/src/assets/images/mime/text-xml.png
new file mode 100644
index 00000000000..3d295dac8b7
Binary files /dev/null and b/src/assets/images/mime/text-xml.png differ
diff --git a/src/assets/images/mime/tgif.png b/src/assets/images/mime/tgif.png
new file mode 100644
index 00000000000..57490daaa14
Binary files /dev/null and b/src/assets/images/mime/tgif.png differ
diff --git a/src/assets/images/mime/tgz.png b/src/assets/images/mime/tgz.png
new file mode 100644
index 00000000000..bc7a0a1b305
Binary files /dev/null and b/src/assets/images/mime/tgz.png differ
diff --git a/src/assets/images/mime/tif.png b/src/assets/images/mime/tif.png
new file mode 100644
index 00000000000..652156a4396
Binary files /dev/null and b/src/assets/images/mime/tif.png differ
diff --git a/src/assets/images/mime/tlz.png b/src/assets/images/mime/tlz.png
new file mode 100644
index 00000000000..eac90ed154b
Binary files /dev/null and b/src/assets/images/mime/tlz.png differ
diff --git a/src/assets/images/mime/torrent.png b/src/assets/images/mime/torrent.png
new file mode 100644
index 00000000000..09c5fbeeb27
Binary files /dev/null and b/src/assets/images/mime/torrent.png differ
diff --git a/src/assets/images/mime/ttf.png b/src/assets/images/mime/ttf.png
new file mode 100644
index 00000000000..4ab598dbd17
Binary files /dev/null and b/src/assets/images/mime/ttf.png differ
diff --git a/src/assets/images/mime/txt.png b/src/assets/images/mime/txt.png
new file mode 100644
index 00000000000..583ec37b6b5
Binary files /dev/null and b/src/assets/images/mime/txt.png differ
diff --git a/src/assets/images/mime/tzo.png b/src/assets/images/mime/tzo.png
new file mode 100644
index 00000000000..527f4d8011a
Binary files /dev/null and b/src/assets/images/mime/tzo.png differ
diff --git a/src/assets/images/mime/unknown.png b/src/assets/images/mime/unknown.png
new file mode 100644
index 00000000000..52b42aec4e2
Binary files /dev/null and b/src/assets/images/mime/unknown.png differ
diff --git a/src/assets/images/mime/uri-mms.png b/src/assets/images/mime/uri-mms.png
new file mode 100644
index 00000000000..a5e957025c6
Binary files /dev/null and b/src/assets/images/mime/uri-mms.png differ
diff --git a/src/assets/images/mime/uri-mmst.png b/src/assets/images/mime/uri-mmst.png
new file mode 100644
index 00000000000..667d73dbb3b
Binary files /dev/null and b/src/assets/images/mime/uri-mmst.png differ
diff --git a/src/assets/images/mime/uri-mmsu.png b/src/assets/images/mime/uri-mmsu.png
new file mode 100644
index 00000000000..667d73dbb3b
Binary files /dev/null and b/src/assets/images/mime/uri-mmsu.png differ
diff --git a/src/assets/images/mime/uri-pnm.png b/src/assets/images/mime/uri-pnm.png
new file mode 100644
index 00000000000..a0f8623adb0
Binary files /dev/null and b/src/assets/images/mime/uri-pnm.png differ
diff --git a/src/assets/images/mime/uri-rtspt.png b/src/assets/images/mime/uri-rtspt.png
new file mode 100644
index 00000000000..4f685cc6d00
Binary files /dev/null and b/src/assets/images/mime/uri-rtspt.png differ
diff --git a/src/assets/images/mime/uri-rtspu.png b/src/assets/images/mime/uri-rtspu.png
new file mode 100644
index 00000000000..4f685cc6d00
Binary files /dev/null and b/src/assets/images/mime/uri-rtspu.png differ
diff --git a/src/assets/images/mime/video-x-generic.png b/src/assets/images/mime/video-x-generic.png
new file mode 100644
index 00000000000..2750daccaf7
Binary files /dev/null and b/src/assets/images/mime/video-x-generic.png differ
diff --git a/src/assets/images/mime/video-x-mng.png b/src/assets/images/mime/video-x-mng.png
new file mode 100644
index 00000000000..38a36e16b6e
Binary files /dev/null and b/src/assets/images/mime/video-x-mng.png differ
diff --git a/src/assets/images/mime/wav.png b/src/assets/images/mime/wav.png
new file mode 100644
index 00000000000..15084da526f
Binary files /dev/null and b/src/assets/images/mime/wav.png differ
diff --git a/src/assets/images/mime/widget_doc.png b/src/assets/images/mime/widget_doc.png
new file mode 100644
index 00000000000..e220fd0a013
Binary files /dev/null and b/src/assets/images/mime/widget_doc.png differ
diff --git a/src/assets/images/mime/wma.png b/src/assets/images/mime/wma.png
new file mode 100644
index 00000000000..a8c65c763a7
Binary files /dev/null and b/src/assets/images/mime/wma.png differ
diff --git a/src/assets/images/mime/wmf.png b/src/assets/images/mime/wmf.png
new file mode 100644
index 00000000000..87686024630
Binary files /dev/null and b/src/assets/images/mime/wmf.png differ
diff --git a/src/assets/images/mime/wml.png b/src/assets/images/mime/wml.png
new file mode 100644
index 00000000000..260855ffd0b
Binary files /dev/null and b/src/assets/images/mime/wml.png differ
diff --git a/src/assets/images/mime/wmp.png b/src/assets/images/mime/wmp.png
new file mode 100644
index 00000000000..e4a47db1a4d
Binary files /dev/null and b/src/assets/images/mime/wmp.png differ
diff --git a/src/assets/images/mime/wri.png b/src/assets/images/mime/wri.png
new file mode 100644
index 00000000000..1b2bf71ce4a
Binary files /dev/null and b/src/assets/images/mime/wri.png differ
diff --git a/src/assets/images/mime/x-kde-nsplugin-generated.png b/src/assets/images/mime/x-kde-nsplugin-generated.png
new file mode 100644
index 00000000000..b9f9b0faa2a
Binary files /dev/null and b/src/assets/images/mime/x-kde-nsplugin-generated.png differ
diff --git a/src/assets/images/mime/x-media-podcast.png b/src/assets/images/mime/x-media-podcast.png
new file mode 100644
index 00000000000..b619e10b536
Binary files /dev/null and b/src/assets/images/mime/x-media-podcast.png differ
diff --git a/src/assets/images/mime/x-office-address-book.png b/src/assets/images/mime/x-office-address-book.png
new file mode 100644
index 00000000000..a0c0e014a14
Binary files /dev/null and b/src/assets/images/mime/x-office-address-book.png differ
diff --git a/src/assets/images/mime/x-office-calendar.png b/src/assets/images/mime/x-office-calendar.png
new file mode 100644
index 00000000000..37b5aaba136
Binary files /dev/null and b/src/assets/images/mime/x-office-calendar.png differ
diff --git a/src/assets/images/mime/x-office-contact.png b/src/assets/images/mime/x-office-contact.png
new file mode 100644
index 00000000000..bc23a3c8e00
Binary files /dev/null and b/src/assets/images/mime/x-office-contact.png differ
diff --git a/src/assets/images/mime/x-office-document-2.png b/src/assets/images/mime/x-office-document-2.png
new file mode 100644
index 00000000000..a121c0e5a5d
Binary files /dev/null and b/src/assets/images/mime/x-office-document-2.png differ
diff --git a/src/assets/images/mime/x-office-document-template.png b/src/assets/images/mime/x-office-document-template.png
new file mode 100644
index 00000000000..06ac81f346d
Binary files /dev/null and b/src/assets/images/mime/x-office-document-template.png differ
diff --git a/src/assets/images/mime/x-office-document.png b/src/assets/images/mime/x-office-document.png
new file mode 100644
index 00000000000..0bcd75c5c20
Binary files /dev/null and b/src/assets/images/mime/x-office-document.png differ
diff --git a/src/assets/images/mime/x-office-document.png.1 b/src/assets/images/mime/x-office-document.png.1
new file mode 100644
index 00000000000..0bcd75c5c20
Binary files /dev/null and b/src/assets/images/mime/x-office-document.png.1 differ
diff --git a/src/assets/images/mime/x-office-spreadsheet.png b/src/assets/images/mime/x-office-spreadsheet.png
new file mode 100644
index 00000000000..fe4f806aca0
Binary files /dev/null and b/src/assets/images/mime/x-office-spreadsheet.png differ
diff --git a/src/assets/images/mime/xfig.png b/src/assets/images/mime/xfig.png
new file mode 100644
index 00000000000..b1680cc746a
Binary files /dev/null and b/src/assets/images/mime/xfig.png differ
diff --git a/src/assets/images/mime/xhtml.png b/src/assets/images/mime/xhtml.png
new file mode 100644
index 00000000000..b7fe769ee85
Binary files /dev/null and b/src/assets/images/mime/xhtml.png differ
diff --git a/src/assets/images/mime/xls.png b/src/assets/images/mime/xls.png
new file mode 100644
index 00000000000..b190372acdd
Binary files /dev/null and b/src/assets/images/mime/xls.png differ
diff --git a/src/assets/images/mime/xmcd.png b/src/assets/images/mime/xmcd.png
new file mode 100644
index 00000000000..bc6defda108
Binary files /dev/null and b/src/assets/images/mime/xmcd.png differ
diff --git a/src/assets/images/mime/xml.png b/src/assets/images/mime/xml.png
new file mode 100644
index 00000000000..3d295dac8b7
Binary files /dev/null and b/src/assets/images/mime/xml.png differ
diff --git a/src/assets/images/mime/xsd.png b/src/assets/images/mime/xsd.png
new file mode 100644
index 00000000000..91391019d1f
Binary files /dev/null and b/src/assets/images/mime/xsd.png differ
diff --git a/src/assets/images/mime/xslt.png b/src/assets/images/mime/xslt.png
new file mode 100644
index 00000000000..9f38b6152a2
Binary files /dev/null and b/src/assets/images/mime/xslt.png differ
diff --git a/src/assets/images/mime/xul.png b/src/assets/images/mime/xul.png
new file mode 100644
index 00000000000..5574191b532
Binary files /dev/null and b/src/assets/images/mime/xul.png differ
diff --git a/src/assets/images/mime/y.png b/src/assets/images/mime/y.png
new file mode 100644
index 00000000000..f0d14e73b4b
Binary files /dev/null and b/src/assets/images/mime/y.png differ
diff --git a/src/assets/images/mime/z.png b/src/assets/images/mime/z.png
new file mode 100644
index 00000000000..acc894a06e0
Binary files /dev/null and b/src/assets/images/mime/z.png differ
diff --git a/src/assets/images/mime/zip.png b/src/assets/images/mime/zip.png
new file mode 100644
index 00000000000..3655cbb99e7
Binary files /dev/null and b/src/assets/images/mime/zip.png differ
diff --git a/src/assets/images/mime/zoo.png b/src/assets/images/mime/zoo.png
new file mode 100644
index 00000000000..8a25a172e8d
Binary files /dev/null and b/src/assets/images/mime/zoo.png differ
diff --git a/src/styles/_clarin-styles.scss b/src/styles/_clarin-styles.scss
index 545d4699758..cd9ef06d9d0 100644
--- a/src/styles/_clarin-styles.scss
+++ b/src/styles/_clarin-styles.scss
@@ -26,6 +26,26 @@
   cursor: pointer;
 }
 
+.btn-danger, .btn-dark, .btn-success, .btn-warning, .btn-info, .btn-primary, .btn-outline-secondary, .btn-secondary {
+  background-color: var(--lt-clarin-purple) !important;
+  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) !important;
+  color: white !important;
+
+  &:focus {
+    box-shadow: 0 0 0 0.2rem #d5d6e9 !important;
+  }
+
+  &:hover {
+    background-color: #545aa5 !important;
+    border-color: #545aa5 !important;
+    transition: filter 0.3s;
+  }
+}
+
+.form-control:focus {
+  box-shadow: 0 0 0 0.2rem #d5d6e9 !important;
+}
+
 ds-home-page ds-themed-search-form {
   input.form-control {
     border-radius: 0;
diff --git a/src/themes/dspace/styles/_global-styles.scss b/src/themes/dspace/styles/_global-styles.scss
index 1e8de4da8d0..88bfa7546df 100644
--- a/src/themes/dspace/styles/_global-styles.scss
+++ b/src/themes/dspace/styles/_global-styles.scss
@@ -22,19 +22,6 @@
     font-size: 1.1rem
   }
 }
-.btn-secondary {
-  background-color: var(--lt-clarin-purple) !important;
-}
-
-.btn-success {
-  background-color: var(--lt-clarin-purple) !important;
-}
-
-.btn-danger, .btn-success, .btn-warning, .btn-info, .btn-primary, .btn-outline-secondary, .btn-secondary {
-  background-color: var(--lt-clarin-purple) !important;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) !important;
-  color: white !important;
-}
 
 .alert-warning {
   background-color: #fcf8e3 !important;