Theme Inspinia
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

jquery.justifiedgallery.css 1.8KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. /*
  2. Justified Gallery
  3. Version: 2.1
  4. Author: Miro Mannino
  5. Author URI: http://miromannino.it
  6. Copyright 2012 Miro Mannino (miro.mannino@gmail.com)
  7. This file is part of Justified Gallery.
  8. This work is licensed under the Creative Commons Attribution 3.0 Unported License.
  9. To view a copy of this license, visit http://creativecommons.org/licenses/by/3.0/
  10. or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
  11. */
  12. html { overflow-y: scroll; } /*to prevent the loop when the scrollbar appear and disappear*/
  13. .justifiedGallery { width: 100%; margin-bottom: 10px; }
  14. .justifiedGallery .jg-image {
  15. position: absolute;
  16. display: inline-block;
  17. vertical-align: top;
  18. margin-left: 0px;
  19. }
  20. .justifiedGallery .jg-image img {
  21. border: none;
  22. margin: 0;
  23. padding: 0;
  24. display: none;
  25. }
  26. .justifiedGallery .jg-image a { text-decoration: none; }
  27. .justifiedGallery .jg-image-label {
  28. white-space: normal;
  29. font: normal 12px arial;
  30. background: #000;
  31. color: #fff;
  32. position: absolute;
  33. left: 0;
  34. right: 0;
  35. padding: 5px 5px 10px 8px;
  36. text-align: left;
  37. opacity: 0;
  38. filter:alpha(opacity=0); /* IE8 or Earlier */
  39. }
  40. .justifiedGallery .jg-loading-img{
  41. margin: auto;
  42. width: 50px;
  43. height: 50px;
  44. background:url(loading.gif) no-repeat center center;
  45. }
  46. .justifiedGallery .jg-loading{
  47. margin: auto;
  48. width: 50px;
  49. height: 50px;
  50. -webkit-border-radius: 3px;
  51. -moz-border-radius: 3px;
  52. border-radius: 3px;
  53. }
  54. .justifiedGallery .jg-row {
  55. position: relative;
  56. white-space: nowrap;
  57. overflow:hidden;
  58. margin-bottom: 4px;
  59. }
  60. .justifiedGallery .jg-error {
  61. font-size: 12px;
  62. border: 1px solid red;
  63. background-color: #faa;
  64. margin: 10px 0px 10px 0px;
  65. padding: 5px 0px 5px 5px;
  66. }