You are here

gallery-assist.css in Gallery Assist 7

/* line 8, ../sass/screen.scss */
.ga-container {
  border: 1px solid darkgreen;
  max-width: 466px;
  margin-bottom: 10px;
}
/* line 12, ../sass/screen.scss */
.ga-container.align-center {
  margin: 10px auto;
}
/* line 15, ../sass/screen.scss */
.ga-container.align-left {
  margin-right: auto;
}
/* line 18, ../sass/screen.scss */
.ga-container.align-right {
  margin-left: auto;
}
/* line 21, ../sass/screen.scss */
.ga-container.float-left {
  float: left;
  margin-right: 20px;
}
/* line 25, ../sass/screen.scss */
.ga-container.float-right {
  float: right;
  margin-left: 20px;
}
/* line 29, ../sass/screen.scss */
.ga-container a {
  outline: none;
}

/*.ga-container .ga-container-links .ga-pager {
  margin: 5px 0;
  padding: 2px;
}
.ga-container .ga-container-links .ga-pager ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.ga-container .ga-container-links .ga-pager ul li {
  display: inline;
  padding: 4px;
}
.ga-container .ga-container-links .ga-pager ul li a {
  text-decoration: none;
}
.ga-container .ga-container-links .ga-pager ul li.active {
  background-color: #ddd;
}
.ga-container .ga-container-links .ga-pager ul li:hover {
  background-color: #ddd;
}*/


.ga-container.center {
    margin: 0 auto 20px;
}
.ga-container.left {
    margin: 0 auto 20px 0;
}
.ga-container.right {
    margin: 0 0 20px auto;
}
/* line 61, ../sass/screen.scss */
.ga-container .ga-container-content {
  display: inline-block;
  padding: 10px 0 0 10px;
  /*      Gallery item*/
}
/* line 65, ../sass/screen.scss */
.ga-container .ga-container-content .ga-item-container {
  position: relative;
  float: left;
  background-color: transparent;
  margin: 0 10px 10px 0;
}
/* line 71, ../sass/screen.scss */
.ga-container .ga-container-content .ga-item-container .ga-item .ga-item-outer {
  padding: 20px;
  position: relative;
  border: 1px solid darkgreen;
  border-radius: 10px;
  box-shadow: 0px 0px 6px #000;
  width: 100px;
  height: 100px;
}
/* line 79, ../sass/screen.scss */
.ga-container .ga-container-content .ga-item-container .ga-item .ga-item-outer.ga-cover {
  background-image: url("../images/cover_bg_gray.png");
}
/* line 82, ../sass/screen.scss */
.ga-container .ga-container-content .ga-item-container .ga-item .ga-item-outer .ga-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* line 90, ../sass/screen.scss */
.ga-container .ga-container-content .ga-item-container .ga-item-links {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 2px 0;
  font-size: 9px;
  opacity: 0.3;
}
/* line 98, ../sass/screen.scss */
.ga-container .ga-container-content .ga-item-container .ga-item-links:hover {
  opacity: 1;
}
/* line 101, ../sass/screen.scss */
.ga-container .ga-container-content .ga-item-container .ga-item-links ul {
  margin: 0;
  text-align: center;
}
/* line 104, ../sass/screen.scss */
.ga-container .ga-container-content .ga-item-container .ga-item-links ul li {
  display: inline;
  padding-right: 4px;
  border-right: 1px solid gray;
}
/* line 108, ../sass/screen.scss */
.ga-container .ga-container-content .ga-item-container .ga-item-links ul li a {
  text-decoration: none;
}
/* line 111, ../sass/screen.scss */
.ga-container .ga-container-content .ga-item-container .ga-item-links ul li:last-child {
  border: none;
}
/* line 117, ../sass/screen.scss */
.ga-container .ga-container-content .ga-item-container .ga-item-footer {
  margin: 6px 0 0 0;
  text-align: center;
  font-size: .8em;
  font-style: oblique;
}

.ga-preview-image {
  text-align: center;
}
ul.gallery-assist-pager,
.region-content ul.gallery-assist-pager {
  padding-left: 0;
  list-style: none;
  list-style-image: none;
  text-align: center;
}
ul.gallery-assist-pager li,
.region-content ul.gallery-assist-pager li {
  display: inline;
}
ul.gallery-assist-pager li a.gallery_assist img {
  height: 100%;
  max-width: 100%;
}
ul.gallery-assist-pager li:first-child,
.region-content ul.gallery-assist-pager li:first-child {
  margin-left: 0;
  
}
ul.gallery-assist-pager li.gallery_assist.pager-current img {
  border: 1px solid #666;
  padding: 1px;
}
ul.gallery-assist-pager li.gallery_assist.pager-current img {
  
}

.ga-item-title {
    overflow: hidden;
    padding-left: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
}

File

