You are here

Home » API reference » Gallery Assist 6

gallery_assist.css in Gallery Assist 6 

/* $Id: gallery_assist.css,v 1.1.2.23 2011/01/11 08:46:40 jcmc Exp $ */

#gallery-assist-users-help {
  margin: 0 20px;
}

#gallery-assist-users-help h3 {
  margin: 12px 0 5px 0;
}

.gallery-assist-settings-left {
  float:left;
  padding: 0 10px;
  width:30%;
}

.gallery-assist-settings-left-half {
  float:left;
  padding: 0 10px;
  width:45%;
}

.ga-clear-both {
  clear: both;
}

.item-box {
  float: left;
}

.image-box, 
#block-gallery_assist-0 .gab-item-lnk {
  text-align: center;
  /* border:1px solid gray; */
}

/*
.image-box:hover {
  border:1px solid red;
  background:#ffcc33;
}
*/

/* gallery_assist item preview */
#gallery-item-caption-title {
  font-weight: bold;
}

/* pager */
#ga-pager-box {
  clear:both;
}

/* gallery_assist item preview pager */
#ga-pager-box ul.pager {
  text-align: left;
  padding: 0 0 1em 0;
}
#ga-pager-box ul.pager li{
  margin-top:10px;
}
#ga-pager-box ul li img.off {
  height: 20px;
}
#ga-pager-box ul li img.on {
  height: 25px;
}

#ga-pager-box ul li img.ic-off {
  opacity:0.7;
}
#ga-pager-box ul li img.ic-on {
  opacity:inherit;
}

#ga-pager-box ul li img.ic-off:hover {
  opacity:inherit;
}

#exif-data {
  margin-top: 2em;
  padding: 2em;
  border: 1px solid gray;
}

.gallery-container .title-box {
  text-align:center;
}

/* gallery_assist shows as list */
#gallery-container .item-box-list {
  clear:left;
  display:block;
}

#gallery-item-caption-title, .title-box-on-list {
  font-weight: bold;
}

.item-box-row {
  /*border-bottom:1px solid;
  border-color:#AAAAAA;*/
  padding:15px 10px 10px 10px;
}

.gallery-container .odd {
  background:#EDF5FA;
}

/*
.item-box {
  margin-top:5px;
}*/

.ga-common-block-links {

}

#blok-gallery-container, 
#blok-gallery-container.item-box {
  background: transparent;
  margin-top:0;
}

.ga-common-block-pics {
  line-height: 0;
  float: left;
  margin: 2px;
}

.thmb_form_image {
  height:80px;
  width:80px;
  text-align:center;
}

div.ga-comment-links-container,  
div.ga-comment-links-container div.item-list, 
div.ga-comment-links-container div.item-list ul, 
div.ga-comment-links-container div.item-list ul li {
  margin: 0;
  padding: 0;
}
div.ga-comment-links-container div.item-list h3 {display:none;}
div.ga-comment-links-container div.item-list ul li {
  list-style: none;
  background:transparent none;
  list-style-image:none;
  display:inline;
}

div#ga-pager-box  div.pager li a {color:#fff999;}

/*
#ga-gallery-block-0, 
#ga-gallery-block-0.pics, 
#ga-gallery-block-1, 
#ga-gallery-block-1.pics {
  : displa;
}*/

.gab-item-pic {
  text-align: center;
}

.ga_titles {
  width:70%;
}

.ga_titles {
  white-space: normal;
}

.ga_created {
  white-space: nowrap;
}

#ga-amount-achaived {
  font-weight:bold;
  margin: 10px 0;
  padding-left: 10px;
}

#ga-form-delete {
  width:1px;
}

#ga-form-item {
  width:1px;
}

#ga-form-caption {
  width:80%;
}

#ga-devel-by, #gallery-assist-node-info {
  text-align: right;
  font-size: 10px;
  color:gray;
}

.ga-form-first {
  width:100%;
  display:block;
}

/*
.ga-item-edit-link, .ga-item-edit-link a {
  color:transparent;
  font-style: italic;
  font-size: 10px;
  height: 18px;
  padding: 0px 5px;
  margin:-2px 0 0 0;
}

.ga-item-edit-link:hover, .ga-item-edit-link a:hover {
  color: #222222;
  background: #cccccc;
  opacity: 0.7;
}
*/
.ga-item-edit-link {
  width: 100%;
  opacity:0.1;
  z-index:20;
}
.ga-item-edit-link:hover {
  opacity: 0.9;
}



