Изменил лист событий

This commit is contained in:
Pro100ser
2020-03-16 23:06:29 +03:00
parent 2eacbe943e
commit 67d5467392
3 changed files with 39 additions and 7 deletions

View File

@@ -32,4 +32,12 @@ body {
content: ""; content: "";
display: block; display: block;
height: 77px; height: 77px;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
p {
margin: 0;
} }

View File

@@ -408,9 +408,9 @@
/* крест */ /* крест */
.cl-btn-7 { .cl-btn-7 {
width: 40px; width: 24px;
height: 40px; height: 24px;
border-radius: 40px; border-radius: 30px;
position: relative; position: relative;
z-index: 1; z-index: 1;
cursor: pointer; cursor: pointer;
@@ -421,10 +421,10 @@
position: absolute; position: absolute;
z-index: 2; z-index: 2;
transform: rotate(45deg); transform: rotate(45deg);
font-size: 50px; font-size: 30px;
line-height: 1; line-height: 1;
top: -5px; top: -3px;
left: 6px; left: 4px;
transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85); transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
} }
.cl-btn-7:after { .cl-btn-7:after {
@@ -448,3 +448,19 @@
color: #fff; color: #fff;
} }
.events_item {
width: 100%;
height: 45px;
padding: 13px 10px;
font-size: 14px; /*размерр текста*/
font-weight: 300px; /*шрифт*/
border: 1px solid transparent;
border-radius: 3px;
margin-bottom: 20px;
transition: 1s;
}
.events_item:hover {
border-color:#f89513 ;
background: #fff;
}

View File

@@ -97,7 +97,15 @@
<form action="" method="POST"> <form action="" method="POST">
<ul class="events_list"> <ul class="events_list">
<li class="events_item"> <li class="events_item">
<p>qwe</p> <p>Lorem ipsum dolor sit.</p>
<div class="cl-btn-7"></div>
</li>
<li class="events_item">
<p>Lorem, ipsum.</p>
<div class="cl-btn-7"></div>
</li>
<li class="events_item">
<p>Lorem ipsum dolor sit.</p>
<div class="cl-btn-7"></div> <div class="cl-btn-7"></div>
</li> </li>
</ul> </ul>