Skip to content

Commit a98030d

Browse files
author
Muhammad Abdullah
committed
first commit
0 parents  commit a98030d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+11900
-0
lines changed

‎css/bootstrap-theme.css

+587
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/bootstrap-theme.css.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/bootstrap.css

+6,755
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/bootstrap.css.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/lightbox.css

+213
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,213 @@
1+
/* Preload img */
2+
body:after {
3+
content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
4+
display: none;
5+
}
6+
7+
body.lb-disable-scrolling {
8+
overflow: hidden;
9+
}
10+
11+
.lightboxOverlay {
12+
position: absolute;
13+
top: 0;
14+
left: 0;
15+
z-index: 9999;
16+
background-color: black;
17+
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
18+
opacity: 0.8;
19+
display: none;
20+
}
21+
22+
.lightbox {
23+
position: absolute;
24+
left: 0;
25+
width: 100%;
26+
z-index: 10000;
27+
text-align: center;
28+
line-height: 0;
29+
font-weight: normal;
30+
}
31+
32+
.lightbox .lb-image {
33+
display: block;
34+
height: auto;
35+
max-width: inherit;
36+
max-height: none;
37+
border-radius: 3px;
38+
39+
/* Image border */
40+
border: 4px solid white;
41+
}
42+
43+
.lightbox a img {
44+
border: none;
45+
}
46+
47+
.lb-outerContainer {
48+
position: relative;
49+
*zoom: 1;
50+
width: 250px;
51+
height: 250px;
52+
margin: 0 auto;
53+
border-radius: 4px;
54+
55+
/* Background color behind image.
56+
This is visible during transitions. */
57+
background-color: white;
58+
}
59+
60+
.lb-outerContainer:after {
61+
content: "";
62+
display: table;
63+
clear: both;
64+
}
65+
66+
.lb-loader {
67+
position: absolute;
68+
top: 43%;
69+
left: 0;
70+
height: 25%;
71+
width: 100%;
72+
text-align: center;
73+
line-height: 0;
74+
}
75+
76+
.lb-cancel {
77+
display: block;
78+
width: 32px;
79+
height: 32px;
80+
margin: 0 auto;
81+
background: url(../img/loading.gif) no-repeat;
82+
}
83+
84+
.lb-nav {
85+
position: absolute;
86+
top: 0;
87+
left: 0;
88+
height: 100%;
89+
width: 100%;
90+
z-index: 10;
91+
}
92+
93+
.lb-container > .nav {
94+
left: 0;
95+
}
96+
97+
.lb-nav a {
98+
outline: none;
99+
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
100+
}
101+
102+
.lb-prev, .lb-next {
103+
height: 100%;
104+
cursor: pointer;
105+
display: block;
106+
}
107+
108+
.lb-nav a.lb-prev {
109+
width: 34%;
110+
left: 0;
111+
float: left;
112+
background: url(../img/prev.png) left 48% no-repeat;
113+
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
114+
opacity: 0;
115+
-webkit-transition: opacity 0.6s;
116+
-moz-transition: opacity 0.6s;
117+
-o-transition: opacity 0.6s;
118+
transition: opacity 0.6s;
119+
}
120+
121+
.lb-nav a.lb-prev:hover {
122+
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
123+
opacity: 1;
124+
}
125+
126+
.lb-nav a.lb-next {
127+
width: 64%;
128+
right: 0;
129+
float: right;
130+
background: url(../img/next.png) right 48% no-repeat;
131+
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
132+
opacity: 0;
133+
-webkit-transition: opacity 0.6s;
134+
-moz-transition: opacity 0.6s;
135+
-o-transition: opacity 0.6s;
136+
transition: opacity 0.6s;
137+
}
138+
139+
.lb-nav a.lb-next:hover {
140+
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
141+
opacity: 1;
142+
}
143+
144+
.lb-dataContainer {
145+
margin: 0 auto;
146+
padding-top: 5px;
147+
*zoom: 1;
148+
width: 100%;
149+
-moz-border-radius-bottomleft: 4px;
150+
-webkit-border-bottom-left-radius: 4px;
151+
border-bottom-left-radius: 4px;
152+
-moz-border-radius-bottomright: 4px;
153+
-webkit-border-bottom-right-radius: 4px;
154+
border-bottom-right-radius: 4px;
155+
}
156+
157+
.lb-dataContainer:after {
158+
content: "";
159+
display: table;
160+
clear: both;
161+
}
162+
163+
.lb-data {
164+
padding: 0 4px;
165+
color: #ccc;
166+
}
167+
168+
.lb-data .lb-details {
169+
width: 85%;
170+
float: left;
171+
text-align: left;
172+
line-height: 1.1em;
173+
}
174+
175+
.lb-data .lb-caption {
176+
font-size: 13px;
177+
font-weight: bold;
178+
line-height: 1em;
179+
}
180+
181+
.lb-data .lb-caption a {
182+
color: #4ae;
183+
}
184+
185+
.lb-data .lb-number {
186+
display: block;
187+
clear: left;
188+
padding-bottom: 1em;
189+
font-size: 12px;
190+
color: #999999;
191+
}
192+
193+
.lb-data .lb-close {
194+
display: block;
195+
float: right;
196+
width: 30px;
197+
height: 30px;
198+
background: url(../img/close.png) top right no-repeat;
199+
text-align: right;
200+
outline: none;
201+
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
202+
opacity: 0.7;
203+
-webkit-transition: opacity 0.2s;
204+
-moz-transition: opacity 0.2s;
205+
-o-transition: opacity 0.2s;
206+
transition: opacity 0.2s;
207+
}
208+
209+
.lb-data .lb-close:hover {
210+
cursor: pointer;
211+
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
212+
opacity: 1;
213+
}

0 commit comments

Comments
 (0)