Mercurial > hgrepos > hgweb.cgi > skipweb
annotate css/jquery.bxslider.css @ 3885:f2db9b4537db
add movie-iphone
author | Fumichan <c116092@h.koeki-u.ac.jp> |
---|---|
date | Mon, 18 Feb 2019 13:23:04 +0900 |
parents | e3c6d3dbfca5 |
children |
rev | line source |
---|---|
2366 | 1 /** |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
2 * BxSlider v4.1.2 - Fully loaded, responsive content slider |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
3 * http://bxslider.com |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
4 * |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
5 * Written by: Steven Wanderski, 2014 |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
6 * http://stevenwanderski.com |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
7 * (while drinking Belgian ales and listening to jazz) |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
8 * |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
9 * CEO and founder of bxCreative, LTD |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
10 * http://bxcreative.com |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
11 */ |
2366 | 12 /** RESET AND LAYOUT |
13 ===================================*/ | |
14 .bx-wrapper { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
15 position: relative; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
16 margin: 0 auto 60px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
17 padding: 0; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
18 *zoom: 1; |
2366 | 19 } |
20 .bx-wrapper img { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
21 max-width: 600px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
22 display: block; |
2366 | 23 } |
24 /** THEME | |
25 ===================================*/ | |
26 .bx-wrapper .bx-viewport { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
27 -moz-box-shadow: 0 0 5px #ccc; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
28 -webkit-box-shadow: 0 0 5px #ccc; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
29 box-shadow: 0 0 5px #ccc; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
30 border: 15px solid #fd5; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
31 left: -10px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
32 bottom : 5px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
33 background: #fd5; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
34 /*fix other elements on the page moving (on Chrome)*/ |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
35 -webkit-transform: translatez(0); |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
36 -moz-transform: translatez(0); |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
37 -ms-transform: translatez(0); |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
38 -o-transform: translatez(0); |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
39 transform: translatez(0); |
2366 | 40 } |
41 .bx-wrapper .bx-pager, | |
42 .bx-wrapper .bx-controls-auto { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
43 position: absolute; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
44 bottom: -30px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
45 width: 100%; |
2366 | 46 } |
47 /* LOADER */ | |
48 .bx-wrapper .bx-loading { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
49 min-height: 50px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
50 background: url(images/bx_loader.gif) center center no-repeat #fff; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
51 height: 100%; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
52 width: 100%; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
53 position: absolute; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
54 top: 0; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
55 left: 0; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
56 z-index: 2000; |
2366 | 57 } |
58 /* PAGER */ | |
59 .bx-wrapper .bx-pager { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
60 text-align: center; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
61 font-size: .85em; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
62 font-family: Arial; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
63 font-weight: bold; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
64 color: #666; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
65 padding-top: 20px; |
2366 | 66 } |
67 .bx-wrapper .bx-pager .bx-pager-item, | |
68 .bx-wrapper .bx-controls-auto .bx-controls-auto-item { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
69 display: inline-block; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
70 *zoom: 1; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
71 *display: inline; |
2366 | 72 } |
73 .bx-wrapper .bx-pager.bx-default-pager a { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
74 background: #666; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
75 text-indent: -9999px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
76 display: block; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
77 width: 10px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
78 height: 10px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
79 margin: 0 5px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
80 outline: 0; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
81 -moz-border-radius: 5px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
82 -webkit-border-radius: 5px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
83 border-radius: 5px; |
2366 | 84 } |
85 .bx-wrapper .bx-pager.bx-default-pager a:hover, | |
86 .bx-wrapper .bx-pager.bx-default-pager a.active { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
87 background: #000; |
2366 | 88 } |
89 /* DIRECTION CONTROLS (NEXT / PREV) */ | |
90 .bx-wrapper .bx-prev { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
91 left: 10px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
92 background: url(images/controls.png) no-repeat 0 -32px; |
2366 | 93 } |
94 .bx-wrapper .bx-next { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
95 right: 10px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
96 background: url(images/controls.png) no-repeat -43px -32px; |
2366 | 97 } |
98 .bx-wrapper .bx-prev:hover { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
99 background-position: 0 0; |
2366 | 100 } |
101 .bx-wrapper .bx-next:hover { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
102 background-position: -43px 0; |
2366 | 103 } |
104 .bx-wrapper .bx-controls-direction a { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
105 position: absolute; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
106 top: 50%; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
107 margin-top: -16px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
108 outline: 0; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
109 width: 32px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
110 height: 32px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
111 text-indent: -9999px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
112 z-index: 9999; |
2366 | 113 } |
114 .bx-wrapper .bx-controls-direction a.disabled { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
115 display: none; |
2366 | 116 } |
117 /* AUTO CONTROLS (START / STOP) */ | |
118 .bx-wrapper .bx-controls-auto { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
119 text-align: center; |
2366 | 120 } |
121 .bx-wrapper .bx-controls-auto .bx-start { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
122 display: block; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
123 text-indent: -9999px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
124 width: 10px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
125 height: 11px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
126 outline: 0; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
127 background: url(images/controls.png) -86px -11px no-repeat; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
128 margin: 0 3px; |
2366 | 129 } |
130 .bx-wrapper .bx-controls-auto .bx-start:hover, | |
131 .bx-wrapper .bx-controls-auto .bx-start.active { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
132 background-position: -86px 0; |
2366 | 133 } |
134 .bx-wrapper .bx-controls-auto .bx-stop { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
135 display: block; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
136 text-indent: -9999px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
137 width: 9px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
138 height: 11px; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
139 outline: 0; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
140 background: url(images/controls.png) -86px -44px no-repeat; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
141 margin: 0 3px; |
2366 | 142 } |
143 .bx-wrapper .bx-controls-auto .bx-stop:hover, | |
144 .bx-wrapper .bx-controls-auto .bx-stop.active { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
145 background-position: -86px -33px; |
2366 | 146 } |
147 /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ | |
148 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
149 text-align: left; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
150 width: 80%; |
2366 | 151 } |
152 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
153 right: 0; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
154 width: 35px; |
2366 | 155 } |
156 /* IMAGE CAPTIONS */ | |
157 .bx-wrapper .bx-caption { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
158 position: absolute; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
159 bottom: 0; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
160 left: 0; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
161 background: #666\9; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
162 background: rgba(80, 80, 80, 0.75); |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
163 width: 100%; |
2366 | 164 } |
165 .bx-wrapper .bx-caption span { | |
2398
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
166 color: #fff; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
167 font-family: Arial; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
168 display: block; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
169 font-size: .85em; |
e3c6d3dbfca5
Version up index.html.
MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
parents:
2366
diff
changeset
|
170 padding: 10px; |
2366 | 171 } |