3031 /* |
3031 /* |
3032 * Typos styles |
3032 * Typos styles |
3033 */ |
3033 */ |
3034 @font-face { |
3034 @font-face { |
3035 font-family: 'Ubuntu'; |
3035 font-family: 'Ubuntu'; |
3036 src: url('fonts/Ubuntu-C.eot'); |
3036 src: url('./fonts/Ubuntu-C.eot'); |
3037 src: url('fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-C.woff') format('woff'), url('fonts/Ubuntu-C.ttf') format('truetype'), url('fonts/Ubuntu-C.svg') format('svg'); |
3037 src: url('./fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-C.woff') format('woff'), url('./fonts/Ubuntu-C.ttf') format('truetype'), url('./fonts/Ubuntu-C.svg') format('svg'); |
3038 font-weight: normal; |
3038 font-weight: normal; |
3039 font-style: normal; |
3039 font-style: normal; |
3040 } |
3040 } |
3041 @font-face { |
3041 @font-face { |
3042 font-family: 'Ubuntu-Light'; |
3042 font-family: 'Ubuntu-Light'; |
3043 src: url('fonts/Ubuntu-L.eot'); |
3043 src: url('./fonts/Ubuntu-L.eot'); |
3044 src: url('fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-L.woff') format('woff'), url('fonts/Ubuntu-L.ttf') format('truetype'), url('fonts/Ubuntu-L.svg') format('svg'); |
3044 src: url('./fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-L.woff') format('woff'), url('./fonts/Ubuntu-L.ttf') format('truetype'), url('./fonts/Ubuntu-L.svg') format('svg'); |
3045 font-weight: normal; |
3045 font-weight: normal; |
3046 font-style: normal; |
3046 font-style: normal; |
3047 } |
3047 } |
3048 @font-face { |
3048 @font-face { |
3049 font-family: 'Ubuntu-Bold'; |
3049 font-family: 'Ubuntu-Bold'; |
3050 src: url('fonts/Ubuntu-B.eot'); |
3050 src: url('./fonts/Ubuntu-B.eot'); |
3051 src: url('fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-B.woff') format('woff'), url('fonts/Ubuntu-B.ttf') format('truetype'), url('fonts/Ubuntu-B.svg') format('svg'); |
3051 src: url('./fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-B.woff') format('woff'), url('./fonts/Ubuntu-B.ttf') format('truetype'), url('./fonts/Ubuntu-B.svg') format('svg'); |
3052 font-weight: bold; |
3052 font-weight: bold; |
3053 font-style: normal; |
3053 font-style: normal; |
3054 } |
3054 } |
3055 html, |
3055 html, |
3056 body { |
3056 body { |
7210 } |
7214 } |
7211 .tree li:before { |
7215 .tree li:before { |
7212 border-left: 1px solid #999; |
7216 border-left: 1px solid #999; |
7213 bottom: 50px; |
7217 bottom: 50px; |
7214 height: 100%; |
7218 height: 100%; |
7215 top: -11px; |
7219 top: -5px; |
7216 width: 1px; |
7220 width: 1px; |
7217 -webkit-transition: "border-color 0.1s ease 0.1s"; |
7221 -webkit-transition: "border-color 0.1s ease 0.1s"; |
7218 transition: "border-color 0.1s ease 0.1s"; |
7222 transition: "border-color 0.1s ease 0.1s"; |
7219 } |
7223 } |
7220 .tree li:last-child::before { |
7224 .tree li:last-child::before { |
7221 height: 30px; |
7225 height: 30px; |
7222 } |
7226 } |
7223 .tree li:after { |
7227 .tree li:after { |
7224 border-top: 1px solid #999; |
7228 border-top: 1px solid #999; |
7225 height: 20px; |
7229 height: 20px; |
7226 top: 18px; |
7230 top: 14px; |
7227 width: 25px; |
7231 width: 25px; |
7228 } |
7232 } |
7229 .tree li span { |
7233 .tree li:hover { |
|
7234 background: rgba(0, 0, 0, 0.15); |
|
7235 } |
|
7236 .tree li > span { |
7230 border: 1px dotted #999; |
7237 border: 1px dotted #999; |
7231 border-radius: 5px; |
7238 border-radius: 5px; |
7232 display: inline-block; |
7239 display: inline-block; |
7233 padding: 3px 8px; |
7240 padding: 4px 8px; |
7234 text-decoration: none; |
7241 text-decoration: none; |
7235 -webkit-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s; |
7242 -webkit-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s; |
7236 transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s; |
7243 transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s; |
7237 } |
7244 } |
|
7245 .tree li > span > i { |
|
7246 padding-right: 4px; |
|
7247 } |
7238 .tree li.parent_li > span { |
7248 .tree li.parent_li > span { |
|
7249 padding: 7px; |
|
7250 } |
|
7251 .tree li > span { |
7239 cursor: pointer; |
7252 cursor: pointer; |
7240 padding: 7px; |
7253 } |
7241 } |
7254 .tree li > span:hover, |
7242 .tree li.parent_li > span:hover { |
7255 .tree li > span:hover + ul li > span { |
7243 background-color: #DF8505; |
|
7244 border: 1px solid #C67605; |
|
7245 color: #fff; |
|
7246 } |
|
7247 .tree li.parent_li > span:hover + ul li::before { |
|
7248 border-left-color: #F89406; |
|
7249 } |
|
7250 .tree li.parent_li > span:hover + ul li::after { |
|
7251 border-top-color: #F89406; |
|
7252 } |
|
7253 .tree li.parent_li > span:hover + ul li span { |
|
7254 background: #FDDFB3!important; |
|
7255 border: 1px solid #FAA937; |
|
7256 color: #000; |
|
7257 } |
|
7258 .tree li.parent_li > span:hover, |
|
7259 .tree li.parent_li > span:hover + ul li span { |
|
7260 background: #eee; |
7256 background: #eee; |
7261 border: 1px solid #94a0b4; |
7257 border: 1px solid #94a0b4; |
7262 color: #000; |
7258 color: #000; |
7263 } |
7259 } |
7264 .tree ul ul { |
7260 .tree ul ul { |
7265 padding-left: 34px; |
7261 padding-left: 34px; |
7266 padding-top: 10px; |
7262 padding-top: 5px; |
7267 } |
|
7268 .tree ul ul li:hover { |
|
7269 background: rgba(0, 0, 0, 0.015); |
|
7270 } |
7263 } |
7271 .tree > ul { |
7264 .tree > ul { |
7272 padding-left: 0; |
7265 padding-left: 0; |
7273 } |
7266 } |
7274 .tree > ul > li :after, |
7267 .tree > ul > li:after, |
7275 .tree > ul > li :before { |
7268 .tree > ul > li:before { |
7276 border: 0; |
7269 border: 0; |
7277 } |
7270 } |
7278 .pace { |
7271 .pace { |
7279 -webkit-pointer-events: none; |
7272 -webkit-pointer-events: none; |
7280 pointer-events: none; |
7273 pointer-events: none; |
12621 } |
12617 } |
12622 /* |
12618 /* |
12623 * Colorpicker |
12619 * Colorpicker |
12624 */ |
12620 */ |
12625 .colorpicker { |
12621 .colorpicker { |
12626 zoom: 1; |
12622 padding-left: 30px!important; |
12627 top: 0; |
|
12628 left: 0; |
|
12629 padding: 4px; |
|
12630 min-width: 120px; |
|
12631 margin-top: 1px; |
|
12632 border-top-right-radius: 4px; |
|
12633 border-top-left-radius: 4px; |
|
12634 border-bottom-right-radius: 4px; |
|
12635 border-bottom-left-radius: 4px; |
|
12636 } |
|
12637 .colorpicker:after { |
|
12638 clear: both; |
|
12639 } |
|
12640 .colorpicker:before { |
|
12641 content: ''; |
|
12642 display: inline-block; |
|
12643 border-left: 7px solid transparent; |
|
12644 border-right: 7px solid transparent; |
|
12645 border-bottom: 7px solid #ccc; |
|
12646 border-bottom-color: rgba(0, 0, 0, 0.2); |
|
12647 position: absolute; |
|
12648 top: -7px; |
|
12649 left: 6px; |
|
12650 } |
|
12651 .colorpicker:after { |
|
12652 content: ''; |
|
12653 display: inline-block; |
|
12654 border-left: 6px solid transparent; |
|
12655 border-right: 6px solid transparent; |
|
12656 border-bottom: 6px solid #fff; |
|
12657 position: absolute; |
|
12658 top: -6px; |
|
12659 left: 7px; |
|
12660 } |
|
12661 .colorpicker.alpha { |
|
12662 min-width: 140px; |
|
12663 } |
|
12664 .colorpicker.alpha .colorpicker-alpha { |
|
12665 display: block; |
|
12666 } |
|
12667 .colorpicker div { |
|
12668 position: relative; |
|
12669 } |
|
12670 .colorpicker-saturation { |
|
12671 width: 100px; |
|
12672 height: 100px; |
|
12673 background-image: url(../img/saturation.png); |
|
12674 cursor: crosshair; |
|
12675 float: left; |
|
12676 } |
|
12677 .colorpicker-saturation i { |
|
12678 display: block; |
|
12679 height: 5px; |
|
12680 width: 5px; |
|
12681 border: 1px solid #000; |
|
12682 position: absolute; |
|
12683 top: 0; |
|
12684 left: 0; |
|
12685 margin: -4px 0 0 -4px; |
|
12686 } |
|
12687 .colorpicker-saturation i b { |
|
12688 display: block; |
|
12689 height: 5px; |
|
12690 width: 5px; |
|
12691 border: 1px solid #fff; |
|
12692 } |
|
12693 .colorpicker-color { |
|
12694 height: 10px; |
|
12695 margin-top: 5px; |
|
12696 clear: both; |
|
12697 background-image: url(../img/alpha.png); |
|
12698 background-position: 0 100%; |
|
12699 } |
|
12700 .colorpicker-color div { |
|
12701 height: 10px; |
|
12702 } |
|
12703 .colorpicker-alpha, |
|
12704 .colorpicker-hue { |
|
12705 width: 15px; |
|
12706 height: 100px; |
|
12707 float: left; |
|
12708 cursor: row-resize; |
|
12709 margin-left: 4px; |
|
12710 margin-bottom: 4px; |
|
12711 } |
|
12712 .colorpicker-alpha i, |
|
12713 .colorpicker-hue i { |
|
12714 display: block; |
|
12715 height: 1px; |
|
12716 background: #000; |
|
12717 border-top: 1px solid #fff; |
|
12718 position: absolute; |
|
12719 top: 0; |
|
12720 left: 0; |
|
12721 width: 100%; |
|
12722 margin-top: -1px; |
|
12723 } |
|
12724 .colorpicker-hue { |
|
12725 background-image: url(../img/hue.png); |
|
12726 } |
|
12727 .colorpicker-alpha { |
|
12728 background-image: url(../img/alpha.png); |
|
12729 display: none; |
|
12730 } |
|
12731 .input-append.color .add-on i, |
|
12732 .input-prepend.color .add-on i { |
|
12733 display: block; |
|
12734 cursor: pointer; |
|
12735 width: 16px; |
|
12736 height: 16px; |
|
12737 } |
12623 } |
12738 /* |
12624 /* |
12739 * Timepicker |
12625 * Timepicker |
12740 */ |
12626 */ |
12741 .bootstrap-timepicker { |
12627 .bootstrap-timepicker { |
15426 height: 20px; |
15312 height: 20px; |
15427 } |
15313 } |
15428 .modal-overflow .scrollmarker.top { |
15314 .modal-overflow .scrollmarker.top { |
15429 background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15315 background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15430 /* FF3.6+ */ |
15316 /* FF3.6+ */ |
|
15317 |
15431 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
15318 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
15432 /* Chrome,Safari4+ */ |
15319 /* Chrome,Safari4+ */ |
|
15320 |
15433 background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15321 background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15434 /* Chrome10+,Safari5.1+ */ |
15322 /* Chrome10+,Safari5.1+ */ |
|
15323 |
15435 background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15324 background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15436 /* Opera 11.10+ */ |
15325 /* Opera 11.10+ */ |
|
15326 |
15437 background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15327 background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15438 /* IE10+ */ |
15328 /* IE10+ */ |
|
15329 |
15439 background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15330 background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15440 /* W3C */ |
15331 /* W3C */ |
|
15332 |
15441 } |
15333 } |
15442 .modal-overflow .scrollmarker.bottom { |
15334 .modal-overflow .scrollmarker.bottom { |
15443 background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15335 background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15444 /* FF3.6+ */ |
15336 /* FF3.6+ */ |
|
15337 |
15445 background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
15338 background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
15446 /* Chrome,Safari4+ */ |
15339 /* Chrome,Safari4+ */ |
|
15340 |
15447 background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15341 background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15448 /* Chrome10+,Safari5.1+ */ |
15342 /* Chrome10+,Safari5.1+ */ |
|
15343 |
15449 background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15344 background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15450 /* Opera 11.10+ */ |
15345 /* Opera 11.10+ */ |
|
15346 |
15451 background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15347 background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15452 /* IE10+ */ |
15348 /* IE10+ */ |
|
15349 |
15453 background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15350 background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15454 /* W3C */ |
15351 /* W3C */ |
|
15352 |
15455 } |
15353 } |
15456 /* |
15354 /* |
15457 * Pricing-style component |
15355 * Pricing-style component |
15458 */ |
15356 */ |
15459 .pricing-big { |
15357 .pricing-big { |