@pimaonline/pimaonline-themepack 2.4.1 → 3.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (92) hide show
  1. package/LICENSE.md +30 -0
  2. package/README.md +69 -111
  3. package/dist/css/main.css +1 -1
  4. package/dist/css/themes/ecn/styles.css +1 -0
  5. package/dist/css/themes/eng/styles.css +1 -0
  6. package/dist/css/themes/fsc/styles.css +1 -0
  7. package/dist/css/themes/lang/styles.css +1 -1
  8. package/dist/css/themes/ss/styles.css +1 -0
  9. package/dist/img/theme-images/ecn/arrow-2.svg +4 -0
  10. package/dist/img/theme-images/ecn/arrow.svg +4 -0
  11. package/dist/img/theme-images/ecn/point.svg +3 -0
  12. package/dist/img/theme-images/eng/button-bkg.svg +178 -0
  13. package/dist/img/theme-images/eng/halftone-banner.svg +1 -0
  14. package/dist/img/theme-images/eng/halftone.svg +177 -0
  15. package/dist/img/theme-images/eng/long-button-bkg.svg +353 -0
  16. package/dist/img/theme-images/fsc/bottomwave-pinkred.svg +17 -0
  17. package/dist/img/theme-images/fsc/bottomwave-redorange.svg +17 -0
  18. package/dist/img/theme-images/fsc/bottomwave-yellow.svg +17 -0
  19. package/dist/img/theme-images/fsc/bottomwave-yelloworange.svg +17 -0
  20. package/dist/img/theme-images/fsc/fire-icon.png +0 -0
  21. package/dist/img/theme-images/fsc/mainwave-pinkred.svg +17 -0
  22. package/dist/img/theme-images/fsc/mainwave-redorange.svg +17 -0
  23. package/dist/img/theme-images/fsc/mainwave-yellow.svg +17 -0
  24. package/dist/img/theme-images/fsc/mainwave-yelloworange.svg +17 -0
  25. package/dist/img/theme-images/lang/country-flags/argentina_flag.png +0 -0
  26. package/dist/img/theme-images/lang/country-flags/bolivia_flag.png +0 -0
  27. package/dist/img/theme-images/lang/country-flags/chile_flag.png +0 -0
  28. package/dist/img/theme-images/lang/country-flags/colombia_flag.png +0 -0
  29. package/dist/img/theme-images/lang/country-flags/costa-rica_flag.png +0 -0
  30. package/dist/img/theme-images/lang/country-flags/cuba_flag.png +0 -0
  31. package/dist/img/theme-images/lang/country-flags/dominican-republic_flag.png +0 -0
  32. package/dist/img/theme-images/lang/country-flags/ecuador_flag.png +0 -0
  33. package/dist/img/theme-images/lang/country-flags/el-salvador_flag.png +0 -0
  34. package/dist/img/theme-images/lang/country-flags/guatemala_flag.png +0 -0
  35. package/dist/img/theme-images/lang/country-flags/honduras_flag.png +0 -0
  36. package/dist/img/theme-images/lang/country-flags/mexico_flag.png +0 -0
  37. package/dist/img/theme-images/lang/country-flags/nicaragua_flag.png +0 -0
  38. package/dist/img/theme-images/lang/country-flags/panama_flag.png +0 -0
  39. package/dist/img/theme-images/lang/country-flags/paraguay_flag.png +0 -0
  40. package/dist/img/theme-images/lang/country-flags/peru_flag.png +0 -0
  41. package/dist/img/theme-images/lang/country-flags/puerto-rice_flag.png +0 -0
  42. package/dist/img/theme-images/lang/country-flags/spain_flag.png +0 -0
  43. package/dist/img/theme-images/lang/country-flags/uruguay_flag.png +0 -0
  44. package/dist/img/theme-images/lang/country-flags/venezuela_flag.png +0 -0
  45. package/dist/img/theme-images/music/half_note.svg +5 -5
  46. package/dist/img/theme-images/resort/flourish-left.svg +32 -32
  47. package/dist/img/theme-images/resort/flourish-main.svg +37 -37
  48. package/dist/img/theme-images/resort/flourish-right.svg +31 -31
  49. package/dist/img/theme-images/resort/separator.svg +15 -15
  50. package/dist/img/theme-images/ss/blockquote.svg +3 -0
  51. package/dist/img/theme-images/ss/list-style.svg +3 -0
  52. package/dist/img/theme-images/ss/main-large-blob.svg +3 -0
  53. package/dist/img/theme-images/ss/main-small-blob.svg +3 -0
  54. package/dist/img/theme-images/ss/small-blob.svg +3 -0
  55. package/dist/img/theme-images/ss/tall-blob.svg +3 -0
  56. package/dist/img/theme-images/widgets/separator.svg +17 -17
  57. package/dist/js/jumpTo.js +3 -3
  58. package/dist/js/scripts.js +326 -326
  59. package/dist/js/scripts2.js +541 -361
  60. package/dist/plugins/fancybox/fancybox-example.html +51 -51
  61. package/dist/plugins/fancybox/fancybox.css +72 -72
  62. package/dist/plugins/fancybox/helpers/jquery.fancybox-buttons.css +97 -97
  63. package/dist/plugins/fancybox/helpers/jquery.fancybox-buttons.js +122 -122
  64. package/dist/plugins/fancybox/helpers/jquery.fancybox-media.js +201 -201
  65. package/dist/plugins/fancybox/helpers/jquery.fancybox-thumbs.css +54 -54
  66. package/dist/plugins/fancybox/helpers/jquery.fancybox-thumbs.js +165 -165
  67. package/dist/plugins/fancybox/jquery.fancybox.css +274 -274
  68. package/dist/plugins/fancybox/jquery.fancybox.js +2018 -2018
  69. package/dist/plugins/fancybox/jquery.fancybox.pack.js +46 -46
  70. package/dist/plugins/flashcards/README.md +135 -135
  71. package/dist/plugins/flashcards/config.rb +24 -24
  72. package/dist/plugins/flashcards/css/style.css +215 -215
  73. package/dist/plugins/flashcards/flashcards-example.html +65 -65
  74. package/dist/plugins/flashcards/index.html +90 -90
  75. package/dist/plugins/flashcards/js/flash_cards.min.js +11 -11
  76. package/dist/plugins/flashcards/js/plugins/flash_cards.js +62 -62
  77. package/dist/plugins/flashcards/js/plugins/jquery.cycle.js +1147 -1147
  78. package/dist/plugins/flashcards/js/vendor/jquery-1.7.2.js +9404 -9404
  79. package/dist/plugins/flashcards/js/vendor/jquery-1.7.2.min.js +3 -3
  80. package/dist/plugins/flashcards/js/vendor/modernizr-2.5.3.min.js +3 -3
  81. package/dist/plugins/flashcards/resources/fonts/flash_cards/flash_cards.svg +20 -20
  82. package/dist/plugins/floating-particles/floating-particles.js +67 -67
  83. package/dist/plugins/font-awesome-icons/webfonts/fa-brands-400.svg +3570 -3570
  84. package/dist/plugins/font-awesome-icons/webfonts/fa-regular-400.svg +803 -803
  85. package/dist/plugins/font-awesome-icons/webfonts/fa-solid-900.svg +4700 -4700
  86. package/dist/plugins/global-homepage-overrides/global-homepage-overrides.css +539 -539
  87. package/dist/plugins/global-homepage-overrides/global-homepage-overrides.html +18 -18
  88. package/dist/plugins/global-homepage-overrides/global-homepage-overrides.js +52 -52
  89. package/dist/plugins/preview-banner/preview-banner.css +125 -125
  90. package/dist/plugins/preview-banner/preview-banner.html +17 -17
  91. package/dist/plugins/preview-banner/preview-banner.js +56 -56
  92. package/package.json +39 -40
