You are here

__gallery_assist.css in Gallery Assist 7

.gallery-container-outer {
  position: relative;
}

/*.gallery-container-outer,
.gallery-container {
  width: 456px;
}*/

.gallery-container-outer.full.center, 
.gallery-container-outer.teaser.center, 
.gallery-container-inner.full.center, 
.gallery-container-inner.teaser.center {
  margin-left: auto;
  margin-right: auto;
}
.gallery-container-outer.full.right, 
.gallery-container-outer.teaser.right, 
.gallery-container-inner.full.right, 
.gallery-container-inner.teaser.right {
  width: 100%;
  margin-left: auto;;
}
.gallery-container-outer.full.left, 
.gallery-container-outer.teaser.left
.gallery-container-inner.full.left, 
.gallery-container-inner.teaser.left {
  width: 100%;
  margin-right: auto;
}
.gallery-container-outer.full.f-right, 
.gallery-container-outer.teaser.f-right {
  float: right;
  margin-left: 10px;
}
.gallery-container-outer.full.f-left, 
.gallery-container-outer.teaser.f-left {
  float: left;
  margin-right: 10px;
}

.gallery-container {
/*  border: 5px solid green;*/
/*  padding-left: 10px;*/
/*  padding-top: 10px;*/
  /*display: inline-block;*/
}

.ga-image-box {
  width: 100px;
  height: 100px;
  text-align: center;
}

.ga-item-box {
  width: 100px;
  height: 100px;
  border: 1px solid #0074BD;
  padding: 20px;
  border-radius: 5px;
}

.ga-item-box:hover {
  border: 1px solid #23AEFF;
}

.ga-item {
  position:relative;
  margin-bottom: 10px;
  margin-right: 10px;
  float: left;
}

.ga-item-title-box {
  height: 20px;
  line-height: 20px;
  padding-top: 0;
  padding-left: 10px;
}
.ga-item-title-box.hidden {
  display: none;
}

.ga-links {
  position: absolute;
  top: 0;
  right: 0;
}

.ga-item-box.withshadow {
  box-shadow: 3px 3px 5px 0px #000000;
}

.ga-item-links {
  position: absolute;
  border: 1px solid #ffcc33;
  right: 1px;
  top: 1px;
  padding-left: 5px;
  display: none;
  font-size: 10px;
  font-family: arial;
  background-color: #ffcc33;
}

.ga-item-link {
  padding-right: 5px;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.text-align-center {
  text-align: center;
}

.ga-cover {
  background-image: url(../images/cover_bg_gray.png);
}

body .ga-pager.preview {
    line-height: 1;
    padding: 10px 0 0;
}
body .ga-pager.left {
  text-align: left;
}
body .ga-pager.center {
  text-align: center;
}
body .ga-pager.right {
  text-align: right;
}
body .ga-pager .item-list {
  display: inline-block;
}
body .ga-pager ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  line-height: 10px;
}
body .ga-pager ul li {
  float: left;
}

/**
 * Node settings form
 */
table#gallery-assist-items tr td {
  vertical-align: top;
}
#gallery-assist-gallery-node-form label {
  white-space: nowrap;
}
#gallery-assist-gallery-node-form #edit-settings-align,
#gallery-assist-gallery-node-form #edit-settings-float,
#gallery-assist-gallery-node-form #edit-settings-order {
  float: left;
  /*height: 210px;*/
  margin-right: 17px;
  width: 31%;
}
#gallery-assist-gallery-node-form #edit-settings-order {
  margin-right: 0;
}
/**
 * Node settings form
 */
fieldset#edit-gallery-style .fieldset-wrapper label {
  white-space: nowrap;
}
fieldset#edit-gallery-style .fieldset-wrapper > div.ga-float-left {
  float: left;
  /*display: inline;*/
  /*height: 210px;*/
  margin-right: 17px;
  width: 31%;
}
fieldset#edit-gallery-style .fieldset-wrapper > div.ga-float-left:first-child {
  margin-top: 0;
  padding-top: 0;
}

File

