You are here

instagram_feeds_moderation.css in Instagram Feeds 7

/*
    Document   : instagram_feeds_moderation
    Created on : July 4, 2013, 13:33:58
    Author     : vasiliy.zaytsev
    Description:
        Purpose of the stylesheet to style Instagram moderation screen.
*/

tr.even:hover,
tr.odd:hover {
  background: #e3e4de;
}

tr.blacklisted {
  background: #ffe4de;
}

#edit-actionnode-make-sticky-action {
  margin-left: 100px;
}

.view-display-id-admin_instagram_media_items select {
  max-width: 200px !important;
  min-width: 100px;
}

.field-under-fields .form-text {
  width: 150px;
}

#views-exposed-form-instagram-feeds-moderation-admin-instagram-media-items label {
  display: block;
}

.field-under-fields .form-item.form-item-user {
  padding-top: 0;
}

.field-under-fields .form-item.form-item-user label {
  margin-bottom: 9px;
}

.view-display-id-admin_instagram_feeds {
  position: relative;
  z-index: 1;
}

#taxonomy-form-term .form-submit,
.view-display-id-admin_instagram_media_items input.form-submit,
.view-display-id-admin_instagram_feeds input.form-submit,
.view-display-id-admin_instagram_media_items a.button,
.view-display-id-admin_instagram_feeds a.button,
.view-display-id-admin_instagram_feeds .vbo-views-form #edit-select .fieldset-wrapper input.form-submit {
  border-radius: 0;
  margin-top: 0;
}

td a.colorbox-inline {
  display: block;
  height: 150px;
  overflow: hidden;
  position: relative;
  width: 150px;
}

td a.colorbox-inline img {
  height: 150px;
  width: 150px;
}

tr td a.colorbox-inline .hover {
  display: none;
}

tr:hover td a.colorbox-inline .hover {
  background: rgba(0,0,0,0.7);
  color: #fff;
  display: block;
  font-weight: normal;
  height: 140px;
  left: 0;
  line-height: 1.3em;
  opacity: 0.2;
  overflow: hidden;
  padding: 5px;
  position: absolute;
  top: 0;
  width: 140px;
  filter: alpha(opacity=20);
}

tr td a.colorbox-inline .hover:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.views-exposed-form .container-inline-date .date-padding {
  margin-top: 3px;
}

.views-widget-per-page .form-item {
  padding: 0 0 9px;
}

.views-widget-per-page .form-item label {
  padding-bottom: 9px;
}

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.9em;
}

#taxonomy-form-term #edit-path {
  display: none;
}

.view-header {
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
}

File

modules/instagram_feeds_moderation/css/instagram_feeds_moderation.css
View source
  1. /*
  2. Document : instagram_feeds_moderation
  3. Created on : July 4, 2013, 13:33:58
  4. Author : vasiliy.zaytsev
  5. Description:
  6. Purpose of the stylesheet to style Instagram moderation screen.
  7. */
  8. tr.even:hover,
  9. tr.odd:hover {
  10. background: #e3e4de;
  11. }
  12. tr.blacklisted {
  13. background: #ffe4de;
  14. }
  15. #edit-actionnode-make-sticky-action {
  16. margin-left: 100px;
  17. }
  18. .view-display-id-admin_instagram_media_items select {
  19. max-width: 200px !important;
  20. min-width: 100px;
  21. }
  22. .field-under-fields .form-text {
  23. width: 150px;
  24. }
  25. #views-exposed-form-instagram-feeds-moderation-admin-instagram-media-items label {
  26. display: block;
  27. }
  28. .field-under-fields .form-item.form-item-user {
  29. padding-top: 0;
  30. }
  31. .field-under-fields .form-item.form-item-user label {
  32. margin-bottom: 9px;
  33. }
  34. .view-display-id-admin_instagram_feeds {
  35. position: relative;
  36. z-index: 1;
  37. }
  38. #taxonomy-form-term .form-submit,
  39. .view-display-id-admin_instagram_media_items input.form-submit,
  40. .view-display-id-admin_instagram_feeds input.form-submit,
  41. .view-display-id-admin_instagram_media_items a.button,
  42. .view-display-id-admin_instagram_feeds a.button,
  43. .view-display-id-admin_instagram_feeds .vbo-views-form #edit-select .fieldset-wrapper input.form-submit {
  44. border-radius: 0;
  45. margin-top: 0;
  46. }
  47. td a.colorbox-inline {
  48. display: block;
  49. height: 150px;
  50. overflow: hidden;
  51. position: relative;
  52. width: 150px;
  53. }
  54. td a.colorbox-inline img {
  55. height: 150px;
  56. width: 150px;
  57. }
  58. tr td a.colorbox-inline .hover {
  59. display: none;
  60. }
  61. tr:hover td a.colorbox-inline .hover {
  62. background: rgba(0,0,0,0.7);
  63. color: #fff;
  64. display: block;
  65. font-weight: normal;
  66. height: 140px;
  67. left: 0;
  68. line-height: 1.3em;
  69. opacity: 0.2;
  70. overflow: hidden;
  71. padding: 5px;
  72. position: absolute;
  73. top: 0;
  74. width: 140px;
  75. filter: alpha(opacity=20);
  76. }
  77. tr td a.colorbox-inline .hover:hover {
  78. opacity: 1;
  79. filter: alpha(opacity=100);
  80. }
  81. .views-exposed-form .container-inline-date .date-padding {
  82. margin-top: 3px;
  83. }
  84. .views-widget-per-page .form-item {
  85. padding: 0 0 9px;
  86. }
  87. .views-widget-per-page .form-item label {
  88. padding-bottom: 9px;
  89. }
  90. .views-exposed-form .views-exposed-widget .form-submit {
  91. margin-top: 1.9em;
  92. }
  93. #taxonomy-form-term #edit-path {
  94. display: none;
  95. }
  96. .view-header {
  97. text-align: center;
  98. font-size: 0.9em;
  99. font-weight: bold;
  100. }