@@ -1,52 +1,52 @@
1
- <!doctype html>
2
- <html lang="en">
3
- <head>
4
- <title>Fancybox Example</title>
5
- <meta charset="UTF-8">
6
- <!--[if lt IE 9]>
7
- <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
8
- <![endif]-->
9
- <meta name="viewport" content="initial-scale=1.0, width=device-width" />
10
- <link href="https://fonts.googleapis.com/css?family=Lato:400,700|Lora:400,700&display=swap" rel="stylesheet">
11
- <link rel="stylesheet" type="text/css" href="https://d2l.pima.edu/shared/webdev/course-files/plugins/fancybox/jquery.fancybox.css" />
12
- <link rel="stylesheet" type="text/css" href="https://d2l.pima.edu/shared/webdev/course-files/plugins/fancybox/helpers/jquery.fancybox-buttons.css" />
13
- <link rel="stylesheet" type="text/css" href="https://d2l.pima.edu/shared/webdev/course-files/plugins/fancybox/helpers/jquery.fancybox-thumbs.css" />
14
- <link rel="stylesheet" type="text/css" href="https://d2l.pima.edu/shared/webdev/course-files/plugins/fancybox/fancybox.css" />
15
- <link rel="stylesheet" type="text/css" href="https://d2l.pima.edu/shared/webdev/course-files/css/themes/cards/styles.css">
16
- <link rel="stylesheet" type="text/css" href="css/custom.css">
17
- <!--Flashcards CSS-->
18
- <link rel="stylesheet" type="text/css" href="https://d2l.pima.edu/shared/webdev/course-files/plugins/flashcards/css/style.css">
19
- </head>
20
- <body>
21
- <div id="main">
22
- <header class="header"> <img src="https://via.placeholder.com/1920x600" alt="decorative image of a woman's hand typing on a computer">
23
- <div class="text-container">
24
- <h1>Fancybox Example</h1>
25
- </div>
26
- </header>
27
- <div class="content-body">
28
- <h4 class="icon-image">Image Gallery</h4>
29
- <p>Click image to view:</p>
30
- <div class="fancybox"> <a data-fancybox="gallery" rel="gallery1" href="blank.gif" class="fancybox-img-lg" title="Place title here. Nulla quis lorem ut libero malesuada feugiat. Quisque velit nisi, pretium ut lacinia in, elementum id enim."> <img src="https://via.placeholder.com/512x512" class="fancybox-img-sm" alt="Place alternative tag here."> </a>
31
- <!--===-->
32
- <a data-fancybox="gallery" rel="gallery1" href="blank.gif" class="fancybox-img-lg" title="Place title here."> <img src="https://via.placeholder.com/512x512" class="fancybox-img-sm" alt="Place alternative tag here."> </a>
33
- <!--===-->
34
- <a data-fancybox="gallery" rel="gallery1" href="blank.gif" class="fancybox-img-lg" title="Place title here."> <img src="https://via.placeholder.com/512x512" class="fancybox-img-sm" alt="Place alternative tag here."> </a>
35
- <!--===-->
36
- <a data-fancybox="gallery" rel="gallery1" href="blank.gif" class="fancybox-img-lg" title="Place title here."> <img src="https://via.placeholder.com/512x512" class="fancybox-img-sm" alt="Place alternative tag here."> </a>
37
- <!--===-->
38
- <a data-fancybox="gallery" rel="gallery1" href="blank.gif" class="fancybox-img-lg" title="Place title here."> <img src="https://via.placeholder.com/512x512" class="fancybox-img-sm" alt="Place alternative tag here."> </a>
39
- <!--===-->
40
- <a data-fancybox="gallery" rel="gallery1" href="blank.gif" class="fancybox-img-lg" title="Place title here."> <img src="https://via.placeholder.com/512x512" class="fancybox-img-sm" alt="Place alternative tag here."> </a>
41
- <!--===-->
42
- </div>
43
- </div>
44
- </div>
45
- <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
46
- <script type="text/javascript" src="https://d2l.pima.edu/shared/webdev/course-files/js/scripts.js"></script>
47
- <script type="text/javascript" src="https://d2l.pima.edu/shared/webdev/course-files/plugins/fancybox/jquery.fancybox.pack.js"></script>
48
- <script type="text/javascript" src="https://d2l.pima.edu/shared/webdev/course-files/plugins/fancybox/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
49
- <script type="text/javascript" src="https://d2l.pima.edu/shared/webdev/course-files/plugins/fancybox/helpers/jquery.fancybox-media.js"></script>
50
- <script type="text/javascript" src="https://d2l.pima.edu/shared/webdev/course-files/plugins/fancybox/helpers/jquery.fancybox-thumbs.js"></script>
51
- </body>
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Fancybox Example</title>
5
+ <meta charset="UTF-8">
6
+ <!--[if lt IE 9]>
7
+ <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
8
+ <![endif]-->
9
+ <meta name="viewport" content="initial-scale=1.0, width=device-width" />
10
+ <link href="https://fonts.googleapis.com/css?family=Lato:400,700|Lora:400,700&display=swap" rel="stylesheet">
11
+ <link rel="stylesheet" type="text/css" href="https://d2l.pima.edu/shared/webdev/course-files/plugins/fancybox/jquery.fancybox.css" />
12
+ <link rel="stylesheet" type="text/css" href="https://d2l.pima.edu/shared/webdev/course-files/plugins/fancybox/helpers/jquery.fancybox-buttons.css" />
13
+ <link rel="stylesheet" type="text/css" href="https://d2l.pima.edu/shared/webdev/course-files/plugins/fancybox/helpers/jquery.fancybox-thumbs.css" />
14
+ <link rel="stylesheet" type="text/css" href="https://d2l.pima.edu/shared/webdev/course-files/plugins/fancybox/fancybox.css" />
15
+ <link rel="stylesheet" type="text/css" href="https://d2l.pima.edu/shared/webdev/course-files/css/themes/cards/styles.css">
16
+ <link rel="stylesheet" type="text/css" href="css/custom.css">
17
+ <!--Flashcards CSS-->
18
+ <link rel="stylesheet" type="text/css" href="https://d2l.pima.edu/shared/webdev/course-files/plugins/flashcards/css/style.css">
19
+ </head>
20
+ <body>
21
+ <div id="main">
22
+ <header class="header"> <img src="https://via.placeholder.com/1920x600" alt="decorative image of a woman's hand typing on a computer">
23
+ <div class="text-container">
24
+ <h1>Fancybox Example</h1>
25
+ </div>
26
+ </header>
27
+ <div class="content-body">
28
+ <h4 class="icon-image">Image Gallery</h4>
29
+ <p>Click image to view:</p>
30
+ <div class="fancybox"> <a data-fancybox="gallery" rel="gallery1" href="blank.gif" class="fancybox-img-lg" title="Place title here. Nulla quis lorem ut libero malesuada feugiat. Quisque velit nisi, pretium ut lacinia in, elementum id enim."> <img src="https://via.placeholder.com/512x512" class="fancybox-img-sm" alt="Place alternative tag here."> </a>
31
+ <!--===-->
32
+ <a data-fancybox="gallery" rel="gallery1" href="blank.gif" class="fancybox-img-lg" title="Place title here."> <img src="https://via.placeholder.com/512x512" class="fancybox-img-sm" alt="Place alternative tag here."> </a>
33
+ <!--===-->
34
+ <a data-fancybox="gallery" rel="gallery1" href="blank.gif" class="fancybox-img-lg" title="Place title here."> <img src="https://via.placeholder.com/512x512" class="fancybox-img-sm" alt="Place alternative tag here."> </a>
35
+ <!--===-->
36
+ <a data-fancybox="gallery" rel="gallery1" href="blank.gif" class="fancybox-img-lg" title="Place title here."> <img src="https://via.placeholder.com/512x512" class="fancybox-img-sm" alt="Place alternative tag here."> </a>
37
+ <!--===-->
38
+ <a data-fancybox="gallery" rel="gallery1" href="blank.gif" class="fancybox-img-lg" title="Place title here."> <img src="https://via.placeholder.com/512x512" class="fancybox-img-sm" alt="Place alternative tag here."> </a>
39
+ <!--===-->
40
+ <a data-fancybox="gallery" rel="gallery1" href="blank.gif" class="fancybox-img-lg" title="Place title here."> <img src="https://via.placeholder.com/512x512" class="fancybox-img-sm" alt="Place alternative tag here."> </a>
41
+ <!--===-->
42
+ </div>
43
+ </div>
44
+ </div>
45
+ <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
46
+ <script type="text/javascript" src="https://d2l.pima.edu/shared/webdev/course-files/js/scripts.js"></script>
47
+ <script type="text/javascript" src="https://d2l.pima.edu/shared/webdev/course-files/plugins/fancybox/jquery.fancybox.pack.js"></script>
48
+ <script type="text/javascript" src="https://d2l.pima.edu/shared/webdev/course-files/plugins/fancybox/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
49
+ <script type="text/javascript" src="https://d2l.pima.edu/shared/webdev/course-files/plugins/fancybox/helpers/jquery.fancybox-media.js"></script>
50
+ <script type="text/javascript" src="https://d2l.pima.edu/shared/webdev/course-files/plugins/fancybox/helpers/jquery.fancybox-thumbs.js"></script>
51
+ </body>
52
52
  </html>