css/__gallery_assist.css
View source
  1. .gallery-container-outer {
  2. position: relative;
  3. }
  4. /*.gallery-container-outer,
  5. .gallery-container {
  6. width: 456px;
  7. }*/
  8. .gallery-container-outer.full.center,
  9. .gallery-container-outer.teaser.center,
  10. .gallery-container-inner.full.center,
  11. .gallery-container-inner.teaser.center {
  12. margin-left: auto;
  13. margin-right: auto;
  14. }
  15. .gallery-container-outer.full.right,
  16. .gallery-container-outer.teaser.right,
  17. .gallery-container-inner.full.right,
  18. .gallery-container-inner.teaser.right {
  19. width: 100%;
  20. margin-left: auto;;
  21. }
  22. .gallery-container-outer.full.left,
  23. .gallery-container-outer.teaser.left
  24. .gallery-container-inner.full.left,
  25. .gallery-container-inner.teaser.left {
  26. width: 100%;
  27. margin-right: auto;
  28. }
  29. .gallery-container-outer.full.f-right,
  30. .gallery-container-outer.teaser.f-right {
  31. float: right;
  32. margin-left: 10px;
  33. }
  34. .gallery-container-outer.full.f-left,
  35. .gallery-container-outer.teaser.f-left {
  36. float: left;
  37. margin-right: 10px;
  38. }
  39. .gallery-container {
  40. /* border: 5px solid green;*/
  41. /* padding-left: 10px;*/
  42. /* padding-top: 10px;*/
  43. /*display: inline-block;*/
  44. }
  45. .ga-image-box {
  46. width: 100px;
  47. height: 100px;
  48. text-align: center;
  49. }
  50. .ga-item-box {
  51. width: 100px;
  52. height: 100px;
  53. border: 1px solid #0074BD;
  54. padding: 20px;
  55. border-radius: 5px;
  56. }
  57. .ga-item-box:hover {
  58. border: 1px solid #23AEFF;
  59. }
  60. .ga-item {
  61. position:relative;
  62. margin-bottom: 10px;
  63. margin-right: 10px;
  64. float: left;
  65. }
  66. .ga-item-title-box {
  67. height: 20px;
  68. line-height: 20px;
  69. padding-top: 0;
  70. padding-left: 10px;
  71. }
  72. .ga-item-title-box.hidden {
  73. display: none;
  74. }
  75. .ga-links {
  76. position: absolute;
  77. top: 0;
  78. right: 0;
  79. }
  80. .ga-item-box.withshadow {
  81. box-shadow: 3px 3px 5px 0px #000000;
  82. }
  83. .ga-item-links {
  84. position: absolute;
  85. border: 1px solid #ffcc33;
  86. right: 1px;
  87. top: 1px;
  88. padding-left: 5px;
  89. display: none;
  90. font-size: 10px;
  91. font-family: arial;
  92. background-color: #ffcc33;
  93. }
  94. .ga-item-link {
  95. padding-right: 5px;
  96. }
  97. .text-align-left {
  98. text-align: left;
  99. }
  100. .text-align-right {
  101. text-align: right;
  102. }
  103. .text-align-center {
  104. text-align: center;
  105. }
  106. .ga-cover {
  107. background-image: url(../images/cover_bg_gray.png);
  108. }
  109. body .ga-pager.preview {
  110. line-height: 1;
  111. padding: 10px 0 0;
  112. }
  113. body .ga-pager.left {
  114. text-align: left;
  115. }
  116. body .ga-pager.center {
  117. text-align: center;
  118. }
  119. body .ga-pager.right {
  120. text-align: right;
  121. }
  122. body .ga-pager .item-list {
  123. display: inline-block;
  124. }
  125. body .ga-pager ul {
  126. margin: 0;
  127. padding: 0;
  128. list-style: none;
  129. list-style-image: none;
  130. line-height: 10px;
  131. }
  132. body .ga-pager ul li {
  133. float: left;
  134. }
  135. /**
  136. * Node settings form
  137. */
  138. table#gallery-assist-items tr td {
  139. vertical-align: top;
  140. }
  141. #gallery-assist-gallery-node-form label {
  142. white-space: nowrap;
  143. }
  144. #gallery-assist-gallery-node-form #edit-settings-align,
  145. #gallery-assist-gallery-node-form #edit-settings-float,
  146. #gallery-assist-gallery-node-form #edit-settings-order {
  147. float: left;
  148. /*height: 210px;*/
  149. margin-right: 17px;
  150. width: 31%;
  151. }
  152. #gallery-assist-gallery-node-form #edit-settings-order {
  153. margin-right: 0;
  154. }
  155. /**
  156. * Node settings form
  157. */
  158. fieldset#edit-gallery-style .fieldset-wrapper label {
  159. white-space: nowrap;
  160. }
  161. fieldset#edit-gallery-style .fieldset-wrapper > div.ga-float-left {
  162. float: left;
  163. /*display: inline;*/
  164. /*height: 210px;*/
  165. margin-right: 17px;
  166. width: 31%;
  167. }
  168. fieldset#edit-gallery-style .fieldset-wrapper > div.ga-float-left:first-child {
  169. margin-top: 0;
  170. padding-top: 0;
  171. }