Untitled

SUBMITTED BY: Guest

DATE: Jan. 22, 2014, 1:42 p.m.

FORMAT: CSS

SIZE: 6.7 kB

Raw Download

HITS: 7193

Report
  1. /**************************
  2. *
  3. * GENERAL
  4. *
  5. **************************/
  9. .slider_wrapper {
  10. overflow: hidden;
  11. position: relative;
  12. z-index: 0;
  13. width: 940px;
  14. height: 376px;
  16. }
  18. .camera_target_content {
  19. overflow: visible !important;
  21. }
  23. .camera_wrap {
  24. overflow: hidden;
  25. display: none;
  26. position: relative;
  27. overflow: visible !important;
  28. z-index: 0;
  29. margin-bottom: 0 !important;
  30. }
  32. .camera_wrap img {
  33. max-width: 10000px;
  34. }
  36. .camera_fakehover {
  37. height: 100%;
  38. min-height: 60px;
  39. position: relative;
  40. width: 100%;
  41. z-index: 1;
  42. }
  43. .camera_wrap {
  44. width: 100%;
  45. }
  46. .camera_src {
  47. display: none;
  48. }
  49. .cameraCont, .cameraContents {
  50. height: 100%;
  51. position: relative;
  52. width: 100%;
  53. z-index: 1;
  54. }
  55. .cameraSlide {
  56. bottom: 0;
  57. left: 0;
  58. position: absolute;
  59. right: 0;
  60. top: 0;
  61. width: 100%;
  62. }
  63. .cameraContent {
  64. bottom: 0;
  65. display: none;
  66. left: 0;
  67. position: absolute;
  68. right: 0;
  69. top: 0;
  70. width: 100%;
  71. }
  72. .camera_target {
  73. bottom: 0;
  74. height: 100%;
  75. left: 0;
  76. overflow: hidden;
  77. position: absolute;
  78. right: 0;
  79. text-align: left;
  80. top: 0;
  81. width: 100%;
  82. z-index: 0;
  83. }
  84. .camera_overlayer {
  85. bottom: 0;
  86. height: 100%;
  87. left: 0;
  88. overflow: hidden;
  89. position: absolute;
  90. right: 0;
  91. top: 0;
  92. width: 100%;
  93. z-index: 0;
  94. }
  95. .camera_target_content {
  96. bottom: 0;
  97. left: 0;
  98. overflow: hidden;
  99. position: absolute;
  100. right: 0;
  101. top: 0;
  102. z-index: 2;
  103. }
  104. .camera_target_content .camera_link {
  105. background: url(../images/blank.gif);
  106. display: block;
  107. height: 100%;
  108. text-decoration: none;
  109. }
  110. .camera_loader {
  111. background: #fff url(../images/camera-loader.gif) no-repeat center;
  112. background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center;
  113. border: 1px solid #ffffff;
  114. border-radius: 18px;
  115. height: 36px;
  116. left: 50%;
  117. overflow: hidden;
  118. position: absolute;
  119. margin: -18px 0 0 -18px;
  120. top: 50%;
  121. width: 36px;
  122. z-index: 3;
  123. }
  125. .camera_nav_cont {
  126. height: 65px;
  127. overflow: hidden;
  128. position: absolute;
  129. right: 9px;
  130. top: 15px;
  131. width: 120px;
  132. z-index: 4;
  133. }
  134. .camerarelative {
  135. overflow: hidden;
  136. position: relative;
  137. }
  138. .imgFake {
  139. cursor: pointer;
  140. }
  141. .camera_commands > .camera_stop {
  142. display: none;
  143. }
  146. .slide_wrapper .camera_prev{
  147. background: url(../images/prevnext_bg.png) 0 0 repeat;
  148. width: 70px;
  149. top: 0 !important;
  150. height: auto !important;
  151. bottom: 0;
  152. left: -80px;
  153. display: block;
  154. position: absolute;
  155. opacity: 1 !important;
  156. transition: 0.5s ease;
  157. -o-transition: 0.5s ease;
  158. -webkit-transition: 0.5s ease;
  159. }
  161. .slide_wrapper .camera_prev>span {
  162. background: url(../images/prev.png) center 0 no-repeat;
  163. top: 50%;
  165. margin-top: -10px;
  166. position: absolute;
  167. display: block;
  168. height: 20px;
  169. left: 0;
  170. right: 0;
  171. }
  173. .slide_wrapper .camera_next>span {
  174. background: url(../images/next.png) center 0 no-repeat;
  175. top: 50%;
  176. margin-top: -10px;
  177. position: absolute;
  178. display: block;
  179. left: 0;
  180. right: 0;
  181. height: 20px;
  182. }
  186. .slide_wrapper .camera_next {
  187. background: url(../images/prevnext_bg.png) 0 0 repeat;
  188. width: 70px;
  189. top: 0 !important;
  190. bottom: 0;
  191. height: auto !important;
  193. right: -80px;
  194. display: block;
  195. position: absolute;
  196. opacity: 1 !important;
  197. transition: 0.5s ease;
  198. -o-transition: 0.5s ease;
  199. -webkit-transition: 0.5s ease;
  200. }
  202. .camera_thumbs_cont {
  203. z-index: 999;
  204. position: relative;
  205. }
  208. .camera_thumbs_cont > div {
  209. float: left;
  210. width: 100%;
  212. }
  213. .camera_thumbs_cont ul {
  214. overflow: hidden;
  215. position: relative;
  216. margin: 0 !important;
  217. margin-left: -80px !important;
  218. margin-top: -35px !important;
  219. text-align: center;
  220. background-color: #b8684f;
  221. }
  222. .camera_thumbs_cont ul li {
  224. display: inline;
  225. }
  226. .camera_thumbs_cont ul li > img {
  227. cursor: pointer;
  228. vertical-align:bottom;
  229. transition: 0.5s ease;
  230. -o-transition: 0.5s ease;
  231. -webkit-transition: 0.5s ease;
  232. }
  233. .camera_clear {
  234. display: block;
  235. clear: both;
  236. }
  237. .showIt {
  238. display: none;
  239. }
  240. .camera_clear {
  241. clear: both;
  242. display: block;
  243. height: 1px;
  244. margin: -1px 0 25px;
  245. position: relative;
  246. }
  250. .caption {
  251. left: 0px;
  252. right: 0px;
  253. top: 0;
  254. bottom: 0;
  255. position: absolute;
  256. z-index: 1 !important;
  258. }
  263. .pagination {
  264. display: block;
  265. position: absolute;
  266. left: 50%;
  267. bottom: 73px;
  268. width: 178px;
  269. height: 32px;
  270. margin-left: -89px;
  271. overflow: hidden;
  272. right: 0;
  273. z-index: 999;
  274. text-align: left;
  276. }
  278. .camera_pag_ul {
  279. overflow: hidden;
  282. }
  284. .pagination li {
  285. float: left;
  286. }
  288. .pagination li+li {
  289. margin-left: 16px;
  290. }
  292. .pagination li a {
  293. display: block;
  294. width: 32px;
  295. cursor: pointer;
  296. height: 32px;
  297. background: url(../images/pagination.png) right 0 no-repeat;
  298. overflow: hidden;
  299. color: transparent;
  300. text-indent: -100px;
  301. transition: 0s ease;
  302. -o-transition: 0s ease;
  303. -webkit-transition: 0s ease;
  304. }
  306. .pagination li a:hover, .pagination li.current a {
  307. background-position: 0 0;
  308. cursor: pointer;
  309. }
  310. /**************************
  311. *
  312. * COLORS & SKINS
  313. *
  314. **************************/
  315. /**************************
  318. .camera_prev {
  319. display: block;
  320. position: absolute;
  321. background: url(../images/prevnext.png) 0 0 no-repeat;
  322. width: 48px;
  323. height: 48px;
  324. top: 19px;
  325. right: 92px;
  326. z-index: 999;
  327. opacity: 1 !important;
  328. transition: 0s ease;
  329. -o-transition: 0. ease;
  330. -webkit-transition: 0s ease;
  331. }
  334. .camera_next {
  335. right: 40px;
  336. display: block;
  337. position: absolute;
  338. background: url(../images/prevnext.png) right bottom no-repeat;
  339. width: 48px;
  340. height: 48px;
  341. top: 19px;
  342. right: 42px;
  343. z-index: 999;
  344. transition: 0s ease;
  345. -o-transition: 0s ease;
  346. -webkit-transition: 0s ease;
  347. opacity: 1 !important;
  349. }
  352. .camera_next:hover {
  353. cursor: pointer;
  354. background-position: right 0;
  355. }
  357. .camera_prev:hover {
  358. cursor: pointer;
  359. background-position: 0 bottom;
  360. }
  363. **************************/
comments powered by Disqus