219 lines
3.2 KiB
SCSS
Executable File
219 lines
3.2 KiB
SCSS
Executable File
|
|
.btn-square{
|
|
border-radius: 0px;
|
|
}
|
|
|
|
|
|
.side-menu{
|
|
h3{
|
|
margin-top:0px;
|
|
}
|
|
}
|
|
|
|
.show-need{
|
|
position: relative;
|
|
.info{
|
|
color:rgb(163, 159, 159);
|
|
}
|
|
.state{
|
|
position:absolute;
|
|
top:0px;
|
|
right:0px;
|
|
color:white;
|
|
padding:4px;
|
|
padding-left:8px;
|
|
padding-right:8px;
|
|
}
|
|
|
|
.state-success{
|
|
background-color:#5cb85c;
|
|
}
|
|
.state-danger{
|
|
background-color:#d9534f;
|
|
}
|
|
.state-info{
|
|
background-color:#428bca;
|
|
}
|
|
.state-warning{
|
|
background-color:#f0ad4e;
|
|
}
|
|
.offer{
|
|
|
|
position: relative;
|
|
padding:20px;
|
|
height:100px;
|
|
line-height:60px;
|
|
display:block;
|
|
background: #eeeded;
|
|
margin-bottom:5px;
|
|
.supplier{
|
|
|
|
}
|
|
.accept-offer{
|
|
display:inline-block;
|
|
float:right;
|
|
|
|
font-size:30px;
|
|
font-weight:bold;
|
|
}
|
|
.offer-not-aceptable{
|
|
|
|
display:inline-block;
|
|
float:right;
|
|
color:#B84442;
|
|
|
|
font-size:20px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
|
|
.offer-accepted{
|
|
|
|
display:inline-block;
|
|
float:right;
|
|
color:#3C763D;
|
|
font-size:20px;
|
|
font-weight:bold;
|
|
}
|
|
.my-account-link{
|
|
display:inline-block;
|
|
color:#3C763D;
|
|
font-size:15px;
|
|
float:right;
|
|
position:absolute;
|
|
right:10px;
|
|
bottom:0 ;
|
|
|
|
}
|
|
.price{
|
|
display:inline;
|
|
font-size:25px;
|
|
font-weight:bold;
|
|
}
|
|
}
|
|
|
|
p.description{
|
|
margin-bottom:30px;
|
|
}
|
|
|
|
.message-item{
|
|
background: #eeeded;
|
|
}
|
|
.content{
|
|
position:relative;
|
|
padding-bottom:50px;
|
|
}
|
|
.counters{
|
|
|
|
.item{
|
|
display:inline;
|
|
margin-left:0px;
|
|
font-size:20px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.need-item{
|
|
height: 200px;
|
|
background-color:#fff;
|
|
padding-top:30px;
|
|
position:relative;
|
|
padding-left:190px;
|
|
.need-image{
|
|
margin-top:26px;
|
|
position: absolute;
|
|
top:0px;
|
|
left:0px;
|
|
width:174px;
|
|
height:174px;
|
|
background-color: rgb(163, 159, 159);
|
|
background-size: cover;
|
|
background-position: center center;
|
|
background-image: url('/placeholder.png');
|
|
}
|
|
|
|
p.description{
|
|
font-size:12px;
|
|
color:rgb(163, 159, 159);
|
|
max-height: 55px;
|
|
word-wrap: break-word;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
|
|
p.info{
|
|
font-size:10px;
|
|
color:rgb(163, 159, 159);
|
|
}
|
|
|
|
.state{
|
|
position:absolute;
|
|
top:0px;
|
|
right:0px;
|
|
color:white;
|
|
padding:4px;
|
|
padding-left:8px;
|
|
padding-right:8px;
|
|
}
|
|
|
|
.state-success{
|
|
background-color:#5cb85c;
|
|
}
|
|
.state-danger{
|
|
background-color:#d9534f;
|
|
}
|
|
.state-info{
|
|
background-color:#428bca;
|
|
}
|
|
.state-warning{
|
|
background-color:#f0ad4e;
|
|
}
|
|
|
|
.counters{
|
|
position:absolute;
|
|
left:0px;
|
|
bottom:0px;
|
|
padding-left:180px;
|
|
padding-bottom:5px;
|
|
.item{
|
|
display:inline;
|
|
margin-left:10px;
|
|
font-size:18px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
.top-left-info{
|
|
background-color: #d3d3d3;
|
|
position:absolute;
|
|
padding:4px;
|
|
padding-left:8px;
|
|
top:0px;
|
|
left:0px;
|
|
color: rgb(93, 93, 93);
|
|
text-align:left;
|
|
font-size:12px;
|
|
width:100%;
|
|
}
|
|
|
|
|
|
margin-bottom:30px;
|
|
|
|
h4{
|
|
margin-top:20px;
|
|
font-size:20px;
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
.btn{
|
|
border-radius: 0px;
|
|
position:absolute;
|
|
right:0px;
|
|
bottom:0px;
|
|
}
|
|
|
|
}
|