105 lines
2.2 KiB
CSS
Executable File
105 lines
2.2 KiB
CSS
Executable File
/*====================
|
|
Cabinet Styling
|
|
====================*/
|
|
.cabinet {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.cabinetRailRU {
|
|
width:25px;
|
|
height:25px;
|
|
border: 1px solid black;
|
|
background:silver url('../../assets/images/CabinetRail.gif') no-repeat;
|
|
}
|
|
|
|
.cabinetRailLeft {
|
|
background-position: right center;
|
|
}
|
|
|
|
.cabinetRailRight {
|
|
background-position: left center;
|
|
}
|
|
|
|
[class*="cab-"] {
|
|
float: left;
|
|
}
|
|
|
|
.cab-height{
|
|
height: 25px;
|
|
}
|
|
|
|
.cab-wall{
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
background-color: gray;
|
|
color: white;
|
|
text-align: center;
|
|
}
|
|
|
|
.cab-rail-wrapper{
|
|
background-color: silver;
|
|
}
|
|
|
|
.cabinetRail {
|
|
height: 25px;
|
|
width: 30px;
|
|
border: 1px solid black;
|
|
background: url('../images/CabinetRail.gif');
|
|
background-color: silver;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.leftRail {
|
|
background-position: right center;
|
|
}
|
|
|
|
.rightRail {
|
|
background-position: left center;
|
|
}
|
|
|
|
.cab-object{
|
|
background-color:MediumSpringGreen;
|
|
border:1px solid black;
|
|
width:100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.cabinet-border{
|
|
border:1px solid black;
|
|
}
|
|
|
|
.cabinet-foot{
|
|
width: 10%;
|
|
float: left;
|
|
height: 5px;
|
|
background-color: black;
|
|
}
|
|
|
|
.cabinet-blank{
|
|
width: 80%;
|
|
float: left;
|
|
height: 5px;
|
|
}
|
|
|
|
.cabinetCol-label {width:30px; border:none;}
|
|
|
|
.cabinetRow::after {
|
|
content: "";
|
|
clear: both;
|
|
display: block;
|
|
}
|
|
|
|
.cabinet-end {
|
|
width: 100%;
|
|
border: 1px solid black;
|
|
color: white;
|
|
text-align: center;
|
|
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8e0de+0,aebfbc+22,99afab+33,8ea6a2+50,829d98+67,4e5c5a+82,0e0e0e+100;Grey+3D */
|
|
background: #d8e0de; /* Old browsers */
|
|
background: -moz-linear-gradient(top, #d8e0de 0%, #aebfbc 22%, #99afab 33%, #8ea6a2 50%, #829d98 67%, #4e5c5a 82%, #0e0e0e 100%); /* FF3.6-15 */
|
|
background: -webkit-linear-gradient(top, #d8e0de 0%,#aebfbc 22%,#99afab 33%,#8ea6a2 50%,#829d98 67%,#4e5c5a 82%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
|
|
background: linear-gradient(to bottom, #d8e0de 0%,#aebfbc 22%,#99afab 33%,#8ea6a2 50%,#829d98 67%,#4e5c5a 82%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e0de', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
|
|
}
|