Blogger Accordion HTML Kodları
Blogger Accordion HTML Kodları
Konular
Accordion Başlığı 1 ...
Accordion Başlığı 2 ...
Accordion Başlığı 3 ...
Accordion Başlığı 4 ...
.acdn {
position :relative;
list-style :none;
margin :
30px 0 ;
padding :
0 ;
font-size :
14px ;
line-height :
1.7em ;
font-family :inherit}
.acdn .ac {
width :
100% ;
padding :
20px 0 20px 15px ;
margin :
10px 0 ;
background :
#f0f0ff ;
border-radius :
10px ;
border-left :
4px solid
#8a8aff ;
box-shadow :
0 5px 10px rgba (
51 ,
51 ,
51 ,.
1 )}
.acdn .ac :nth-child (
4 n +
1 ){
background :
#f0f0ff ;
border-left-color :
#8a8aff }
.acdn .ac :nth-child (
4 n +
2 ){
background :
#fff0f3 ;
border-left-color :
#ff8aa1 }
.acdn .ac :nth-child (
4 n +
3 ){
background :
#f0faff ;
border-left-color :
#8ad8ff }
.acdn .ac :nth-child (
4 n +
4 ){
background :
#fff7f0 ;
border-left-color :
#ffc08a }
.acdn .cont {
margin :
0 ;
padding-left :
27px ;
padding-right :
27px ;
position :relative;
overflow :hidden;
max-height :
0 ;
transition :all .
3s ease;
color :
#08102b }
.acdn .cont ul ,
.acdn .cont ol {
padding-left :
13px }
.acdn .cont li {
padding :
0 }
.acdn .cont a {
text-decoration :none;
color :
#08102b }
.acdn .cont a :hover {
text-decoration :underline}
.…