.ga-item-edit-link a {
  font-style: italic;
  font-size: 10px;
  height: 18px;
  padding: 0px 5px;
  margin:-2px 0 0 0;
  text-decoration: none;
  color: #111;
  background: yellow;
}

.ga-item-edit-link a:hover {
  color: #111;
  background: #ffcc66;
}

.ga-pager-box pager-item {
  display: none;
}
.ga-form-weight {
  width : 1px;
}
.ga-align-left {
  text-align:left;
}
.ga-align-center {
  text-align:center;
}
.ga-align-right {
  text-align:right;
}

div.ga-back-link {
  margin-right: 5px;
}

div.nav-links {
  background: transparent;
}
/**
 * Comment out to use icons for the back and edit one links.
 */
div.ga-edit-item-link {
  background: transparent url(../images/gallery-assist-sprite.png) no-repeat scroll 0 0;
  background-position: 0px 0;
  height: 22px;
  width: 22px;
  overflow: hidden;
}
div.ga-edit-item-link:hover {
  background: transparent url(../images/gallery-assist-sprite.png) no-repeat scroll 0 0;
  background-position: 0 0;
}
div.ga-edit-item-link a {
  background: transparent;
  display: block;
  text-indent: -900px;
}
div.ga-back-link {
  background: transparent url(../images/gallery-assist-sprite.png) repeat scroll 0 0;
  background-position: -22px 0px;
  float: left;
  height: 22px;
  overflow: hidden;
  width: 22px;
}
div.ga-node-edit-link:hover {
  background:transparent url(../images/gallery-assist-sprite.png) repeat scroll 0 0;
  background-position: -44px 0px;
}
div.ga-node-edit-link a {
  background: transparent;
  display: block;
  text-indent: -900px;
}
div.ga-node-edit-link {
  background: transparent url(../images/gallery-assist-sprite.png) repeat scroll -44px 0;
  display: inline;
  float: left;
  height: 22px;
  margin-right: 0.5em;
  overflow: hidden;
  width: 22px;
}
div.ga-back-link:hover {
  background:transparent url(../images/gallery-assist-sprite.png) repeat scroll 0 0;
  background-position: -22px 0px;
}
div.ga-back-link a {
  background: transparent;
  padding-left:30px;
}
/**
 * Comment out to use icons for other links.
 */
.ga-graph-download-link:hover {
  background:transparent url(../images/gallery-assist-sprite.png) repeat scroll 0 0;
  background-position: -66px 0px;
}
.ga-graph-download-link a {
  background: transparent;
  display: block;
  text-indent: -900px;
}
.ga-graph-download-link {
  background: transparent url(../images/gallery-assist-sprite.png) repeat scroll -66px 0;
  display: inline;
  float: left;
  height: 22px;
  margin-right: 0.5em;
  overflow: hidden;
  width: 22px;
}

.ga-nowrap {
  white-space: nowrap;
}

.ga-fullwidth {
  width: 100%;
}

#ga-pager-box .item-list {
  border:0;
  background:transparent;
}

.ga-container-teaser-align-left {margin-right:auto;text-align:left;}
.ga-container-teaser-align-right {}
.ga-container-teaser-align-center {}
.ga-container-teaser-float-left {}
.ga-container-teaser-float-right {}
.ga-container-page-align-left {}
.ga-container-page-align-right {}
.ga-container-page-align-center {}
.ga-container-page-float-left {}
.ga-container-page-float-right {}

/* by zero point theme add the lines to the end of file style-zero.css
body.layout-jello .page {
  padding-left:0;
  padding-right:0;
}
*/

.gallery_assist .image-box {
  border: 1px solid #CCCCCC;
}
.gallery_assist .image-box:hover {
  border: 1px solid #3B5998;
}

#prev-img-box {
  margin:0 auto;
}

.ga-no-wrap {
  white-space: nowrap;
}

/* test view as grid */
.ga-views-test-grid .view-content table tr td  {
  vertical-align: top;
}

/* Menu trail links format */
.gab-item-lnk a.active img {
  opacity: 1;
}
.gab-item-lnk a img {
  opacity: 0.7;
}
.gab-item-lnk a img:hover {
  opacity:1;
}

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

