Skip to content

Commit 66e7727

Browse files
toukiitoukii
committed
toukii
1 parent a4ef2d4 commit 66e7727

20 files changed

+14496
-0
lines changed

‎css/toukii/bootstrap.css

Lines changed: 6845 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/toukii/easy-responsive-tabs.css

Lines changed: 234 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,234 @@
1+
.resp-tabs-list, .resp-tabs-list p {
2+
margin: 0px;
3+
padding: 0px;
4+
}
5+
.resp-tabs-list {
6+
display: inline-block;
7+
}
8+
.resp-tabs-list li {
9+
font-weight: 600;
10+
font-size: 16px;
11+
display: inline-block;
12+
padding: 18px 15px;
13+
margin: 0 4px 0 0;
14+
list-style: none;
15+
cursor: pointer;
16+
}
17+
18+
.resp-tabs-container {
19+
padding: 0px;
20+
background-color: #fff;
21+
clear: left;
22+
}
23+
24+
h2.resp-accordion {
25+
cursor: pointer;
26+
padding: 5px;
27+
display: none;
28+
29+
}
30+
.resp-tab-content {
31+
display: none;
32+
padding: 15px;
33+
padding-top: 30px;
34+
text-align: left;
35+
box-shadow: none;
36+
}
37+
.text-center .resp-tab-content,
38+
.text-center .resp-accordion {
39+
text-align: left;
40+
}
41+
42+
.resp-tab-active {
43+
border: 1px solid #ebebeb !important;
44+
border-bottom: none;
45+
margin-bottom: -1px !important;
46+
padding: 17px 14px 19px 14px !important;
47+
border-top: 1px solid #ebebeb !important;
48+
border-bottom: 0px #fff solid !important;
49+
border-top-left-radius: 4px;
50+
border-top-right-radius: 4px;
51+
}
52+
53+
.resp-tab-active {
54+
border-bottom: none;
55+
background-color: #fff;
56+
}
57+
58+
.resp-content-active, .resp-accordion-active {
59+
display: block;
60+
}
61+
62+
.resp-tab-content {
63+
border: none;
64+
border-top: 1px solid #ebebeb;
65+
/*border-left-color: transparent;
66+
border-left-color: transparent;*/
67+
/*border-top-color: #ebebeb;*/
68+
}
69+
70+
h2.resp-accordion {
71+
font-size: 13px;
72+
border: 1px solid #ebebeb;
73+
border-top: 0px solid #ebebeb;
74+
margin: 0px;
75+
padding: 10px 15px;
76+
}
77+
78+
h2.resp-tab-active {
79+
border-bottom: 0px solid #ebebeb !important;
80+
margin-bottom: 0px !important;
81+
padding: 10px 15px !important;
82+
}
83+
84+
h2.resp-tab-title:last-child {
85+
border-bottom: 12px solid #ebebeb !important;
86+
background: blue;
87+
}
88+
89+
/*-----------Vertical tabs-----------*/
90+
.resp-vtabs ul.resp-tabs-list {
91+
float: left;
92+
width: 30%;
93+
}
94+
95+
.resp-vtabs .resp-tabs-list li {
96+
display: block;
97+
padding: 19px 15px !important;
98+
margin: 0 0 4px;
99+
cursor: pointer;
100+
float: none;
101+
}
102+
103+
.resp-vtabs .resp-tabs-container {
104+
padding: 0px;
105+
background-color: #fff;
106+
/*border: 1px solid #ebebeb;*/
107+
border-left: 1px solid #ebebeb;
108+
float: left;
109+
width: 68%;
110+
min-height: 250px;
111+
border-radius: 4px;
112+
clear: none;
113+
}
114+
115+
.resp-vtabs .resp-tab-content {
116+
border: none;
117+
word-wrap: break-word;
118+
padding-left: 30px;
119+
}
120+
121+
.resp-vtabs li.resp-tab-active {
122+
position: relative;
123+
z-index: 1;
124+
margin-right: -1px !important;
125+
padding: 18px 15px 19px 14px !important;
126+
/*border-top: 1px solid;*/
127+
border: 1px solid #ebebeb !important;
128+
border-left: 1px solid #ebebeb !important;
129+
border-left: none !important;
130+
margin-bottom: 4px !important;
131+
border-right: 1px #FFF solid !important;
132+
border-top-left-radius: 0px;
133+
border-top-right-radius: 0px;
134+
}
135+
136+
.resp-arrow {
137+
float: right;
138+
margin-top: 10px;
139+
-moz-transition: all .2s ease;
140+
-o-transition: all .2s ease;
141+
-webkit-transition: all .2s ease;
142+
transition: all .2s ease;
143+
}
144+
145+
h2.resp-tab-active span.resp-arrow {
146+
-ms-transform: rotate(180deg); /* IE 9 */
147+
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
148+
transform: rotate(180deg);
149+
}
150+
151+
/*-----------Accordion styles-----------*/
152+
h2.resp-tab-active {
153+
background: #DBDBDB;/* !important;*/
154+
}
155+
156+
.resp-easy-accordion h2.resp-accordion {
157+
display: block;
158+
}
159+
160+
161+
.resp-easy-accordion .resp-tab-content:last-child {
162+
border-bottom: 1px solid #ebebeb;/* !important;*/
163+
}
164+
165+
.resp-jfit {
166+
width: 100%;
167+
margin: 0px;
168+
}
169+
170+
.resp-tab-content-active {
171+
display: block;
172+
}
173+
174+
h2.resp-accordion:first-child {
175+
border-top: 1px solid #ebebeb;/* !important;*/
176+
}
177+
.resp-accordion.resp-tab-active {
178+
border-top: none;
179+
}
180+
181+
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
182+
@media only screen and (max-width: 768px) {
183+
ul.resp-tabs-list {
184+
display: none;
185+
}
186+
187+
h2.resp-accordion {
188+
display: block;
189+
}
190+
.resp-tab-content {
191+
border: 1px solid #ebebeb;
192+
}
193+
.resp-vtabs .resp-tab-content {
194+
border: 1px solid #ebebeb;
195+
}
196+
197+
.resp-tabs-container .resp-accordion.resp-tab-active {
198+
border-top: none!important;
199+
border-bottom: none!important;
200+
border-top-left-radius: 0px;
201+
border-top-right-radius: 0px;
202+
}
203+
.resp-tabs-container .resp-accordion.resp-tab-active:nth-of-type(1) {
204+
border-top-left-radius: 0px;
205+
border-top-right-radius: 0px;
206+
border-top: 1px solid #ebebeb !important;
207+
border-bototm: none!important;
208+
}
209+
210+
211+
.resp-tab-content {
212+
-webkit-box-shadow: inset 0px 4px 5px -3px rgba(0,0,0,0.05);
213+
-moz-box-shadow: inset 0px 4px 5px -3px rgba(0,0,0,0.05);
214+
-ms-box-shadow: inset 0px 4px 5px -3px rgba(0,0,0,0.05);
215+
box-shadow: inset 0px 4px 5px -3px rgba(0,0,0,0.05);
216+
}
217+
218+
219+
.resp-vtabs .resp-tabs-container {
220+
border: none;
221+
float: none;
222+
width: 100%;
223+
min-height: 100px;
224+
clear: none;
225+
}
226+
227+
.resp-accordion-closed {
228+
display: none !important;
229+
}
230+
231+
.resp-vtabs .resp-tab-content:last-child {
232+
border-bottom: 1px solid #ebebeb !important;
233+
}
234+
}

0 commit comments

Comments
 (0)