@@ -1,73 +1,73 @@
1
- @charset "UTF-8";
2
- /* CSS Document */
3
- .fancybox {
4
- margin: auto;
5
- display: flex;
6
- flex-direction: row;
7
- flex-wrap: wrap;
8
- align-items: flex-start;
9
- align-content: stretch;
10
- justify-content: space-between;
11
- }
12
-
13
- .fancybox img.fancybox-img-sm {
14
- margin-bottom: 3px !important;
15
- max-width: 100%;
16
- }
17
-
18
- @media screen and (min-width:730px) {
19
- .fancybox img.fancybox-img-sm {
20
- max-width: 100%;
21
- }
22
- }
23
-
24
- @media screen and (min-width:995px) {
25
- .fancybox img.fancybox-img-sm {
26
- max-width: 85px;
27
- }
28
- }
29
-
30
- @media screen and (min-width:1160px) {
31
- .fancybox img.fancybox-img-sm {
32
- max-width: 99px;
33
- }
34
- }
35
-
36
- img.fancybox-img-sm:hover {
37
- -webkit-filter: brightness(80%);
38
- -webkit-transition: all .5s ease;
39
- -moz-transition: all .5s ease;
40
- -o-transition: all .5s ease;
41
- -ms-transition: all .5s ease;
42
- transition: all .5s ease;
43
- }
44
-
45
- .fancybox-skin {
46
- background: #ffffff;
47
- border-radius: 0;
48
- }
49
-
50
- .fancybox a {
51
- text-decoration: none !important;
52
- }
53
-
54
- /* this sets styles for the text above thumbnails "image gallery:" */
55
- .fancybox p {
56
- color: #232323;
57
- font-size: .855em;
58
- font-style: italic;
59
- margin-bottom: 2px;
60
- }
61
-
62
- .fancybox-title-float-wrap .child {
63
- border-radius: 0;
64
- }
65
-
66
- .fancybox-title {
67
- color: #000000;
68
- font-family: Helvetica, Arial, sans-serif;
69
- font-size: 16px;
70
- line-height: 1.355;
71
- pointer-events: all;
72
- text-align: left;
1
+ @charset "UTF-8";
2
+ /* CSS Document */
3
+ .fancybox {
4
+ margin: auto;
5
+ display: flex;
6
+ flex-direction: row;
7
+ flex-wrap: wrap;
8
+ align-items: flex-start;
9
+ align-content: stretch;
10
+ justify-content: space-between;
11
+ }
12
+
13
+ .fancybox img.fancybox-img-sm {
14
+ margin-bottom: 3px !important;
15
+ max-width: 100%;
16
+ }
17
+
18
+ @media screen and (min-width:730px) {
19
+ .fancybox img.fancybox-img-sm {
20
+ max-width: 100%;
21
+ }
22
+ }
23
+
24
+ @media screen and (min-width:995px) {
25
+ .fancybox img.fancybox-img-sm {
26
+ max-width: 85px;
27
+ }
28
+ }
29
+
30
+ @media screen and (min-width:1160px) {
31
+ .fancybox img.fancybox-img-sm {
32
+ max-width: 99px;
33
+ }
34
+ }
35
+
36
+ img.fancybox-img-sm:hover {
37
+ -webkit-filter: brightness(80%);
38
+ -webkit-transition: all .5s ease;
39
+ -moz-transition: all .5s ease;
40
+ -o-transition: all .5s ease;
41
+ -ms-transition: all .5s ease;
42
+ transition: all .5s ease;
43
+ }
44
+
45
+ .fancybox-skin {
46
+ background: #ffffff;
47
+ border-radius: 0;
48
+ }
49
+
50
+ .fancybox a {
51
+ text-decoration: none !important;
52
+ }
53
+
54
+ /* this sets styles for the text above thumbnails "image gallery:" */
55
+ .fancybox p {
56
+ color: #232323;
57
+ font-size: .855em;
58
+ font-style: italic;
59
+ margin-bottom: 2px;
60
+ }
61
+
62
+ .fancybox-title-float-wrap .child {
63
+ border-radius: 0;
64
+ }
65
+
66
+ .fancybox-title {
67
+ color: #000000;
68
+ font-family: Helvetica, Arial, sans-serif;
69
+ font-size: 16px;
70
+ line-height: 1.355;
71
+ pointer-events: all;
72
+ text-align: left;
73
73
  }
@@ -1,97 +1,97 @@
1
- #fancybox-buttons {
2
- position: fixed;
3
- left: 0;
4
- width: 100%;
5
- z-index: 8050;
6
- }
7
-
8
- #fancybox-buttons.top {
9
- top: 10px;
10
- }
11
-
12
- #fancybox-buttons.bottom {
13
- bottom: 10px;
14
- }
15
-
16
- #fancybox-buttons ul {
17
- display: block;
18
- width: 166px;
19
- height: 30px;
20
- margin: 0 auto;
21
- padding: 0;
22
- list-style: none;
23
- border: 1px solid #111;
24
- border-radius: 3px;
25
- -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
26
- -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
27
- box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
28
- background: rgb(50,50,50);
29
- background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
30
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
31
- background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
32
- background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
33
- background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
34
- background: linear-gradient(to bottom, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
35
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
36
- }
37
-
38
- #fancybox-buttons ul li {
39
- float: left;
40
- margin: 0;
41
- padding: 0;
42
- }
43
-
44
- #fancybox-buttons a {
45
- display: block;
46
- width: 30px;
47
- height: 30px;
48
- text-indent: -9999px;
49
- background-color: transparent;
50
- background-image: url('../../../cards/source/helpers/fancybox_buttons.png');
51
- background-repeat: no-repeat;
52
- outline: none;
53
- opacity: 0.8;
54
- }
55
-
56
- #fancybox-buttons a:hover {
57
- opacity: 1;
58
- }
59
-
60
- #fancybox-buttons a.btnPrev {
61
- background-position: 5px 0;
62
- }
63
-
64
- #fancybox-buttons a.btnNext {
65
- background-position: -33px 0;
66
- border-right: 1px solid #3e3e3e;
67
- }
68
-
69
- #fancybox-buttons a.btnPlay {
70
- background-position: 0 -30px;
71
- }
72
-
73
- #fancybox-buttons a.btnPlayOn {
74
- background-position: -30px -30px;
75
- }
76
-
77
- #fancybox-buttons a.btnToggle {
78
- background-position: 3px -60px;
79
- border-left: 1px solid #111;
80
- border-right: 1px solid #3e3e3e;
81
- width: 35px
82
- }
83
-
84
- #fancybox-buttons a.btnToggleOn {
85
- background-position: -27px -60px;
86
- }
87
-
88
- #fancybox-buttons a.btnClose {
89
- border-left: 1px solid #111;
90
- width: 35px;
91
- background-position: -56px 0px;
92
- }
93
-
94
- #fancybox-buttons a.btnDisabled {
95
- opacity : 0.4;
96
- cursor: default;
97
- }
1
+ #fancybox-buttons {
2
+ position: fixed;
3
+ left: 0;
4
+ width: 100%;
5
+ z-index: 8050;
6
+ }
7
+
8
+ #fancybox-buttons.top {
9
+ top: 10px;
10
+ }
11
+
12
+ #fancybox-buttons.bottom {
13
+ bottom: 10px;
14
+ }
15
+
16
+ #fancybox-buttons ul {
17
+ display: block;
18
+ width: 166px;
19
+ height: 30px;
20
+ margin: 0 auto;
21
+ padding: 0;
22
+ list-style: none;
23
+ border: 1px solid #111;
24
+ border-radius: 3px;
25
+ -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
26
+ -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
27
+ box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
28
+ background: rgb(50,50,50);
29
+ background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
30
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
31
+ background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
32
+ background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
33
+ background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
34
+ background: linear-gradient(to bottom, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
35
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
36
+ }
37
+
38
+ #fancybox-buttons ul li {
39
+ float: left;
40
+ margin: 0;
41
+ padding: 0;
42
+ }
43
+
44
+ #fancybox-buttons a {
45
+ display: block;
46
+ width: 30px;
47
+ height: 30px;
48
+ text-indent: -9999px;
49
+ background-color: transparent;
50
+ background-image: url('../../../cards/source/helpers/fancybox_buttons.png');
51
+ background-repeat: no-repeat;
52
+ outline: none;
53
+ opacity: 0.8;
54
+ }
55
+
56
+ #fancybox-buttons a:hover {
57
+ opacity: 1;
58
+ }
59
+
60
+ #fancybox-buttons a.btnPrev {
61
+ background-position: 5px 0;
62
+ }
63
+
64
+ #fancybox-buttons a.btnNext {
65
+ background-position: -33px 0;
66
+ border-right: 1px solid #3e3e3e;
67
+ }
68
+
69
+ #fancybox-buttons a.btnPlay {
70
+ background-position: 0 -30px;
71
+ }
72
+
73
+ #fancybox-buttons a.btnPlayOn {
74
+ background-position: -30px -30px;
75
+ }
76
+
77
+ #fancybox-buttons a.btnToggle {
78
+ background-position: 3px -60px;
79
+ border-left: 1px solid #111;
80
+ border-right: 1px solid #3e3e3e;
81
+ width: 35px
82
+ }
83
+
84
+ #fancybox-buttons a.btnToggleOn {
85
+ background-position: -27px -60px;
86
+ }
87
+
88
+ #fancybox-buttons a.btnClose {
89
+ border-left: 1px solid #111;
90
+ width: 35px;
91
+ background-position: -56px 0px;
92
+ }
93
+
94
+ #fancybox-buttons a.btnDisabled {
95
+ opacity : 0.4;
96
+ cursor: default;
97
+ }