css/gallery-assist.css
View source
  1. /* line 8, ../sass/screen.scss */
  2. .ga-container {
  3. border: 1px solid darkgreen;
  4. max-width: 466px;
  5. margin-bottom: 10px;
  6. }
  7. /* line 12, ../sass/screen.scss */
  8. .ga-container.align-center {
  9. margin: 10px auto;
  10. }
  11. /* line 15, ../sass/screen.scss */
  12. .ga-container.align-left {
  13. margin-right: auto;
  14. }
  15. /* line 18, ../sass/screen.scss */
  16. .ga-container.align-right {
  17. margin-left: auto;
  18. }
  19. /* line 21, ../sass/screen.scss */
  20. .ga-container.float-left {
  21. float: left;
  22. margin-right: 20px;
  23. }
  24. /* line 25, ../sass/screen.scss */
  25. .ga-container.float-right {
  26. float: right;
  27. margin-left: 20px;
  28. }
  29. /* line 29, ../sass/screen.scss */
  30. .ga-container a {
  31. outline: none;
  32. }
  33. /*.ga-container .ga-container-links .ga-pager {
  34. margin: 5px 0;
  35. padding: 2px;
  36. }
  37. .ga-container .ga-container-links .ga-pager ul {
  38. margin: 0;
  39. padding: 0;
  40. text-align: center;
  41. }
  42. .ga-container .ga-container-links .ga-pager ul li {
  43. display: inline;
  44. padding: 4px;
  45. }
  46. .ga-container .ga-container-links .ga-pager ul li a {
  47. text-decoration: none;
  48. }
  49. .ga-container .ga-container-links .ga-pager ul li.active {
  50. background-color: #ddd;
  51. }
  52. .ga-container .ga-container-links .ga-pager ul li:hover {
  53. background-color: #ddd;
  54. }*/
  55. .ga-container.center {
  56. margin: 0 auto 20px;
  57. }
  58. .ga-container.left {
  59. margin: 0 auto 20px 0;
  60. }
  61. .ga-container.right {
  62. margin: 0 0 20px auto;
  63. }
  64. /* line 61, ../sass/screen.scss */
  65. .ga-container .ga-container-content {
  66. display: inline-block;
  67. padding: 10px 0 0 10px;
  68. /* Gallery item*/
  69. }
  70. /* line 65, ../sass/screen.scss */
  71. .ga-container .ga-container-content .ga-item-container {
  72. position: relative;
  73. float: left;
  74. background-color: transparent;
  75. margin: 0 10px 10px 0;
  76. }
  77. /* line 71, ../sass/screen.scss */
  78. .ga-container .ga-container-content .ga-item-container .ga-item .ga-item-outer {
  79. padding: 20px;
  80. position: relative;
  81. border: 1px solid darkgreen;
  82. border-radius: 10px;
  83. box-shadow: 0px 0px 6px #000;
  84. width: 100px;
  85. height: 100px;
  86. }
  87. /* line 79, ../sass/screen.scss */
  88. .ga-container .ga-container-content .ga-item-container .ga-item .ga-item-outer.ga-cover {
  89. background-image: url("../images/cover_bg_gray.png");
  90. }
  91. /* line 82, ../sass/screen.scss */
  92. .ga-container .ga-container-content .ga-item-container .ga-item .ga-item-outer .ga-img {
  93. position: absolute;
  94. top: 50%;
  95. left: 50%;
  96. transform: translate(-50%, -50%);
  97. }
  98. /* line 90, ../sass/screen.scss */
  99. .ga-container .ga-container-content .ga-item-container .ga-item-links {
  100. position: absolute;
  101. top: 0;
  102. left: 0;
  103. right: 0;
  104. padding: 2px 0;
  105. font-size: 9px;
  106. opacity: 0.3;
  107. }
  108. /* line 98, ../sass/screen.scss */
  109. .ga-container .ga-container-content .ga-item-container .ga-item-links:hover {
  110. opacity: 1;
  111. }
  112. /* line 101, ../sass/screen.scss */
  113. .ga-container .ga-container-content .ga-item-container .ga-item-links ul {
  114. margin: 0;
  115. text-align: center;
  116. }
  117. /* line 104, ../sass/screen.scss */
  118. .ga-container .ga-container-content .ga-item-container .ga-item-links ul li {
  119. display: inline;
  120. padding-right: 4px;
  121. border-right: 1px solid gray;
  122. }
  123. /* line 108, ../sass/screen.scss */
  124. .ga-container .ga-container-content .ga-item-container .ga-item-links ul li a {
  125. text-decoration: none;
  126. }
  127. /* line 111, ../sass/screen.scss */
  128. .ga-container .ga-container-content .ga-item-container .ga-item-links ul li:last-child {
  129. border: none;
  130. }
  131. /* line 117, ../sass/screen.scss */
  132. .ga-container .ga-container-content .ga-item-container .ga-item-footer {
  133. margin: 6px 0 0 0;
  134. text-align: center;
  135. font-size: .8em;
  136. font-style: oblique;
  137. }
  138. .ga-preview-image {
  139. text-align: center;
  140. }
  141. ul.gallery-assist-pager,
  142. .region-content ul.gallery-assist-pager {
  143. padding-left: 0;
  144. list-style: none;
  145. list-style-image: none;
  146. text-align: center;
  147. }
  148. ul.gallery-assist-pager li,
  149. .region-content ul.gallery-assist-pager li {
  150. display: inline;
  151. }
  152. ul.gallery-assist-pager li a.gallery_assist img {
  153. height: 100%;
  154. max-width: 100%;
  155. }
  156. ul.gallery-assist-pager li:first-child,
  157. .region-content ul.gallery-assist-pager li:first-child {
  158. margin-left: 0;
  159. }
  160. ul.gallery-assist-pager li.gallery_assist.pager-current img {
  161. border: 1px solid #666;
  162. padding: 1px;
  163. }
  164. ul.gallery-assist-pager li.gallery_assist.pager-current img {
  165. }
  166. .ga-item-title {
  167. overflow: hidden;
  168. padding-left: 20px;
  169. text-overflow: ellipsis;
  170. white-space: nowrap;
  171. width: 100px;
  172. }