ul.is-style-element-list {
list-style: none;
padding-left: 0;
margin: 0;
}
ul.is-style-element-list li {
position: relative;
padding: 10px 30px 10px 15px;
margin-bottom: 8px;
border: 1.5px solid rgba(224, 230, 227, 0.6);
border-radius: 10px;
background: linear-gradient(135deg, #ffffff 0%, #fafcfb 100%);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03), 0 1px 3px rgba(0, 0, 0, 0.02);
cursor: pointer;
backdrop-filter: blur(10px);
}
ul.is-style-element-list li:hover {
border-color: rgba(45, 122, 79, 0.4);
background: linear-gradient(135deg, #ffffff 0%, #f5f9f7 100%);
box-shadow: 0 8px 20px rgba(45, 122, 79, 0.1), 0 4px 8px rgba(0, 0, 0, 0.04); } ul.is-style-element-list li::before {
content: "›";
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
font-weight: 600;
color: #2d7a4f;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0.7;
}
ul.is-style-element-list li:hover::before { opacity: 1;
color: #1f5739;
} ul.is-style-element-list li.document::before {
font-size: 22px;
}
ul.is-style-element-list li.document:hover::before {
transform: translateY(-50%) scale(1.08) rotate(-3deg);
} ul.is-style-element-list li.download::before {
content: "⬇";
font-size: 20px;
}
ul.is-style-element-list li.download:hover::before {
transform: translateY(-48%) translateX(0);
animation: bounce 0.6s ease;
}
@keyframes bounce {
0%, 100% { transform: translateY(-50%) translateX(0); }
50% { transform: translateY(-45%) translateX(0); }
}
ul.is-style-element-list li,
ul.is-style-element-list li a {
font-size: 0.8rem;
font-weight: bold;
}
ul.is-style-element-list li a {
text-decoration: none;
display: block;
line-height: 1.5;
}
ul.is-style-element-list li,
ul.is-style-element-list li a {
color: #1a3829;
text-decoration: none;
letter-spacing: -0.01em;
}
ul.is-style-element-list li:hover,
ul.is-style-element-list li:hover a {
color: #1f5739;
} ul.is-style-element-list li .meta {
display: block;
font-size: 0.75rem;
color: #6b7f72;
margin-top: 4px;
font-weight: 400;
letter-spacing: 0.01em;
opacity: 0.8;
transition: opacity 0.3s ease;
}
ul.is-style-element-list li:hover .meta {
opacity: 1;
color: #5a6e62;
} ul.is-style-element-list li.active {
background: linear-gradient(135deg, #f0f7f3 0%, #e8f3ed 100%);
border-color: rgba(45, 122, 79, 0.5);
box-shadow: 0 4px 12px rgba(45, 122, 79, 0.08), inset 0 1px 3px rgba(45, 122, 79, 0.05);
}
ul.is-style-element-list li.active::before {
color: #1f5739;
opacity: 1;
}