218 lines
3.1 KiB
SCSS
218 lines
3.1 KiB
SCSS
.petition_top{
|
|
background:center center no-repeat;
|
|
background-size:100%;
|
|
background-size:cover;
|
|
height:350px;
|
|
max-width:700px;
|
|
}
|
|
|
|
|
|
.petition{
|
|
max-width:700px;
|
|
|
|
margin:50px auto;
|
|
box-shadow:0 0 20px rgba(0,0,0,0.1);
|
|
background:white;
|
|
border-radius:5px;
|
|
overflow:hidden;
|
|
img{
|
|
|
|
width:400px;
|
|
float:left;
|
|
}
|
|
.content{
|
|
position:relative;
|
|
.inner{
|
|
max-width:500px;
|
|
margin:auto;
|
|
padding:50px 20px;
|
|
}
|
|
|
|
}
|
|
|
|
.guillemet{
|
|
font-family:palatino;
|
|
opacity:0.6;
|
|
font-size:3em;
|
|
position:absolute;
|
|
|
|
|
|
|
|
&.top_corner{
|
|
top:5px;
|
|
left:20px;
|
|
padding-top:15px;
|
|
padding-left:5px;
|
|
}
|
|
|
|
&.bottom_corner{
|
|
bottom:5px;
|
|
right:20px;
|
|
|
|
}
|
|
}
|
|
|
|
.form{
|
|
color:white;
|
|
background:$orange;
|
|
padding:20px 40px;
|
|
|
|
fieldset{
|
|
border:0;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
.form-group{
|
|
padding-bottom:10px;
|
|
|
|
}
|
|
.has-error{
|
|
color:red;
|
|
|
|
input{
|
|
border-color:red;
|
|
}
|
|
}
|
|
input{
|
|
box-sizing:border-box;
|
|
width:100%;
|
|
font-size:1em;
|
|
padding:10px;
|
|
|
|
border:1px solid gray;
|
|
|
|
}
|
|
select{
|
|
|
|
height: 35px;
|
|
line-height: 35px;
|
|
width:100%;
|
|
font-size:1.2em;
|
|
}
|
|
.btn{
|
|
margin-top:20px;
|
|
display:inline-block;
|
|
color:white;
|
|
padding:10px 20px;
|
|
border:1px solid white;
|
|
|
|
|
|
width:auto;
|
|
font-size:1em;
|
|
background:transparent;
|
|
border-radius:0;
|
|
cursor:pointer;
|
|
&:hover{
|
|
background:rgba(80,80,80,1);
|
|
|
|
}
|
|
&:btn-primary{
|
|
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.petition_line{
|
|
text-align:center;
|
|
.petition_top{
|
|
width:55%;
|
|
max-width:auto;
|
|
float:left;
|
|
margin-right:20px;
|
|
}
|
|
.inner{
|
|
margin:0;
|
|
|
|
padding:0 20px;
|
|
padding-top:20px;
|
|
|
|
}
|
|
img{
|
|
width:200px;
|
|
|
|
|
|
}
|
|
h2{
|
|
|
|
line-height:1.2em;
|
|
}
|
|
a{
|
|
display:inline-block;
|
|
color:$orange;
|
|
padding:10px 20px;
|
|
border:1px solid $orange;
|
|
}
|
|
|
|
&:nth-child(odd){
|
|
.petition_top{
|
|
float:right;
|
|
margin:0;
|
|
margin-left:20px;
|
|
}
|
|
|
|
.inner{
|
|
position:relative;
|
|
margin-right:55%;
|
|
&:after{
|
|
content: '';
|
|
position: absolute;
|
|
border: 15px solid transparent;
|
|
top: 40%;
|
|
right: -30px;
|
|
|
|
border-color: transparent;
|
|
border-left-color: white;
|
|
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
&:nth-child(even){
|
|
|
|
.inner{
|
|
position:relative;
|
|
margin-left:55%;
|
|
|
|
&:after{
|
|
content: '';
|
|
position: absolute;
|
|
border: 15px solid transparent;
|
|
top: 40%;
|
|
left: -30px;
|
|
|
|
border-color: transparent;
|
|
border-right-color: white;
|
|
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
}
|
|
.menu_item_top{
|
|
background:center center no-repeat;
|
|
background-size:100%;
|
|
background-size:cover;
|
|
min-height:450px;
|
|
position:relative;
|
|
h1{
|
|
color:white;
|
|
position:absolute;
|
|
bottom:50px;
|
|
right:20px;
|
|
text-align:right;
|
|
font-size:2.4em;
|
|
|
|
}
|
|
&.principal{
|
|
|
|
//min-height:600px;
|
|
}
|
|
} |