ммымымми
ививививи
Тесте 2
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться104-11-2019 19:31:41
Поделиться206-11-2019 07:58:18
Ant написал(а):
ммымымми
ививививи
Поделиться314-11-2019 12:09:38
Код:
жаолфжалжфлажфла
Поделиться522-06-2020 20:34:50
Исходный стиль
Код:
/* Для бестиария */
bestiary {
position: relative;
background: #dedddb;
color: #000;
font-size: 12px;
}
.grid {
list-style: none;
margin-left: -40px;
}
.gc {
box-sizing: border-box;
display: inline-block;
min-height: 1px;
margin-right: -.25em;
padding-left: 10px;
padding-right: 10px;
vertical-align: top;
}
.gc1{
box-sizing: border-box;
display: inline-block;
min-height: 1px;
margin-right: -.25em;
padding-left: 40px;
vertical-align: top;
}
.gc--1-of-3 {
width: 192px;
height: 700px;
font-size: 10px;
}
.gc--2-of-3 {
width: 655px;
height: 640px !important;
margin-top: 3px;}
.gc--3-of-3 {
width: 655px;
height: 640px !important;
overflow-y: auto;
overflow-x: hidden;
}
.naccs {
position: relative;
max-width: 900px;
}
.naccs .menu div {
padding: 15px 20px 15px 40px;
margin-bottom: 10px;
color: #fff;
background-image: url(https://upforme.ru/uploads/001a/7a/e4/3/744379.png);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
cursor: pointer;
position: relative;
vertical-align: middle;
font-weight: 100;
transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.naccs .menu div:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.naccs .menu div span.light {
height: 10px;
width: 10px;
position: absolute;
top: center;
left: 15px;
background-color: #85a1c1;
border-radius: 100%;
transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.naccs .menu div.active span.light {
background-color: #85a1c1;
left: 0;
height: 100%;
width: 3px;
top: 0;
border-radius: 0;
}
.naccs .menu div.active {
color: #85a1c1;
padding: 15px 20px 15px 20px;
font-weight: 100;
font-size: 12px;
}
ul.nacc {
position: relative;
list-style: none;
margin: 0px 10px 10px 10px;
width: 560px;
height: 680px;
padding: 0px;
transition: .5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
ul.nacc li {
opacity: 0;
transform: translateX(50px);
position: absolute;
list-style: none;
transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
ul.nacc li.active {
transition-delay: .3s;
z-index: 2;
opacity: 1;
transform: translateX(0px);
}
ul.nacc li p {
margin: 0;
}Страница: 1











