Skip to content

Commit f02be24

Browse files
codingwithveer18codingwithveer18
committed
update
1 parent a3c77da commit f02be24

5 files changed

Lines changed: 188 additions & 149 deletions

File tree

‎Projects/SoulBound_Confession/css/pogo-slider.min.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -152,7 +152,7 @@
152152

153153
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn {
154154
top: 50%;
155-
margin-top: -10px;
155+
margin-top: -40px;
156156
}
157157

158158
.pogoSlider-nav {

‎Projects/SoulBound_Confession/css/responsive.css‎

Lines changed: 166 additions & 140 deletions
Original file line numberDiff line numberDiff line change
@@ -1,198 +1,224 @@
11
/* only small desktops */
22
/* tablets */
33
@media (min-width: 992px) and (max-width: 1190px) {
4-
.countdown{
5-
height: 285px;
4+
.countdown {
5+
height: 285px;
66
}
7-
.top-header .navbar .navbar-collapse ul li a{
8-
font-size: 14px;
7+
.top-header .navbar .navbar-collapse ul li a {
8+
font-size: 14px;
9+
}
10+
.lbox-details h2 {
11+
font-size: 26px;
12+
}
13+
.right-top ul li a {
14+
padding: 0px 15px;
15+
}
16+
}
17+
.lbox-details h1 {
18+
font-size: 35px;
19+
}
20+
21+
/* only small tablets */
22+
@media (min-width: 780px) and (max-width: 991px) {
23+
.top-header .navbar .navbar-collapse ul li a {
24+
padding: 5px 15px;
925
}
10-
.lbox-details h2{
11-
font-size: 26px;
26+
.about-img {
27+
margin-bottom: 30px;
28+
margin-top: 30px;
1229
}
13-
.right-top ul li a{
14-
padding: 0px 15px;
30+
.gallery-box ul li {
31+
width: 33.33%;
1532
}
16-
}
17-
/* only small tablets */
18-
@media (min-width: 768px) and (max-width: 991px) {
19-
.top-header .navbar .navbar-collapse ul li a{
20-
padding: 5px 15px;
33+
.top-header {
34+
position: relative;
2135
}
22-
.about-img{
23-
margin-bottom: 30px;
24-
margin-top: 30px;
36+
.lbox-details {
37+
display: block;
38+
position: relative;
39+
width: 100%;
2540
}
26-
.gallery-box ul li{
27-
width: 33.33%;
41+
.countdown #timer div#days,
42+
.countdown #timer div#hours,
43+
.countdown #timer div#minutes,
44+
.countdown #timer div#seconds {
45+
position: inherit;
46+
margin: 12px 0px;
2847
}
29-
.top-header{
30-
position: relative;
48+
.lbox-details::before {
49+
background: rgba(0, 0, 0, 0.9);
3150
}
32-
.lbox-details{
33-
display: block;
34-
position: relative;
35-
width: 100%;
51+
.countdown {
52+
height: 188px;
53+
border-radius: 0px;
3654
}
37-
.countdown #timer div#days, .countdown #timer div#hours, .countdown #timer div#minutes, .countdown #timer div#seconds{
38-
position: inherit;
39-
margin: 12px 0px;
55+
.countdown #timer div {
56+
width: 23%;
57+
font-size: 24px;
4058
}
41-
.lbox-details::before{
42-
background: rgba(0,0,0,0.9);
59+
figure.effect-service h2 {
60+
font-size: 12px;
4361
}
44-
.countdown{
45-
height: 188px;
46-
border-radius: 0px;
62+
.left-top {
63+
display: inline-block;
64+
width: 100%;
4765
}
48-
.countdown #timer div{
49-
width: 23%;
50-
font-size: 24px;
66+
.mail-b {
67+
float: right;
5168
}
52-
figure.effect-service h2{
53-
font-size: 12px;
69+
.right-top {
70+
float: left;
5471
}
55-
.left-top{
56-
display: inline-block;
57-
width: 100%;
72+
.lbox-details p {
73+
font-size: 15px;
74+
margin-bottom: 0px;
5875
}
59-
.mail-b{
60-
float: right;
76+
.lbox-details h1 {
77+
margin-bottom: 5px;
78+
padding: 5px;
6179
}
62-
.right-top{
63-
float: left;
80+
.lbox-details a.btn {
81+
display: none;
6482
}
65-
}
66-
67-
/* mobile or only mobile */
68-
@media (max-width: 767px) {
69-
.navbar-brand{
70-
margin-left: 10px;
71-
margin-right: 10px;
83+
}
84+
85+
/* mobile or only mobile */
86+
@media (max-width: 780px) {
87+
.navbar-brand {
88+
margin-left: 10px;
89+
margin-right: 10px;
7290
}
73-
.top-header .navbar .navbar-collapse ul li a{
74-
padding: 5px 15px;
91+
.top-header .navbar .navbar-collapse ul li a {
92+
padding: 5px 15px;
7593
}
76-
.right-top{
77-
float: none;
78-
margin: 0 auto;
79-
display: block;
80-
text-align: center;
94+
.right-top {
95+
float: none;
96+
margin: 0 auto;
97+
display: block;
98+
text-align: center;
8199
}
82-
.left-top{
83-
text-align: center;
100+
.left-top {
101+
text-align: center;
84102
}
85-
.left-top a{
86-
float: none;
87-
padding: 5px 20px;
103+
.left-top a {
104+
float: none;
105+
padding: 5px 20px;
88106
}
89-
.wel-nots{
90-
float: none;
91-
margin: 0;
92-
text-align: center;
107+
.wel-nots {
108+
float: none;
109+
margin: 0;
110+
text-align: center;
93111
}
94-
.right-top ul li{
95-
float: none;
96-
display: inline-block;
112+
.right-top ul li {
113+
float: none;
114+
display: inline-block;
97115
}
98-
.mail-b{
99-
float: none;
116+
.mail-b {
117+
float: none;
100118
}
101-
.mail-b a{
102-
padding: 5px 20px;
119+
.mail-b a {
120+
padding: 5px 20px;
103121
}
104-
.lbox-details h1{
105-
font-size: 24px;
122+
.lbox-details h1 {
123+
font-size: 17px;
106124
}
107-
.lbox-details h2{
108-
font-size: 18px;
125+
.lbox-details h2 {
126+
font-size: 18px;
109127
}
110-
.lbox-details p strong{
111-
font-size: 20px;
128+
.lbox-details p strong {
129+
font-size: 20px;
112130
}
113-
.lbox-details a.btn{
114-
display: none;
131+
.lbox-details a.btn {
132+
display: none;
115133
}
116-
.title-box h2{
117-
font-size: 38px;
134+
.title-box h2 {
135+
font-size: 38px;
118136
}
119-
.about-main-info h2{
120-
font-size: 24px;
137+
.about-main-info h2 {
138+
font-size: 24px;
121139
}
122-
.about-img{
123-
margin-bottom: 30px;
140+
.about-img {
141+
margin-bottom: 30px;
124142
}
125-
.main-timeline-box .separline::before{
126-
left: 15px !important;
143+
.main-timeline-box .separline::before {
144+
left: 15px !important;
127145
}
128-
.main-timeline-box .iconBackground{
129-
left: 15px !important;
146+
.main-timeline-box .iconBackground {
147+
left: 15px !important;
130148
}
131-
.main-timeline-box .timeline-text-content{
132-
margin-left: 0px;
149+
.main-timeline-box .timeline-text-content {
150+
margin-left: 0px;
133151
}
134-
.main-timeline-box .reverse .timeline-text-content{
135-
margin-right: 0px;
152+
.main-timeline-box .reverse .timeline-text-content {
153+
margin-right: 0px;
136154
}
137-
.main-timeline-box .time-line-date-content{
138-
margin-right: 0px;
155+
.main-timeline-box .time-line-date-content {
156+
margin-right: 0px;
139157
}
140-
.main-timeline-box .time-line-date-content p{
141-
float: left;
158+
.main-timeline-box .time-line-date-content p {
159+
float: left;
142160
}
143-
.main-timeline-box .timeline-element{
144-
padding: 0px 15px;
161+
.main-timeline-box .timeline-element {
162+
padding: 0px 15px;
145163
}
146-
147-
.top-header{
148-
position: relative;
164+
165+
.top-header {
166+
position: relative;
149167
}
150-
.lbox-details{
151-
position: relative;
152-
width: 100%;
153-
padding: 5% 0%;
168+
.lbox-details {
169+
position: relative;
170+
width: 100%;
171+
padding: 5% 0%;
154172
}
155-
.about-m{
156-
margin-top: 30px;
173+
.lbox-details p {
174+
text-align: center;
175+
margin: 0px 10px;
176+
font-size: 10px;
157177
}
158-
.countdown #timer div#days, .countdown #timer div#hours, .countdown #timer div#minutes, .countdown #timer div#seconds{
159-
position: inherit;
160-
margin: 12px 0px;
178+
.about-m {
179+
margin-top: 30px;
161180
}
162-
.lbox-details::before{
163-
background: rgba(0,0,0,0.9);
181+
.countdown #timer div#days,
182+
.countdown #timer div#hours,
183+
.countdown #timer div#minutes,
184+
.countdown #timer div#seconds {
185+
position: inherit;
186+
margin: 12px 0px;
164187
}
165-
.countdown{
166-
height: 188px;
167-
border-radius: 0px;
188+
.lbox-details::before {
189+
background: rgba(0, 0, 0, 0.9);
168190
}
169-
.countdown #timer div{
170-
width: 23%;
171-
font-size: 24px;
191+
.countdown {
192+
height: 188px;
193+
border-radius: 0px;
172194
}
173-
.about-m{
174-
margin-bottom: 30px;
195+
.countdown #timer div {
196+
width: 23%;
197+
font-size: 24px;
175198
}
176-
.timeLine .row .item{
177-
margin-bottom: 30px;
199+
.about-m {
200+
margin-bottom: 30px;
178201
}
179-
figure.effect-service h2{
180-
font-size: 14px;
202+
.timeLine .row .item {
203+
margin-bottom: 30px;
181204
}
182-
.filter-button-group button{
183-
margin-bottom: 5px;
205+
figure.effect-service h2 {
206+
font-size: 14px;
184207
}
185-
.well-block{
186-
margin-bottom: 30px;
208+
.filter-button-group button {
209+
margin-bottom: 5px;
187210
}
188-
.well-block .well-title h2{
189-
font-size: 24px;
211+
.well-block {
212+
margin-bottom: 30px;
190213
}
191-
.blog-inner a{
192-
padding: 10px 6px;
214+
.well-block .well-title h2 {
215+
font-size: 24px;
193216
}
194-
.cont-line{
195-
217+
.blog-inner a {
218+
padding: 10px 6px;
196219
}
197-
198-
}
220+
.pogoSlider--navBottom .pogoSlider-nav {
221+
display: none;
222+
}
223+
}
224+

‎Projects/SoulBound_Confession/css/style.css‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,11 @@ a {
2020
-o-transition: all .3s ease-in-out;
2121
transition: all .3s ease-in-out;
2222
}
23-
23+
img{
24+
vertical-align: middle;
25+
border-style: none;
26+
width: 195px;
27+
}
2428
h1,
2529
h2,
2630
h3,
@@ -371,7 +375,7 @@ button:focus {
371375
.navbar-toggler {
372376
border: 1px solid #57cef8;
373377
border-radius: 0;
374-
margin: 16px 15px;
378+
margin: 11px 11px;
375379
padding: 10px 10px;
376380
-webkit-transition: all 0.2s linear;
377381
-moz-transition: all 0.2s linear;

0 commit comments

Comments
 (0)