Nyako (обсуждение | вклад) Нет описания правки |
Nyako (обсуждение | вклад) Нет описания правки |
||
(не показаны 3 промежуточные версии этого же участника) | |||
Строка 6: | Строка 6: | ||
border: solid 1px #36c; | border: solid 1px #36c; | ||
border-radius: 10px; | border-radius: 10px; | ||
padding: 4px; | |||
} | |||
.custom_info_head { | |||
width:256px; | |||
} | |||
.vt_card { | |||
clear: both; | |||
width: 100%; | |||
border: solid 1px #36c; | |||
border-radius: 5px; | |||
padding: 4px; | padding: 4px; | ||
} | } | ||
Строка 24: | Строка 36: | ||
text-align: center; | text-align: center; | ||
background-color: #36c; | background-color: #36c; | ||
border-radius: 5px; | border-radius: 5px; | ||
width: 100%; | width: 100%; | ||
} | |||
.timeline { | |||
position: relative; | |||
max-width: 800px; | |||
margin: 0 auto; | |||
padding: 40px 20px; | |||
} | |||
.timeline::after { | |||
content: ''; | |||
position: absolute; | |||
width: 2px; | |||
background-color: #000; | |||
top: 0; | |||
bottom: 0; | |||
left: 50%; | |||
margin-left: -1px; | |||
} | |||
.timeline-item { | |||
position: relative; | |||
margin-bottom: 50px; | |||
} | |||
.timeline-item::after { | |||
content: ''; | |||
position: absolute; | |||
width: 20px; | |||
height: 20px; | |||
background-color: #000; | |||
border-radius: 50%; | |||
top: 0; | |||
left: 50%; | |||
margin-left: -10px; | |||
} | |||
.timeline-item.left .timeline-content { | |||
left: 70%; | |||
} | |||
.timeline-item.right .timeline-content { | |||
left: 20%; | |||
} | |||
.timeline-content { | |||
position: relative; | |||
left: 30px; | |||
} | |||
.timeline-date { | |||
font-weight: bold; | |||
margin-bottom: 10px; | |||
} | |||
.timeline-description { | |||
margin-bottom: 10px; | |||
} | } |
Текущая версия от 01:17, 16 октября 2023
/* Размещённый здесь CSS будет применяться ко всем темам оформления */ .custom_info_main { clear: both; width: 100%; border: solid 1px #36c; border-radius: 10px; padding: 4px; } .custom_info_head { width:256px; } .vt_card { clear: both; width: 100%; border: solid 1px #36c; border-radius: 5px; padding: 4px; } .custom_info_image { text-align: center; } .custom_info_data { text-align: left; } .custom_info_name { text-align: center; } .custom_info_title { text-align: center; background-color: #36c; border-radius: 5px; width: 100%; } .timeline { position: relative; max-width: 800px; margin: 0 auto; padding: 40px 20px; } .timeline::after { content: ''; position: absolute; width: 2px; background-color: #000; top: 0; bottom: 0; left: 50%; margin-left: -1px; } .timeline-item { position: relative; margin-bottom: 50px; } .timeline-item::after { content: ''; position: absolute; width: 20px; height: 20px; background-color: #000; border-radius: 50%; top: 0; left: 50%; margin-left: -10px; } .timeline-item.left .timeline-content { left: 70%; } .timeline-item.right .timeline-content { left: 20%; } .timeline-content { position: relative; left: 30px; } .timeline-date { font-weight: bold; margin-bottom: 10px; } .timeline-description { margin-bottom: 10px; }