Added the Sheepstar Website V2

This commit is contained in:
2022-09-06 17:08:24 +02:00
parent 3916a687fc
commit 0a60e6db0d
34 changed files with 35406 additions and 0 deletions

View File

@ -0,0 +1,8 @@
button
font-weight: bold
color: #FFFFFF
background-color: #4C3DE1
border: none
border-radius: 0.25rem
padding: 10px 25px
cursor: pointer

View File

@ -0,0 +1,27 @@
.footer
background-color: #2F3136
position: fixed
width: 100%
left: 0
bottom: 0
display: flex
flex-wrap: wrap
justify-content: space-between
padding-bottom: 5px
padding-top: 5px
.footer-left
padding-left: 20px
.footer-left p
color: white
.footer-right
display: flex
align-items: center
a
padding-right: 20px
padding-left: 10px
color: #FFFFFF
text-decoration: none

View File

@ -0,0 +1,53 @@
.home-wrapper
padding: 100px
display: flex
justify-content: center
p
color: #FFFFFF
.fancy
background-color: #2F3136
padding: 20px
border-radius: 10px
.title
color: #5865F2
font-size: 96px
margin: 0
.interactions
display: flex
align-content: center
padding-top: 40px
a
padding-right: 30px
.home-right
padding-left: 15rem
.sr_sitting
position: relative
width: 500px
height: 500px
@media screen and (max-width: 1340px)
.home-right
padding-left: 0
@media screen and (max-width: 960px)
.home-wrapper
padding: 2px
p, i, b
color: #FFFFFF
font-size: 22px
margin: 0
.home-right
display: none
@media screen and (max-width: 740px)
.title
font-size: 64px
.interactions a
padding-right: 5px

View File

@ -0,0 +1,13 @@
.imprint_wrapper
text-align: center
h2
color: #5865F2
font-size: 24pt
p
color: #FFFFFF
line-height: 12px
h3
color: #4C3DE1
.contact_section
padding-bottom: 10px

View File

@ -0,0 +1,66 @@
//////////////////////////////////////////
// NAVIGATION
//////////////////////////////////////////
.navigation
position: fixed
width: 100%
background-color: #4c3de1
color: #FFFFFF
padding: 0 10px
.navigation_top
display: flex
align-items: center
.navigation a
color: #efefef
font-weight: 600
text-decoration: none
.navigation a:hover
color: #FFFFFF
.navigation img
width: 50px
height: 50px
border-radius: 0.5rem
.navigation ul
padding-left: 10px
.navigation_items li
display: inline
padding-left: 15px
padding-right: 20px
.navigation_items_mobile
display: none
padding: 0
.navigation_items_mobile li
display: flex
margin-top: 20px
.navigation_right
position: absolute
right: 0
margin-right: 25px
.navigation_right .profile
display: flex
align-items: center
.navigation .menu
display: none
@media screen and (max-width: 740px)
.navigation_items
display: none
.navigation_items_mobile.responsive
display: inherit
transition: width 2s, height 4s
.navigation .menu
display: inherit

View File

@ -0,0 +1,10 @@
.premium_wrapper
text-align: center
.premium_text
color: #FFFFFF
font-size: 128px
line-height: 12px
.premium_sub_text
color: #FFFFFF

View File

@ -0,0 +1,21 @@
.privacy_wrapper
text-align: center
b
color: #5865F2
hr
width: 30px
border: #4C3DE1 2px solid
border-radius: 100px
h2
color: #5865F2
font-size: 24pt
p
color: #FFFFFF
margin: 0
h3
color: #4C3DE1
a
color: #4C3DE1
.contact_section
padding-bottom: 10px