Шаблон:Меню на главной/styles.css

< Шаблон:Меню на главной
Версия от 23:12, 7 мая 2022; Арскригициониец (обсуждение | вклад)
(разн.) ← Предыдущая версия | Текущая версия (разн.) | Следующая версия → (разн.)
.flex{
	display: flex;
	flex-wrap: wrap;

	max-width: 100%; /* макс ширина */
	margin: 0 auto; /* выровняем по центру */
}

.item{
	flex:1 1 calc(33.33% - 30px); /* отнимем margin и скажем растягиваться */
	margin:5px;
	box-sizing:border-box; /* чтобы внутренний отступ не влиял когда там будет текст... */
	min-width:170px; /* мин. ширина блока, чтобы переносились на другой ряд */
        font-size:100%; 
        text-align:center; /* для красоты */
}

.button a {
    background-color: #eaecf0;
    color: #000000;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 6px 12px;
    border: 1px solid #a2a9b1;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: middle;
    font-family: inherit;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.28571429em;
    text-align: center;
    text-decoration: none;
}

.button a:hover {
    background-color: #e1e4ea;
    text-decoration: none;
}



.button a {
    color: #000000;
    font-weight: 500;
}

.button-vk a {
    background-color: #4a76a8;
    color: #ffffff !important;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 6px 12px;
    border: 1px solid #3e638e;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: middle;
    font-family: inherit;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.28571429em;
    text-align: center;
    text-decoration: none;
}

.button-vk a:hover {
    background-color: #4670a0;
    text-decoration: none;
}

.button-other-projects a {
    background-color: #f0d29c;
    color: #000000;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 6px 12px;
    border: 1px solid #a2a9b1;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: middle;
    font-family: inherit;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.28571429em;
    text-align: center;
    text-decoration: none;
}

.button-other-projects a:hover {
    background-color: #ebc37a;
    text-decoration: none;
}

.button-black a {
    background-color: #525252;
    color: #ffffff;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 6px 12px;
    border: 1px solid #3e638e;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: middle;
    font-family: inherit;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.28571429em;
    text-align: center;
    text-decoration: none;
}

.button-black a:hover {
    background-color: #666666;
    text-decoration: none;
}

a.external {
    background-image: none;
}