.ga-check-all, .ga-uncheck-all {
  font-weight: bold;
  cursor: pointer;
}

.shadow-3 {
  -moz-box-shadow: -4.95px 0px 9.9px rgb(0, 0, 0);
  box-shadow: -4.95px 0px 9.9px rgb(0, 0, 0);
}

File

css/gallery_assist.css
View source 
  1. /* $Id: gallery_assist.css,v 1.1.2.23 2011/01/11 08:46:40 jcmc Exp $ */

  2. 

  3. #gallery-assist-users-help {

  4.   margin: 0 20px;

  5. }

  6. 

  7. #gallery-assist-users-help h3 {

  8.   margin: 12px 0 5px 0;

  9. }

  10. 

  11. .gallery-assist-settings-left {

  12.   float:left;

  13.   padding: 0 10px;

  14.   width:30%;

  15. }

  16. 

  17. .gallery-assist-settings-left-half {

  18.   float:left;

  19.   padding: 0 10px;

  20.   width:45%;

  21. }

  22. 

  23. .ga-clear-both {

  24.   clear: both;

  25. }

  26. 

  27. .item-box {

  28.   float: left;

  29. }

  30. 

  31. .image-box, 

  32. #block-gallery_assist-0 .gab-item-lnk {

  33.   text-align: center;

  34.   /* border:1px solid gray; */

  35. }

  36. 

  37. /*

  38. .image-box:hover {

  39.   border:1px solid red;

  40.   background:#ffcc33;

  41. }

  42. */

  43. 

  44. /* gallery_assist item preview */

  45. #gallery-item-caption-title {

  46.   font-weight: bold;

  47. }

  48. 

  49. /* pager */

  50. #ga-pager-box {

  51.   clear:both;

  52. }

  53. 

  54. /* gallery_assist item preview pager */

  55. #ga-pager-box ul.pager {

  56.   text-align: left;

  57.   padding: 0 0 1em 0;

  58. }

  59. #ga-pager-box ul.pager li{

  60.   margin-top:10px;

  61. }

  62. #ga-pager-box ul li img.off {

  63.   height: 20px;

  64. }

  65. #ga-pager-box ul li img.on {

  66.   height: 25px;

  67. }

  68. 

  69. #ga-pager-box ul li img.ic-off {

  70.   opacity:0.7;

  71. }

  72. #ga-pager-box ul li img.ic-on {

  73.   opacity:inherit;

  74. }

  75. 

  76. #ga-pager-box ul li img.ic-off:hover {

  77.   opacity:inherit;

  78. }

  79. 

  80. #exif-data {

  81.   margin-top: 2em;

  82.   padding: 2em;

  83.   border: 1px solid gray;

  84. }

  85. 

  86. .gallery-container .title-box {

  87.   text-align:center;

  88. }

  89. 

  90. /* gallery_assist shows as list */

  91. #gallery-container .item-box-list {

  92.   clear:left;

  93.   display:block;

  94. }

  95. 

  96. #gallery-item-caption-title, .title-box-on-list {

  97.   font-weight: bold;

  98. }

  99. 

  100. .item-box-row {

  101.   /*border-bottom:1px solid;

  102.   border-color:#AAAAAA;*/

  103.   padding:15px 10px 10px 10px;

  104. }

  105. 

  106. .gallery-container .odd {

  107.   background:#EDF5FA;

  108. }

  109. 

  110. /*

  111. .item-box {

  112.   margin-top:5px;

  113. }*/

  114. 

  115. .ga-common-block-links {

  116. 

  117. }

  118. 

  119. #blok-gallery-container, 

  120. #blok-gallery-container.item-box {

  121.   background: transparent;

  122.   margin-top:0;

  123. }

  124. 

  125. .ga-common-block-pics {

  126.   line-height: 0;

  127.   float: left;

  128.   margin: 2px;

  129. }

  130. 

  131. .thmb_form_image {

  132.   height:80px;

  133.   width:80px;

  134.   text-align:center;

  135. }

  136. 

  137. div.ga-comment-links-container,  

  138. div.ga-comment-links-container div.item-list, 

  139. div.ga-comment-links-container div.item-list ul, 

  140. div.ga-comment-links-container div.item-list ul li {

  141.   margin: 0;

  142.   padding: 0;

  143. }

  144. div.ga-comment-links-container div.item-list h3 {display:none;}

  145. div.ga-comment-links-container div.item-list ul li {

  146.   list-style: none;

  147.   background:transparent none;

  148.   list-style-image:none;

  149.   display:inline;

  150. }

  151. 

  152. div#ga-pager-box  div.pager li a {color:#fff999;}

  153. 

  154. /*

  155. #ga-gallery-block-0, 

  156. #ga-gallery-block-0.pics, 

  157. #ga-gallery-block-1, 

  158. #ga-gallery-block-1.pics {

  159.   : displa;

  160. }*/

  161. 

  162. .gab-item-pic {

  163.   text-align: center;

  164. }

  165. 

  166. .ga_titles {

  167.   width:70%;

  168. }

  169. 

  170. .ga_titles {

  171.   white-space: normal;

  172. }

  173. 

  174. .ga_created {

  175.   white-space: nowrap;

  176. }

  177. 

  178. #ga-amount-achaived {

  179.   font-weight:bold;

  180.   margin: 10px 0;

  181.   padding-left: 10px;

  182. }

  183. 

  184. #ga-form-delete {

  185.   width:1px;

  186. }

  187. 

  188. #ga-form-item {

  189.   width:1px;

  190. }

  191. 

  192. #ga-form-caption {

  193.   width:80%;

  194. }

  195. 

  196. #ga-devel-by, #gallery-assist-node-info {

  197.   text-align: right;

  198.   font-size: 10px;

  199.   color:gray;

  200. }

  201. 

  202. .ga-form-first {

  203.   width:100%;

  204.   display:block;

  205. }

  206. 

  207. /*

  208. .ga-item-edit-link, .ga-item-edit-link a {

  209.   color:transparent;

  210.   font-style: italic;

  211.   font-size: 10px;

  212.   height: 18px;

  213.   padding: 0px 5px;

  214.   margin:-2px 0 0 0;

  215. }

  216. 

  217. .ga-item-edit-link:hover, .ga-item-edit-link a:hover {

  218.   color: #222222;

  219.   background: #cccccc;

  220.   opacity: 0.7;

  221. }

  222. */

  223. .ga-item-edit-link {

  224.   width: 100%;

  225.   opacity:0.1;

  226.   z-index:20;

  227. }

  228. .ga-item-edit-link:hover {

  229.   opacity: 0.9;

  230. }

  231. 

  232. 

  233. 

  234. .ga-item-edit-link a {

  235.   font-style: italic;

  236.   font-size: 10px;

  237.   height: 18px;

  238.   padding: 0px 5px;

  239.   margin:-2px 0 0 0;

  240.   text-decoration: none;

  241.   color: #111;

  242.   background: yellow;

  243. }

  244. 

  245. .ga-item-edit-link a:hover {

  246.   color: #111;

  247.   background: #ffcc66;

  248. }

  249. 

  250. .ga-pager-box pager-item {

  251.   display: none;

  252. }

  253. .ga-form-weight {

  254.   width : 1px;

  255. }

  256. .ga-align-left {

  257.   text-align:left;

  258. }

  259. .ga-align-center {

  260.   text-align:center;

  261. }

  262. .ga-align-right {

  263.   text-align:right;

  264. }

  265. 

  266. div.ga-back-link {

  267.   margin-right: 5px;

  268. }

  269. 

  270. div.nav-links {

  271.   background: transparent;

  272. }

  273. /**

  274.  * Comment out to use icons for the back and edit one links.

  275.  */

  276. div.ga-edit-item-link {

  277.   background: transparent url(../images/gallery-assist-sprite.png) no-repeat scroll 0 0;

  278.   background-position: 0px 0;

  279.   height: 22px;

  280.   width: 22px;

  281.   overflow: hidden;

  282. }

  283. div.ga-edit-item-link:hover {

  284.   background: transparent url(../images/gallery-assist-sprite.png) no-repeat scroll 0 0;

  285.   background-position: 0 0;

  286. }

  287. div.ga-edit-item-link a {

  288.   background: transparent;

  289.   display: block;

  290.   text-indent: -900px;

  291. }

  292. div.ga-back-link {

  293.   background: transparent url(../images/gallery-assist-sprite.png) repeat scroll 0 0;

  294.   background-position: -22px 0px;

  295.   float: left;

  296.   height: 22px;

  297.   overflow: hidden;

  298.   width: 22px;

  299. }

  300. div.ga-node-edit-link:hover {

  301.   background:transparent url(../images/gallery-assist-sprite.png) repeat scroll 0 0;

  302.   background-position: -44px 0px;

  303. }

  304. div.ga-node-edit-link a {

  305.   background: transparent;

  306.   display: block;

  307.   text-indent: -900px;

  308. }

  309. div.ga-node-edit-link {

  310.   background: transparent url(../images/gallery-assist-sprite.png) repeat scroll -44px 0;

  311.   display: inline;

  312.   float: left;

  313.   height: 22px;

  314.   margin-right: 0.5em;

  315.   overflow: hidden;

  316.   width: 22px;

  317. }

  318. div.ga-back-link:hover {

  319.   background:transparent url(../images/gallery-assist-sprite.png) repeat scroll 0 0;

  320.   background-position: -22px 0px;

  321. }

  322. div.ga-back-link a {

  323.   background: transparent;

  324.   padding-left:30px;

  325. }

  326. /**

  327.  * Comment out to use icons for other links.

  328.  */

  329. .ga-graph-download-link:hover {

  330.   background:transparent url(../images/gallery-assist-sprite.png) repeat scroll 0 0;

  331.   background-position: -66px 0px;

  332. }

  333. .ga-graph-download-link a {

  334.   background: transparent;

  335.   display: block;

  336.   text-indent: -900px;

  337. }

  338. .ga-graph-download-link {

  339.   background: transparent url(../images/gallery-assist-sprite.png) repeat scroll -66px 0;

  340.   display: inline;

  341.   float: left;

  342.   height: 22px;

  343.   margin-right: 0.5em;

  344.   overflow: hidden;

  345.   width: 22px;

  346. }

  347. 

  348. .ga-nowrap {

  349.   white-space: nowrap;

  350. }

  351. 

  352. .ga-fullwidth {

  353.   width: 100%;

  354. }

  355. 

  356. #ga-pager-box .item-list {

  357.   border:0;

  358.   background:transparent;

  359. }

  360. 

  361. .ga-container-teaser-align-left {margin-right:auto;text-align:left;}

  362. .ga-container-teaser-align-right {}

  363. .ga-container-teaser-align-center {}

  364. .ga-container-teaser-float-left {}

  365. .ga-container-teaser-float-right {}

  366. .ga-container-page-align-left {}

  367. .ga-container-page-align-right {}

  368. .ga-container-page-align-center {}

  369. .ga-container-page-float-left {}

  370. .ga-container-page-float-right {}

  371. 

  372. /* by zero point theme add the lines to the end of file style-zero.css

  373. body.layout-jello .page {

  374.   padding-left:0;

  375.   padding-right:0;

  376. }

  377. */

  378. 

  379. .gallery_assist .image-box {

  380.   border: 1px solid #CCCCCC;

  381. }

  382. .gallery_assist .image-box:hover {

  383.   border: 1px solid #3B5998;

  384. }

  385. 

  386. #prev-img-box {

  387.   margin:0 auto;

  388. }

  389. 

  390. .ga-no-wrap {

  391.   white-space: nowrap;

  392. }

  393. 

  394. /* test view as grid */

  395. .ga-views-test-grid .view-content table tr td  {

  396.   vertical-align: top;

  397. }

  398. 

  399. /* Menu trail links format */

  400. .gab-item-lnk a.active img {

  401.   opacity: 1;

  402. }

  403. .gab-item-lnk a img {

  404.   opacity: 0.7;

  405. }

  406. .gab-item-lnk a img:hover {

  407.   opacity:1;

  408. }

  409. 

  410. .ga-cover-bg {

  411.   background-image: url(../images/cover_bg_gray.png);

  412. }

  413. 

  414. .ga-check-all, .ga-uncheck-all {

  415.   font-weight: bold;

  416.   cursor: pointer;

  417. }

  418. 

  419. .shadow-3 {

  420.   -moz-box-shadow: -4.95px 0px 9.9px rgb(0, 0, 0);

  421.   box-shadow: -4.95px 0px 9.9px rgb(0, 0, 0);

  422. }