51 lines
663 B
CSS
51 lines
663 B
CSS
#calculable-items>li {
|
|
margin-top: 4em;
|
|
padding-bottom: 2em;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.item .left {
|
|
display: inline-block;
|
|
width: 30%;
|
|
}
|
|
.item .right {
|
|
display: inline-block;
|
|
width: 40%;
|
|
}
|
|
/* Display formulas */
|
|
|
|
.calc {
|
|
text-align: center;
|
|
}
|
|
.calc h3 {
|
|
font-weight: 300;
|
|
font-size: 100%;
|
|
color: #666;
|
|
text-transform: uppercase;
|
|
}
|
|
.linear {
|
|
font-size: 130%;
|
|
}
|
|
.linear .label {
|
|
font-size: 70%;
|
|
color: #333;
|
|
color: #2980b9;
|
|
}
|
|
|
|
.linear .operator {
|
|
margin: 0 1em;
|
|
color: #2980b9;
|
|
font-size: 150%;
|
|
}
|
|
|
|
.linear .limit {
|
|
margin-top: 1em;
|
|
}
|
|
.linear .limit .label {
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.linear .base, .calc .rate {
|
|
display: inline-block;
|
|
}
|