You are here

Home » API reference » Views Media Browser 7

media_thumbs_view.css in Views Media Browser 7

Same filename and directory in other branches
  1. 7.2 css/media_thumbs_view.css
#media-browser-library-list .views-view-fields {
  float: left;
}
.view-views-media-browser.view-display-id-browser_thumbs .views-row {
  float: left;
  padding: 15px;
}

.view-views-media-browser.view-display-id-browser_thumbs .views-row .media-item .label-wrapper {
  margin-left: 0;
}

.media-item .media-item {
  border: none;
  margin: 0;
  padding: 0;
}

.media-item .views-label {
  font-weight: bold;
}

.media-item .views-field {
  font-size: 10px;
  padding: 0 3px;
  white-space: nowrap;
  overflow: hidden;
  background: #fff;
}

.media-item.selected .views-field,
.media-item.selected .media-thumbnail {
  background: #f4ecc7;
}

.media-item .views-field:hover {
    display: inline-block;
    overflow: visible;
    position: relative;
    z-index: 10;
    border: 1px solid #888;
    margin: -1px 0 -2px -1px;
}

.media-item .media-thumbnail a {
  height: 100px;
}

File

css/media_thumbs_view.css
View source 
  1. #media-browser-library-list .views-view-fields {

  2.   float: left;

  3. }

  4. .view-views-media-browser.view-display-id-browser_thumbs .views-row {

  5.   float: left;

  6.   padding: 15px;

  7. }

  8. 

  9. .view-views-media-browser.view-display-id-browser_thumbs .views-row .media-item .label-wrapper {

  10.   margin-left: 0;

  11. }

  12. 

  13. .media-item .media-item {

  14.   border: none;

  15.   margin: 0;

  16.   padding: 0;

  17. }

  18. 

  19. .media-item .views-label {

  20.   font-weight: bold;

  21. }

  22. 

  23. .media-item .views-field {

  24.   font-size: 10px;

  25.   padding: 0 3px;

  26.   white-space: nowrap;

  27.   overflow: hidden;

  28.   background: #fff;

  29. }

  30. 

  31. .media-item.selected .views-field,

  32. .media-item.selected .media-thumbnail {

  33.   background: #f4ecc7;

  34. }

  35. 

  36. .media-item .views-field:hover {

  37.     display: inline-block;

  38.     overflow: visible;

  39.     position: relative;

  40.     z-index: 10;

  41.     border: 1px solid #888;

  42.     margin: -1px 0 -2px -1px;

  43. }

  44. 

  45. .media-item .media-thumbnail a {

  46.   height: 100px;

  47. }