layout
This commit is contained in:
parent
34abecbc4e
commit
444711b40f
5 changed files with 65 additions and 31 deletions
|
|
@ -80,12 +80,12 @@ a:hover {
|
|||
letter-spacing: -.05em;
|
||||
line-height: .95em;
|
||||
padding: 20px;
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
|
||||
|
||||
|
||||
flex: 0 0 300px;;
|
||||
}
|
||||
.pivot {
|
||||
border-radius: 40px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
h1 {
|
||||
|
||||
|
|
@ -153,14 +153,14 @@ a:hover {
|
|||
padding: 0;
|
||||
background-color: #ffffffc9;
|
||||
background-image: url('/assets/img/body.png');
|
||||
background-size: 100%;
|
||||
|
||||
background-repeat: repeat;
|
||||
}
|
||||
.trackcontainer {
|
||||
flex: 1 1 300px;
|
||||
padding: 10px;
|
||||
margin: 0;
|
||||
background: linear-gradient(230deg, rgba(218, 159, 142, 0.4), rgba(236, 0, 228, 0.4), rgba(0, 212, 236, 0.4), rgba(0, 236, 173, 0.4), rgba(110, 0, 236, 0.4));
|
||||
background: linear-gradient(230deg, rgba(218, 159, 142, 0.1), rgba(236, 0, 228, 0.1), rgba(0, 212, 236, 0.1), rgba(0, 236, 173, 0.1), rgba(110, 0, 236, 0.1));
|
||||
background-size: 1000% 1000%;
|
||||
|
||||
-webkit-animation: AnimationName 30s ease infinite;
|
||||
|
|
@ -210,7 +210,7 @@ a:hover {
|
|||
padding: 10px;
|
||||
border-radius: 3px;
|
||||
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5);
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -222,7 +222,7 @@ a:hover {
|
|||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.13);
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -251,7 +251,7 @@ a:hover {
|
|||
|
||||
.container {
|
||||
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5);
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
|
||||
|
||||
background: linear-gradient(230deg, #ff7951, #ec00e3, #00d5ec, #00ecaf, #6d00ec);
|
||||
background-size: 1000% 1000%;
|
||||
|
|
@ -353,11 +353,11 @@ min-height: 80vh;
|
|||
padding: 10px;
|
||||
border-radius: 3px;
|
||||
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5);
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
|
||||
|
||||
}
|
||||
img {
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5);
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
|
||||
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
|
@ -378,14 +378,14 @@ min-height: 80vh;
|
|||
padding: 0;
|
||||
background-color: #ffffffc9;
|
||||
background-image: url('/assets/img/body.png');
|
||||
background-size: 100%;
|
||||
|
||||
background-repeat: repeat;
|
||||
|
||||
}
|
||||
.logo {
|
||||
flex: 1 0 300px;
|
||||
box-shadow: none;
|
||||
background-image: url('/assets/img/body.png');
|
||||
margin-top: 0px;
|
||||
padding-top: 0px;
|
||||
background-size: 100%;
|
||||
background-repeat: repeat;
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue