123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 |
- #start{
- div:nth-child(n+3){
- display: flex;
- &:nth-child(even){
- flex-direction: row-reverse;
- }
- & > div{
- width: 50%;
- height: 100vh;
- overflow: auto;
- &:first-child{
- display: flex;
- background-image: linear-gradient(#98272D, #4f100B);
- .chap{
- margin: auto;
- text-align: center;
- .reso{
- justify-content: center;
- flex-direction: row;
- a:nth-of-type(1){
- margin-right: 5px
- }
- a:nth-of-type(2){
- margin-left: 5px;
- }
- }
- }
- }
- }
- }
- .content{
- p{
- text-align: center;
- margin-bottom: 15px;
- }
- }
- .grav-youtube{
- margin: 0;
- }
- #home{
- display: flex;
- .visu-album{
- position: absolute;
- }
- .title{
- z-index: 999;
- height: 100vh;
- width: 100%;
- display: flex;
- flex-wrap: wrap;
- h1{
- width: 100vw;
- margin: auto;
- text-transform: uppercase;
- text-align: center;
- }
- p{
- position: absolute;
- text-align: center;
- width: 500px;
- left: 50%;
- margin-left: -250px;
- top: 77%;
- }
- .reso{
- margin: 0 auto;
- padding-top: 30px;
- a:nth-of-type(1){
- margin-right: 5px
- }
- a:nth-of-type(2){
- margin-left: 5px;
- }
- }
- }
- }
- #biographie, #prochaines_dates{
- .content{
- padding: 100px;
- p:last-child{
- margin-bottom: 100px;
- }
- }
- }
- #presse{
- p:nth-of-type(1){
- padding: 0 50px;
- margin-top: 50px;
- }
- p{
- &:not(:nth-of-type(1)){
- width: 50%;
- height: auto;
- float: left;
- padding: 0 80px;
- img{
- width: 30%;
- height: auto;
- }
- }
- }
- }
- }
|