MediaWiki:Mobile.css: различия между версиями

Страница интерфейса MediaWiki
(Новая страница: «→‎Размещённый здесь CSS будет применяться ко всем темам оформления: .custom_info_main { clear: both; width: 100%; border: solid 1px #36c; border-radius: 10px; padding: 4px; } .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:...»)
 
Нет описания правки
 
(не показана 1 промежуточная версия этого же участника)
Строка 9: Строка 9:
}
}


.custom_info_head {
    width: 100%;
}


.vt_card {
.vt_card {
Строка 35: Строка 38:
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: 100%;
}

.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;
}