Witam!
Mam pytanie odnośnie stałych elementów które występują na stronie.
Mianowicie aktualnie tworzę element służący do logowania i trochę wzorowałem się na 4 odcinku css pana Mirosława, więc zacząłem się zastanawiać jak to jest z prawami autorskimi w właśnie takich elementach które z reguły zazwyczaj są podobne, i jak wiele trzeba zmienić aby nie było żadnych problemów.
Mój formularz:
<div class="login-form">
<div class="login-title">
<h4>Logowanie</h4>
</div>
<input class="login-email" type="text" placeholder="Login">
<input class="login-password" type="password" placeholder="Hasło">
<input class="login-checkbox" type="checkbox"> Zapoznałem się z regulaminem
<input class="login-btn " type="submit" value="Zaloguj się">
<div class="sing-up">
<a href="#">Zarejestruj się</a>
</div>
<div class="forgot-password">
<a href="#">Zapomniałeś hasła?</a>
</div>
</div>
.login-form
{
margin-left: auto;
margin-right: auto;
background-color: #fff;
width: 400px;
height: 100%;
border-radius: 1.3em;
margin-bottom: 100px;
}
.login-title
{
text-align: center;
padding-top: 1em;
font-family: 'Merriweather Sans', ;
}
.login-email,
.login-password
{
width: 310px;
background-color: #dedede;
color: #808080;
border: 2px solid #c2c2c2;
border-radius: 6px;
padding: 0.6em;
outline: none;
margin-top: 1.5em;
margin-left: auto;
margin-right: auto;
font-size: 1.1em;
display: flex;
align-items: center;
}
.login-btn
{
width: 300px;
background-color: #39bfa8;
color: #808080;
color: #fff;
font-weight: 700;
letter-spacing: 1px;
border-radius: 6px;
padding: 0.6em;
outline: none;
margin-top: 1.5em;
margin-left: auto;
margin-right: auto;
font-size: 1.1em;
cursor: pointer;
text-align: center;
display: block;
}
.login-checkbox
{
margin-top: 1.5em;
margin-left: 3em;
}
.sing-up
{
margin-left: auto;
margin-right: auto;
margin-top: 1.5em;
text-align: center;
}
.sing-up a
{
color: #000;
text-decoration: none;
}
.sing-up a:hover
{
color: #828187;
transition-duration: 0.3s;
}
.forgot-password
{
margin-left: auto;
margin-right: auto;
margin-top: 1.5em;
padding-bottom: 1em;
text-align: center;
}
.forgot-password a
{
color: #000;
text-decoration: none;
}
.forgot-password a:hover
{
color: #828187;
transition-duration: 0.3s;
}