0
1
Fork 0
hedera-web-mindshore/forms/ecomerce/ticket/style.css

83 lines
1.2 KiB
CSS

.ticket {
padding: 1em;
}
.ticket .box {
max-width: 30em;
margin: 0 auto;
padding: 2em;
color: #333;
}
/* Header */
.ticket .head {
padding: 0;
padding-bottom: .2em;
border-bottom: 1px solid #DDD;
margin-bottom: 1em;
}
.ticket .head > div > div {
margin: 15px 0;
}
.ticket .head > div > div:first-child {
margin: 0;
}
.ticket .head p {
margin: .2em 0;
}
.ticket .head p.important {
font-size: 1.2rem;
font-weight: bold;
}
.ticket .total {
text-align: right;
}
.ticket .packages {
margin-top: 1em;
padding-top: 1em;
border-top: 1px solid #DDD;
display: block;
}
/* Lines */
.ticket .line {
display: flex;
gap: 20px;
margin: 24px 0;
height: 65px;
}
.ticket .line:last-child {
margin-bottom: 0;
}
.ticket .line > .photo {
flex: none;
border-radius: 50%;
width: 65px;
}
.ticket .line > .info {
flex: 1;
}
.ticket .line > .info > h2 {
font-size: 1em;
font-weight: normal;
padding: 0;
padding-bottom: .1em;
}
.ticket .line > .info > p {
margin: 0;
}
.ticket .line > .info > .tags {
color: #777;
}
.ticket .line > .info .discount {
color: green;
}
.ticket .line > .info > .amount {
float: left;
}
.ticket .line > .info > .subtotal {
float: right;
}