payrepmc_app/app/assets/stylesheets/public/question_juridiques.css.scss
2018-08-03 01:08:08 +02:00

99 lines
1.7 KiB
SCSS

#question_juridiques{
h1{
text-align:center;
margin-top:0;
}
.ask_button{
padding:8px 10px;
border:1px solid $orange;
&:hover{
background:$orange;
color:white;
text-decoration:none;
}
}
.question_juridique{
margin: 40px auto ;
max-width:800px;
.side{
float: left;
width: 150px;
text-align: center;
position: relative;
font-size: 15px;
color: #55595B;
text-align:center;
margin-top:20px;
.square{
position: absolute;
background-color: #f5f5f5;
top: 16px;
width: 12px;
height: 12px;
right: -6px;
transform: rotate(45deg);
}
img{
border-radius: 50%;
height: 60px;
}
}
.question_bloc{
margin-top:20px;
.head{
font-color:rgba(0,0,0,0.7);
padding-bottom:10px;
}
.content{
margin-top:5px;
background-color: #f5f5f5;
padding: 15px;
padding-top:1px;
min-height: 150px;
border-radius: 10px;
}
&.answer{
.head{
padding-left:15px;
font-size: 15px;
color: #55595B;
font-weight:normal;
}
.content{
margin:0 30px;
margin-left:150px;
position:relative;
}
}
}
}
}