Switch to Font Awesome
0
assets/bootstrap/less/bootstrap-docs.import.less
vendored
Normal file → Executable file
0
assets/bootstrap/less/prettify.import.less
vendored
Normal file → Executable file
@ -1,140 +0,0 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>
|
||||
This is a custom SVG font generated by IcoMoon.
|
||||
<iconset grid="16" href="http://designmodo.com/flat" name="Flat UI Icons" id="Flat-UI-Icons"></iconset><author href="http://designmodo.com" name="Sergey Shmidt"></author><license href="http://creativecommons.org/licenses/by-nc-nd/3.0/" name="Attribution-NonCommercial-NoDerivs 3.0 Unported"></license>
|
||||
</metadata>
|
||||
<defs>
|
||||
<font id="Flat-UI-Icons" horiz-adv-x="512" >
|
||||
<font-face units-per-em="512" ascent="480" descent="-32" />
|
||||
<missing-glyph horiz-adv-x="512" />
|
||||
<glyph unicode="" d="M 192.576-33.056l-64.096,64.128l 160.544,160.448L 128.448,350.496l 64,65.504l 223.584-223.616L 192.576-33.056z" />
|
||||
<glyph unicode="" d="M 96.48,192.384L 320.064,416l 64-65.504L 223.488,191.488l 160.576-160.448l-64.128-64.128L 96.48,192.384z" />
|
||||
<glyph unicode="" d="M 400,256c-11.488,0-29.664,0-48,0L 352,192 c 11.328,0, 22.4,0, 32,0c 6.048,0, 11.648,0, 16,0c 61.856,0, 112-50.144, 112-112S 461.856-32, 400-32
|
||||
S 288,18.112, 288,80c0,11.488,0,29.632,0,48L 224,128 c0-11.328,0-22.432,0-32c0-6.048,0-11.616,0-16C 224,18.112, 173.856-32, 112-32S0,18.112,0,80
|
||||
S 50.144,192, 112,192C 123.488,192, 141.664,192, 160,192L 160,256 C 148.704,256, 137.568,256, 128,256C 121.952,256, 116.384,256, 112,256C 50.144,256,0,306.112,0,368C0,429.856, 50.144,480, 112,480
|
||||
S 224,429.856, 224,368C 224,356.512, 224,338.336, 224,320l 64,0 c0,11.296,0,22.432,0,32c0,6.048,0,11.616,0,16C 288,429.856, 338.144,480, 400,480S 512,429.856, 512,368
|
||||
C 512,306.112, 461.856,256, 400,256z M 160,368C 160,394.496, 138.496,416, 112,416S 64,394.496, 64,368C 64,341.472, 85.504,320, 112,320C 115.872,320, 121.76,320, 128,320c 14.784,0, 32,0, 32,0
|
||||
S 160,354.528, 160,368z M 160,96c0,14.752,0,32,0,32s-34.528,0-48,0C 85.504,128, 64,106.496, 64,80S 85.504,32, 112,32S 160,53.504, 160,80
|
||||
C 160,83.872, 160,89.76, 160,96z M 352,80c0-26.496, 21.504-48, 48-48s 48,21.504, 48,48S 426.496,128, 400,128c-3.872,0-9.76,0-16,0
|
||||
c-14.784,0-32,0-32,0S 352,93.44, 352,80z M 288,256L 224,256 L 224,192 l 64,0 L 288,256 z M 400,416C 373.504,416, 352,394.496, 352,368c0-3.872,0-9.728,0-16c0-14.816,0-32,0-32
|
||||
s 34.528,0, 48,0C 426.496,320, 448,341.472, 448,368C 448,394.496, 426.496,416, 400,416z" />
|
||||
<glyph unicode="" d="M 256,480C 114.624,480,0,365.408,0,224.032C0,82.624, 114.624-32, 256-32c 141.376,0, 256,114.624, 256,256.032C 512,365.408, 397.376,480, 256,480z M 421.44,276.064
|
||||
l-183.648-183.616c-3.744-3.744-9.856-3.744-13.568,0l-27.136,27.392c-3.712,3.776-9.856,9.952-13.568,13.696L 120.352,199.936
|
||||
C 118.496,201.792, 117.504,204.416, 117.504,206.88c0,2.496, 0.992,4.864, 2.848,6.752l 27.68,24.96c 1.888,1.92, 4.384,2.816, 6.848,2.816
|
||||
c 2.432-0.032, 4.864-0.992, 6.72-2.816l 62.624-63.936c 3.744-3.808, 9.824-3.808, 13.568,0l 142.944,142.56c 3.712,3.744, 9.856,3.744, 13.568,0
|
||||
l 27.168-27.456C 425.184,286.016, 425.184,279.84, 421.44,276.064z" />
|
||||
<glyph unicode="" d="M 474.272,191.424c 50.24,51.392, 50.176,134.656,0,186.016c-25.696,26.24-59.488,39.072-93.12,38.496C 334.080,415.168, 256.48,351.456, 256.48,351.456
|
||||
S 176.672,416.064, 128.48,416C 95.616,415.936, 62.784,403.072, 37.728,377.472c-50.208-51.392-50.24-134.624,0-186.016L 256-31.712L 474.272,191.424z" />
|
||||
<glyph unicode="" d="M 272.064,216.032c-43.936,0-79.552,36.864-79.552,82.4c0,45.568, 35.616,82.432, 79.552,82.432S 351.616,344, 351.616,298.432
|
||||
C 351.616,252.928, 316,216.032, 272.064,216.032 M 272.064,480.192c-97.248,0-176.064-81.664-176.064-182.4c0-95.136, 79.744-217.888, 132.992-277.632
|
||||
c 19.904-22.272, 43.072-52.352, 43.072-52.352s 24.896,30.176, 46.24,53.152c 53.184,57.248, 129.824,172.224, 129.824,276.8
|
||||
C 448.128,398.528, 369.312,480.192, 272.064,480.192" />
|
||||
<glyph unicode="" d="M 448,159.968L 288,159.968 L 288,0 c0-17.696-14.304-32-32-32L 224-32 c-17.664,0-32,14.304-32,32L 192,159.968 L 32,159.968 C 14.336,159.968,0,174.336,0,192L0,224.032
|
||||
c0,17.664, 14.336,31.936, 32,31.936l 160,0 L 192,416 c0,17.664, 14.336,32, 32,32l 32,0 c 17.696,0, 32-14.336, 32-32l0-160.032 l 160,0 c 17.696,0, 32-14.272, 32-31.936L 480,192
|
||||
C 480,174.336, 465.696,159.968, 448,159.968z" />
|
||||
<glyph unicode="" d="M 461.568,411.296c-6.176,6.272-16.384,6.272-22.56,0l-238.080-237.248c-6.24-6.272-16.416-6.272-22.624,0L 73.984,280.416
|
||||
C 70.912,283.52, 66.848,285.12, 62.816,285.152c-4.128,0-8.288-1.504-11.424-4.736l-46.080-41.504C 2.24,235.776, 0.576,231.84, 0.576,227.744
|
||||
c0-4.16, 1.664-8.512, 4.736-11.616l 105.184-110.496c 6.208-6.24, 16.416-16.512, 22.624-22.816l 45.216-45.632c 6.208-6.24, 16.384-6.24, 22.624,0
|
||||
l 305.856,305.664c 6.24,6.24, 6.24,16.544,0,22.816L 461.568,411.296z" />
|
||||
<glyph unicode="" d="M 443.904,366.016c 6.24-6.208, 6.24-16.416,0-22.624L 319.456,218.88c-6.176-6.208-6.176-16.416,0-22.656l 124.384-124.544
|
||||
c 6.24-6.208, 6.24-16.416,0-22.624l-45.312-45.216c-6.176-6.208-16.384-6.208-22.624,0L 251.584,128.384c-6.208,6.208-16.416,6.208-22.624,0
|
||||
l-124.448-124.448c-6.208-6.24-16.416-6.24-22.624,0l-45.248,45.312c-6.208,6.176-6.208,16.384,0,22.624l 124.48,124.448
|
||||
c 6.208,6.208, 6.208,16.416,0,22.656L 36.736,343.488c-6.208,6.24-6.208,16.416,0,22.624l 45.28,45.248c 6.208,6.208, 16.416,6.208, 22.624,0
|
||||
l 124.32-124.512c 6.208-6.24, 16.416-6.24, 22.624-0.032l 124.416,124.48c 6.24,6.176, 16.448,6.176, 22.624,0L 443.904,366.016z" />
|
||||
<glyph unicode="" d="M 495.968,415.68L 16.032,415.68 c-8.8,0-16-7.68-16-17.088l0-62.336 c0-9.024, 7.2-16.416, 16-16.416l 479.936,0 c 8.8,0, 16,7.36, 16,16.416
|
||||
L 511.968,398.592 C 511.968,408, 504.768,415.68, 495.968,415.68z M 495.968,255.68L 16.032,255.68 c-8.8,0-16-7.68-16-17.12l0-62.304
|
||||
c0-9.056, 7.2-16.416, 16-16.416l 479.936,0 c 8.8,0, 16,7.36, 16,16.416L 511.968,238.592 C 511.968,248, 504.768,255.68, 495.968,255.68z M 495.968,95.68
|
||||
L 16.032,95.68 c-8.8,0-16-7.68-16-17.12l0-62.304 c0-8.992, 7.2-16.384, 16-16.384l 479.936,0 c 8.8,0, 16,7.36, 16,16.384l0,62.304
|
||||
C 511.968,88, 504.768,95.68, 495.968,95.68z" />
|
||||
<glyph unicode="" d="M 480.256,355.136c-10.88,17.984-24.288,35.584-40.672,51.904c-16.608,16.448-34.496,29.984-52.8,40.8L 418.944,480c0,0, 46.528,0, 69.824-23.264
|
||||
C 512,433.44, 512,386.912, 512,386.912L 480.256,355.136z M 193.6,64.384L 96.384,64.384 L 96.384,161.6 l 11.68,11.68c 19.776-9.28, 39.392-22.464, 57.088-40.16
|
||||
c 17.696-17.664, 30.848-37.344, 40.16-57.088L 193.6,64.384z M 453.376,328.256l-220-224.16c-11.36,18.816-25.344,37.152-42.496,54.176
|
||||
C 173.536,175.488, 154.848,189.632, 135.712,200.928l 224.576,220.448c 18.912-8.928, 37.728-21.472, 54.656-38.432S 444.448,347.232, 453.376,328.256z M 64,416l0-383.968 l 384,0
|
||||
L 448,192 l 64,63.968l0-241.44 C 512-11.168, 491.2-32, 465.472-32L 46.528-32 C 20.832-32,0-11.168,0,14.528L0,433.44 C0,459.168, 20.832,480, 46.528,480L 288,480 L 224,416L 64,416 z" />
|
||||
<glyph unicode="" d="M 480.128,32.032l0-0.384 L 352,159.776l0-63.744 C 352,60.672, 323.328,32, 288,32L 64,32 c-35.328,0-64,28.672-64,64.032L0,319.968 C0,355.328, 28.672,384, 64,384l 224,0
|
||||
c 35.328,0, 64-28.672, 64-64.032L 352,255.68 l 128,128L 480,384 c 17.696,0, 32-14.304, 32-32l0-288 C 512,46.368, 497.728,32.096, 480.128,32.032z" />
|
||||
<glyph unicode="" d="M 448.512,384l-73.92,0 l-21.44,45.312C 348.256,439.968, 330.624,448, 313.472,448L 191.072,448 C 173.92,448, 156.288,439.968, 151.36,429.312L 130.432,384L 64,384 C0,384,0,352,0,352
|
||||
l0-320 c0,0,0-32, 64-32l 384,0 c 64,0, 64,32, 64,32L 512,352 C 512,352, 512,384, 448.512,384z M 256,64.032c-70.688,0-128,57.248-128,127.936C 128,262.688, 185.312,320, 256,320s 128-57.312, 128-128.032
|
||||
C 384,121.28, 326.688,64.032, 256,64.032z M 256,272C 211.808,272, 176,236.192, 176,192c0-44.16, 35.808-80, 80-80s 80,35.84, 80,80
|
||||
C 336,236.192, 300.192,272, 256,272z" />
|
||||
<glyph unicode="" d="M 246.592,448C 222.4,448, 215.072,434.080, 215.072,434.080S 123.52,325.984, 81.792,325.984c-41.088,0-40.672,0-40.672,0C 18.4,325.984,0,307.776,0,285.344
|
||||
l0-122.048 c0-22.464, 18.4-40.64, 41.088-40.64c0,0, 0.672,0, 41.088,0c 40.512,0, 134.784-109.44, 134.784-109.44c 7.456-7.744, 17.952-12.576, 29.632-12.576
|
||||
c 22.688,0, 41.088,18.176, 41.088,40.64L 287.68,407.328 C 287.68,429.792, 269.28,448, 246.592,448z M 421.984,408.864l-23.712-35.488
|
||||
c 43.328-35.2, 71.104-88.864, 71.104-149.088s-27.744-113.92-71.104-149.056l 23.712-35.488C 476.704,82.688, 512,149.312, 512,224.288
|
||||
C 512,299.296, 476.704,365.888, 421.984,408.864z M 374.4,337.664l-23.936-35.84c 20.672-19.456, 33.696-46.88, 33.696-77.536
|
||||
c0-30.656-13.024-58.048-33.696-77.536l 23.936-35.808c 31.936,27.36, 52.288,68, 52.288,113.344C 426.688,269.696, 406.336,310.272, 374.4,337.664z" />
|
||||
<glyph unicode="" d="M 256.032,480C 114.688,480, 0.096,365.408, 0.096,224.032c0-141.408, 114.592-255.968, 255.936-255.968c 141.376,0, 255.968,114.56, 255.968,255.968
|
||||
C 512,365.408, 397.408,480, 256.032,480z M 339.488,134.24l-7.424-7.488c-6.208-6.176-16.672-6.496-23.232-0.64L 223.072,199.872
|
||||
C 216.512,205.728, 211.552,217.728, 211.968,226.496l 8.928,141.536C 221.344,376.832, 228.896,384, 237.728,384l 10.528,0 c 8.8,0, 16.352-7.168, 16.768-15.968
|
||||
l 7.328-115.904c 0.448-8.768, 5.6-21.344, 11.424-27.904l 56.384-66.784C 345.984,150.944, 345.728,140.448, 339.488,134.24z" />
|
||||
<glyph unicode="" d="M 256.032,400c-169.472,0-256.48-176.448-256.48-176.448s 65.664-176.48, 256.48-176.48c 172.736,0, 256.416,175.808, 256.416,175.808
|
||||
S 428.128,400, 256.032,400z M 256.416,113.248c-61.984,0-106.752,48.288-106.752,110.304c0,62.048, 44.768,110.272, 106.752,110.272
|
||||
c 61.952,0, 106.72-48.224, 106.72-110.272C 363.136,161.536, 318.336,113.248, 256.416,113.248z M 256.416,289.728c-35.392-0.064-64.064-30.72-64.064-66.176
|
||||
c0-35.424, 28.672-66.176, 64.064-66.176s 64.032,30.752, 64.032,66.176C 320.448,259.008, 291.808,289.824, 256.416,289.728z" />
|
||||
<glyph unicode="" d="M 228.928,84.032l 144.64-113.248c 2.368-1.888, 3.808-2.816, 5.184-2.816c 4,0, 5.248,2.752, 5.248,7.264l0,107.2
|
||||
C 384,89.984, 388.992,96, 395.68,96l 52.576,0 c 63.744,0, 63.68,30.72, 63.68,30.72L 511.936,446.752 c0,0,0,33.28-63.936,33.28L 64.032,480.032 c-64,0-64-33.28-64-33.28L 0.032,126.72
|
||||
c0,0-0.032-30.72, 64.224-30.72l 128,0 C 192.256,96, 219.040,95.264, 228.928,84.032z" />
|
||||
<glyph unicode="" d="M 361.696,176.8c-5.664,5.728-7.552,16.352-4.192,23.648c0,0, 23.616,51.232, 23.616,88.864C 381.12,394.624, 295.904,480, 190.752,480
|
||||
s-190.4-85.376-190.4-190.656c0-105.312, 85.248-190.688, 190.4-190.688c 37.6,0, 88.704,23.68, 88.704,23.68c 7.328,3.392, 17.984,1.472, 23.616-4.224
|
||||
l 145.728-145.888c 5.728-5.696, 15.040-5.696, 20.672,0l 37.888,37.952c 5.728,5.728, 5.728,15.072,0,20.736L 361.696,176.8z M 190.752,186.688
|
||||
c-56.544,0-102.528,46.016-102.528,102.656c0,56.608, 46.016,102.656, 102.528,102.656s 102.496-46.048, 102.496-102.656C 293.248,232.704, 247.296,186.688, 190.752,186.688z" />
|
||||
<glyph unicode="" d="M 256.512,298.144c 53.28,0, 96.512,40.672, 96.512,90.944C 352.992,439.296, 309.792,480, 256.512,480S 160,439.296, 160,389.088
|
||||
C 160,338.848, 203.232,298.144, 256.512,298.144z M 332.16,291.84C 310.88,277.12, 284.864,268.128, 256.512,268.128c-28.48,0-54.56,9.056-75.872,23.872
|
||||
C 94.016,273.344, 32,223.584, 32,164.992l0-129.44 c0-8.576, 7.2-15.552, 16-15.552l 32,0 c 8.8,0, 16,6.304, 16,14.048c0,4.48,0,100.928,0,100.928
|
||||
c0,8.32, 4.768,4.992, 10.688,4.992c 5.888,0, 10.656-4.512, 10.656-9.984l 0.16-89.984c 0.448-5.184, 4.8-42.208, 10.272-43.296
|
||||
c0,0, 33.28-28.672, 128.224-28.672c 95.616,0, 128.224,28.672, 128.224,28.672c 5.472,1.056, 9.856,38.080, 10.272,43.296l 0.16,89.984
|
||||
c0,5.504, 4.768,9.984, 10.688,9.984c 5.888,0, 10.656-4.512, 10.656-9.984c0,0,0-91.456,0-95.936c0-7.744, 7.2-14.048, 16-14.048l 32,0
|
||||
c 8.8,0, 16,7.008, 16,15.552L 480,164.992 C 480,223.424, 418.304,273.056, 332.16,291.84z" />
|
||||
<glyph unicode="" d="M 448,416C 422.752,416, 64,416, 64,416C 38.752,416,0,395.424,0,370.528l0-9.056 c0,0, 216.384-180.928, 256-180.928s 256,180.352, 256,180.352l0,9.6
|
||||
C 512,395.424, 473.248,416, 448,416z M0,288.48l0-256.448 C0,32.032,0,0, 64,0l 384,0 c 64.096,0, 64,32.032, 64,32.032L 512,289.28 c0,0-182.080-162.496-256-162.496
|
||||
C 182.848,126.784,0,288.48,0,288.48z" />
|
||||
<glyph unicode="" d="M 448-32L 64-32 c-17.664,0-32,14.304-32,32.032L 32,224 c0,17.664, 14.336,32, 32,32l 32,0 L 96,320 c0,88.352, 71.616,160, 160,160s 160-71.648, 160-160l0-64 l 32,0 c 17.696,0, 32-14.336, 32-32
|
||||
l0-223.968 C 480-17.696, 465.696-32, 448-32z M 352,320c0,52.992-42.976,96-96,96S 160,372.992, 160,320l0-64 l 192,0 L 352,320 z" />
|
||||
<glyph unicode="" d="M 459.136,263.52c-8.672,1.28-17.984,9.152-20.672,17.504l-13.056,31.616c-4.064,7.776-3.136,19.936, 2.176,26.976l 21.056,28.096
|
||||
c 5.312,7.040, 4.864,18.176-0.992,24.768L 424.512,415.68c-6.56,5.856-17.76,6.272-24.8,0.992l-28.064-21.12
|
||||
c-7.072-5.248-19.2-6.24-27.008-2.144L 313.056,406.432C 304.64,409.088, 296.736,418.432, 295.552,427.168L 290.56,461.92
|
||||
C 289.312,470.624, 281.152,478.496, 272.384,479.392C 272.384,479.392, 266.976,480, 256,480S 239.616,479.392, 239.616,479.392C 230.848,478.496, 222.656,470.624, 221.44,461.92
|
||||
L 216.448,427.168C 215.232,418.432, 207.36,409.088, 198.944,406.432L 167.36,393.408C 159.584,389.312, 147.456,390.304, 140.416,395.552l-28.128,21.12
|
||||
C 105.28,421.984, 94.080,421.536, 87.488,415.68L 64.384,392.544C 58.56,385.952, 58.112,374.784, 63.392,367.744L 84.48,339.648c 5.28-7.040, 6.24-19.2, 2.144-26.976
|
||||
L 73.6,281.024C 70.912,272.672, 61.6,264.8, 52.896,263.52L 18.144,258.624C 9.408,257.344, 1.536,249.184, 0.64,240.416c0,0-0.576-5.44-0.576-16.416
|
||||
c0-10.976, 0.576-16.448, 0.576-16.448c 0.928-8.736, 8.8-16.896, 17.504-18.144l 34.752-4.928C 61.6,183.232, 70.912,175.328, 73.6,166.976l 13.056-31.616
|
||||
c 4.096-7.808, 3.136-19.904-2.144-26.944l-21.088-28.128c-5.28-7.072-6.56-16.64-2.816-21.248c 3.712-4.608, 14.432-16.032, 14.464-16.032
|
||||
c0-0.064, 3.616-3.36, 8-7.328c 4.384-4.032, 22.24-9.6, 29.28-4.32l 28.128,21.056c 7.040,5.312, 19.168,6.272, 26.944,2.176L 198.944,41.6
|
||||
c 8.416-2.72, 16.288-12, 17.504-20.736l 4.992-34.752c 1.216-8.672, 9.408-16.64, 18.144-17.536c0,0, 5.44-0.576, 16.416-0.576
|
||||
s 16.384,0.576, 16.384,0.576c 8.736,0.896, 16.928,8.832, 18.176,17.536l 4.992,34.752c 1.184,8.736, 9.056,18.016, 17.504,20.736l 31.552,12.992
|
||||
c 7.808,4.096, 19.936,3.136, 27.008-2.112l 28.128-21.12c 7.072-5.28, 18.176-4.832, 24.8,0.96l 23.136,23.168
|
||||
c 5.824,6.592, 6.24,17.76, 0.928,24.8l-21.056,28.128c-5.312,7.040-6.24,19.136-2.176,26.944l 13.056,31.616
|
||||
c 2.688,8.384, 12,16.256, 20.672,17.504l 34.752,4.928c 8.672,1.248, 16.576,9.408, 17.504,18.144c0,0, 0.576,5.44, 0.576,16.448
|
||||
c0,10.976-0.576,16.416-0.576,16.416c-0.928,8.768-8.8,16.928-17.504,18.208L 459.136,263.52z M 256,160c-35.328,0-64,28.672-64,64
|
||||
c0,35.36, 28.672,64, 64,64c 35.296,0, 64-28.672, 64-64C 320,188.672, 291.328,160, 256,160z" />
|
||||
<glyph unicode="" d="M 256,480C 114.61,480,0,365.369,0,223.957c0-141.369, 114.61-255.979, 256-255.979c 141.39,0, 256,114.61, 256,255.979C 512,365.369, 397.39,480, 256,480z
|
||||
M 256,70.379c-84.814,0-153.6,68.764-153.6,153.579c0,84.857, 68.786,153.621, 153.6,153.621c 84.836,0, 153.6-68.764, 153.6-153.621C 409.6,139.143, 340.836,70.379, 256,70.379z" />
|
||||
<glyph unicode="" d="M 256,480C 114.61,480,0,365.412,0,224.021c0-141.412, 114.61-256.043, 256-256.043c 141.39,0, 256,114.631, 256,256.043C 512,365.412, 397.39,480, 256,480z
|
||||
M 256,70.4c-84.814,0-153.6,68.786-153.6,153.621c0,84.793, 68.786,153.543, 153.6,153.543c 84.836,0, 153.6-68.764, 153.6-153.543C 409.6,139.186, 340.836,70.4, 256,70.4z M 256,300.8
|
||||
C 213.582,300.8, 179.2,266.418, 179.2,224.021C 179.2,181.582, 213.582,147.2, 256,147.2c 42.418,0, 76.8,34.382, 76.8,76.821C 332.8,266.418, 298.418,300.8, 256,300.8z" />
|
||||
<glyph unicode="" d="M 128,480l 256,0 c 70.713,0, 128-57.287, 128-128l0-256.021 c0-70.713-57.287-128-128-128L 128-32.021 c-70.677,0-128,57.287-128,128L0,352 C0,422.713, 57.323,480, 128,480z" />
|
||||
<glyph unicode="" d="M 384,480L 128,480 C 57.323,480,0,422.677,0,352l0-256.021 c0-70.713, 57.323-128, 128-128l 256,0 c 70.713,0, 128,57.287, 128,128L 512,352 C 512,422.677, 454.699,480, 384,480z M 421.433,276.046
|
||||
l-183.652-183.652c-3.74-3.74-9.849-3.74-13.568,0l-27.157,27.371c-3.74,3.783-9.849,9.963-13.568,13.724l-63.154,66.382
|
||||
c-1.849,1.892-2.837,4.473-2.837,6.933c0,2.503, 1.003,4.864, 2.837,6.756l 27.669,24.953c 1.87,1.913, 4.373,2.816, 6.855,2.816
|
||||
c 2.425,0, 4.864-0.946, 6.734-2.816l 62.62-63.9c 3.705-3.819, 9.828-3.819, 13.568,0l 142.948,142.514c 3.74,3.74, 9.828,3.74, 13.547,0
|
||||
l 27.157-27.392C 425.138,286.009, 425.138,279.787, 421.433,276.046z" />
|
||||
<glyph unicode="" d="M0,288.224L0,342.080 c0,22.976, 19.104,41.568, 42.656,41.568l 53.696,0 L 96.352,428.864
|
||||
c0,10.528, 10.784,51.104, 24.096,51.104L 168.64,479.968 c 13.312,0, 24.096-40.576, 24.096-51.104l0-45.216 l 159.616,0 L 352.352,428.864 c0,10.528, 10.816,51.104, 24.096,51.104l 48.192,0
|
||||
c 13.312,0, 24.096-40.576, 24.096-51.104l0-45.216 l 20.64,0 c 23.584,0, 42.688-18.592, 42.688-41.568l0-53.888 L0,288.192 z M 512.032,255.68l0-246.112
|
||||
c0-22.976-19.104-41.6-42.688-41.6L 42.656-32.032 c-23.552,0-42.656,18.624-42.656,41.6L0,255.68 L 512.032,255.68 z" />
|
||||
<glyph unicode="" d="M 128,480l-96,0 c-17.664,0-32-14.304-32-32l0-448 c0-17.696, 14.336-32, 32-32l 96,0
|
||||
c 17.664,0, 32,14.304, 32,32l0,448 C 160,465.696, 145.664,480, 128,480z M 448,480l-96,0 c-17.696,0-32-14.304-32-32l0-448 c0-17.696, 14.304-32, 32-32l 96,0
|
||||
c 17.696,0, 32,14.304, 32,32l0,448 C 480,465.696, 465.696,480, 448,480z" />
|
||||
<glyph unicode="" d="M 440,237.888l-416,240c-4.928,2.848-11.072,2.848-16,0C 3.072,475.008, 0,469.728, 0,464l0-480
|
||||
c0-5.728, 3.072-11.008, 8-13.856C 10.464-31.296, 13.248-32, 16-32s 5.536,0.704, 8,2.144l 416,240c 4.928,2.848, 8,8.128, 8,13.856
|
||||
S 444.928,235.008, 440,237.888z" />
|
||||
<glyph unicode="" d="M 256,480C 114.624,480,0,365.408,0,224.032C0,82.624, 114.624-32, 256-32c 141.376,0, 256,114.624, 256,256.032C 512,365.408, 397.376,480, 256,480z M 421.44,276.064
|
||||
l-183.648-183.616c-3.744-3.744-9.856-3.744-13.568,0l-27.136,27.392c-3.712,3.776-9.856,9.952-13.568,13.696L 120.352,199.936
|
||||
C 118.496,201.792, 117.504,204.416, 117.504,206.88c0,2.496, 0.992,4.864, 2.848,6.752l 27.68,24.96c 1.888,1.92, 4.384,2.816, 6.848,2.816
|
||||
c 2.432-0.032, 4.864-0.992, 6.72-2.816l 62.624-63.936c 3.744-3.808, 9.824-3.808, 13.568,0l 142.944,142.56c 3.712,3.744, 9.856,3.744, 13.568,0
|
||||
l 27.168-27.456C 425.184,286.016, 425.184,279.84, 421.44,276.064z" />
|
||||
<glyph unicode=" " horiz-adv-x="256" />
|
||||
<glyph class="hidden" unicode="" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
|
||||
</font></defs></svg>
|
Before Width: | Height: | Size: 18 KiB |
0
assets/fonts/lato/lato-black.eot
Normal file → Executable file
0
assets/fonts/lato/lato-black.svg
Normal file → Executable file
Before Width: | Height: | Size: 264 KiB After Width: | Height: | Size: 264 KiB |
0
assets/fonts/lato/lato-black.ttf
Normal file → Executable file
0
assets/fonts/lato/lato-black.woff
Normal file → Executable file
0
assets/fonts/lato/lato-bold.eot
Normal file → Executable file
0
assets/fonts/lato/lato-bold.svg
Normal file → Executable file
Before Width: | Height: | Size: 278 KiB After Width: | Height: | Size: 278 KiB |
0
assets/fonts/lato/lato-bold.ttf
Normal file → Executable file
0
assets/fonts/lato/lato-bold.woff
Normal file → Executable file
0
assets/fonts/lato/lato-bolditalic.eot
Normal file → Executable file
0
assets/fonts/lato/lato-bolditalic.svg
Normal file → Executable file
Before Width: | Height: | Size: 261 KiB After Width: | Height: | Size: 261 KiB |
0
assets/fonts/lato/lato-bolditalic.ttf
Normal file → Executable file
0
assets/fonts/lato/lato-bolditalic.woff
Normal file → Executable file
0
assets/fonts/lato/lato-italic.eot
Normal file → Executable file
0
assets/fonts/lato/lato-italic.svg
Normal file → Executable file
Before Width: | Height: | Size: 260 KiB After Width: | Height: | Size: 260 KiB |
0
assets/fonts/lato/lato-italic.ttf
Normal file → Executable file
0
assets/fonts/lato/lato-italic.woff
Normal file → Executable file
0
assets/fonts/lato/lato-light.eot
Normal file → Executable file
0
assets/fonts/lato/lato-light.svg
Normal file → Executable file
Before Width: | Height: | Size: 261 KiB After Width: | Height: | Size: 261 KiB |
0
assets/fonts/lato/lato-light.ttf
Normal file → Executable file
0
assets/fonts/lato/lato-light.woff
Normal file → Executable file
0
assets/fonts/lato/lato-regular.eot
Normal file → Executable file
0
assets/fonts/lato/lato-regular.svg
Normal file → Executable file
Before Width: | Height: | Size: 262 KiB After Width: | Height: | Size: 262 KiB |
0
assets/fonts/lato/lato-regular.ttf
Normal file → Executable file
0
assets/fonts/lato/lato-regular.woff
Normal file → Executable file
Before Width: | Height: | Size: 6.6 KiB |
0
assets/icons/png/Book.png
Normal file → Executable file
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.0 KiB |
0
assets/icons/png/Calendar.png
Normal file → Executable file
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 4.4 KiB |
0
assets/icons/png/Chat.png
Normal file → Executable file
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
0
assets/icons/png/Clipboard.png
Normal file → Executable file
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
0
assets/icons/png/Compas.png
Normal file → Executable file
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
0
assets/icons/png/Gift-Box.png
Normal file → Executable file
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
0
assets/icons/png/Infinity-Loop.png
Normal file → Executable file
Before Width: | Height: | Size: 8.4 KiB After Width: | Height: | Size: 8.4 KiB |
0
assets/icons/png/Mail.png
Normal file → Executable file
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 6.9 KiB |
0
assets/icons/png/Map.png
Normal file → Executable file
Before Width: | Height: | Size: 8.4 KiB After Width: | Height: | Size: 8.4 KiB |
0
assets/icons/png/Pensils.png
Normal file → Executable file
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
0
assets/icons/png/Pocket.png
Normal file → Executable file
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 4.1 KiB |
0
assets/icons/png/Retina-Ready.png
Normal file → Executable file
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
0
assets/icons/png/Toilet-Paper.png
Normal file → Executable file
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 4.0 KiB |
0
assets/icons/png/Watches.png
Normal file → Executable file
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
0
assets/icons/svg/book.svg
Normal file → Executable file
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
0
assets/icons/svg/calendar.svg
Normal file → Executable file
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.3 KiB |
0
assets/icons/svg/chat.svg
Normal file → Executable file
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
0
assets/icons/svg/clipboard.svg
Normal file → Executable file
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
0
assets/icons/svg/clocks.svg
Normal file → Executable file
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
0
assets/icons/svg/compas.svg
Normal file → Executable file
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.9 KiB |
0
assets/icons/svg/gift-box.svg
Normal file → Executable file
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.3 KiB |
0
assets/icons/svg/loop.svg
Normal file → Executable file
Before Width: | Height: | Size: 657 B After Width: | Height: | Size: 657 B |
0
assets/icons/svg/mail.svg
Normal file → Executable file
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
0
assets/icons/svg/map.svg
Normal file → Executable file
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
0
assets/icons/svg/paper-bag.svg
Normal file → Executable file
Before Width: | Height: | Size: 682 B After Width: | Height: | Size: 682 B |
0
assets/icons/svg/pencils.svg
Normal file → Executable file
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
0
assets/icons/svg/retina.svg
Normal file → Executable file
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
0
assets/icons/svg/toilet-paper.svg
Normal file → Executable file
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
306
assets/less/demo.import.less
vendored
@ -1,306 +0,0 @@
|
||||
// Demo Flat UI Free
|
||||
|
||||
|
||||
// Loading config with variables (changing them leads to changing a color scheme)
|
||||
@import "variables";
|
||||
|
||||
// Utility mixins for greater good
|
||||
@import "mixins";
|
||||
|
||||
.container {
|
||||
width: 970px !important;
|
||||
}
|
||||
|
||||
// For demo purposes only
|
||||
.demo-headline {
|
||||
padding: 73px 0 110px;
|
||||
text-align: center;
|
||||
}
|
||||
.demo-logo {
|
||||
font: 900 90px/100px @font-family-demo;
|
||||
letter-spacing: -2px;
|
||||
margin: 10px 0;
|
||||
|
||||
.logo {
|
||||
background: ~"url(../images/demo/logo-mask.png) center 0 no-repeat";
|
||||
background-size: 236px 181px;
|
||||
height: 181px;
|
||||
margin: 0 auto 26px;
|
||||
overflow: hidden;
|
||||
text-indent: -9999em;
|
||||
width: 236px;
|
||||
}
|
||||
small {
|
||||
color: fadeout(@brand-primary, 70%);
|
||||
display: block;
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0;
|
||||
padding-top: 5px;
|
||||
}
|
||||
}
|
||||
// Panels delimiter
|
||||
.demo-row {
|
||||
margin-bottom: 20px;
|
||||
|
||||
.demo-heading-note,
|
||||
.demo-text-note {
|
||||
display: block;
|
||||
width: 260px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
font-size: 13px;
|
||||
line-height: 13px;
|
||||
color: mix(desaturate(@brand-primary, 25%), white, 34%);
|
||||
font-weight: 400;
|
||||
}
|
||||
.demo-text-note {
|
||||
bottom: auto;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
&.typography-row {
|
||||
.demo-content {
|
||||
float: none;
|
||||
width: auto;
|
||||
clear: both;
|
||||
}
|
||||
.demo-type-example {
|
||||
padding-left: 25%;
|
||||
margin-bottom: 40px;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
}
|
||||
.demo-section-title {
|
||||
font: 900 32px/40px @font-family-demo;
|
||||
margin: 10px 0;
|
||||
}
|
||||
.demo-panel-title {
|
||||
padding-top: 20px;
|
||||
margin: 2px 0 20px;
|
||||
font: bold 23px/40px @font-family-demo;
|
||||
|
||||
small {
|
||||
color: mix(@brand-primary, @inverse, 66%);
|
||||
font-size: inherit;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
// Shift blocks to fit design
|
||||
.demo-navigation {
|
||||
margin-bottom: -4px;
|
||||
margin-top: -10px;
|
||||
}
|
||||
.demo-pager {
|
||||
margin-top: -20px;
|
||||
}
|
||||
.demo-tooltips {
|
||||
height: 126px;
|
||||
|
||||
// Needed just for the demo. Don't use it in producion ;)
|
||||
.tooltip {
|
||||
left: -8px !important;
|
||||
position: relative !important;
|
||||
top: -8px !important;
|
||||
}
|
||||
}
|
||||
.demo-headings {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.demo-tiles {
|
||||
margin-bottom: 46px
|
||||
}
|
||||
|
||||
.demo-icons {
|
||||
font-size: 32px;
|
||||
margin-left: -20px;
|
||||
padding-left: 20px;
|
||||
|
||||
.demo-content {
|
||||
margin: 0 0 0 -35px;
|
||||
|
||||
> span {
|
||||
display: inline-block;
|
||||
margin: 0 0 32px 35px;
|
||||
width: 24px;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.demo-icons-tooltip {
|
||||
bottom: 0;
|
||||
color: mix(@brand-primary, @inverse, 30%);
|
||||
font-size: 12px;
|
||||
left: 100%;
|
||||
margin-left: 0 !important;
|
||||
position: absolute;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
// Illustration Icons
|
||||
// --------------------------------------------------
|
||||
.demo-illustrations {
|
||||
|
||||
.demo-content {
|
||||
margin: 0 0 0 -40px;
|
||||
padding-top: 20px;
|
||||
.clearfix();
|
||||
|
||||
> div {
|
||||
float: left;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
margin: 0 0 40px 40px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
img {
|
||||
display: inline-block;
|
||||
max-height: 100px;
|
||||
max-width: 100px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.demo-samples {
|
||||
margin-bottom: 46px;
|
||||
}
|
||||
.demo-video {
|
||||
padding-top: 95px;
|
||||
border-radius: @border-radius-large;
|
||||
}
|
||||
.demo-download-section {
|
||||
float: none;
|
||||
margin: 0 auto;
|
||||
padding: 60px 0 90px 20px;
|
||||
text-align: center;
|
||||
|
||||
[class*='fui-'] {
|
||||
margin: 3px 0 -3px;
|
||||
}
|
||||
}
|
||||
.demo-download {
|
||||
background-color: mix(@brand-primary, @inverse, 10%);
|
||||
height: 190px;
|
||||
margin: 0 auto 32px;
|
||||
padding: 40px 28px 30px 32px;
|
||||
text-align: center;
|
||||
width: 190px;
|
||||
border-radius: 50%;
|
||||
|
||||
img {
|
||||
height: 104px;
|
||||
width: 82px;
|
||||
}
|
||||
}
|
||||
.demo-download-text {
|
||||
font-size: 15px;
|
||||
padding: 20px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.demo-text-box {
|
||||
a:hover {
|
||||
color: @brand-secondary;
|
||||
}
|
||||
}
|
||||
.demo-browser {
|
||||
background: mix(@brand-primary, black, 85%) url(../images/demo/browser.png) 0 0 no-repeat;
|
||||
background-size: 659px 42px;
|
||||
color: @inverse;
|
||||
margin: 0 41px 140px 0;
|
||||
padding-top: 42px;
|
||||
border-radius: 0 0 @border-radius-large @border-radius-large;
|
||||
}
|
||||
.demo-browser-side {
|
||||
float: left;
|
||||
padding: 22px 20px;
|
||||
width: 151px;
|
||||
|
||||
> h5 {
|
||||
font-size: 16px;
|
||||
margin-top: 4px;
|
||||
margin-bottom: 3px;
|
||||
text-transform: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
> h6 {
|
||||
font-size: 11px;
|
||||
font-weight: 300;
|
||||
line-height: 18px;
|
||||
margin-top: 3px;
|
||||
text-transform: none;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
}
|
||||
.demo-browser-author {
|
||||
background: ~"url(../images/demo/browser-author.jpg) center center no-repeat";
|
||||
border: 3px solid @inverse;
|
||||
display: block;
|
||||
height: 84px;
|
||||
margin: 0 auto;
|
||||
width: 84px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.demo-browser-action {
|
||||
padding: 30px 0 12px;
|
||||
|
||||
> .btn {
|
||||
padding: 7px 0 8px 11px !important;
|
||||
text-align: left;
|
||||
border-radius: @border-radius-small;
|
||||
|
||||
&:before {
|
||||
color: @inverse;
|
||||
content: '\e009';
|
||||
font-size: 16px;
|
||||
font-family: 'Flat-UI-Icons';
|
||||
font-weight: 300;
|
||||
margin-right: 12px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
}
|
||||
}
|
||||
.demo-browser-content {
|
||||
background-color: @brand-primary;
|
||||
overflow: hidden;
|
||||
padding: 21px 0 0 20px;
|
||||
border-radius: 0 0 @border-radius-large;
|
||||
|
||||
> img {
|
||||
border: 6px solid @inverse;
|
||||
float: left;
|
||||
margin: 0 15px 20px 0;
|
||||
width: 146px;
|
||||
}
|
||||
}
|
||||
// Serving 2x images
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
|
||||
.logo {
|
||||
background-image: url(../images/demo/logo-mask-2x.png)
|
||||
}
|
||||
.demo-browser {
|
||||
background-image: url(../images/demo/browser-2x.png)
|
||||
}
|
||||
}
|
||||
|
||||
// Shatches
|
||||
.demo-swatches-row {
|
||||
[class*="col"] {
|
||||
float: left;
|
||||
min-height: 1px;
|
||||
}
|
||||
.swatches-col {
|
||||
width: 800px;
|
||||
margin-left: -5px;
|
||||
}
|
||||
.swatches-desc-col {
|
||||
width: 140px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
411
assets/less/docs.import.less
vendored
@ -1,411 +0,0 @@
|
||||
// Flat UI Documentation
|
||||
|
||||
|
||||
// Loading config with variables (changing them leads to changing a color scheme)
|
||||
@import "variables";
|
||||
|
||||
// Utility mixins for greater good
|
||||
@import "mixins";
|
||||
|
||||
.prettyprint {
|
||||
overflow: auto;
|
||||
|
||||
&.linenums {
|
||||
overflow: visible;
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
}
|
||||
|
||||
// For demo purposes only
|
||||
.demo-headline {
|
||||
color: @brand-secondary;
|
||||
font: 700 118px/1.1 @font-family-demo !important;
|
||||
margin-bottom: 50px;
|
||||
margin-top: 2px;
|
||||
padding: 40px 0;
|
||||
text-align: center;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
// Panels delimiter
|
||||
.demo-row {
|
||||
margin: 0 auto;
|
||||
padding: 0 20px 50px;
|
||||
width: 940px;
|
||||
.clearfix();
|
||||
|
||||
.demo-heading-note,
|
||||
.demo-text-note {
|
||||
display: block;
|
||||
width: 260px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
font-size: 13px;
|
||||
line-height: 13px;
|
||||
color: mix(desaturate(@brand-primary, 25%), white, 34%);
|
||||
font-weight: 400;
|
||||
}
|
||||
.demo-text-note {
|
||||
bottom: auto;
|
||||
top: 10px;
|
||||
}
|
||||
&.menu-row {
|
||||
padding: 50px 20px 10px;
|
||||
}
|
||||
&.typography-row {
|
||||
.demo-content {
|
||||
float: none;
|
||||
margin-left: 20px;
|
||||
padding-top: 0;
|
||||
width: auto;
|
||||
clear: both;
|
||||
}
|
||||
.demo-type-example {
|
||||
padding-left: 265px;
|
||||
margin-bottom: 40px;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.demo-col {
|
||||
float: left;
|
||||
margin: 0 20px;
|
||||
width: 270px;
|
||||
}
|
||||
|
||||
.demo-content {
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
width: 580px;
|
||||
|
||||
&.demo-content-article {
|
||||
font-size: ceil(@font-size-base * 1.285);
|
||||
p { margin-bottom: 20px; }
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
line-height: ceil(@font-size-base * 1.285 * 1.5);
|
||||
padding: 0 0 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.demo-content-wide {
|
||||
clear: both;
|
||||
margin: 0 20px;
|
||||
.clearfix();
|
||||
}
|
||||
|
||||
.demo-title {
|
||||
float: left;
|
||||
margin: -0.5em 20px 0;
|
||||
width: 240px;
|
||||
font: 700 24.5px/40px @font-family-demo;
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
margin-top: 0;
|
||||
font-family: @font-family-demo;
|
||||
}
|
||||
h1, h2, h3 {
|
||||
line-height: 40px !important;
|
||||
}
|
||||
h3 {
|
||||
font-size: 24.5px !important;
|
||||
}
|
||||
small {
|
||||
color: mix(desaturate(@brand-primary, 25%), white, 34%);
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.demo-buttons .btn,
|
||||
.demo-inputs .control-group {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.demo-navigation {
|
||||
.demo-title {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.demo-pager {
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.demo-tooltips {
|
||||
height: 100px;
|
||||
// Needed just for the demo. Don't use it in producion ;)
|
||||
|
||||
.tooltip {
|
||||
left: -8px !important;
|
||||
position: relative !important;
|
||||
top: -8px !important;
|
||||
}
|
||||
.tooltip-inner {
|
||||
max-width: 100%;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.demo-popovers {
|
||||
.popover {
|
||||
display: block;
|
||||
margin: 0 13px 0 -3px;
|
||||
position: relative;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.demo-social-buttons {
|
||||
.btn {
|
||||
clear: left;
|
||||
float: left;
|
||||
margin-bottom: 17px;
|
||||
}
|
||||
}
|
||||
|
||||
.demo-headings {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.demo-tiles {
|
||||
margin-bottom: 46px;
|
||||
}
|
||||
|
||||
.demo-icons {
|
||||
font-size: 32px;
|
||||
margin-left: -15px;
|
||||
|
||||
> span {
|
||||
display: inline-block;
|
||||
margin: 0 0 32px 35px;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
& {
|
||||
> span {
|
||||
margin-left: 16px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.demo-icons-tooltip {
|
||||
bottom: 0;
|
||||
color: mix(@brand-primary, white, 30%);
|
||||
font-size: 12px;
|
||||
left: 100%;
|
||||
margin-left: 0 !important;
|
||||
position: absolute;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.demo-inline {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.demo-labels {
|
||||
font-size: ceil(@font-size-base * 1.357);
|
||||
|
||||
.visible-lg {
|
||||
display: inline !important;
|
||||
|
||||
@media (max-width: 767px) {
|
||||
& {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Illustration Icons
|
||||
// --------------------------------------------------
|
||||
.demo-illustrations {
|
||||
margin-top: 40px;
|
||||
|
||||
.demo-content-wide {
|
||||
margin: 0 0 0 -66px;
|
||||
padding-top: 20px;
|
||||
|
||||
> div {
|
||||
float: left;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
margin: 0 0 80px 87px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
img {
|
||||
display: inline-block;
|
||||
max-height: 100px;
|
||||
max-width: 100px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
// Dialog with form inside
|
||||
.demo-dialog {
|
||||
padding: 13px 20px 15px;
|
||||
|
||||
.flat {
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
// Static Modal
|
||||
.static-modal-backdrop {
|
||||
background-color: mix(@brand-primary, black, 70%);
|
||||
padding: 62px 14px;
|
||||
margin-bottom: 50px;
|
||||
width: 100%;
|
||||
|
||||
.modal {
|
||||
bottom: auto;
|
||||
display: block;
|
||||
left: auto;
|
||||
position: relative;
|
||||
right: auto;
|
||||
top: auto;
|
||||
z-index: 1;
|
||||
overflow: hidden;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.modal-dialog {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.components-static-modal {
|
||||
.modal {
|
||||
bottom: auto;
|
||||
display: block;
|
||||
left: auto;
|
||||
position: relative;
|
||||
right: auto;
|
||||
top: auto;
|
||||
z-index: 1;
|
||||
overflow: visible;
|
||||
}
|
||||
.modal-dialog,
|
||||
.modal-content {
|
||||
width: auto;
|
||||
}
|
||||
.modal-dialog {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Sidebar for Components navigation
|
||||
.demo-sidebar {
|
||||
font-size: floor(@font-size-base * 0.778); // ~14px
|
||||
line-height: 1.214; // ~17px
|
||||
height: 100%;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
overflow: auto;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
padding: 0;
|
||||
width: 150px;
|
||||
z-index: 10000;
|
||||
background-color: mix(@brand-primary, white, 6%);
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
|
||||
li {
|
||||
&:first-child {
|
||||
a {
|
||||
padding-top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: 7px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Responsive: Landscape phone to desktop/tablet
|
||||
// --------------------------------------------------
|
||||
@media (max-width: 767px) {
|
||||
.demo-row {
|
||||
margin-bottom: 0;
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
width: auto;
|
||||
}
|
||||
.demo-col,
|
||||
.demo-content,
|
||||
.demo-content-wide,
|
||||
.demo-title {
|
||||
float: none;
|
||||
margin: 0 0 18px !important;
|
||||
padding: 0 !important;
|
||||
width: auto;
|
||||
}
|
||||
.demo-headline {
|
||||
font-size: ceil(@font-size-base * 3.611) !important;
|
||||
text-align: left;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.demo-inline { display: block; }
|
||||
|
||||
.demo-navigation {
|
||||
.btn-toolbar {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pager {
|
||||
display: block;
|
||||
margin-left: 0 !important;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
.typography-row {
|
||||
.demo-type-example {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.demo-heading-note,
|
||||
.demo-text-note {
|
||||
position: static !important;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
}
|
||||
.demo-illustrations .demo-content-wide > div {
|
||||
margin-left: 67px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.demo-illustrations .demo-content-wide > div {
|
||||
margin-left: 23px;
|
||||
}
|
||||
.demo-navigation {
|
||||
.mll.pvl {
|
||||
padding: 0;
|
||||
margin-left: 0 !important;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
}
|
1
assets/less/flat-ui.import.less
vendored
Normal file → Executable file
@ -3,7 +3,6 @@
|
||||
// Loading custom fonts
|
||||
//@import url("https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,400italic,300");
|
||||
@import "modules/local-fonts.import.less";
|
||||
@import "modules/glyphicons.import.less";
|
||||
|
||||
// Loading config with variables (changing them leads to changing a color scheme)
|
||||
@import "variables.import.less";
|
||||
|
0
assets/less/mixins.import.less
vendored
Normal file → Executable file
0
assets/less/modules/button-groups.import.less
vendored
Normal file → Executable file
0
assets/less/modules/buttons.import.less
vendored
Normal file → Executable file
0
assets/less/modules/caret.import.less
vendored
Normal file → Executable file
0
assets/less/modules/code.import.less
vendored
Normal file → Executable file
0
assets/less/modules/footer.import.less
vendored
Normal file → Executable file
0
assets/less/modules/forms.import.less
vendored
Normal file → Executable file
135
assets/less/modules/glyphicons.import.less
vendored
@ -1,135 +0,0 @@
|
||||
//
|
||||
// Glyphicons for Flat UI Free
|
||||
// --------------------------------------------------
|
||||
|
||||
@font-face {
|
||||
font-family: "Flat-UI-Icons";
|
||||
src: ~"url('@{icon-font-path}@{icon-font-name}.eot')";
|
||||
src: ~"url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype')",
|
||||
~"url('@{icon-font-path}@{icon-font-name}.woff') format('woff')",
|
||||
~"url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype')",
|
||||
~"url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg')";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
/* Use the following CSS code if you want to use data attributes for inserting your icons */
|
||||
[data-icon]:before {
|
||||
font-family: 'Flat-UI-Icons';
|
||||
content: attr(data-icon);
|
||||
speak: none;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* Use the following CSS code if you want to have a class per icon */
|
||||
/*
|
||||
Instead of a list of all class selectors,
|
||||
you can use the generic selector below, but it's slower:
|
||||
[class*="fui-"] {
|
||||
*/
|
||||
.fui-arrow-right, .fui-arrow-left, .fui-cmd, .fui-check-inverted, .fui-heart, .fui-location, .fui-plus, .fui-check, .fui-cross, .fui-list, .fui-new, .fui-video, .fui-photo, .fui-volume, .fui-time, .fui-eye, .fui-chat, .fui-search, .fui-user, .fui-mail, .fui-lock, .fui-gear, .fui-radio-unchecked, .fui-radio-checked, .fui-checkbox-unchecked, .fui-checkbox-checked, .fui-calendar-solid, .fui-pause, .fui-play, .fui-check-inverted-2 {
|
||||
display: inline-block;
|
||||
font-family: 'Flat-UI-Icons';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.fui-arrow-right:before {
|
||||
content: "\e02c";
|
||||
}
|
||||
.fui-arrow-left:before {
|
||||
content: "\e02d";
|
||||
}
|
||||
.fui-cmd:before {
|
||||
content: "\e02f";
|
||||
}
|
||||
.fui-check-inverted:before {
|
||||
content: "\e006";
|
||||
}
|
||||
.fui-heart:before {
|
||||
content: "\e007";
|
||||
}
|
||||
.fui-location:before {
|
||||
content: "\e008";
|
||||
}
|
||||
.fui-plus:before {
|
||||
content: "\e009";
|
||||
}
|
||||
.fui-check:before {
|
||||
content: "\e00a";
|
||||
}
|
||||
.fui-cross:before {
|
||||
content: "\e00b";
|
||||
}
|
||||
.fui-list:before {
|
||||
content: "\e00c";
|
||||
}
|
||||
.fui-new:before {
|
||||
content: "\e00d";
|
||||
}
|
||||
.fui-video:before {
|
||||
content: "\e00e";
|
||||
}
|
||||
.fui-photo:before {
|
||||
content: "\e00f";
|
||||
}
|
||||
.fui-volume:before {
|
||||
content: "\e010";
|
||||
}
|
||||
.fui-time:before {
|
||||
content: "\e011";
|
||||
}
|
||||
.fui-eye:before {
|
||||
content: "\e012";
|
||||
}
|
||||
.fui-chat:before {
|
||||
content: "\e013";
|
||||
}
|
||||
.fui-search:before {
|
||||
content: "\e01c";
|
||||
}
|
||||
.fui-user:before {
|
||||
content: "\e01d";
|
||||
}
|
||||
.fui-mail:before {
|
||||
content: "\e01e";
|
||||
}
|
||||
.fui-lock:before {
|
||||
content: "\e01f";
|
||||
}
|
||||
.fui-gear:before {
|
||||
content: "\e024";
|
||||
}
|
||||
.fui-radio-unchecked:before {
|
||||
content: "\e02b";
|
||||
}
|
||||
.fui-radio-checked:before {
|
||||
content: "\e032";
|
||||
}
|
||||
.fui-checkbox-unchecked:before {
|
||||
content: "\e033";
|
||||
}
|
||||
.fui-checkbox-checked:before {
|
||||
content: "\e034";
|
||||
}
|
||||
.fui-calendar-solid:before {
|
||||
content: "\e022";
|
||||
}
|
||||
.fui-pause:before {
|
||||
content: "\e03b";
|
||||
}
|
||||
.fui-play:before {
|
||||
content: "\e03c";
|
||||
}
|
||||
.fui-check-inverted-2:before {
|
||||
content: "\e000";
|
||||
}
|
0
assets/less/modules/input-groups.import.less
vendored
Normal file → Executable file
6
assets/less/modules/input-icons.import.less
vendored
Normal file → Executable file
@ -55,12 +55,12 @@
|
||||
.has-warning {
|
||||
.input-icon {
|
||||
color: @brand-warning;
|
||||
}
|
||||
}
|
||||
}
|
||||
.has-error {
|
||||
.input-icon {
|
||||
color: @brand-danger;
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-control[disabled] + .input-icon,
|
||||
.form-control[readonly] + .input-icon,
|
||||
@ -69,4 +69,4 @@ fieldset[disabled] .form-control + .input-icon,
|
||||
color: mix(@gray, white, 40%);
|
||||
background-color: transparent;
|
||||
.opacity(.7);
|
||||
}
|
||||
}
|
||||
|
70
assets/less/modules/inputs.import.less
vendored
Normal file → Executable file
@ -104,6 +104,18 @@ nav {
|
||||
|
||||
/* Checkbox
|
||||
===============================*/
|
||||
.check, .circles {
|
||||
&:after {
|
||||
.transition;
|
||||
font-family: FontAwesome;
|
||||
content:"\f00d";
|
||||
}
|
||||
&:checked:after {
|
||||
.transition;
|
||||
content:"\f00c";
|
||||
}
|
||||
}
|
||||
|
||||
.check {
|
||||
.square(30px);
|
||||
.transition;
|
||||
@ -116,28 +128,15 @@ nav {
|
||||
&:after {
|
||||
.transition;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 3px;
|
||||
content:"";
|
||||
background:url(@checkbox-icon);
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
&:checked {
|
||||
.transition;
|
||||
top: 7px;
|
||||
left: 8px;
|
||||
}
|
||||
|
||||
&:checked:after {
|
||||
.transition;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 2px;
|
||||
content:"";
|
||||
background:url(@checkbox-icon);
|
||||
background-position:-20px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
top: 7px;
|
||||
left: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -155,26 +154,19 @@ nav {
|
||||
.transition;
|
||||
|
||||
&:after {
|
||||
.square(22px);
|
||||
.transition;
|
||||
position: absolute;
|
||||
left: 4px;
|
||||
top: 4px;
|
||||
content:"";
|
||||
background:url(@checkbox-icon);
|
||||
background-position:-23px;
|
||||
left: 6px;
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&:after {
|
||||
.square(22px);
|
||||
.transition;
|
||||
position: absolute;
|
||||
left: 3px;
|
||||
top: 4px;
|
||||
content:"";
|
||||
background:url(@checkbox-icon);
|
||||
left: 8px;
|
||||
top: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -235,11 +227,12 @@ nav {
|
||||
|
||||
ul {
|
||||
.border-radius(4px);
|
||||
margin-top: .4em;
|
||||
list-style: none;
|
||||
text-align: left;
|
||||
display: none;
|
||||
width: 300px;
|
||||
background:#34495E;
|
||||
background: @turquoise;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
@ -252,7 +245,7 @@ nav {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background:#3498DB;
|
||||
background: @green-sea;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
@ -262,25 +255,26 @@ nav {
|
||||
.border-radius(4px);
|
||||
position: relative;
|
||||
width: 300px;
|
||||
background:#3498DB;
|
||||
background: @green-sea;
|
||||
padding: .6em;
|
||||
text-align: left;
|
||||
font-weight: 400;
|
||||
color:#fff;
|
||||
cursor: pointer;
|
||||
|
||||
span {
|
||||
&:after {
|
||||
.size(1.8em, 2em);
|
||||
.border-radius(4px);
|
||||
background: @turquoise;
|
||||
font-family: FontAwesome;
|
||||
content:"\f0d7";
|
||||
font-size: 1.4em;
|
||||
padding-top: .3em;
|
||||
padding-left:.6em;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding: .6em;
|
||||
background:#2980B9;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background:#2675a9;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
0
assets/less/modules/local-fonts.import.less
vendored
Normal file → Executable file
0
assets/less/modules/login.import.less
vendored
Normal file → Executable file
168
assets/less/modules/navbar.import.less
vendored
Normal file → Executable file
@ -39,27 +39,27 @@
|
||||
.navbar-collapse {
|
||||
box-shadow: none;
|
||||
padding-right: 21px;
|
||||
padding-left: 21px;
|
||||
padding-left: 21px;
|
||||
|
||||
@media (min-width: @grid-float-breakpoint) {
|
||||
// Account for first and last children spacing
|
||||
.navbar-nav.navbar-left:first-child {
|
||||
margin-left: -21px;
|
||||
|
||||
|
||||
> li:first-child a {
|
||||
.border-left-radius(@navbar-border-radius);
|
||||
}
|
||||
}
|
||||
.navbar-nav.navbar-right:last-child {
|
||||
margin-right: -21px;
|
||||
|
||||
|
||||
.navbar > .container & {
|
||||
margin-right: -36px;
|
||||
}
|
||||
> .dropdown:last-child > a {
|
||||
border-radius: 0 @navbar-border-radius @navbar-border-radius 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar-form.navbar-right:last-child {
|
||||
margin-right: -17px;
|
||||
|
||||
@ -67,14 +67,14 @@
|
||||
.navbar-fixed-bottom & {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (max-width: @grid-float-breakpoint-max) {
|
||||
.navbar-nav.navbar-right:last-child {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Both navbar header and collapse
|
||||
//
|
||||
@ -128,13 +128,13 @@
|
||||
line-height: 1.042; // ~25px
|
||||
font-weight: 700;
|
||||
padding: ((@navbar-height-base - 25px) / 2) 21px;
|
||||
|
||||
|
||||
> [class*="fui-"] {
|
||||
font-size: floor(@component-font-size-base * 1.267); // ~19px
|
||||
line-height: 1.263; // ~24px
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: @grid-float-breakpoint) {
|
||||
.navbar > .container &,
|
||||
.navbar > .container-fluid & {
|
||||
@ -158,8 +158,8 @@
|
||||
|
||||
&:before {
|
||||
color: @link-color;
|
||||
content: "\e00c";
|
||||
font-family: "Flat-UI-Icons";
|
||||
content: "\f0c9";
|
||||
font-family: FontAwesome;
|
||||
font-size: floor(@component-font-size-base * 1.467); // ~22px
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
@ -169,7 +169,7 @@
|
||||
&:hover,
|
||||
&:focus {
|
||||
outline: none;
|
||||
|
||||
|
||||
&:before {
|
||||
color: @link-hover-color;
|
||||
}
|
||||
@ -177,7 +177,7 @@
|
||||
.icon-bar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: @grid-float-breakpoint) {
|
||||
display: none;
|
||||
}
|
||||
@ -190,14 +190,14 @@
|
||||
|
||||
.navbar-nav {
|
||||
margin: 0;
|
||||
|
||||
|
||||
> li > a {
|
||||
font-size: floor(@component-font-size-base * 1.067); // ~16px
|
||||
padding: ((@navbar-height-base - 23px) / 2) 21px;
|
||||
line-height: 23px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
||||
.dropdown-toggle .caret {
|
||||
border-top-color: @link-color;
|
||||
border-bottom-color: @link-color;
|
||||
@ -209,13 +209,13 @@
|
||||
.open > a:focus,
|
||||
.open > a:hover {
|
||||
background-color: transparent;
|
||||
|
||||
|
||||
.caret {
|
||||
border-top-color: @link-hover-color;
|
||||
border-bottom-color: @link-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
[class^="fui-"] {
|
||||
line-height: 20px;
|
||||
position: relative;
|
||||
@ -227,12 +227,12 @@
|
||||
margin-left: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: @grid-float-breakpoint-max) {
|
||||
margin: 0 -21px;
|
||||
|
||||
|
||||
// Dropdowns get custom display when collapsed
|
||||
.open .dropdown-menu {
|
||||
.open .dropdown-menu {
|
||||
> li > a,
|
||||
.dropdown-header {
|
||||
padding: 7px 15px 7px 31px !important;
|
||||
@ -272,27 +272,27 @@
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: @grid-float-breakpoint-max) {
|
||||
margin: 3px -21px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
||||
.navbar-nav + &.navbar-left,
|
||||
&.navbar-right:last-child { // Width fix for Webkit and IE11
|
||||
@media (min-width: @grid-float-breakpoint) {
|
||||
width: 260px;
|
||||
width: 260px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Controls sizing
|
||||
.form-control,
|
||||
.input-group-addon,
|
||||
.btn { .navbar-input(); }
|
||||
|
||||
|
||||
// Reset rounded corners
|
||||
.form-controls-corners-reset();
|
||||
|
||||
|
||||
.form-control {
|
||||
font-size: @component-font-size-base;
|
||||
border-radius: 5px;
|
||||
@ -307,7 +307,7 @@
|
||||
@media (max-width: @grid-float-breakpoint-max) {
|
||||
.form-group {
|
||||
margin-bottom: 0;
|
||||
|
||||
|
||||
& + .btn {
|
||||
margin-top: 9px;
|
||||
margin-left: 0;
|
||||
@ -322,8 +322,8 @@
|
||||
.navbar-nav > li {
|
||||
> .dropdown-menu {
|
||||
min-width: 100%;
|
||||
border-radius: @border-radius-base;
|
||||
|
||||
border-radius: @border-radius-base;
|
||||
|
||||
@media (max-width: @grid-float-breakpoint-max) {
|
||||
.transition(all 0s);
|
||||
display: none;
|
||||
@ -333,9 +333,9 @@
|
||||
@media (max-width: @grid-float-breakpoint-max) {
|
||||
margin-top: 0 !important;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Menu position and menu caret support for dropups via extra dropup class
|
||||
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
|
||||
@ -358,7 +358,7 @@
|
||||
color: @brand-primary;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
|
||||
.navbar-vertical-align(23px, @navbar-height-base);
|
||||
|
||||
@media (min-width: @grid-float-breakpoint) {
|
||||
@ -408,7 +408,7 @@
|
||||
top: 35%;
|
||||
width: 6px;
|
||||
z-index: 10;
|
||||
|
||||
|
||||
@media (max-width: @grid-float-breakpoint) {
|
||||
position: static;
|
||||
float: right;
|
||||
@ -439,7 +439,7 @@
|
||||
// Default navbar
|
||||
.navbar-default {
|
||||
background-color: @navbar-default-bg;
|
||||
|
||||
|
||||
.navbar-brand {
|
||||
color: @navbar-default-brand-color;
|
||||
&:hover,
|
||||
@ -448,27 +448,27 @@
|
||||
background-color: @navbar-default-brand-hover-bg;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.navbar-toggle {
|
||||
&:before {
|
||||
color: @navbar-default-toggle-color;
|
||||
}
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: transparent;
|
||||
|
||||
|
||||
&:before {
|
||||
color: @navbar-default-toggle-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.navbar-collapse,
|
||||
.navbar-form {
|
||||
border-color: @navbar-default-form-border;
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
|
||||
.navbar-nav {
|
||||
> li > a {
|
||||
color: @navbar-default-link-color;
|
||||
@ -496,7 +496,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Dropdown menu items and carets
|
||||
.navbar-nav {
|
||||
// Caret text color
|
||||
@ -514,8 +514,8 @@
|
||||
> .dropdown > a:focus .caret {
|
||||
border-top-color: @navbar-default-caret-hover-color;
|
||||
border-bottom-color: @navbar-default-caret-hover-color;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Remove background color from open dropdown
|
||||
> .open > a {
|
||||
&,
|
||||
@ -528,7 +528,7 @@
|
||||
border-bottom-color: @navbar-default-caret-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: @grid-float-breakpoint-max) {
|
||||
@ -561,12 +561,12 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.navbar-form {
|
||||
.form-control {
|
||||
border-color: transparent;
|
||||
.placeholder(@navbar-default-form-placeholder);
|
||||
|
||||
|
||||
&:focus {
|
||||
border-color: @brand-secondary;
|
||||
color: @brand-secondary;
|
||||
@ -581,16 +581,16 @@
|
||||
.input-group-btn .btn {
|
||||
border-color: @brand-secondary;
|
||||
color: @brand-secondary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.navbar-text {
|
||||
color: @brand-primary;
|
||||
|
||||
|
||||
a {
|
||||
color: @navbar-default-link-color;
|
||||
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @navbar-default-link-hover-color;
|
||||
@ -602,35 +602,35 @@
|
||||
// Inverse navbar
|
||||
.navbar-inverse {
|
||||
background-color: @navbar-inverse-bg;
|
||||
|
||||
|
||||
.navbar-brand {
|
||||
color: @navbar-inverse-brand-color;
|
||||
color: @navbar-inverse-brand-color;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @navbar-inverse-brand-hover-color;
|
||||
background-color: @navbar-inverse-brand-hover-bg;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.navbar-toggle {
|
||||
&:before {
|
||||
color: @navbar-inverse-toggle-color;
|
||||
}
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: transparent;
|
||||
|
||||
|
||||
&:before {
|
||||
color: @navbar-inverse-toggle-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.navbar-collapse {
|
||||
border-color: @navbar-inverse-form-border;
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
|
||||
.navbar-nav {
|
||||
> li > a {
|
||||
color: @navbar-inverse-link-color;
|
||||
@ -658,7 +658,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Dropdown menu items and carets
|
||||
.navbar-nav {
|
||||
// Caret should match text color on hover
|
||||
@ -675,7 +675,7 @@
|
||||
&:focus {
|
||||
background-color: @navbar-inverse-link-active-bg;
|
||||
color: @navbar-inverse-link-active-color;
|
||||
border-left-color: transparent;
|
||||
border-left-color: transparent;
|
||||
.caret {
|
||||
border-top-color: @navbar-inverse-link-active-color;
|
||||
border-bottom-color: @navbar-inverse-link-active-color;
|
||||
@ -685,8 +685,8 @@
|
||||
> .dropdown > a .caret {
|
||||
border-top-color: @navbar-inverse-caret-color;
|
||||
border-bottom-color: @navbar-inverse-caret-color;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
> .open {
|
||||
> .dropdown-arrow {
|
||||
border-top-color: @navbar-inverse-dropdown-arrow;
|
||||
@ -695,18 +695,18 @@
|
||||
> .dropdown-menu {
|
||||
background-color: @navbar-inverse-dropdown-bg;
|
||||
padding: 3px 4px;
|
||||
|
||||
|
||||
> li > a {
|
||||
color: @navbar-inverse-dropdown-link-color;
|
||||
border-radius: @border-radius-base;
|
||||
padding: 6px 9px;
|
||||
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @navbar-inverse-dropdown-link-hover-color;
|
||||
background-color: @navbar-inverse-dropdown-link-hover-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
> .divider {
|
||||
background-color: @navbar-inverse-divider;
|
||||
height: 2px;
|
||||
@ -753,14 +753,14 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-form {
|
||||
|
||||
.navbar-form {
|
||||
.form-control {
|
||||
color: @navbar-inverse-form-placeholder;
|
||||
border-color: transparent;
|
||||
background-color: @navbar-inverse-form-bg;
|
||||
.placeholder(@navbar-inverse-form-placeholder);
|
||||
|
||||
|
||||
&:focus {
|
||||
border-color: @brand-secondary;
|
||||
color: @brand-secondary;
|
||||
@ -779,28 +779,28 @@
|
||||
.input-group-btn .btn {
|
||||
border-color: @brand-secondary;
|
||||
color: @brand-secondary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: @grid-float-breakpoint-max) {
|
||||
border-color: @navbar-inverse-form-border;
|
||||
border-width: 2px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.navbar-text {
|
||||
color: @inverse;
|
||||
|
||||
|
||||
a {
|
||||
color: @navbar-inverse-link-color;
|
||||
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @navbar-inverse-link-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.navbar-btn {
|
||||
.button-variant(@btn-default-color, @brand-secondary, @btn-primary-hover-bg, @btn-primary-active-bg);
|
||||
}
|
||||
@ -825,47 +825,47 @@
|
||||
// Large navbar
|
||||
.navbar-lg {
|
||||
min-height: @navbar-height-large;
|
||||
|
||||
|
||||
.navbar-brand {
|
||||
line-height: 1;
|
||||
padding-top: ((@navbar-height-large - 24px) / 2);
|
||||
padding-bottom: ((@navbar-height-large - 24px) / 2);
|
||||
|
||||
|
||||
> [class*="fui-"] {
|
||||
font-size: floor(@component-font-size-base * 1.6); // ~24px
|
||||
line-height: 1;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.navbar-nav {
|
||||
> li > a {
|
||||
font-size: @component-font-size-base;
|
||||
line-height: 1.6;
|
||||
|
||||
|
||||
@media (min-width: @grid-float-breakpoint) {
|
||||
padding-top: ((@navbar-height-large - 24px) / 2);
|
||||
padding-bottom: ((@navbar-height-large - 24px) / 2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.navbar-toggle {
|
||||
height: @navbar-height-large;
|
||||
line-height: @navbar-height-large;
|
||||
}
|
||||
|
||||
|
||||
.navbar-form {
|
||||
.navbar-vertical-align(@input-height-small; @navbar-height-large);
|
||||
}
|
||||
|
||||
|
||||
.navbar-text {
|
||||
.navbar-vertical-align(23px; @navbar-height-large);
|
||||
}
|
||||
|
||||
|
||||
.navbar-btn {
|
||||
margin-top: ((@navbar-height-large - @input-height-base) / 2);
|
||||
margin-bottom: ((@navbar-height-large - @input-height-base) / 2);
|
||||
|
||||
|
||||
&.btn-sm {
|
||||
margin-top: ((@navbar-height-large - @input-height-small) / 2);
|
||||
margin-bottom: ((@navbar-height-large - @input-height-small) / 2);
|
||||
@ -875,4 +875,4 @@
|
||||
margin-bottom: ((@navbar-height-large - 25px) / 2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
0
assets/less/modules/pager.import.less
vendored
Normal file → Executable file
0
assets/less/modules/pagination.import.less
vendored
Normal file → Executable file
0
assets/less/modules/palette.import.less
vendored
Normal file → Executable file
0
assets/less/modules/progress-bars.import.less
vendored
Normal file → Executable file
0
assets/less/modules/scaffolding.import.less
vendored
Normal file → Executable file
0
assets/less/modules/select.import.less
vendored
Normal file → Executable file
0
assets/less/modules/share.import.less
vendored
Normal file → Executable file
0
assets/less/modules/slider.import.less
vendored
Normal file → Executable file
20
assets/less/modules/tagsinput.import.less
vendored
Normal file → Executable file
@ -12,7 +12,7 @@
|
||||
overflow-y: auto;
|
||||
text-align: left;
|
||||
|
||||
.tag {
|
||||
.tag {
|
||||
border-radius: @border-radius-base;
|
||||
background-color: @brand-secondary;
|
||||
color: @inverse;
|
||||
@ -33,7 +33,7 @@
|
||||
color: @inverse;
|
||||
padding-left: 12px;
|
||||
padding-right: 20px;
|
||||
|
||||
|
||||
.tagsinput-remove-link {
|
||||
color: @inverse;
|
||||
opacity: 1;
|
||||
@ -74,11 +74,11 @@
|
||||
z-index: 2;
|
||||
// Opacity fallback for IE
|
||||
display: none\9;
|
||||
|
||||
|
||||
&:before {
|
||||
color: @inverse;
|
||||
content: "\e00b";
|
||||
font-family: "Flat-UI-Icons";
|
||||
content: "\f00d";
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
}
|
||||
|
||||
@ -87,7 +87,7 @@
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.tagsinput-add {
|
||||
.tagsinput-add {
|
||||
background-color: mix(@inverse, @brand-primary, 80%);
|
||||
border-radius: @border-radius-small;
|
||||
color: @inverse;
|
||||
@ -99,13 +99,13 @@
|
||||
padding: 7px 9px;
|
||||
vertical-align: top;
|
||||
.transition(.25s linear);
|
||||
|
||||
|
||||
&:hover {
|
||||
background-color: @brand-secondary;
|
||||
}
|
||||
&:before {
|
||||
content: "\e009";
|
||||
font-family: "Flat-UI-Icons";
|
||||
content: "\f067";
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
}
|
||||
|
||||
@ -118,4 +118,4 @@
|
||||
background: #fbd8db !important;
|
||||
color: #90111a !important;
|
||||
margin-left: 5px !important;
|
||||
}
|
||||
}
|
||||
|
0
assets/less/modules/thumbnails.import.less
vendored
Normal file → Executable file
0
assets/less/modules/tile.import.less
vendored
Normal file → Executable file
28
assets/less/modules/todo.import.less
vendored
Normal file → Executable file
@ -2,7 +2,7 @@
|
||||
// Todo list
|
||||
// --------------------------------------------------
|
||||
|
||||
.todo {
|
||||
.todo {
|
||||
color: mix(@brand-primary, @inverse, 66%);
|
||||
margin-bottom: 20px;
|
||||
border-radius: @border-radius-large;
|
||||
@ -24,10 +24,10 @@
|
||||
padding: 18px 42px 21px 25px;
|
||||
position: relative;
|
||||
.transition(.25s);
|
||||
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
border-radius: 0 0 @border-radius-large @border-radius-large;
|
||||
padding-bottom: 21px;
|
||||
@ -39,9 +39,9 @@
|
||||
|
||||
.todo-name {
|
||||
color: @brand-secondary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.todo-search {
|
||||
@ -51,11 +51,11 @@
|
||||
border-radius: @border-radius-large @border-radius-large 0 0;
|
||||
color: @brand-primary;
|
||||
padding: 19px 25px 20px;
|
||||
|
||||
|
||||
&:before {
|
||||
position: absolute;
|
||||
font-family: 'Flat-UI-Icons';
|
||||
content: "\e01c";
|
||||
font-family: FontAwesome;
|
||||
content: "\f002";
|
||||
font-size: 16px;
|
||||
line-height: 17px;
|
||||
display: inline-block;
|
||||
@ -94,17 +94,17 @@ input.todo-search-field {
|
||||
color: @inverse;
|
||||
font-size: 17px;
|
||||
margin: 1px 0 3px;
|
||||
}
|
||||
}
|
||||
|
||||
// Retina Support
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
|
||||
.todo {
|
||||
li {
|
||||
background-image: ~"url(../images/todo/todo-2x.png)";
|
||||
|
||||
|
||||
&.todo-done {
|
||||
background-image: ~"url(../images/todo/done-2x.png)";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
0
assets/less/modules/type.import.less
vendored
Normal file → Executable file
0
assets/less/modules/typeahead.import.less
vendored
Normal file → Executable file
102
assets/less/modules/video.import.less
vendored
Normal file → Executable file
@ -6,7 +6,7 @@
|
||||
@controls-color: mix(@brand-primary, black, 75%);
|
||||
|
||||
.video-js {
|
||||
background-color: transparent;
|
||||
background-color: transparent;
|
||||
// Otherwise you won't see controls in Fullscreen mode
|
||||
margin-top: -95px;
|
||||
position: relative;
|
||||
@ -18,7 +18,7 @@
|
||||
-moz-backface-visibility:hidden;
|
||||
-ms-backface-visibility:hidden;
|
||||
backface-visibility:hidden;
|
||||
|
||||
|
||||
.vjs-tech {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@ -26,10 +26,10 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: @border-radius-large @border-radius-large 0 0;
|
||||
}
|
||||
}
|
||||
&:-moz-full-screen {
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.vjs-full-window {
|
||||
@ -51,11 +51,11 @@ body.vjs-full-window {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
_position: absolute;
|
||||
}
|
||||
}
|
||||
&:-webkit-full-screen {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vjs-poster {
|
||||
@ -76,7 +76,7 @@ body.vjs-full-window {
|
||||
left: 1em;
|
||||
right: 1em;
|
||||
font-family: @font-family-base;
|
||||
}
|
||||
}
|
||||
.vjs-text-track {
|
||||
display: none;
|
||||
color: @inverse;
|
||||
@ -85,13 +85,13 @@ body.vjs-full-window {
|
||||
margin-bottom: .1em;
|
||||
background: #000;
|
||||
background: rgba(0,0,0,.5);
|
||||
}
|
||||
}
|
||||
.vjs-subtitles {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.vjs-captions {
|
||||
color: #fc6;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vjs-tt-cue {
|
||||
@ -109,7 +109,7 @@ body.vjs-full-window {
|
||||
.transition(~"visibility 0s linear 1.5s, opacity 1.5s linear");
|
||||
}
|
||||
|
||||
.vjs-control-bar {
|
||||
.vjs-control-bar {
|
||||
position: absolute;
|
||||
bottom: -47px;
|
||||
left: 0;
|
||||
@ -120,11 +120,11 @@ body.vjs-full-window {
|
||||
color: @inverse;
|
||||
background: @controls-color;
|
||||
border-radius: 0 0 @border-radius-large @border-radius-large;
|
||||
|
||||
|
||||
&.vjs-fade-out {
|
||||
visibility: visible !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Video player control general style
|
||||
@ -138,14 +138,14 @@ body.vjs-full-window {
|
||||
padding: 0;
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
|
||||
|
||||
&:focus {
|
||||
outline: 0
|
||||
}
|
||||
}
|
||||
div {
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Control tooltip
|
||||
@ -167,15 +167,15 @@ body.vjs-full-window {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 58px;
|
||||
|
||||
|
||||
div {
|
||||
position: relative;
|
||||
position: relative;
|
||||
height: 47px;
|
||||
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
position: absolute;
|
||||
font-family: "Flat-UI-Icons";
|
||||
font-family: FontAwesome;
|
||||
color: @brand-secondary;
|
||||
font-size: 16px;
|
||||
top: 50%;
|
||||
@ -184,20 +184,20 @@ body.vjs-full-window {
|
||||
.transition(~"color .25s, opacity .25s");
|
||||
}
|
||||
&:after {
|
||||
content: "\e03b";
|
||||
content: "\f04c";
|
||||
}
|
||||
&:before {
|
||||
content: "\e03c";
|
||||
content: "\f04b";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vjs-paused .vjs-play-control {
|
||||
.vjs-paused .vjs-play-control {
|
||||
&:hover {
|
||||
div:before {
|
||||
color: mix(@brand-secondary, black, 85%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
div {
|
||||
&:after {
|
||||
.opacity(0);
|
||||
@ -205,35 +205,35 @@ body.vjs-full-window {
|
||||
&:before {
|
||||
.opacity(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vjs-playing .vjs-play-control {
|
||||
.vjs-playing .vjs-play-control {
|
||||
&:hover {
|
||||
div:after {
|
||||
color: mix(@brand-secondary, black, 85%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
div {
|
||||
&:after {
|
||||
.opacity(1);
|
||||
}
|
||||
&:before {
|
||||
.opacity(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vjs-rewind-control {
|
||||
width: 5em;
|
||||
cursor: pointer !important;
|
||||
|
||||
|
||||
div {
|
||||
width: 19px;
|
||||
height: 16px;
|
||||
background: none transparent;
|
||||
margin: .5em auto 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vjs-mute-control {
|
||||
@ -248,22 +248,22 @@ body.vjs-full-window {
|
||||
&:focus {
|
||||
div {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Muted state
|
||||
&.vjs-vol-0 {
|
||||
&,
|
||||
div {
|
||||
background-image: ~"url(../images/video/volume-off.png)";
|
||||
}
|
||||
}
|
||||
}
|
||||
div {
|
||||
background: @controls-color ~"url(../images/video/volume-full.png) no-repeat center 2px";
|
||||
background-size: 16px 64px;
|
||||
height: 18px;
|
||||
.transition(opacity .25s);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vjs-volume-control,
|
||||
@ -312,11 +312,11 @@ body.vjs-full-window {
|
||||
.vjs-load-progress {
|
||||
background: mix(@brand-primary, @inverse, 20%);
|
||||
border-radius: 32px 0 0 32px;
|
||||
|
||||
|
||||
&[style*='100%'],
|
||||
&[style*='99%'] {
|
||||
border-radius: 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vjs-seek-handle {
|
||||
@ -328,7 +328,7 @@ body.vjs-full-window {
|
||||
left: 0;
|
||||
top: 0;
|
||||
border-radius: 50%;
|
||||
.transition(background-color .25s);
|
||||
.transition(background-color .25s);
|
||||
|
||||
&[style*='95.'] {
|
||||
margin-left: 3px;
|
||||
@ -339,10 +339,10 @@ body.vjs-full-window {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: mix(@brand-secondary, black, 75%);
|
||||
}
|
||||
}
|
||||
&:active {
|
||||
background-color: mix(@brand-secondary, black, 65%)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Player time controls
|
||||
@ -394,14 +394,14 @@ body.vjs-full-window {
|
||||
&:focus {
|
||||
div {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
div {
|
||||
height: 18px;
|
||||
background: ~"url(../images/video/fullscreen.png) no-repeat center 2px";
|
||||
background-size: 15px 64px;
|
||||
.transition(opacity .25s);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Subtitles menu. Hide for no need by design.
|
||||
@ -412,9 +412,9 @@ body.vjs-full-window {
|
||||
// Video preloader
|
||||
.sharp-keyframes() {
|
||||
0% {
|
||||
background: #e74c3c;
|
||||
border-radius: 10px;
|
||||
.rotate(0deg);
|
||||
background: #e74c3c;
|
||||
border-radius: 10px;
|
||||
.rotate(0deg);
|
||||
}
|
||||
50% {
|
||||
background: #ebedee;
|
||||
@ -425,8 +425,8 @@ body.vjs-full-window {
|
||||
background: #e74c3c;
|
||||
border-radius: 10px;
|
||||
.rotate(360deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes sharp {
|
||||
.sharp-keyframes();
|
||||
@ -454,5 +454,5 @@ body.vjs-full-window {
|
||||
top: 50%;
|
||||
width: 16px;
|
||||
border-radius: 10px;
|
||||
.animation(sharp 2s ease infinite);
|
||||
}
|
||||
.animation(sharp 2s ease infinite);
|
||||
}
|
||||
|
0
assets/less/spaces.import.less
vendored
Normal file → Executable file
7
assets/less/variables.import.less
vendored
Normal file → Executable file
@ -104,13 +104,6 @@
|
||||
|
||||
//== Iconography
|
||||
//
|
||||
//## Specify custom locations of the include Glyphicons icon font.
|
||||
|
||||
@icon-font-path: "../fonts/";
|
||||
@icon-font-name: "flat-ui-icons-regular";
|
||||
@icon-font-svg-id: "flat-ui-icons-regular";
|
||||
|
||||
@checkbox-icon: "../icons/internal/tick.png";
|
||||
|
||||
//** Icon sizes for use in components
|
||||
@icon-normal: 16px;
|
||||
|