82 lines
1.4 KiB
CSS
Executable File
82 lines
1.4 KiB
CSS
Executable File
main h1,main h2{
|
|
text-align: center;
|
|
}
|
|
.signup,.login{
|
|
width:30vw;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
/*font-size: 40px;*/
|
|
|
|
}
|
|
.pubstream{
|
|
width:60vw;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
/*font-size: 40px;*/
|
|
|
|
}
|
|
.button{
|
|
display: inline-table;
|
|
margin: 5px;
|
|
background-color: rgb(85, 85, 85);
|
|
border-style: ridge;
|
|
border-color: rgb(93, 94, 95);
|
|
}
|
|
.position{
|
|
text-align: center;
|
|
}
|
|
html{
|
|
background: url("./picture/background.png")center center / cover no-repeat fixed;
|
|
}
|
|
body{
|
|
/*background: rgba(236, 106, 241, 0.747);*/
|
|
color: azure;
|
|
margin: 0px;
|
|
width:100%;
|
|
height: 100%;
|
|
|
|
}
|
|
a:link{
|
|
color: azure;
|
|
text-decoration: none;
|
|
}
|
|
.br10{
|
|
height: 10px;
|
|
clear: left;
|
|
}
|
|
|
|
/*box*/
|
|
.mainbox{
|
|
transform:skewY(-5deg);
|
|
width:100%;
|
|
}
|
|
.mainbox div{
|
|
position: relative;
|
|
}
|
|
.mainbox .picturearea{
|
|
transform:skewY(5deg);
|
|
height:50vw;
|
|
width:100%;
|
|
}
|
|
.mainbox .textarea{
|
|
transform:skewY(5deg);
|
|
}
|
|
@media screen and (min-width: 700px) {
|
|
.mainbox{
|
|
transform:skewY(-5deg);
|
|
width:100%;
|
|
overflow: hidden;
|
|
}
|
|
.mainbox div{
|
|
display: table-cell;
|
|
}
|
|
.mainbox .picturearea{
|
|
width: 50vw;
|
|
transform:skewY(5deg);
|
|
height: unset;
|
|
}
|
|
.mainbox .textarea{
|
|
transform:skewY(5deg);
|
|
width: 50vw;
|
|
}
|
|
} |