Madek UI Elements
8 Combos
8.1
_ui-toolbar.scss
Toolbar
Toolbar
.ui-toolbar
Toolbar comes in two variations: the one appearing right above the media entry thumbnails (top example) or the one above the vocabulary terms (lower example).
<div class='ui-container inverted ui-toolbar pvx'> <h2 class='ui-toolbar-header pls'> Sektion enthält 13 Inhalte </h2> <div class='ui-toolbar-controls by-right'> <div class='button-group tertiary small right mls' id='ui-resources-layout-switcher'> <a class='button small ui-toolbar-vis-button' data-vis-mode='miniature' title='Miniatur-Ansicht'> <i class='icon-vis-miniature'></i> </a> <a class='button small ui-toolbar-vis-button active' data-default='' data-vis-mode='grid' title='Raster-Ansicht'> <i class='icon-vis-grid'></i> </a> <a class='button small ui-toolbar-vis-button' data-vis-mode='list' title='Listen-Ansicht'> <i class='icon-vis-list'></i> </a> </div> <div class='dropdown ui-dropdown stick-right' id='ui-resources-sorting'> <a class='dropdown-toggle ui-drop-toggle' data-toggle='dropdown'> <span class='ui-text'> Sortieren nach Erstelldatum </span> </a> <i class='bright small icon-arrow-down'></i> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item active' data-default=''> <a data-sort='created_at'> Sortieren nach Importdatum </a> </li> <li class='ui-drop-item'> <a data-sort='updated_at'> Sortieren nach Änderungsdatum </a> </li> <li class='ui-drop-item'> <a data-sort='title'> Sortieren nach Titel </a> </li> <li class='ui-drop-item'> <a data-sort='author'> Filtern und sortieren nach Autor/in </a> </li> </ul> </div> </div> </div>
<div class='ui-container inverted ui-toolbar pvx'> <h2 class='ui-toolbar-header pls'> Vokabular bezieht sich auf [number] Medieneinträge. Davon sind [number] beschlagwortet. </h2> </div>
8.2
_ui-filterbar.scss
Filterbar
Filterbar
.ui-filterbar
Filterbar comes in two variations: the one appearing right above the media entry thumbnails (top example) or the one above the vocabulary terms (lower example).
<div class='ui-filterbar separated ui-container'> <div class='left col2of6'> <a class='button' id='ui-side-filter-toggle'> <i class='small icon-filter'></i> Filtern </a> <a class='mlx hidden' id='ui-side-filter-reset'> Filter zurücksetzen </a> </div> <div class='col2of6 by-center'> <div class='button-group' id='ui-resources-type-filter'> <a class='active button'> Alle </a> <a class='button' data-type='media_entries'> Medieneinträge </a> <a class='button' data-type='media_sets'> Sets </a> </div> </div> <div class='col2of6 by-right'> <label class='weak ui-filterbar-select' id='ui-clipboard-select-all'> <span class='active'> Alle abwählen </span> <span class='inactive'> Alle auswählen </span> <i class='icon-checkbox'></i> </label> </div> </div>
<div class='ui-filterbar separated ui-container'> <div class='by-center'> <div class='button-group' id='ui-resources-type-filter'> <a class='active button'>Alle Begriffe</a> <a class='button' data-type='media_entries'>Vergebene</a> <a class='button' data-type='media_sets'>Häufigste</a> </div> </div> </div>
8.3
_ui-header.scss
Header
Header
.ui-header
<header class='ui-header ui-container inverted'> <div class='ui-header-brand'> <a class='ui-header-logo' style='background-image: url(/logo-zhdk.png)'></a> <div class='ui-header-brand-text'> <h1 class='ui-header-instance-name'> <a> Medienarchiv der Künste </a> </h1> <h2 class='ui-header-brand-name'> <a> Zürcher Hochschule der Künste </a> </h2> </div> <a class='stretched-link'></a> </div> <div class='ui-header-menu'> <ul class='large primary ui-tabs' id='example_tabs'> <li class='active ui-tabs-item'> <a class='' href='#' id='example_tabs-my'> Mein Archiv </a> </li> <li class='ui-tabs-item'> <a class='' href='#' id='example_tabs-explore'> Erkunden </a> </li> <li class='ui-tabs-item'> <a class='' href='#' id='example_tabs-search'> <i class='icon-lens bright'></i> Suchen </a> </li> <li class='ui-tabs-item'> <a class='' href='#' id='example_tabs-help'> <i class='icon-nav-help'></i> </a> </li> </ul> </div> <div class='ui-header-user'> <div class='dropdown stick-right ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle' data-toggle='dropdown'> Normin Normalo <i class='stand-alone small icon-arrow-down'></i> </a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a class='strong' href='#'> Dropdown </a> </li> </ul> </div> </div> </header>
8.4
_ui-footer.scss
Footer
Footer
.ui-footer
<footer class='ui-footer ui-container inverted'> <ul class='ui-footer-menu'> <li> <a href='http://www.zhdk.ch/?madek'> About the project </a> </li> <li> <a href='http://www.zhdk.ch/index.php?id=12970'> Impressum </a> </li> <li> <a href='http://www.zhdk.ch/index.php?id=49591'> Contact </a> </li> <li> <a href='http://wiki.zhdk.ch/madek-hilfe'> Help </a> </li> <li> <a href='https://wiki.zhdk.ch/madek-hilfe/doku.php?id=terms'> Terms of Use </a> </li> <li> <a href='http://www.zhdk.ch/?archivierung'> Archivierungsrichtlinien ZHdK </a> </li> </ul> <p class='ui-footer-copy'> <a href='http://madek.zhdk.ch'> <i class='ui-footer-logo icon-madek'></i> </a> Zürcher Hochschule der Künste and contributors </p> <p class='ui-footer-version'> Last deployment: <a class='weak' href='#'>Fri, 22 Nov 2013</a> </p> </footer>
8.5
_ui-summary-table.scss
Metadata summary
Metadata summary
.ui-summary-table
<div class='ui-metadata-box ui-summary-table'> <table class='borderless'> <tbody> <tr> <td class='ui-summary-label'>Titel</td> <td class='ui-summary-content title-l'>Black hot drink</td> </tr> <tr> <td class='ui-summary-label'>Beschreibung</td> <td class='ui-summary-content'>Die Medieneinträge in diesem Set dienen als Beispiele, wie die Metadatenfelder zur Verschlagwortung genutzt werden können. Die Medieneinträge in diesem Set dienen als Beispiele, wie die Metadatenfelder zur Verschlagwortung genutzt werden können. Die Medieneinträge in diesem Set dienen als Beispiele, wie die Metadatenfelder zur Verschlagwortung genutzt werden können. Die Medieneinträge in diesem Set dienen als Beispiele, wie die Metadatenfelder zur Verschlagwortung genutzt werden können.</td> </tr> <tr> <td class='ui-summary-label'>Autor/in</td> <td class='ui-summary-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-summary-label'>Eigentumer/in</td> <td class='ui-summary-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-summary-label'>Schlagworte</td> <td class='ui-summary-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> </tbody> </table> </div>
8.6
_ui-clipboard.scss
Clipboard
Clipboard
.ui-clipboard
Description
<div class='ui-clipboard'> <a class='block ui-clipboard-toggle inverted-transparent' id='clipboard-toggle'> Zwischenablage <span class='ui-clipboard-counter hidden' style='display: inline;'>1</span> </a> <div class='ui-container inverted-transparent ui-clipboard-content' style='display: block;'> <div class='col5of6'> <ul class='ui-resources miniature ui-clipboard-resources-list hidden' style='display: block;'> <li class='ui-resource' data-id='71' title=''> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry doc'> <a class='ui-thumbnail-image-wrapper' href='#'></a> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img class='ui-thumbnail-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> </div> </div> </div> </div> </div> <div class='ui-resource-clipboard-remove' title='Aus der Zwischenablage entfernen'> <div class='icon-remove bright'></div> </div> </li> </ul> <p class='ui-clipboard-alert ui-clipboard-empty-alert' style='display: none;'> <span class='text title-l'>Keine Inhalte ausgewählt</span> </p> <p class='ui-clipboard-alert ui-clipboard-size-alert title-l hidden' style='display: none;'> Mehr als 99 Elemente ausgewählt </p> </div> <div class='col1of6'> <div class='ui-clipboard-actions'> <div class='ui-dropup dropup stick-right'> <a class='primary-button block dropdown-toggle ui-drop-toggle' data-toggle='dropdown'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a>Zu Set hinzufügen/entfernen</a> </li> <li class='ui-drop-item'> <a>Zugriffsberechtigungen anzeigen</a> </li> <li class='ui-drop-item ui-clipboard-manage-button' style=''> <a> <span class='ui-count'>37</span> Zugriffsberechtigungen editieren </a> </li> <li class='ui-drop-item ui-clipboard-edit-button' style=''> <a> <span class='ui-count'>36</span> MetaDaten von Medieneinträgen bearbeiten </a> </li> </ul> </div> <a class='tertiary-button small block ui-clipboard-clear'>Zwischenablage Leeren</a> </div> </div> </div> </div>
8.8.1
_ui-media-overview.scss
Media overview
Media overview
.ui-media-overview
<div class='ui-media-overview'> <dl class='ui-media-overview-metadata ui-metadata-box'> <dt class='media-data-title title-xs-alt'>Titel</dt> <dd class='media-data-content title-l'>Die Eismalerin</dd> <dt class='media-data-title title-xs-alt'>Untertitel</dt> <dd class='media-data-content'>Installationsansicht</dd> <dt class='media-data-title title-xs-alt'>Autor/in</dt> <dd class='media-data-content'> <a href='#'>Stemmle, Janka</a> </dd> <dt class='media-data-title title-xs-alt'>Datierung</dt> <dd class='media-data-content'>2012</dd> <dt class='media-data-title title-xs-alt'>Schlagworte zu Inhalt und Motiv</dt> <dd class='media-data-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </dd> <dt class='media-data-title title-xs-alt'>Rechte am geistigen Eigentum</dt> <dd class='media-data-content'>ZHdK DKM VMK</dd> <dt class='media-data-title title-xs-alt'>Privacy</dt> <dd class='media-data-content'> This entry is public <i class='icon-privacy-public'></i> </dd> <dt class='media-data-title title-xs-alt'>Eigentumer/in im Medienarchiv</dt> <dd class='media-data-content'> <a href='#'>Rüegger, Romy</a> </dd> </dl> <div class='ui-media-overview-preview'> <img alt='Media-entry-1' src='/assets/styleguide/media-entry-1-aba6b25d75efd6708f3851ae08449afd.jpg'> </div> </div>
8.8.2
_ui-collage.scss
Crooked Collage
Crooked Collage
.ui-collage.crooked
<div class='ui-collage crooked'> <div class='ui-collage-row'> <div class='ui-collage-item odd'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-6' class='ui-collage-item-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> <div class='ui-collage-item even'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-5' class='ui-collage-item-image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </div> </div> <div class='ui-collage-item odd'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-6' class='ui-collage-item-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> <div class='ui-collage-item even'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-6' class='ui-collage-item-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> <div class='ui-collage-item odd'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-7' class='ui-collage-item-image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </div> </div> </div> <div class='ui-collage-row'> <div class='ui-collage-item odd'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-1' class='ui-collage-item-image' src='/assets/styleguide/media-entry-1-aba6b25d75efd6708f3851ae08449afd.jpg'> </div> </div> <div class='ui-collage-item even'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-2' class='ui-collage-item-image' src='/assets/styleguide/media-entry-2-95734b5d885d32a4ba9acf592069ac24.jpg'> </div> </div> <div class='ui-collage-item odd'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-3' class='ui-collage-item-image' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </div> </div> <div class='ui-collage-item even'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-4' class='ui-collage-item-image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </div> </div> <div class='ui-collage-item odd'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-4' class='ui-collage-item-image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </div> </div> </div> <div class='ui-collage-row'> <div class='ui-collage-item odd'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-6' class='ui-collage-item-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> <div class='ui-collage-item even'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-7' class='ui-collage-item-image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </div> </div> <div class='ui-collage-item odd'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-6' class='ui-collage-item-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> <div class='ui-collage-item even'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-6' class='ui-collage-item-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> <div class='ui-collage-item odd'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-7' class='ui-collage-item-image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </div> </div> </div> <div class='ui-collage-row'> <div class='ui-collage-item odd'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-1' class='ui-collage-item-image' src='/assets/styleguide/media-entry-1-aba6b25d75efd6708f3851ae08449afd.jpg'> </div> </div> <div class='ui-collage-item even'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-3' class='ui-collage-item-image' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </div> </div> <div class='ui-collage-item odd'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-4' class='ui-collage-item-image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </div> </div> <div class='ui-collage-item even'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-3' class='ui-collage-item-image' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </div> </div> <div class='ui-collage-item odd'> <div class='ui-collage-item-wrapper'> <img alt='Media-entry-4' class='ui-collage-item-image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </div> </div> </div> </div>
8.8.2
_ui-set-overview.scss
Set overview combo
Set overview combo
.ui-set-overview
<div class='ui-set-overview'> <div class='ui-set-preview'> <div class='ui-thumbnail filter-set'> <div class='ui-thumbnail-level-up-items'> <span class='ui-thumbnail-level-notes'>Keine übergeordneten Sets</span> </div> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-group'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox'>Select</a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-favorite'>Favorite</a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse'>Browse</a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit'>Edit</a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete'>Delete</a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> <div class='ui-thumbnail-level-down-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> </div> </div> <div class='ui-metadata-box ui-summary-table ui-set-summary'> <table class='borderless'> <tbody> <tr> <td class='ui-summary-label'>Titel</td> <td class='ui-summary-content title-l'>Black hot drink</td> </tr> <tr> <td class='ui-summary-label'>Beschreibung</td> <td class='ui-summary-content'>Die Medieneinträge in diesem Set dienen als Beispiele, wie die Metadatenfelder zur Verschlagwortung genutzt werden können. Die Medieneinträge in diesem Set dienen als Beispiele, wie die Metadatenfelder zur Verschlagwortung genutzt werden können. Die Medieneinträge in diesem Set dienen als Beispiele, wie die Metadatenfelder zur Verschlagwortung genutzt werden können. Die Medieneinträge in diesem Set dienen als Beispiele, wie die Metadatenfelder zur Verschlagwortung genutzt werden können.</td> </tr> <tr> <td class='ui-summary-label'>Autor/in</td> <td class='ui-summary-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-summary-label'>Eigentumer/in</td> <td class='ui-summary-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-summary-label'>Schlagworte</td> <td class='ui-summary-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> </tbody> </table> </div> </div>
8.8.1
_ui-collage.scss
Straight Collage
Straight Collage
.ui-collage
<div class='ui-collage' id='teaser-set'> <div class='ui-collage-row'> <a class='ui-collage-item' href='###media_resources/16'> <div class='ui-collage-item-wrapper'> <div class='ui-collage-item-table'> <div class='ui-collage-item-cell'> <div class='ui-collage-item-inner'> <img alt='Media-entry-4' class='ui-collage-item-image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </div> </div> </div> <div class='ui-collage-item-meta'> <h3 class='title-xs'>Präsentation</h3> <h4 class='title-xs-alt'></h4> </div> </div> </a> <a class='ui-collage-item' href='###media_resources/6'> <div class='ui-collage-item-wrapper'> <div class='ui-collage-item-table'> <div class='ui-collage-item-cell'> <div class='ui-collage-item-inner'> <img alt='Media-entry-4' class='ui-collage-item-image' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </div> </div> </div> <div class='ui-collage-item-meta'> <h3 class='title-xs'>Mein Erstes Photo (mit der neuen Nikon)</h3> <h4 class='title-xs-alt'></h4> </div> </div> </a> <a class='ui-collage-item' href='###media_resources/16'> <div class='ui-collage-item-wrapper'> <div class='ui-collage-item-table'> <div class='ui-collage-item-cell'> <div class='ui-collage-item-inner'> <img alt='Media-entry-4' class='ui-collage-item-image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </div> </div> </div> <div class='ui-collage-item-meta'> <h3 class='title-xs'>Präsentation</h3> <h4 class='title-xs-alt'></h4> </div> </div> </a> <a class='ui-collage-item' href='###media_resources/6'> <div class='ui-collage-item-wrapper'> <div class='ui-collage-item-table'> <div class='ui-collage-item-cell'> <div class='ui-collage-item-inner'> <img alt='Media-entry-4' class='ui-collage-item-image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </div> </div> </div> <div class='ui-collage-item-meta'> <h3 class='title-xs'>Mein Erstes Photo (mit der neuen Nikon)</h3> <h4 class='title-xs-alt'></h4> </div> </div> </a> <a class='ui-collage-item' href='###media_resources/16'> <div class='ui-collage-item-wrapper'> <div class='ui-collage-item-table'> <div class='ui-collage-item-cell'> <div class='ui-collage-item-inner'> <img alt='Media-entry-4' class='ui-collage-item-image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </div> </div> </div> <div class='ui-collage-item-meta'> <h3 class='title-xs'>Präsentation</h3> <h4 class='title-xs-alt'></h4> </div> </div> </a> </div> <div class='ui-collage-row'> <a class='ui-collage-item' href='###media_resources/6'> <div class='ui-collage-item-wrapper'> <div class='ui-collage-item-table'> <div class='ui-collage-item-cell'> <div class='ui-collage-item-inner'> <img alt='Media-entry-4' class='ui-collage-item-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> </div> <div class='ui-collage-item-meta'> <h3 class='title-xs'>Mein Erstes Photo (mit der neuen Nikon)</h3> <h4 class='title-xs-alt'></h4> </div> </div> </a> <a class='ui-collage-item' href='###media_resources/16'> <div class='ui-collage-item-wrapper'> <div class='ui-collage-item-table'> <div class='ui-collage-item-cell'> <div class='ui-collage-item-inner'> <img alt='Media-entry-4' class='ui-collage-item-image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </div> </div> </div> <div class='ui-collage-item-meta'> <h3 class='title-xs'>Präsentation</h3> <h4 class='title-xs-alt'></h4> </div> </div> </a> <a class='ui-collage-item' href='###media_resources/6'> <div class='ui-collage-item-wrapper'> <div class='ui-collage-item-table'> <div class='ui-collage-item-cell'> <div class='ui-collage-item-inner'> <img alt='Media-entry-4' class='ui-collage-item-image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </div> </div> </div> <div class='ui-collage-item-meta'> <h3 class='title-xs'>Mein Erstes Photo (mit der neuen Nikon)</h3> <h4 class='title-xs-alt'></h4> </div> </div> </a> <a class='ui-collage-item' href='###media_resources/16'> <div class='ui-collage-item-wrapper'> <div class='ui-collage-item-table'> <div class='ui-collage-item-cell'> <div class='ui-collage-item-inner'> <img alt='Media-entry-4' class='ui-collage-item-image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </div> </div> </div> <div class='ui-collage-item-meta'> <h3 class='title-xs'>Präsentation</h3> <h4 class='title-xs-alt'></h4> </div> </div> </a> <a class='ui-collage-item' href='###media_resources/6'> <div class='ui-collage-item-wrapper'> <div class='ui-collage-item-table'> <div class='ui-collage-item-cell'> <div class='ui-collage-item-inner'> <img alt='Media-entry-4' class='ui-collage-item-image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </div> </div> </div> <div class='ui-collage-item-meta'> <h3 class='title-xs'>Mein Erstes Photo (mit der neuen Nikon)</h3> <h4 class='title-xs-alt'></h4> </div> </div> </a> </div> </div>
8.9.1
_ui-resources-grid.scss
Media Resources Grid Mode
Media Resources Grid Mode
.ui-resources.grid
Modifiers:
- .active – To be interacted with
-
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt
<ul class='ui-resources grid'> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-set'> <div class='ui-thumbnail-level-up-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-group'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> <div class='ui-thumbnail-level-down-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-level-up-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-group'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> <div class='ui-thumbnail-level-down-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry video'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-4' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-5' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Document.png' class='ui-thumbnail-image' src='/assets/thumbnails/document.png.png'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-set'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Document.png' class='ui-thumbnail-image' src='/assets/thumbnails/document.png.png'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-10' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-10-8b8d0a5ad27bc8b4b2b5eae683f9bbf6.jpg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-11' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-11-ace13d78087ec2fec42349763c0001b8.jpg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail filter-set image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-10' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-10-8b8d0a5ad27bc8b4b2b5eae683f9bbf6.jpg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail filter-set image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-11' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-11-ace13d78087ec2fec42349763c0001b8.jpg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> </ul>
.active
-
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt
<ul class='active grid ui-resources'> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-set'> <div class='ui-thumbnail-level-up-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-group'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> <div class='ui-thumbnail-level-down-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-level-up-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-group'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> <div class='ui-thumbnail-level-down-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry video'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-4' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-5' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Document.png' class='ui-thumbnail-image' src='/assets/thumbnails/document.png.png'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-set'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Document.png' class='ui-thumbnail-image' src='/assets/thumbnails/document.png.png'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-10' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-10-8b8d0a5ad27bc8b4b2b5eae683f9bbf6.jpg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-11' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-11-ace13d78087ec2fec42349763c0001b8.jpg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail filter-set image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-10' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-10-8b8d0a5ad27bc8b4b2b5eae683f9bbf6.jpg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail filter-set image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-11' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-11-ace13d78087ec2fec42349763c0001b8.jpg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> </ul>
8.9.2
_ui-resources-miniature.scs
Media Resources Miniature Mode
Media Resources Miniature Mode
.ui-resources.miniature
Modifiers:
- .active – To be interacted with
-
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt
<ul class='ui-resources miniature'> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-set'> <div class='ui-thumbnail-level-up-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-group'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> <div class='ui-thumbnail-level-down-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry video'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-4' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-5' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Document.png' class='ui-thumbnail-image' src='/assets/thumbnails/document.png.png'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-set'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Document.png' class='ui-thumbnail-image' src='/assets/thumbnails/document.png.png'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-10' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-10-8b8d0a5ad27bc8b4b2b5eae683f9bbf6.jpg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-11' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-11-ace13d78087ec2fec42349763c0001b8.jpg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-set'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-10' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-10-8b8d0a5ad27bc8b4b2b5eae683f9bbf6.jpg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-set'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-11' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-11-ace13d78087ec2fec42349763c0001b8.jpg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> </ul>
.active
-
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt
<ul class='active miniature ui-resources'> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-set'> <div class='ui-thumbnail-level-up-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-group'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> <div class='ui-thumbnail-level-down-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry video'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-4' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-5' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Document.png' class='ui-thumbnail-image' src='/assets/thumbnails/document.png.png'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-set'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Document.png' class='ui-thumbnail-image' src='/assets/thumbnails/document.png.png'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-10' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-10-8b8d0a5ad27bc8b4b2b5eae683f9bbf6.jpg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-11' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-11-ace13d78087ec2fec42349763c0001b8.jpg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-set'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-10' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-10-8b8d0a5ad27bc8b4b2b5eae683f9bbf6.jpg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <div class='ui-resource-actions'> <ul class='ui-resource-actions-list'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' href='#'>Select</a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' href='#'>Favorite</a> </li> </ul> </div> <h3 class='ui-resource-title'>Resource Title</h3> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-set'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-11' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-11-ace13d78087ec2fec42349763c0001b8.jpg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> </ul>
8.9.3
_ui-resources-list.scss
Media Resources List Mode
Media Resources List Mode
.ui-resources.list
Description
Modifiers:
- .active – To be interacted with
-
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt
<ul class='ui-resources list'> <li class='ui-resource'> <div class='ui-resource-head'> <ul class='ui-resource-actions'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-set'> <div class='ui-thumbnail-level-up-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-group'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> <div class='ui-thumbnail-level-down-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <ul class='ui-resource-actions'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry video'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-4' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <ul class='ui-resource-actions'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-5' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> </ul>
.active
-
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt -
Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt Autor/in Federico C. Datierung 1470/1500 Schlagworte Eigentumer/in Federico C. Rechte unbekannt
<ul class='active list ui-resources'> <li class='ui-resource'> <div class='ui-resource-head'> <ul class='ui-resource-actions'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-set'> <div class='ui-thumbnail-level-up-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-group'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> <div class='ui-thumbnail-level-down-items'> <h3 class='ui-thumbnail-level-notes'>Set enthalt</h3> <ul class='ui-thumbnail-level-items'> <li class='ui-thumbnail-level-item odd'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> <li class='ui-thumbnail-level-item even'> <a class='ui-level-image-wrapper' href='#' title='Set name'> <div class='ui-thumbnail-level-image-holder'> <img alt='Media-entry-6' class='ui-thumbnail-level-image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </div> </a> </li> </ul> <span class='ui-thumbnail-level-notes'>5 Inhalte</span> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <ul class='ui-resource-actions'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry video'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-private'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-4' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> <li class='ui-resource'> <div class='ui-resource-head'> <ul class='ui-resource-actions'> <li class='ui-resource-action'> <a class='ui-thumbnail-action-checkbox' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-resource-action'> <a class='ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> </div> <div class='ui-resource-body'> <div class='ui-resource-thumbnail'> <div class='ui-thumbnail media-entry image'> <div class='ui-thumbnail-privacy'> <i class='icon-privacy-open'></i> </div> <a class='ui-thumbnail-image-wrapper'> <div class='ui-thumbnail-image-holder'> <div class='ui-thumbnail-table-image-holder'> <div class='ui-thumbnail-cell-image-holder'> <div class='ui-thumbnail-inner-image-holder'> <img alt='Media-entry-5' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </div> </div> </div> </div> </a> <div class='ui-thumbnail-meta'> <h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well</h4> </div> <div class='ui-thumbnail-actions'> <ul class='left by-left'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-checkbox active' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='active ui-thumbnail-action-favorite' data-favor-toggle='' title='Zur Favoriten hinzufügen/entfernen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='right by-right'> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-browse' href='#' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-edit' href='#' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-thumbnail-action'> <a class='ui-thumbnail-action-delete' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-thumbnail-dropdown'> <div class='dropdown ui-dropdown'> <a class='dropdown-toggle ui-drop-toggle button block' data-toggle='dropdown' href='#'>Aktionen</a> <ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'> <li class='ui-drop-item'> <a href='#'>Item 1</a> </li> <li class='ui-drop-item'> <a href='#'>Item 2</a> </li> <li class='separator'></li> <li class='ui-drop-item'> <a href='#'>Item 3</a> </li> </ul> </div> </div> </div> </div> <div class='ui-resource-meta'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-description'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> <div class='ui-resource-extension'> <table class='borderless block'> <tbody> <tr> <td class='ui-resource-meta-label'>Autor/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Datierung</td> <td class='ui-resource-meta-content'>1470/1500</td> </tr> <tr> <td class='ui-resource-meta-label'>Schlagworte</td> <td class='ui-resource-meta-content'> <ul class='ui-tag-cloud small'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 1</a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button' href='#'>Tag 2</a> </li> </ul> </td> </tr> <tr> <td class='ui-resource-meta-label'>Eigentumer/in</td> <td class='ui-resource-meta-content'> <a href='#'>Federico C.</a> </td> </tr> <tr> <td class='ui-resource-meta-label'>Rechte</td> <td class='ui-resource-meta-content'>unbekannt</td> </tr> </tbody> </table> </div> </div> </li> </ul>
8.9.4
filename
Media Resources Tiles Mode
Media Resources Tiles Mode
selector
Tile View comes in size (small, normal, large) and orientation variations (horizontal, vertical). Vertical variation is to replace legacy featured-items styles displaying items highlighted by user within a set.
Modifiers:
- .active – To be interacted with
- .vertical – Vertical Tiles
- .vertical.small – Vertical Small Tiles
- .vertical.large – Vertical Large Tiles
- .horizontal – Horizontal Tiles
- .horizontal.small – Horizontal Small Tiles
- .horizontal.large – Horizontal Large Tiles
<ul class='ui-resources tiles'> <li class='ui-resources-page'> <ul class='ui-resources-page-items'> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-2-95734b5d885d32a4ba9acf592069ac24.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-1-aba6b25d75efd6708f3851ae08449afd.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-group'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-9-c1772ebd26a157593fd9e14aef830da8.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> </ul> </li> </ul>
.active
<ul class='active tiles ui-resources'> <li class='ui-resources-page'> <ul class='ui-resources-page-items'> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-2-95734b5d885d32a4ba9acf592069ac24.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-1-aba6b25d75efd6708f3851ae08449afd.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-group'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-9-c1772ebd26a157593fd9e14aef830da8.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> </ul> </li> </ul>
.vertical
<ul class='tiles ui-resources vertical'> <li class='ui-resources-page'> <ul class='ui-resources-page-items'> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-2-95734b5d885d32a4ba9acf592069ac24.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-1-aba6b25d75efd6708f3851ae08449afd.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-group'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-9-c1772ebd26a157593fd9e14aef830da8.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> </ul> </li> </ul>
.vertical.small
<ul class='small tiles ui-resources vertical'> <li class='ui-resources-page'> <ul class='ui-resources-page-items'> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-2-95734b5d885d32a4ba9acf592069ac24.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-1-aba6b25d75efd6708f3851ae08449afd.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-group'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-9-c1772ebd26a157593fd9e14aef830da8.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> </ul> </li> </ul>
.vertical.large
<ul class='large tiles ui-resources vertical'> <li class='ui-resources-page'> <ul class='ui-resources-page-items'> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-2-95734b5d885d32a4ba9acf592069ac24.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-1-aba6b25d75efd6708f3851ae08449afd.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-group'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-9-c1772ebd26a157593fd9e14aef830da8.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> </ul> </li> </ul>
.horizontal
<ul class='horizontal tiles ui-resources'> <li class='ui-resources-page'> <ul class='ui-resources-page-items'> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-2-95734b5d885d32a4ba9acf592069ac24.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-1-aba6b25d75efd6708f3851ae08449afd.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-group'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-9-c1772ebd26a157593fd9e14aef830da8.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> </ul> </li> </ul>
.horizontal.small
<ul class='horizontal small tiles ui-resources'> <li class='ui-resources-page'> <ul class='ui-resources-page-items'> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-2-95734b5d885d32a4ba9acf592069ac24.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-1-aba6b25d75efd6708f3851ae08449afd.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-group'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-9-c1772ebd26a157593fd9e14aef830da8.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> </ul> </li> </ul>
.horizontal.large
<ul class='horizontal large tiles ui-resources'> <li class='ui-resources-page'> <ul class='ui-resources-page-items'> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-2-95734b5d885d32a4ba9acf592069ac24.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-1-aba6b25d75efd6708f3851ae08449afd.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-group'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__head'> <ul class='ui-tile__actions left by-left'> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-clipboard-toggle='' title='Zur Zwischenablage hinzufügen/entfernen'> <i class='icon-checkbox'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-favor-toggle='' title='Zu Favoriten hinzufügen'> <i class='icon-star-empty'></i> </a> </li> </ul> <ul class='ui-tile__actions right by-right'> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Stöbern'> <i class='icon-eye'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' title='Metadaten editieren'> <i class='icon-pen'></i> </a> </li> <li class='ui-tile__action'> <a class='ui-tile__action-link' data-delete-action='' title='Löschen'> <i class='icon-trash'></i> </a> </li> </ul> </div> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-9-c1772ebd26a157593fd9e14aef830da8.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> </ul> </li> </ul>
8.10
_ui-featured-entries.scss
Featured entries
Featured entries
.ui-featured-entries
Modifiers:
- .small – Small thumbnails variation
- .active – Large active variation showing actions on thumbnails
- .small.active – Small active variation showing actions on thumbnails
TODO: Example!!!
-
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
TODO: Example!!! <ul class='ui-resources tiles vertical'> <li class='ui-resources-page'> <ul class='ui-resources-page-items vertical'> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-2-95734b5d885d32a4ba9acf592069ac24.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-1-aba6b25d75efd6708f3851ae08449afd.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-group'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-9-c1772ebd26a157593fd9e14aef830da8.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> </ul> </li> </ul>
.small
TODO: Example!!!
-
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
TODO: Example!!! <ul class='ui-resources tiles vertical'> <li class='ui-resources-page'> <ul class='ui-resources-page-items vertical'> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-2-95734b5d885d32a4ba9acf592069ac24.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-1-aba6b25d75efd6708f3851ae08449afd.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-group'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-9-c1772ebd26a157593fd9e14aef830da8.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> </ul> </li> </ul>
.active
TODO: Example!!!
-
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
TODO: Example!!! <ul class='ui-resources tiles vertical'> <li class='ui-resources-page'> <ul class='ui-resources-page-items vertical'> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-2-95734b5d885d32a4ba9acf592069ac24.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-1-aba6b25d75efd6708f3851ae08449afd.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-group'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-9-c1772ebd26a157593fd9e14aef830da8.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> </ul> </li> </ul>
.small.active
TODO: Example!!!
-
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
TODO: Example!!! <ul class='ui-resources tiles vertical'> <li class='ui-resources-page'> <ul class='ui-resources-page-items vertical'> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-2-95734b5d885d32a4ba9acf592069ac24.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-1' class='ui-tile__image' src='/assets/styleguide/media-entry-1-aba6b25d75efd6708f3851ae08449afd.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-4-cb3a161ad30ed88ee7749b57a48d5dec.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-group'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-5-643f53ebb33c2a989198970ffe34543e.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-6-7ad988ebe90a3a1427f16399bea74a40.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-open'></i> <i class='ui-tile__flag ui-tile__flag--typ icon-filter'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile ui-tile--set'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-8-171a73ac7d26c545480fa481a8fc1fca.jpeg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> <li class='ui-resource'> <div class='ui-tile'> <div class='ui-tile__body'> <a class='ui-tile__thumbnail' href='http://example.com'> <img alt='Media-entry-3' class='ui-tile__image' src='/assets/styleguide/media-entry-9-c1772ebd26a157593fd9e14aef830da8.jpg'> </a> </div> <div class='ui-tile__foot'> <h3 class='ui-tile__title'>Name that can easily go onto 2 lines</h3> <h4 class='ui-tile__meta'>Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well</h4> <span class='ui-tile__flags'> <i class='ui-tile__flag ui-tile__flag--privac icon-privacy-private'></i> </span> </div> </div> </li> </ul> </li> </ul>
.vertical.small
-
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
.vertical.large
-
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
.horizontal
-
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
.horizontal.small
-
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
.horizontal.large
-
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
Name that can easily go onto 2 lines
Author that can easily go onto 2 lines as asily go onto 2 lines fadoiu sdaifu siadofisdaofu oisaduf osais as well
-
8.11
_ui-home-claim.scss
Elevator Pitch
Elevator Pitch
.ui-home-claim
Bilder, Videos, Audio-Dateien und Dokumente
Diese Plattform dient dem gemeinschaftlichen Arbeiten mit Medien und dem Teilen von Inhalten.
ZHdK-Login
Alle Funktionen nutzen und auf
mehr Inhalte zugreifen.
Externe
<div class='ui-home-claim-simple ui-container'> <div class='col2of3'> <div class='pitch-claim'> <h1 class='title-xxl'> Bilder, Videos, Audio-Dateien und Dokumente </h1> <div class='ptm'> <p><strong>Diese Plattform dient dem gemeinschaftlichen Arbeiten mit Medien und dem Teilen von Inhalten.</strong></p> </div> </div> </div> <div class='col1of3'> <div class='pitch-login' role='tabpanel'> <ul class='js-only ui-tabs' role='tablist'> <li class='active left ui-tabs-item' role='presentation'> <a aria-controls='tab-pane-external_login--1307274683266863201' class='' data-toggle='tab' href='#tab-pane-external_login--1307274683266863201' id='tab-external_login'> ZHdK-Login </a> </li> <li class='right ui-tabs-item' role='presentation'> <a aria-controls='tab-pane-internal_login--1307274683266863201' class='' data-toggle='tab' href='#tab-pane-internal_login--1307274683266863201' id='tab-internal_login'> Externe </a> </li> </ul> <div class='tab-content ui-container'> <section class='active tab-pane ui-container' id='tab-pane-external_login--1307274683266863201' role='tabpanel'> <h1 class='no-js title-m separated'> ZHdK-Login </h1> <div> <div class='form-body'> <div class='ui-form-group rowed'> <div class='form-item'> <p class='mbm'> Alle Funktionen nutzen und auf <br> mehr Inhalte zugreifen. </p> <a class='primary-button block large' href='###login' id='internal-login-link'> Anmelden </a> </div> </div> </div> </div> </section> <section class='tab-pane ui-container' id='tab-pane-internal_login--1307274683266863201' role='tabpanel'> <h1 class='no-js title-m separated'> Externe </h1> <form action="db/login" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uxMTKFk-Z4otzjkeXbEtd9k0kEfLki7e5UCn9JdKgIWnNTWzau6DV4KGsYwuGDeJrlNgh8zOBxYT4XtXlc6NlA" autocomplete="off" /> <div class='form-body'> <div class='ui-form-group rowed compact'> <div class='form-item'> <input autofocus='false' class='block large' name='login' placeholder='E-Mail' type='text'> </div> </div> <div class='ui-form-group rowed compact'> <div class='form-item'> <input class='block large' name='password' placeholder='Passwort' type='password'> </div> </div> <div class='ui-form-group rowed compact'> <div class='form-item'> <button class='primary-button block large' type='submit'> Anmelden </button> </div> </div> </div> </form> </section> </div> </div> </div> </div>
8.12
_ui-rights-management.scss
Rights management table
Rights management table
.ui-rights-management
Ich
| User | Eigentümer/in | Berechtigung | Betrachten | Download Original | Editieren | Berechtigung verwalten |
| Interactive Things | Eigentumer/in |
| Interactive Things | ||||||
| Interactive Things 2 |
Andere
| × Interactive Things | ||||||
| × Interactive Things 2 |
| Interactive Things | ||||||
| Interactive Things 2 |
| Öffentlichkeit |
<div class='ui-rights-management'> <h3 class='title-l mbs'>Ich</h3> <div class='ui-rights-body'> <table class='ui-rights-group bordered block'> <thead> <tr> <td class='ui-rights-user-title'>User</td> <td class='ui-rights-owner-title'>Eigentümer/in</td> <td class='ui-rights-role-title'>Berechtigung</td> <td class='ui-rights-check-title'>Betrachten</td> <td class='ui-rights-check-title'>Download Original</td> <td class='ui-rights-check-title'>Editieren</td> <td class='ui-rights-check-title'>Berechtigung verwalten</td> </tr> </thead> <tbody> <tr> <td class='ui-rights-user'>Interactive Things</td> <td class='ui-rights-owner'> <input checked='checked' disabled='disabled' type='radio'> </td> <td class='ui-rights-role'>Eigentumer/in</td> <td class='ui-rights-check'> <input checked='checked' disabled='disabled' type='checkbox'> </td> <td class='ui-rights-check'> <input checked='checked' disabled='disabled' type='checkbox'> </td> <td class='ui-rights-check'> <input checked='checked' disabled='disabled' type='checkbox'> </td> <td class='ui-rights-check'> <input checked='checked' disabled='disabled' type='checkbox'> </td> </tr> </tbody> </table> </div> <div class='ui-rights-body'> <table class='ui-rights-group bordered'> <caption> Gruppen <i class='icon-privacy-group'></i> </caption> <tbody> <tr> <td class='ui-rights-user'>Interactive Things</td> <td class='ui-rights-owner'></td> <td class='ui-rights-role'> <select class='ui-rights-role-select'> <option>Bevollmachtigte/r</option> <option>Betrachter/in</option> <option>Betrachter/in & Original</option> <option>Gesperrt</option> <option>Redakteur/in</option> </select> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> </tr> <tr> <td class='ui-rights-user'>Interactive Things 2</td> <td class='ui-rights-owner'></td> <td class='ui-rights-role'> <select class='ui-rights-role-select'> <option>Bevollmachtigte/r</option> <option>Betrachter/in</option> <option>Betrachter/in & Original</option> <option>Gesperrt</option> <option>Redakteur/in</option> </select> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> </tr> </tbody> </table> <a class='button small' href='#'> <i class='icon-plus'></i> Gruppe hinzufugen </a> </div> <h3 class='title-l mbs'>Andere</h3> <div class='ui-rights-body'> <table class='ui-rights-group bordered'> <caption> Personen <i class='icon-privacy-private-alt'></i> </caption> <tbody> <tr> <td class='ui-rights-user'> <a class='button small ui-rights-remove' href='#' title='Remove'>×</a> Interactive Things </td> <td class='ui-rights-owner'> <input type='radio'> </td> <td class='ui-rights-role'> <select class='ui-rights-role-select'> <option>Bevollmachtigte/r</option> <option>Betrachter/in</option> <option>Betrachter/in & Original</option> <option>Gesperrt</option> <option>Redakteur/in</option> </select> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> </tr> <tr> <td class='ui-rights-user'> <a class='button small ui-rights-remove' href='#' title='Remove'>×</a> Interactive Things 2 </td> <td class='ui-rights-owner'> <input type='radio'> </td> <td class='ui-rights-role'> <select class='ui-rights-role-select'> <option>Bevollmachtigte/r</option> <option>Betrachter/in</option> <option>Betrachter/in & Original</option> <option>Gesperrt</option> <option>Redakteur/in</option> </select> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> </tr> </tbody> </table> <a class='button small' href='#'> <i class='icon-plus'></i> Person hinzufugen </a> </div> <div class='ui-rights-body'> <table class='ui-rights-group bordered'> <caption> Gruppen <i class='icon-privacy-group-alt'></i> </caption> <tbody> <tr> <td class='ui-rights-user'>Interactive Things</td> <td class='ui-rights-owner'></td> <td class='ui-rights-role'> <select class='ui-rights-role-select'> <option>Bevollmachtigte/r</option> <option>Betrachter/in</option> <option>Betrachter/in & Original</option> <option>Gesperrt</option> <option>Redakteur/in</option> </select> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> </tr> <tr> <td class='ui-rights-user'>Interactive Things 2</td> <td class='ui-rights-owner'></td> <td class='ui-rights-role'> <select class='ui-rights-role-select'> <option>Bevollmachtigte/r</option> <option>Betrachter/in</option> <option>Betrachter/in & Original</option> <option>Gesperrt</option> <option>Redakteur/in</option> </select> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> </tr> </tbody> </table> <a class='button small' href='#'> <i class='icon-plus'></i> Gruppe hinzufugen </a> </div> <div class='ui-rights-body'> <table class='ui-rights-group bordered'> <caption> Öffentlichkeit <i class='icon-privacy-open'></i> </caption> <tbody> <tr> <td class='ui-rights-user'>Öffentlichkeit</td> <td class='ui-rights-owner'></td> <td class='ui-rights-role'> <select class='ui-rights-role-select'> <option>Bevollmachtigte/r</option> <option>Betrachter/in</option> <option>Betrachter/in & Original</option> <option>Gesperrt</option> <option>Redakteur/in</option> </select> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> <td class='ui-rights-check'> <input type='checkbox'> </td> </tr> </tbody> </table> </div> </div>
8.14
_ui-workgroups.scss
Workgroups tables
Workgroups tables
.ui-workgroups
<table class='ui-workgroups bordered block'> <tbody> <tr data-id='4'> <td class='ui-workgroup-name'> Diplomarbeitsgruppe </td> <td class='ui-workgroup-items'> <a class='' href='###media_resources?permissions%5Bgroup%5D%5Bids%5D%5B%5D=4' title='Inhalte dieser Arbeitsgruppe anzeigen'> 2 Inhalte </a> </td> <td class='ui-workgroup-actions'> <a class='button' href='#del'> <i class='dark icon-trash'></i> </a> <a class='button' href='#upd'> <i class='dark icon-pen'></i> </a> </td> </tr> <tr data-id='3'> <td class='ui-workgroup-name'> ZHdK </td> <td class='ui-workgroup-items'> <a class='' href='###media_resources?permissions%5Bgroup%5D%5Bids%5D%5B%5D=3' title='Inhalte dieser Arbeitsgruppe anzeigen'> 3 Inhalte </a> </td> <td class='ui-workgroup-actions'> <a class='button' href='#del'> <i class='dark icon-trash'></i> </a> <a class='button' href='#upd'> <i class='dark icon-pen'></i> </a> </td> </tr> </tbody> </table>
8.15
_ui-confirmation-dialog.scss
Confirmation dialog
Confirmation dialog
.modal
<div class='modal hide fade ui-modal narrow in ui-shown' style='display: block;' tabindex='-1'> <form> <div class='ui-modal-head'> <a class='ui-modal-close' data-dismiss='modal' title='Close' type='button'></a> <h3 class='title-l'>Confirmation Modal</h3> </div> <div class='ui-modal-body' style='max-height: 886.21875px;'> <p class='phl pvm by-center'>Are you sure?</p> </div> <div class='ui-modal-footer'> <div class='ui-actions'> <a class='link weak' data-dismiss='modal'>No</a> <button class='primary-button' type='submit'>Yes</button> </div> </div> </form> </div>
8.16
_ui-resources-table.scss
Media resources table
Media resources table
.ui-resources-table
| Auswahl | Title | Autor/in | Datierung | Schlagw...nd Motiv | Rechte | Eigentü...enarchiv |
| File Title | Pinco Pallino | 20.02.2010 |
|
ZHdK | Pinco Pallino | |
| File Title | Pinco Pallino | 20.02.2010 |
|
ZHdK | Pinco Pallino | |
| File Title | Pinco Pallino | 20.02.2010 |
|
ZHdK | Pinco Pallino |
<div class='ui-resources-table'> <table class='block'> <thead> <tr> <td>Auswahl</td> <td>Title</td> <td>Autor/in</td> <td>Datierung</td> <td>Schlagw...nd Motiv</td> <td>Rechte</td> <td>Eigentü...enarchiv</td> </tr> </thead> <tbody> <tr> <td class='ui-resources-table-selection'> <label> <input type='checkbox'> <img alt='ZHdK' class='ui-thumbnail micro' src='/assets/styleguide/media-entry-1-aba6b25d75efd6708f3851ae08449afd.jpg'> </label> </td> <td>File Title</td> <td>Pinco Pallino</td> <td>20.02.2010</td> <td> <ul class='inline'> <li>tag 1</li> <li>tag 2</li> </ul> </td> <td>ZHdK</td> <td>Pinco Pallino</td> </tr> <tr> <td class='ui-resources-table-selection'> <label> <input type='checkbox'> <img alt='ZHdK' class='ui-thumbnail micro' src='/assets/styleguide/media-entry-2-95734b5d885d32a4ba9acf592069ac24.jpg'> </label> </td> <td>File Title</td> <td>Pinco Pallino</td> <td>20.02.2010</td> <td> <ul class='inline'> <li>tag 1</li> <li>tag 2</li> </ul> </td> <td>ZHdK</td> <td>Pinco Pallino</td> </tr> <tr> <td class='ui-resources-table-selection'> <label> <input type='checkbox'> <img alt='ZHdK' class='ui-thumbnail micro' src='/assets/styleguide/media-entry-3-a2bb646de9c612b9b3cc88828256544b.jpeg'> </label> </td> <td>File Title</td> <td>Pinco Pallino</td> <td>20.02.2010</td> <td> <ul class='inline'> <li>tag 1</li> <li>tag 2</li> </ul> </td> <td>ZHdK</td> <td>Pinco Pallino</td> </tr> </tbody> </table> </div>
8.17
_ui-side-filter.sass
Side filter
Side filter
.ui-side-filter
<div class='filter-panel ui-side-filter' id='ui-side-filter'> <div class='ui-side-filter-search filter-search' id='ui-side-filter-search'> <form id='filter_search_form'> <input class='unstyled' type='submit' value='Eingrenzen mit Suchwort'> <input class='block ui-filter-search-input' id='search_term' name='search' type='text'> </form> </div> <ul class='top-filter-list ui-side-filter-list'> <li class='ui-side-filter-lvl1-item ui-side-filter-item' data-context-id='media_resources' data-filter-type='media_resources'> <a class='strong ui-accordion-toggle'> Inhalte <i class='ui-side-filter-lvl1-marker'></i> </a> <ul class='ui-side-filter-lvl2 ui-accordion-body'> <li class='ui-side-filter-lvl2-item' data-key-name='type'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Typ </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='MediaEntry'> <a class='weak'> Medieneinträge <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> </ul> </li> </ul> </li> <li class='ui-side-filter-lvl1-item ui-side-filter-item' data-context-id='media_files' data-filter-type='media_files'> <a class='strong ui-accordion-toggle'> Datei <i class='ui-side-filter-lvl1-marker'></i> </a> <ul class='ui-side-filter-lvl2 ui-accordion-body'> <li class='ui-side-filter-lvl2-item' data-key-name='media_type'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Medientyp </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='image'> <a class='weak'> image <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> </ul> </li> <li class='ui-side-filter-lvl2-item' data-key-name='extension'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Dokumenttyp </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='tif'> <a class='weak'> tif <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> </ul> </li> </ul> </li> <li class='ui-side-filter-lvl1-item ui-side-filter-item' data-context-id='permissions' data-filter-type='permissions'> <a class='strong ui-accordion-toggle'> Berechtigung <i class='ui-side-filter-lvl1-marker'></i> </a> <ul class='ui-side-filter-lvl2 ui-accordion-body'> <li class='ui-side-filter-lvl2-item' data-key-name='owner'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Verantwortliche Person </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='7'> <a class='weak'> Knacknuss, Karen <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> </ul> </li> <li class='ui-side-filter-lvl2-item' data-key-name='scope'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Zugriff </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='public'> <a class='weak'> Öffentliche Inhalte <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> </ul> </li> </ul> </li> <li class='ui-side-filter-lvl1-item ui-side-filter-item' data-context-id='Landschaftsvisualisierung' data-filter-type='meta_data'> <a class='strong ui-accordion-toggle'> Landschaftsvisualisierung <i class='ui-side-filter-lvl1-marker'></i> </a> <ul class='ui-side-filter-lvl2 ui-accordion-body'> <li class='ui-side-filter-lvl2-item' data-key-name='LV_Landschaftstyp'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Landschaftstyp </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1065'> <a class='weak'> Erholungszone <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1087'> <a class='weak'> Naturlandschaft <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1089'> <a class='weak'> Parklandschaft <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1093'> <a class='weak'> Stadtlandschaft <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1095'> <a class='weak'> Tourismusgebiet <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='LV_Verwendungszweck'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Verwendungszweck </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1067'> <a class='weak'> Architekturbild <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1017'> <a class='weak'> Ausstellung <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1071'> <a class='weak'> Computerspiel <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1069'> <a class='weak'> Illustration <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='79'> <a class='weak'> Kunst <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1115'> <a class='weak'> Wettbewerb <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='LV_Bildzeit'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Bildzeit </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1033'> <a class='weak'> Frühling <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1037'> <a class='weak'> Herbst <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1047'> <a class='weak'> Mittag <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1053'> <a class='weak'> Nacht <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1035'> <a class='weak'> Sommer <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1039'> <a class='weak'> Winter <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='LV_Wetter/Klima'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Wetter/Klima </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1119'> <a class='weak'> Bewölkung/wolkig <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1125'> <a class='weak'> Morgenrot <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1127'> <a class='weak'> Nebel <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1131'> <a class='weak'> Schnee <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1139'> <a class='weak'> Wind <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='LV_Farbe'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Farbe </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1241'> <a class='weak'> Blautöne <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1231'> <a class='weak'> Gelb <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1267'> <a class='weak'> Gelbtöne <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1255'> <a class='weak'> Grüntöne <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1245'> <a class='weak'> Oker <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1213'> <a class='weak'> hellblau <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1211'> <a class='weak'> weiss <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='LV_Horizontlinie'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Horizontlinie </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1061'> <a class='weak'> unten <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='LV_Ra?umliche Wahrnehmung'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Räumliche Wahrnehmung </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1103'> <a class='weak'> Froschperspektive <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1109'> <a class='weak'> Texturgradient <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1099'> <a class='weak'> Vogelperspektive <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1101'> <a class='weak'> Zentralperspektive <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='LV_Abstraktionsgrad'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Abstraktionsgrad </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1021'> <a class='weak'> abstrakt <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='LV_Landschaftselemente'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Landschaftselemente </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='431'> <a class='weak'> Blumen <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='443'> <a class='weak'> Bucht <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='435'> <a class='weak'> Wolken <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='LV_Bildwirkung'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Bildwirkung </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1253'> <a class='weak'> Einsamkeit <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1251'> <a class='weak'> Erhabenheit <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1425'> <a class='weak'> clean <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1401'> <a class='weak'> dramatisch <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1403'> <a class='weak'> düster <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1313'> <a class='weak'> fantastisch <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1165'> <a class='weak'> friedlich <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1161'> <a class='weak'> idyllisch <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1205'> <a class='weak'> kühl <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1399'> <a class='weak'> künstlich <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1209'> <a class='weak'> modern <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1361'> <a class='weak'> naturnah <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1335'> <a class='weak'> ruhig <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1287'> <a class='weak'> technisch <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1371'> <a class='weak'> technologisch <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1289'> <a class='weak'> unfreundlich <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1311'> <a class='weak'> utopisch <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1393'> <a class='weak'> verspielt <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='genre'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Genre </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='447'> <a class='weak'> Landschaft <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='style'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Stil- und Kunstrichtungen </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1995'> <a class='weak'> Futurismus <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='655'> <a class='weak'> Konzeptkunst <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1839'> <a class='weak'> Subjektive Fotografie <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='epoch'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Epoche </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='667'> <a class='weak'> 20. Jahrhundert <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> </ul> </li> <li class='ui-side-filter-lvl1-item ui-side-filter-item has-active' data-context-id='media_content' data-filter-type='meta_data'> <a class='strong ui-accordion-toggle open'> Werk <i class='ui-side-filter-lvl1-marker'></i> </a> <ul class='ui-side-filter-lvl2 ui-accordion-body open'> <li class='ui-side-filter-lvl2-item has-active' data-key-name='keywords'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Schlagworte zu Inhalt und Motiv </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='405'> <a class='weak'> Diplomarbeit <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='76'> <a class='weak'> Fotografie <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='4608'> <a class='weak'> Freizeit <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='2665'> <a class='weak'> Inszenierung <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='447'> <a class='weak'> Landschaft <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='4607'> <a class='weak'> Mode <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1353'> <a class='weak'> Natur <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='4606'> <a class='weak'> Outdoor <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='4604'> <a class='weak'> Sport <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='4605'> <a class='weak'> Sportbekleidung <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input checked='checked' class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item has-active' data-key-name='type'> <a class='ui-accordion-toggle weak open'> <i class='ui-side-filter-lvl2-marker'></i> Gattung </a> <ul class='ui-side-filter-lvl3 ui-accordion-body open'> <li class='ui-side-filter-lvl3-item resources_filter active' data-value='76'> <a class='weak'> Fotografie <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> </ul> </li> <li class='ui-side-filter-lvl1-item ui-side-filter-item' data-context-id='media_object' data-filter-type='meta_data'> <a class='strong ui-accordion-toggle'> Medium <i class='ui-side-filter-lvl1-marker'></i> </a> <ul class='ui-side-filter-lvl2 ui-accordion-body'> <li class='ui-side-filter-lvl2-item' data-key-name='portrayed object materials'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Material/Format </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='2197'> <a class='weak'> Original: Kleinbilddia Farbe; Digitalisat: TIFF <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> </ul> </li> <li class='ui-side-filter-lvl1-item ui-side-filter-item' data-context-id='Columns' data-filter-type='meta_data'> <a class='strong ui-accordion-toggle'> Säulenordnungen <i class='ui-side-filter-lvl1-marker'></i> </a> <ul class='ui-side-filter-lvl2 ui-accordion-body'> <li class='ui-side-filter-lvl2-item' data-key-name='genre'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Genre </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='447'> <a class='weak'> Landschaft <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='style'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Stil- und Kunstrichtungen </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1995'> <a class='weak'> Futurismus <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='655'> <a class='weak'> Konzeptkunst <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1839'> <a class='weak'> Subjektive Fotografie <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='epoch'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Epoche </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='667'> <a class='weak'> 20. Jahrhundert <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> </ul> </li> <li class='ui-side-filter-lvl1-item ui-side-filter-item' data-context-id='zhdk_bereich' data-filter-type='meta_data'> <a class='strong ui-accordion-toggle'> ZHdK <i class='ui-side-filter-lvl1-marker'></i> </a> <ul class='ui-side-filter-lvl2 ui-accordion-body'> <li class='ui-side-filter-lvl2-item' data-key-name='project type'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> ZHdK-Projekttyp </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='85'> <a class='weak'> Abschlussarbeit <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='academic year'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Studienabschnitt </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='341'> <a class='weak'> Hauptstudium Diplom <span class='ui-lvl3-item-count resources_count'>11</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> </ul> </li> <li class='ui-side-filter-lvl1-item ui-side-filter-item' data-context-id='VFO' data-filter-type='meta_data'> <a class='strong ui-accordion-toggle'> Lehrmittel Fotografie <i class='ui-side-filter-lvl1-marker'></i> </a> <ul class='ui-side-filter-lvl2 ui-accordion-body'> <li class='ui-side-filter-lvl2-item' data-key-name='genre'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Genre </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='447'> <a class='weak'> Landschaft <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='style'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Stil- und Kunstrichtungen </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1995'> <a class='weak'> Futurismus <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='655'> <a class='weak'> Konzeptkunst <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> <li class='ui-side-filter-lvl3-item resources_filter' data-value='1839'> <a class='weak'> Subjektive Fotografie <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> <li class='ui-side-filter-lvl2-item' data-key-name='epoch'> <a class='ui-accordion-toggle weak'> <i class='ui-side-filter-lvl2-marker'></i> Epoche </a> <ul class='ui-side-filter-lvl3 ui-accordion-body'> <li class='ui-side-filter-lvl3-item resources_filter' data-value='667'> <a class='weak'> 20. Jahrhundert <span class='ui-lvl3-item-count resources_count'>1</span> </a> </li> </ul> <label class='ui-any-value' title='Jegliche Werte'> <input class='any-value hidden' type='checkbox'> <i class='icon-checkbox'></i> </label> </li> </ul> </li> </ul> </div>
8.18
_ui-search-form.scss
Search Form
Search Form
.ui-search-form
<div class='ui-search-form'> <form accept-charset='UTF-8' action='/search' method='post'> <div style='margin:0;padding:0;display:inline'> <input name='utf8' type='hidden' value='✓'> <input name='authenticity_token' type='hidden' value='J2zGT/GbRydo5RJ9ogojTO79rSF5U+wWOPTfufkMmcU='> </div> <div class='ui-search large mts'> <input class='block ui-search-input' id='search' name='search' placeholder='z.B. Bild-Text' type='text'> <button class='primary-button ui-search-button' type='submit'>Suche</button> </div> </form> </div>
8.19
filename
Terms cloud
Terms cloud
selector
Term clouds are used on the Vocabulary pages to display list of terms that a particular vocabulary contains.
<div class='ui-metadata-box prl mbm'> <div class='h3 title-s-alt light mbx'> Farbe <small class='title-xs-alt mlx'>(categorical)</small> </div> <ul class='ui-tag-cloud small ellipsed compact'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button meta-term' title='Oker'> Oker </a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button meta-term' title='Grüntöne'> Grüntöne </a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button meta-term' title='Gelbtöne'> Gelbtöne </a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button meta-term' title='hellblau'> hellblau </a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button meta-term' title='weiss'> weiss </a> </li> </ul> </div>
<div class='ui-metadata-box prl mbm'> <div class='h3 title-s-alt light mbx'> Days <small class='title-xs-alt mlx'>(alphabetical)</small> </div> <ul class='ui-tag-cloud small ellipsed compact'> <li class='ui-tag-cloud-item'> <a class='ui-tag-button meta-term' title='Monday'> Monday </a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button meta-term' title='Saturday'> Saturday </a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button meta-term' title='Sunday'> Sunday </a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button meta-term' title='Thursday'> Thursday </a> </li> <li class='ui-tag-cloud-item'> <a class='ui-tag-button meta-term' title='Wednesday'> Wednesday </a> </li> </ul> </div>
8.20
???
Terms filter
Terms filter
.ui-terms-filter
Häufigkeit auswerten
Max. 140
<div class='ui-terms-filter separated mhm'> <div class='ui-terms-filter-label-holder left by-center'> <span class='title-s'> Häufigkeit auswerten <span class='ui-form-ui-ttip-toggle ui-ttip-toggle' data-original-title='Tooltip Content.' data-placement='bottom' rel='tooltip'> <i class='mid icon-question'></i> </span> </span> </div> <div class='ui-terms-filter-slider-holder ptx'> <div class='ui-slider'> <a class='ui-slider-handle'> <span class='ui-slider-info ui-container inverted'>min. 2 x vergeben</span> </a> </div> </div> <div class='ui-terms-filter-note-holder by-center right'> Max. 140 </div> </div>