In this repo i store all my websites, each in a different branch
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

814 rader
26 KiB

  1. /*-----------------------------------------------------------------------------
  2. - Revolution Slider 1.5.3 -
  3. Screen Stylesheet
  4. version: 2.1
  5. date: 09/18/11
  6. last update: 06.12.2012
  7. author: themepunch
  8. email: info@themepunch.com
  9. website: http://www.themepunch.com
  10. -----------------------------------------------------------------------------*/
  11. /*-----------------------------------------------------------------------------
  12. - Revolution Slider 2.0 Captions -
  13. Screen Stylesheet
  14. version: 1.4.5
  15. date: 09/18/11
  16. last update: 06.12.2012
  17. author: themepunch
  18. email: info@themepunch.com
  19. website: http://www.themepunch.com
  20. -----------------------------------------------------------------------------*/
  21. /*************************
  22. - CAPTIONS -
  23. **************************/
  24. .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important;}
  25. .tp-caption { z-index:1;}
  26. .tp-caption.big_white{
  27. position: absolute;
  28. color: #fff;
  29. text-shadow: none;
  30. font-weight: 800;
  31. font-size: 20px;
  32. line-height: 20px;
  33. font-family: 'Open Sans', sans;
  34. padding: 3px 4px;
  35. padding-top: 1px;
  36. margin: 0px;
  37. border-width: 0px;
  38. border-style: none;
  39. background-color:#000;
  40. letter-spacing: 0px;
  41. }
  42. .tp-caption.big_orange{
  43. position: absolute;
  44. color: #fff;
  45. text-shadow: none;
  46. font-weight: 700;
  47. font-size: 36px;
  48. line-height: 36px;
  49. font-family: Arial;
  50. padding: 0px 4px;
  51. margin: 0px;
  52. border-width: 0px;
  53. border-style: none;
  54. background-color:#fb7354;
  55. letter-spacing: -1.5px;
  56. }
  57. .tp-caption.big_black{
  58. position: absolute;
  59. color: #000;
  60. text-shadow: none;
  61. font-weight: 800;
  62. font-size: 36px;
  63. line-height: 36px;
  64. font-family: 'Open Sans', sans;
  65. padding: 0px 4px;
  66. margin: 0px;
  67. border-width: 0px;
  68. border-style: none;
  69. background-color:#fff;
  70. letter-spacing: -1.5px;
  71. }
  72. .tp-caption.medium_grey{
  73. position: absolute;
  74. color: #fff;
  75. text-shadow: none;
  76. font-weight: 700;
  77. font-size: 20px;
  78. line-height: 20px;
  79. font-family: Arial;
  80. padding: 2px 4px;
  81. margin: 0px;
  82. border-width: 0px;
  83. border-style: none;
  84. background-color:#888;
  85. white-space:nowrap;
  86. text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  87. }
  88. .tp-caption.small_text{
  89. position: absolute;
  90. color: #fff;
  91. text-shadow: none;
  92. font-weight: 700;
  93. font-size: 14px;
  94. line-height: 20px;
  95. font-family: Arial;
  96. margin: 0px;
  97. border-width: 0px;
  98. border-style: none;
  99. white-space:nowrap;
  100. text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  101. }
  102. .tp-caption.medium_text{
  103. position: absolute;
  104. color: #fff;
  105. text-shadow: none;
  106. font-weight: 300;
  107. font-size: 20px;
  108. line-height: 20px;
  109. font-family: 'Open Sans', sans;
  110. margin: 0px;
  111. border-width: 0px;
  112. border-style: none;
  113. white-space:nowrap;
  114. text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  115. }
  116. .tp-caption.large_text{
  117. position: absolute;
  118. color: #fff;
  119. text-shadow: none;
  120. font-weight: 800;
  121. font-size: 36px;
  122. line-height: 36px;
  123. font-family: 'Open Sans', sans;
  124. margin: 0px;
  125. border-width: 0px;
  126. border-style: none;
  127. white-space:nowrap;
  128. text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  129. }
  130. .tp-caption.large_black_text{
  131. position: absolute;
  132. color: #000;
  133. text-shadow: none;
  134. font-weight: 300;
  135. font-size: 42px;
  136. line-height: 42px;
  137. font-family: 'Open Sans', sans;
  138. margin: 0px;
  139. border-width: 0px;
  140. border-style: none;
  141. white-space:nowrap;
  142. }
  143. .tp-caption.very_large_text{
  144. position: absolute;
  145. color: #fff;
  146. text-shadow: none;
  147. font-weight: 800;
  148. font-size: 60px;
  149. line-height: 60px;
  150. font-family: 'Open Sans', sans;
  151. margin: 0px;
  152. border-width: 0px;
  153. border-style: none;
  154. white-space:nowrap;
  155. text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  156. letter-spacing: 0px;
  157. }
  158. .tp-caption.very_large_black_text{
  159. position: absolute;
  160. color: #000;
  161. text-shadow: none;
  162. font-weight: 800;
  163. font-size: 72px;
  164. line-height: 72px;
  165. font-family: 'Open Sans', sans;
  166. margin: 0px;
  167. border-width: 0px;
  168. border-style: none;
  169. white-space:nowrap;
  170. }
  171. .tp-caption.bold_red_text{
  172. position: absolute;
  173. color: #d31e00;
  174. text-shadow: none;
  175. font-weight: 800;
  176. font-size: 20px;
  177. line-height: 20px;
  178. font-family: 'Open Sans', sans;
  179. margin: 0px;
  180. border-width: 0px;
  181. border-style: none;
  182. white-space:nowrap;
  183. }
  184. .tp-caption.bold_brown_text{
  185. position: absolute;
  186. color: #a04606;
  187. text-shadow: none;
  188. font-weight: 800;
  189. font-size: 20px;
  190. line-height: 20px;
  191. font-family: 'Open Sans', sans;
  192. margin: 0px;
  193. border-width: 0px;
  194. border-style: none;
  195. white-space:nowrap;
  196. }
  197. .tp-caption.bold_green_text{
  198. position: absolute;
  199. color: #5b9830;
  200. text-shadow: none;
  201. font-weight: 800;
  202. font-size: 20px;
  203. line-height: 20px;
  204. font-family: 'Open Sans', sans;
  205. margin: 0px;
  206. border-width: 0px;
  207. border-style: none;
  208. white-space:nowrap;
  209. }
  210. .tp-caption.very_big_white{
  211. position: absolute;
  212. color: #fff;
  213. text-shadow: none;
  214. font-weight: 800;
  215. font-size: 36px;
  216. line-height: 36px;
  217. font-family: 'Open Sans', sans;
  218. margin: 0px;
  219. border-width: 0px;
  220. border-style: none;
  221. white-space:nowrap;
  222. padding: 3px 4px;
  223. padding-top: 1px;
  224. background-color:#7e8e96;
  225. }
  226. .tp-caption.very_big_black{
  227. position: absolute;
  228. color: #000;
  229. text-shadow: none;
  230. font-weight: 700;
  231. font-size: 60px;
  232. line-height: 60px;
  233. font-family: Arial;
  234. margin: 0px;
  235. border-width: 0px;
  236. border-style: none;
  237. white-space:nowrap;
  238. padding: 0px 4px;
  239. padding-top: 1px;
  240. background-color:#fff;
  241. }
  242. .tp-caption.modern_medium_fat{
  243. position: absolute;
  244. color: #000;
  245. text-shadow: none;
  246. font-weight: 800;
  247. font-size: 24px;
  248. line-height: 20px;
  249. font-family: 'Open Sans', sans-serif;
  250. margin: 0px;
  251. border-width: 0px;
  252. border-style: none;
  253. white-space:nowrap;
  254. }
  255. .tp-caption.modern_medium_fat_white{
  256. position: absolute;
  257. color: #fff;
  258. text-shadow: none;
  259. font-weight: 800;
  260. font-size: 24px;
  261. line-height: 20px;
  262. font-family: 'Open Sans', sans-serif;
  263. margin: 0px;
  264. border-width: 0px;
  265. border-style: none;
  266. white-space:nowrap;
  267. }
  268. .tp-caption.modern_medium_light{
  269. position: absolute;
  270. color: #000;
  271. text-shadow: none;
  272. font-weight: 300;
  273. font-size: 24px;
  274. line-height: 20px;
  275. font-family: 'Open Sans', sans-serif;
  276. margin: 0px;
  277. border-width: 0px;
  278. border-style: none;
  279. white-space:nowrap;
  280. }
  281. .tp-caption.modern_big_bluebg{
  282. position: absolute;
  283. color: #fff;
  284. text-shadow: none;
  285. font-weight: 800;
  286. font-size: 30px;
  287. line-height: 36px;
  288. font-family: 'Open Sans', sans-serif;
  289. padding: 3px 10px;
  290. margin: 0px;
  291. border-width: 0px;
  292. border-style: none;
  293. background-color:#4e5b6c;
  294. letter-spacing: 0;
  295. }
  296. .tp-caption.modern_big_redbg{
  297. position: absolute;
  298. color: #fff;
  299. text-shadow: none;
  300. font-weight: 300;
  301. font-size: 30px;
  302. line-height: 36px;
  303. font-family: 'Open Sans', sans-serif;
  304. padding: 3px 10px;
  305. padding-top: 1px;
  306. margin: 0px;
  307. border-width: 0px;
  308. border-style: none;
  309. background-color:#de543e;
  310. letter-spacing: 0;
  311. }
  312. .tp-caption.modern_small_text_dark{
  313. position: absolute;
  314. color: #555;
  315. text-shadow: none;
  316. font-size: 14px;
  317. line-height: 22px;
  318. font-family: Arial;
  319. margin: 0px;
  320. border-width: 0px;
  321. border-style: none;
  322. white-space:nowrap;
  323. }
  324. .tp-caption.boxshadow{
  325. -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  326. -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  327. box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  328. }
  329. .tp-caption.black{
  330. color: #000;
  331. text-shadow: none;
  332. font-weight: 300;
  333. font-size: 19px;
  334. line-height: 19px;
  335. font-family: 'Open Sans', sans;
  336. }
  337. .tp-caption.noshadow {
  338. text-shadow: none;
  339. }
  340. .tp-caption a {
  341. color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
  342. }
  343. .tp-caption a:hover {
  344. color: #ffa902;
  345. }
  346. .tp_inner_padding { box-sizing:border-box;
  347. -webkit-box-sizing:border-box;
  348. -moz-box-sizing:border-box;
  349. max-height:none !important; }
  350. .tp-caption .frontcorner {
  351. width: 0;
  352. height: 0;
  353. border-left: 40px solid transparent;
  354. border-right: 0px solid transparent;
  355. border-top: 40px solid #00A8FF;
  356. position: absolute;left:-40px;top:0px;
  357. }
  358. .tp-caption .backcorner {
  359. width: 0;
  360. height: 0;
  361. border-left: 0px solid transparent;
  362. border-right: 40px solid transparent;
  363. border-bottom: 40px solid #00A8FF;
  364. position: absolute;right:0px;top:0px;
  365. }
  366. .tp-caption .frontcornertop {
  367. width: 0;
  368. height: 0;
  369. border-left: 40px solid transparent;
  370. border-right: 0px solid transparent;
  371. border-bottom: 40px solid #00A8FF;
  372. position: absolute;left:-40px;top:0px;
  373. }
  374. .tp-caption .backcornertop {
  375. width: 0;
  376. height: 0;
  377. border-left: 0px solid transparent;
  378. border-right: 40px solid transparent;
  379. border-top: 40px solid #00A8FF;
  380. position: absolute;right:0px;top:0px;
  381. }
  382. /******************************
  383. - BUTTONS -
  384. *******************************/
  385. .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px;
  386. cursor:pointer;
  387. color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
  388. background:url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
  389. }
  390. .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top;}
  391. .purchase:hover,
  392. .button:hover,
  393. .button.big:hover { background-position:bottom, 15px 11px;}
  394. @media only screen and (min-width: 768px) and (max-width: 959px) {
  395. }
  396. @media only screen and (min-width: 480px) and (max-width: 767px) {
  397. .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; }
  398. a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
  399. }
  400. @media only screen and (min-width: 0px) and (max-width: 479px) {
  401. .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;}
  402. a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
  403. }
  404. /* BUTTON COLORS */
  405. .button.green, .button:hover.green,
  406. .purchase.green, .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; }
  407. .button.blue, .button:hover.blue,
  408. .purchase.blue, .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68;}
  409. .button.red, .button:hover.red,
  410. .purchase.red, .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212;}
  411. .button.orange, .button:hover.orange,
  412. .purchase.orange, .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00;}
  413. .button.darkgrey,.button.grey,
  414. .button:hover.darkgrey,.button:hover.grey,
  415. .purchase.darkgrey, .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222;}
  416. .button.lightgrey, .button:hover.lightgrey,
  417. .purchase.lightgrey, .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555;}
  418. /****************************************************************
  419. - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID -
  420. ******************************************************************/
  421. .tp-simpleresponsive .slotholder *,
  422. .tp-simpleresponsive img { -webkit-transform: translateZ(0);
  423. -webkit-backface-visibility: hidden;
  424. -webkit-perspective: 1000;
  425. }
  426. /************************************************
  427. - SOME CAPTION MODIFICATION AT START -
  428. *************************************************/
  429. .tp-simpleresponsive .caption,
  430. .tp-simpleresponsive .tp-caption {
  431. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position:absolute; visibility: hidden;
  432. }
  433. .tp-simpleresponsive img { max-width:none;}
  434. /******************************
  435. - IE8 HACKS -
  436. *******************************/
  437. .noFilterClass {
  438. filter:none !important;
  439. }
  440. /******************************
  441. - SHADOWS -
  442. ******************************/
  443. .tp-bannershadow {
  444. position:absolute;
  445. margin-left:auto;
  446. margin-right:auto;
  447. -moz-user-select: none;
  448. -khtml-user-select: none;
  449. -webkit-user-select: none;
  450. -o-user-select: none;
  451. }
  452. .tp-bannershadow.tp-shadow1 { background:url(../assets/shadow1.png) no-repeat; background-size:100%; width:890px; height:60px; bottom:-60px;}
  453. .tp-bannershadow.tp-shadow2 { background:url(../assets/shadow2.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}
  454. .tp-bannershadow.tp-shadow3 { background:url(../assets/shadow3.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}
  455. /********************************
  456. - FULLSCREEN VIDEO -
  457. *********************************/
  458. .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;}
  459. .caption.fullscreenvideo iframe { width:100% !important; height:100% !important;}
  460. .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;}
  461. .tp-caption.fullscreenvideo iframe { width:100% !important; height:100% !important;}
  462. /************************
  463. - NAVIGATION -
  464. *************************/
  465. /** BULLETS **/
  466. .tpclear { clear:both;}
  467. .tp-bullets { z-index:1000; position:absolute;
  468. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  469. -moz-opacity: 1;
  470. -khtml-opacity: 1;
  471. opacity: 1;
  472. -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
  473. }
  474. .tp-bullets.hidebullets {
  475. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  476. -moz-opacity: 0;
  477. -khtml-opacity: 0;
  478. opacity: 0;
  479. }
  480. .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}
  481. .tp-bullets.simplebullets.navbar-old { background:url(../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}
  482. .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(../assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:2px; margin-left:3px;}
  483. .tp-bullets.simplebullets.round .bullet.last { margin-right:3px;}
  484. .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px;}
  485. .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px;}
  486. /** SQUARE BULLETS **/
  487. .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:2px;}
  488. .tp-bullets.simplebullets.square .bullet.last { margin-right:0px;}
  489. /** SQUARE BULLETS **/
  490. .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:2px;}
  491. .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px;}
  492. /** navbar NAVIGATION VERSION **/
  493. .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:10px;}
  494. .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important;}
  495. .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important;}
  496. /** navbar NAVIGATION VERSION **/
  497. .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;}
  498. .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important;}
  499. .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important;}
  500. .tp-bullets.simplebullets .bullet:hover,
  501. .tp-bullets.simplebullets .bullet.selected { background-position:top left; }
  502. .tp-bullets.simplebullets.round .bullet:hover,
  503. .tp-bullets.simplebullets.round .bullet.selected,
  504. .tp-bullets.simplebullets.navbar .bullet:hover,
  505. .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; }
  506. /*************************************
  507. - TP ARROWS -
  508. **************************************/
  509. .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  510. -moz-opacity: 1;
  511. -khtml-opacity: 1;
  512. opacity: 1;
  513. -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
  514. }
  515. .tparrows.hidearrows {
  516. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  517. -moz-opacity: 0;
  518. -khtml-opacity: 0;
  519. opacity: 0;
  520. }
  521. .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat top left; width:40px; height:40px; }
  522. .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat top left; width:40px; height:40px; }
  523. .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; }
  524. .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px;}
  525. .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; }
  526. .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px;}
  527. .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px;}
  528. .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px;}
  529. .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px;}
  530. .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px;}
  531. .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; }
  532. .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; }
  533. .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px;}
  534. .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px;}
  535. .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px;}
  536. .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px;}
  537. .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat 0 0; width:40px; height:40px;
  538. }
  539. .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat 0 0; width:40px; height:40px;
  540. }
  541. .tp-leftarrow:hover,
  542. .tp-rightarrow:hover { background-position:bottom left; }
  543. /****************************************************************************************************
  544. - TP THUMBS -
  545. *****************************************************************************************************
  546. - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)
  547. - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)
  548. *****************************************************************************************************/
  549. .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff;
  550. width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
  551. margin-top:-50px;
  552. }
  553. .fullwidthbanner-container .tp-thumbs { padding:3px;}
  554. .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
  555. overflow:hidden; position:relative;}
  556. .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;}
  557. .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */
  558. cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
  559. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  560. /*filter: alpha(opacity=50); */
  561. -moz-opacity: 0.5;
  562. -khtml-opacity: 0.5;
  563. opacity: 0.5;
  564. -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
  565. }
  566. .tp-bullets.tp-thumbs .bullet:hover,
  567. .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  568. -moz-opacity: 1;
  569. -khtml-opacity: 1;
  570. opacity: 1;
  571. }
  572. .tp-thumbs img { width:100%; }
  573. /************************************
  574. - TP BANNER TIMER -
  575. *************************************/
  576. .tp-bannertimer { width:100%; height:10px; background:url(../assets/timer.png);position:absolute; z-index:200;top:0px;}
  577. .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto;}
  578. /***************************************
  579. - RESPONSIVE SETTINGS -
  580. ****************************************/
  581. @media only screen and (min-width: 768px) and (max-width: 959px) {
  582. }
  583. @media only screen and (min-width: 480px) and (max-width: 767px) {
  584. .responsive .tp-bullets.tp-thumbs { width:300px !important; height:30px !important;}
  585. .responsive .tp-bullets.tp-thumbs .tp-mask { width:300px !important; height:30px !important;}
  586. .responsive .tp-bullets.tp-thumbs .bullet { width:60px !important;height:30px !important;}
  587. }
  588. @media only screen and (min-width: 0px) and (max-width: 479px) {
  589. .responsive .tp-bullets { display:none}
  590. .responsive .tparrows { display:none;}
  591. }
  592. /*********************************************
  593. - BASIC SETTINGS FOR THE BANNER -
  594. ***********************************************/
  595. .tp-simpleresponsive img {
  596. -moz-user-select: none;
  597. -khtml-user-select: none;
  598. -webkit-user-select: none;
  599. -o-user-select: none;
  600. }
  601. .tp-simpleresponsive a{ text-decoration:none;}
  602. .tp-simpleresponsive ul {
  603. list-style:none;
  604. padding:0;
  605. margin:0;
  606. }
  607. .tp-simpleresponsive >ul >li{
  608. list-stye:none;
  609. position:absolute;
  610. visibility:hidden;
  611. }
  612. /* CAPTION SLIDELINK **/
  613. .caption.slidelink a div,
  614. .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../assets/coloredbg.png) repeat;}
  615. .tp-loader { background:url(../assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px;
  616. border-radius: 3px;
  617. -moz-border-radius: 3px;
  618. -webkit-border-radius: 3px;
  619. }
  620. .tp-transparentimg { content:"url(../assets/transparent.png)"}
  621. .tp-3d { -webkit-transform-style: preserve-3d;
  622. -webkit-transform-origin: 50% 50%;
  623. }