style.css 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. .rg-image-wrapper{
  2. position:relative;
  3. padding:20px 30px;
  4. background:transparent url(../images/black.png) repeat top left;
  5. -moz-border-radius: 10px;
  6. -webkit-border-radius: 10px;
  7. border-radius: 10px;
  8. min-height:20px;
  9. }
  10. .rg-image{
  11. position:relative;
  12. text-align:center;
  13. line-height:0px;
  14. }
  15. .rg-image img{
  16. max-height:100%;
  17. max-width:100%;
  18. }
  19. .rg-image-nav a{
  20. position:absolute;
  21. top:0px;
  22. left:0px;
  23. background:#000 url(../images/nav.png) no-repeat -20% 50%;
  24. width:43px;float:left;
  25. height:100%;
  26. text-indent:-9000px;
  27. cursor:pointer;
  28. opacity:0.3;
  29. outline:none;
  30. -moz-border-radius: 10px 0px 0px 10px;
  31. -webkit-border-radius: 10px 0px 0px 10px;
  32. border-radius: 10px 0px 0px 10px;
  33. }
  34. .rg-image-nav a.rg-image-nav-next{
  35. right:0px;
  36. left:auto;
  37. background-position:115% 50%;
  38. -moz-border-radius: 0px 10px 10px 0px;
  39. -webkit-border-radius: 0px 10px 10px 0px;
  40. border-radius: 0px 10px 10px 0px;
  41. }
  42. .rg-image-nav a:hover{
  43. opacity:0.8;
  44. }
  45. .rg-caption {
  46. text-align:center;
  47. margin-top:15px;
  48. position:relative;
  49. }
  50. .rg-caption p{
  51. font-size:11px;
  52. letter-spacing:2px;
  53. font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
  54. line-height:16px;
  55. padding:0 15px;
  56. text-transform:uppercase;
  57. }
  58. .rg-view{
  59. height:30px;
  60. }
  61. .rg-view a{
  62. display:block;
  63. float:right;
  64. width:16px;
  65. height:16px;
  66. margin-right:3px;
  67. background:#464646 url(../images/views.png) no-repeat top left;
  68. border:3px solid #464646;
  69. opacity:0.8;
  70. }
  71. .rg-view a:hover{
  72. opacity:1.0;
  73. }
  74. .rg-view a.rg-view-full{
  75. background-position:0px 0px;
  76. }
  77. .rg-view a.rg-view-selected{
  78. background-color:#6f6f6f;
  79. border-color:#6f6f6f;
  80. }
  81. .rg-view a.rg-view-thumbs{
  82. background-position:0px -16px;
  83. }
  84. .rg-loading{
  85. width:46px;
  86. height:46px;
  87. position:absolute;
  88. top:50%;
  89. left:50%;
  90. background:#000 url(../images/ajax-loader.gif) no-repeat center center;
  91. margin:-23px 0px 0px -23px;
  92. z-index:100;
  93. -moz-border-radius: 10px;
  94. -webkit-border-radius: 10px;
  95. border-radius: 10px;
  96. opacity:0.7;
  97. }