Електронна версія Інформаційного бюлетеня "Красненська громада"
Перший номер (жовтень)«» - пошук по сайту
a.button2, a.button2:before {
display: inline-block;
font-size: 20px;
color: #fff;
text-decoration: none;
padding: 8px 15px;
border-radius: 100px;
border: solid rgb(4,88,192);
border-width: 3px 10px;
outline: none;
opacity: 1;
transition: .6s, opacity 0s 9999999s, visibility 0s 9999999s;
}
a.button2 {
position: relative;
padding: calc(8px + 3px - 1px) calc(15px + 10px - 1px);
border: 1px solid rgba(62,153,239,.5);
background: linear-gradient(to left, rgb(62,153,239) 1%, #fff 3%, rgb(44,135,232) 8%, rgba(255,255,255,.3) 50%, rgb(44,135,232) 92%, #fff 97%, rgb(62,153,239) 99%) no-repeat;
}
a.button2:before {
content: "Пропозиції для інвестицій";
position: absolute;
bottom: -7px;
left: -1px;
width: calc(100% - (15px + 10px - 1px)*2);
background: #fff linear-gradient(rgb(58,160,253), rgb(4,88,192) 60%, rgb(49,112,201));
box-shadow: 0 10px 18px rgba(0,0,0,.5);
}
a.button2:hover {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
a.button2:hover:before {
border-color: #0766d8;
background: #fff linear-gradient(#3fadff, #0766d8 60%, #3279dd);
}
a.button2:focus,
a.button2:active {
-webkit-transform: scale(2, 2);
transform: scale(2, 2);
opacity: 0;
visibility: hidden;
transition: .4s;
}
Пропозиції для інвестицій.....
На даній сторінці оприлюднюються офіційні документи громади: розпорядження, рішення, проекти рішень.
.button {
position: relative;
display: inline-block;
color: #777674;
font-weight: bold;
text-decoration: none;
text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
user-select: none;
padding: 1em 1em;
margin: 5px 5px;
outline: none;
border-radius: 3px / 100%;
background-image:
linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
background-repeat: no-repeat;
background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
.button:hover {
transition: .5s linear;
background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
.button:active {
top: 4px;
}
