60 lines
1.6 KiB
Plaintext
60 lines
1.6 KiB
Plaintext
/*==================================================
|
|
Background Options
|
|
==================================================== */
|
|
// transparent bg
|
|
.bg-tp {
|
|
background-color: rgba(0,0,0, 0.5) !important;
|
|
}
|
|
|
|
// BG gradient setting
|
|
.bg-gradient {
|
|
border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
|
|
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
|
|
background-repeat: repeat-x;
|
|
background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.30) 1%,rgba(255,255,255,0.15) 100%);
|
|
background-image: linear-gradient(to bottom, rgba(255,255,255, 0.30) 1%,rgba(255,255,255,0.15) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
|
|
}
|
|
|
|
//
|
|
// Background Images
|
|
// --------------------------------------------------
|
|
|
|
.bg-background {
|
|
z-index: 0;
|
|
color: #FFF;
|
|
position: relative;
|
|
|
|
&.bg-topbar {
|
|
background: url("@{img-path}/patterns/topbar-bg.jpg") no-repeat center left;
|
|
}
|
|
&.bg-topbar2 {
|
|
background: url("@{img-path}/patterns/topbar-bg2.jpg") no-repeat center left;
|
|
}
|
|
&.bg-topbar3 {
|
|
background: url("@{img-path}/patterns/topbar-bg3.jpg") no-repeat center left;
|
|
}
|
|
|
|
&.bg-psuedo-tp:before,
|
|
&.bg-psuedo-tp-dark:before,
|
|
&.bg-psuedo-tp-light:before {
|
|
z-index: -1;
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
background: rgba(0,0,0,0.4);
|
|
}
|
|
&.bg-psuedo-tp-dark:before {
|
|
background: rgba(0,0,0,0.6);
|
|
}
|
|
&.bg-psuedo-tp-light:before {
|
|
background: rgba(0,0,0,0.2);
|
|
}
|
|
|
|
}
|
|
|