mirror of
https://github.com/galaxyproject/galaxy.git
synced 2026-09-24 16:30:27 +08:00
Automated merge with https://bitbucket.org/galaxy/galaxy-central
This commit is contained in:
James Taylor
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,492 @@
|
||||
<?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>
|
||||
<metadata>
|
||||
Created by FontForge 20110222 at Wed Feb 8 00:46:49 2012
|
||||
By PJ Onori,,,
|
||||
Icons by PJ Onori, font creation script by Yann
|
||||
</metadata>
|
||||
<defs>
|
||||
<font id="IconicStroke" horiz-adv-x="1030" >
|
||||
<font-face
|
||||
font-family="Untitled1"
|
||||
font-weight="500"
|
||||
font-stretch="normal"
|
||||
units-per-em="1000"
|
||||
panose-1="2 0 6 3 0 0 0 0 0 0"
|
||||
ascent="800"
|
||||
descent="-200"
|
||||
bbox="15 -200.031 1015.02 800.008"
|
||||
underline-thickness="50"
|
||||
underline-position="-100"
|
||||
unicode-range="U+0023-E079"
|
||||
/>
|
||||
<missing-glyph />
|
||||
<glyph glyph-name="glyph0" unicode="" horiz-adv-x="655"
|
||||
d="M327.5 674.75c-103.469 0 -187.562 -84.3438 -187.562 -188c0 -59.1875 27.0938 -113.625 74.2188 -149.156c70.5312 -53.3438 99.125 -112.312 108.875 -161.875h8.9375c9.8125 49.5625 38.3125 108.531 108.875 161.875c47.1875 35.5 74.1562 89.9375 74.1562 149.156
|
||||
c0 103.656 -84.0312 188 -187.5 188zM327.5 800v0c172.594 0 312.5 -140.25 312.5 -313.219c0 -102.562 -48.2188 -192.156 -124.031 -249.281c-34.7812 -26.375 -63.5312 -60.3125 -63.5312 -107.188v-79.8438h-249.812v79.8438c0 46.875 -28.75 80.8125 -63.5938 107.188
|
||||
c-75.75 57.125 -124.031 146.719 -124.031 249.281c0 172.969 139.906 313.219 312.5 313.219zM202.625 -200v125.25h249.812v-125.25h-249.812z" />
|
||||
<glyph glyph-name="glyph1" unicode=""
|
||||
d="M640 175v-125h-62.5v-187.5c0 -34.5312 -27.8438 -62.5 -62.5 -62.5c-34.4375 0 -62.5 27.9688 -62.5 62.5v187.5h-62.5v125h62.5v562.5c0 34.5312 28.0625 62.5 62.5 62.5c34.6562 0 62.5 -27.9688 62.5 -62.5v-562.5h62.5zM1015 550v-125h-62.5v-562.5
|
||||
c0 -34.5312 -27.8438 -62.5 -62.5 -62.5c-34.4375 0 -62.5 27.9688 -62.5 62.5v562.5h-62.5v125h62.5v187.5c0 34.5312 28.0625 62.5 62.5 62.5c34.6562 0 62.5 -27.9688 62.5 -62.5v-187.5h62.5zM265 425v-125h-62.5v-437.5c0 -34.5312 -27.8438 -62.5 -62.5 -62.5
|
||||
c-34.4375 0 -62.5 27.9688 -62.5 62.5v437.5h-62.5v125h62.5v312.5c0 34.5312 28.0625 62.5 62.5 62.5c34.6562 0 62.5 -27.9688 62.5 -62.5v-312.5h62.5z" />
|
||||
<glyph glyph-name="glyph2" unicode="" horiz-adv-x="655"
|
||||
d="M327.484 675c-50.0625 0 -97.1562 -19.5312 -132.562 -54.9375s-54.9375 -82.5 -54.9375 -132.562s19.5312 -97.1562 54.9375 -132.5c4.875 -4.75 69.3438 -68.8438 132.562 -169.188c63.5 100.5 128.188 164.844 133.438 170.031
|
||||
c34.5312 34.5 54.0625 81.5938 54.0625 131.656s-19.5312 97.1562 -54.9375 132.5c-35.4062 35.4688 -82.5 55 -132.562 55zM327.484 800v0c79.9688 0 159.906 -30.5312 220.938 -91.5312c122.062 -122.031 122.062 -319.906 0 -441.906
|
||||
c0 0 -220.938 -216.562 -220.938 -466.562c0 250 -220.938 466.562 -220.938 466.531c-122.062 122.031 -122.062 319.906 0 441.906c61.0312 61.0312 140.969 91.5625 220.938 91.5625zM264.984 487.5c0 41.667 20.833 62.5 62.5 62.5s62.5 -20.833 62.5 -62.5
|
||||
s-20.833 -62.5 -62.5 -62.5s-62.5 20.833 -62.5 62.5z" />
|
||||
<glyph glyph-name="glyph3" unicode=""
|
||||
d="M390 50v0c0 -138.062 -111.938 -250 -250 -250c-45.4062 0 -87.875 12.0938 -124.5 33.1875l-0.5 0.375c74.7188 43.2188 125 123.781 125 216.188v0.25c0 69.0938 55.9062 125 125 125c68.9688 0 125 -55.9062 125 -125zM978.312 763.375
|
||||
c48.8438 -48.8125 48.8438 -127.938 0 -176.75l-472.594 -472.781c-22.9375 86.3125 -90.5625 153.812 -176.75 176.875l472.594 472.656c48.8125 48.8125 127.938 48.8125 176.75 0z" />
|
||||
<glyph glyph-name="glyph4" unicode=""
|
||||
d="M577.5 175v-187.5h125l-187.5 -187.5l-187.5 187.5h125v187.5h125zM452.5 425v187.5h-125l187.5 187.5l187.5 -187.5h-125v-187.5h-125zM390 237.5h-187.5v-125l-187.5 187.5l187.5 187.5v-125h187.5v-125zM640 362.5h187.5v125l187.5 -187.5l-187.5 -187.5v125h-187.5
|
||||
v125z" />
|
||||
<glyph glyph-name="glyph5" unicode=""
|
||||
d="M941.75 726.75c97.6562 -97.6562 97.6562 -255.844 0 -353.5l-573.25 -573.25h-353.5l0.96875 354.5l572.281 572.25c48.8125 48.8438 112.781 73.25 176.75 73.25s127.938 -24.4062 176.75 -73.25zM316.75 -75l535.531 535.406l-176.75 176.75l-529.812 -529.781
|
||||
c49.0938 42.75 122.938 42.125 169.688 -4.625c48.8125 -48.8438 48.8125 -128.938 0 -177.75h1.34375z" />
|
||||
<glyph glyph-name="glyph6" unicode="" horiz-adv-x="405"
|
||||
d="M265 175v-187.5h125l-187.5 -187.5l-187.5 187.5h125v187.5h125zM140 425v187.5h-125l187.5 187.5l187.5 -187.5h-125v-187.5h-125z" />
|
||||
<glyph glyph-name="glyph7" unicode=""
|
||||
d="M515 675c0 0 125 125 500 125v-750c-378.906 0 -500 -125 -500 -125s-121.094 125 -500 125v750c375 0 500 -125 500 -125zM140 675v-503.406c158.875 -13.4375 256.344 -50.1875 312.5 -79.8438v503.406c-56.1562 29.7812 -153.625 66.5312 -312.5 79.8438zM890 171.594
|
||||
v503.406c-158.938 -13.3125 -256.344 -50.0625 -312.5 -79.8438v-503.406c56.1562 29.6875 153.562 66.4062 312.5 79.8438z" />
|
||||
<glyph glyph-name="glyph8" unicode=""
|
||||
d="M15 174.961l500.031 -125.008l499.969 125.008v-125.008l-499.969 -125.008l-500.031 125.008v125.008zM15 424.977l500.031 -125.008l499.969 125.008v-125.008l-499.969 -125.008l-500.031 125.008v125.008zM15 674.992l500.031 125.008l499.969 -125.008v-125.008
|
||||
l-499.969 -125.008l-500.031 125.008v125.008z" />
|
||||
<glyph glyph-name="glyph9" unicode="" horiz-adv-x="780"
|
||||
d="M15 -200v1000h250v-1000h-250zM515 -200v1000h250v-1000h-250z" />
|
||||
<glyph glyph-name="glyph10" unicode=""
|
||||
d="M15 50l500 -125l499.938 125v-125l-499.938 -125l-500 125v125zM15 300l500 -125l499.938 125v-125l-499.938 -125l-500 125v125zM15 550l500 -125l499.938 125v-125l-499.938 -125l-500 125v125zM15 800l500 -125l499.938 125v-125l-499.938 -125l-500 125v125z" />
|
||||
<glyph glyph-name="glyph11" unicode=""
|
||||
d="M765 675c137.938 0 250 -112.062 250 -250s-112.062 -250 -250 -250h-500c-137.875 0 -250 112.062 -250 250s112.125 250 250 250c11.1562 0 22.0938 -1.71875 33.0938 -3.1875c42.9062 76.1875 123.531 128.188 216.906 128.188c91.4375 0 172 -51.5 215.562 -128.406
|
||||
c11.375 1.46875 22.7188 3.40625 34.4375 3.40625zM765 300c68.8438 0 125 56.1562 125 125s-56.1562 125 -125 125s-125 -56.1562 -125 -125h-125c0 81.4062 39.6875 153.062 100.094 198.719c-23.125 31.25 -59.625 51.2812 -100.094 51.2812
|
||||
c-68.9062 0 -125 -56.1562 -125 -125c0 -15.125 2.625 -29.7812 7.8125 -43.7188l-117.062 -43.6875c-10.25 27.3438 -15.375 56.1562 -15.625 85.6875c-64.4062 -1.9375 -125.125 -54.6875 -125.125 -123.281c0 -68.8438 56.0938 -125 125 -125h500zM577.562 -12.5v-187.5
|
||||
h-125v187.5h-125l187.562 187.5l187.375 -187.5h-124.938z" />
|
||||
<glyph glyph-name="glyph12" unicode="" horiz-adv-x="967"
|
||||
d="M469.148 193.062l-330.562 -330.562c-164.781 190.188 -164.781 470.938 0 661.125zM516.023 237.5l-403.062 403.062c111.562 91.3125 249.75 149.906 403.062 159.438v-562.5zM577.555 674.5c211.594 -32.4688 374.938 -211.656 374.938 -432.844
|
||||
c0 -243.906 -197.75 -441.656 -442.062 -441.656c-96.9375 0 -184.594 33.6875 -257.344 87.1562l324.469 324.469v462.875z" />
|
||||
<glyph glyph-name="glyph13" unicode=""
|
||||
d="M720.812 5.8125l-80.8125 -80.8125v250h250l-80.8125 -80.8125l205.812 -205.812l-88.375 -88.375zM219.594 507.156l-204.594 204.469l88.375 88.375l204.594 -204.469l82.0312 79.4688l-1.21875 -248.656l-248.781 -1.34375zM15 -111.625l205.812 205.812
|
||||
l-80.8125 80.8125h250v-250l-80.8125 80.8125l-205.812 -205.812zM890.969 425h-250.969v250.906l81.1875 -81.0938l205.188 205.188l88.625 -88.6875l-205.062 -205.188z" />
|
||||
<glyph glyph-name="glyph14" unicode=""
|
||||
d="M765 675c137.938 0 250 -112.188 250 -250s-112.062 -250 -250 -250h-187.5v-187.5h125l-187.562 -187.5l-187.438 187.5h125v187.5h-187.5c-137.875 0 -250 112.188 -250 250s112.125 250 250 250c11.1562 0 22.0938 -1.59375 33.0938 -3.0625
|
||||
c42.9062 75.9375 123.531 128.062 216.906 128.062c91.4375 0 172 -51.4062 215.562 -128.531c11.375 1.6875 22.7188 3.53125 34.4375 3.53125zM765 300c68.8438 0 125 56.0312 125 125s-56.1562 125 -125 125s-125 -56.0312 -125 -125h-125
|
||||
c0 81.4062 39.6875 153.188 100.094 198.844c-23.125 31.125 -59.625 51.1562 -100.094 51.1562c-68.9062 0 -125 -56.0312 -125 -125c0 -15 2.625 -29.7812 7.8125 -43.5938l-117.062 -43.9375c-10.25 27.3438 -15.375 56.4062 -15.625 85.8125
|
||||
c-64.4062 -1.8125 -125.125 -54.8125 -125.125 -123.281c0 -68.9688 56.0938 -125 125 -125h500z" />
|
||||
<glyph glyph-name="glyph15" unicode="" horiz-adv-x="905"
|
||||
d="M452.5 675c-172.375 0 -312.5 -140.125 -312.5 -312.5c0 -82.4062 32.0938 -160.281 90.3438 -219.344l36.25 -36.75l-0.25 -51.625l-0.125 -21.375l14.2812 9.40625l45.6562 30.25l53.2188 -13.1875c27.0938 -6.59375 51.0312 -9.875 73.125 -9.875
|
||||
c172.375 0 312.5 140.125 312.5 312.5s-140.125 312.5 -312.5 312.5zM452.5 800v0c241.562 0 437.5 -195.938 437.5 -437.5s-195.938 -437.5 -437.5 -437.5c-35.6562 0 -69.8125 5.375 -103.031 13.5625l-209.469 -138.562l1.34375 255.375
|
||||
c-78 79.0938 -126.344 187.375 -126.344 307.125c0 241.562 195.938 437.5 437.5 437.5z" />
|
||||
<glyph glyph-name="glyph16" unicode="✉"
|
||||
d="M517.438 441.969l-502.438 235.969v122.062h1000v-122.438zM517.688 303.781l497.312 235.469v-489.25h-1000v490z" />
|
||||
<glyph glyph-name="glyph17" unicode="✘"
|
||||
d="M515 800c276.125 0 500 -223.875 500 -500s-223.875 -500 -500 -500s-500 223.875 -500 500s223.875 500 500 500zM437.5 69.2812l388.875 388.906l-88.375 88.375l-300.531 -300.531l-141.656 141.719l-88.375 -88.375z" />
|
||||
<glyph glyph-name="glyph18" unicode=""
|
||||
d="M703 800l312 -312.5v-687l-247.438 206.781l-250.375 -207.281l-250.594 207.5l-251.594 -205.562v998.062h688zM890.625 51.9375v250h-375.219v375h-375.25v-625l127.688 100.594l249.375 -206.531l249.875 206.781zM640.5 426.938h250.125
|
||||
c-50.0625 50.0625 -199.594 199.469 -250.125 250v-250z" />
|
||||
<glyph glyph-name="glyph19" unicode=""
|
||||
d="M890 675h125v-250h-125v-62.5c0 -34.4375 -28.0625 -62.5 -62.5 -62.5h-750c-34.4375 0 -62.5 28.0625 -62.5 62.5v123.656h199.594c25.75 -72.625 94.5 -125 176.031 -125v63.8438h127.062v62.5h-127.062v125h124.5v62.5h-124.5v61.1562
|
||||
c-81.5625 0 -150.281 -52.375 -176.031 -125h-199.594v126.344c0 34.375 28.0625 62.5 62.5 62.5h750c34.4375 0 62.5 -28.125 62.5 -62.5v-62.5z" />
|
||||
<glyph glyph-name="glyph20" unicode=""
|
||||
d="M15 -200v1000h1000v-1000h-1000z" />
|
||||
<glyph glyph-name="glyph21" unicode="↑"
|
||||
d="M15 300.5l500.062 499.5l499.938 -499.5l-177.281 -177.25l-197.438 197.5v-520.75h-250.719v520.75c-97.875 -97.875 -197.312 -197.25 -197.312 -197.25z" />
|
||||
<glyph glyph-name="glyph22" unicode=""
|
||||
d="M390 550h-187.5v-125l-187.5 187.5l187.5 187.5v-125h187.5v-125zM640 675h187.5v125l187.5 -187.5l-187.5 -187.5v125h-187.5v125z" />
|
||||
<glyph glyph-name="glyph23" unicode=""
|
||||
d="M515 675c-206.781 0 -375 -168.219 -375 -375s168.219 -375 375 -375s375 168.219 375 375s-168.219 375 -375 375zM515 800v0c276.125 0 500 -223.875 500 -500s-223.875 -500 -500 -500s-500 223.875 -500 500s223.875 500 500 500zM581.406 366.281
|
||||
c-24.0625 24.0625 -57.625 30.7188 -88.375 23.125l271.969 160.594l-161.125 -275.688c9.03125 31.6562 2.4375 67 -22.4688 91.9688zM448.844 233.719c25.0312 -25.0312 60.4062 -31.625 92.1562 -22.4688l-276 -161.25l160.656 272.344
|
||||
c-7.5625 -30.8125 -0.96875 -64.5312 23.1875 -88.625z" />
|
||||
<glyph glyph-name="glyph24" unicode=""
|
||||
d="M515 800c276.125 0 500 -223.875 500 -500s-223.875 -500 -500 -500s-500 223.875 -500 500s223.875 500 500 500zM765 237.5v125h-500v-125h500z" />
|
||||
<glyph glyph-name="glyph25" unicode=""
|
||||
d="M1015 675v-250h-125v-62.5c0 -34.3125 -28.0625 -62.5 -62.5 -62.5h-750c-34.4375 0 -62.5 28.1875 -62.5 62.5v375c0 34.3125 28.0625 62.5 62.5 62.5h750c34.4375 0 62.5 -28.1875 62.5 -62.5v-62.5h125zM765 425v250h-625v-250h625z" />
|
||||
<glyph glyph-name="glyph26" unicode="" horiz-adv-x="530"
|
||||
d="M265 800c138.062 0 250 -111.938 250 -250s-250 -750 -250 -750s-250 611.938 -250 750s111.938 250 250 250zM265 425c69.0312 0 125 55.9688 125 125s-55.9688 125 -125 125s-125 -55.9688 -125 -125s55.9688 -125 125 -125z" />
|
||||
<glyph glyph-name="glyph27" unicode="" horiz-adv-x="780"
|
||||
d="M452.625 800c172.25 0 312.375 -140.25 312.375 -312.5v-500c0 -103.5 -84.0938 -187.5 -187.5 -187.5h-375.062c-103.344 0 -187.438 84 -187.438 187.5v437.5h625v62.5c0 103.281 -83.9688 187.5 -187.375 187.5s-187.438 -84.2188 -187.438 -187.5h-125
|
||||
c0 172.25 140.125 312.5 312.438 312.5zM577.5 -75c34.4375 0 62.5 27.9688 62.5 62.5v312.5h-500.062v-312.5c0 -34.5312 28.0625 -62.5 62.5 -62.5h375.062zM452.5 112.5c0 -34.6562 -27.9688 -62.5 -62.5 -62.5s-62.5 27.8438 -62.5 62.5
|
||||
c0 34.4375 27.9688 62.5 62.5 62.5s62.5 -28.0625 62.5 -62.5z" />
|
||||
<glyph glyph-name="glyph28" unicode="" horiz-adv-x="780"
|
||||
d="M452.625 800c172.25 0 312.375 -140.125 312.375 -312.5v-500c0 -103.281 -84 -187.5 -187.5 -187.5h-375.062c-103.219 0 -187.438 84.2188 -187.438 187.5v437.5h125.188v62.5c0 172.375 140.25 312.5 312.438 312.5zM265.188 487.5v-62.5h374.812v62.5
|
||||
c0 103.5 -84 187.5 -187.375 187.5c-103.281 0 -187.438 -84 -187.438 -187.5zM577.5 -75c34.6562 0 62.5 28.0625 62.5 62.5v312.5h-500.062v-312.5c0 -34.4375 28.0625 -62.5 62.5 -62.5h375.062zM452.625 112.5c0 -34.4375 -28.0625 -62.5 -62.5 -62.5
|
||||
c-34.6562 0 -62.5 28.0625 -62.5 62.5c0 34.6562 27.8438 62.5 62.5 62.5c34.4062 0 62.5 -27.8438 62.5 -62.5z" />
|
||||
<glyph glyph-name="question" unicode="?" horiz-adv-x="530"
|
||||
d="M190 -137.5c0 41.667 20.833 62.5 62.5 62.5s62.5 -20.833 62.5 -62.5s-20.833 -62.5 -62.5 -62.5s-62.5 20.833 -62.5 62.5zM254.875 -11.7812c-43.125 0 -79.9482 15.2607 -110.469 45.7812s-45.7812 67.3438 -45.7812 110.469s15.2607 79.9482 45.7812 110.469
|
||||
l209 209c24.3955 24.3633 36.5938 53.8223 36.5938 88.375c0 34.5645 -12.208 64.0225 -36.625 88.375c-24.3701 24.3857 -53.8223 36.585 -88.3555 36.5977s-63.9775 -12.1865 -88.332 -36.5977c-24.458 -24.3936 -36.6875 -53.8525 -36.6875 -88.375h-125
|
||||
c0 69.0439 24.458 127.992 73.375 176.844c47.1914 47.2305 106.077 70.8369 176.656 70.8203s129.496 -23.6445 176.75 -70.8828c48.8125 -48.748 73.2188 -107.676 73.2188 -176.781c0 -69.0322 -24.417 -127.949 -73.25 -176.75l-208.969 -209
|
||||
c-6.07812 -6.10938 -9.11719 -13.4736 -9.11719 -22.0938s3.03906 -15.9844 9.11719 -22.0938c6.10938 -6.10938 13.4736 -9.16406 22.0938 -9.16406s15.9844 3.05469 22.0938 9.16406c6.10449 6.10449 9.15625 13.4688 9.15625 22.0938h125
|
||||
c0 -43.125 -15.2607 -79.9482 -45.7812 -110.469s-67.3438 -45.7812 -110.469 -45.7812v0z" />
|
||||
<glyph glyph-name="glyph30" unicode=""
|
||||
d="M15 737.496c0 41.6689 20.835 62.5039 62.5039 62.5039s62.5039 -20.835 62.5039 -62.5039s-20.835 -62.5039 -62.5039 -62.5039s-62.5039 20.835 -62.5039 62.5039zM15 487.48c0 41.6689 20.835 62.5039 62.5039 62.5039s62.5039 -20.835 62.5039 -62.5039
|
||||
s-20.835 -62.5039 -62.5039 -62.5039s-62.5039 20.835 -62.5039 62.5039zM15 237.465c0 41.6689 20.835 62.5039 62.5039 62.5039s62.5039 -20.835 62.5039 -62.5039s-20.835 -62.5039 -62.5039 -62.5039s-62.5039 20.835 -62.5039 62.5039zM15 -12.5508
|
||||
c0 41.6689 20.835 62.5039 62.5039 62.5039s62.5039 -20.835 62.5039 -62.5039s-20.835 -62.5039 -62.5039 -62.5039s-62.5039 20.835 -62.5039 62.5039zM265.016 674.992v125.008h749.984v-125.008h-749.984zM265.016 424.977v125.008h749.984v-125.008h-749.984z
|
||||
M265.016 174.961v125.008h749.984v-125.008h-749.984zM265.016 -75.0547v125.008h749.984v-125.008h-749.984z" />
|
||||
<glyph glyph-name="glyph31" unicode="" horiz-adv-x="780"
|
||||
d="M15 657.125v142.875h750v-142.875h-750zM265 371.406h-125l249.625 285.719l250.375 -285.719h-125v-571.406h-250v571.406z" />
|
||||
<glyph glyph-name="glyph32" unicode="" horiz-adv-x="887"
|
||||
d="M729.286 228.571h142.856c0 -236.75 -191.964 -428.571 -428.571 -428.571s-428.571 191.821 -428.571 428.571s191.964 428.571 428.571 428.571h84.8213l-42.1426 41.8574l101 101l214.714 -214.286l-214.714 -214.964l-101 101l41.5713 41.5713l-84.25 0.964844
|
||||
c-157.643 0 -285.714 -128.215 -285.714 -285.715s128.071 -285.714 285.714 -285.714s285.715 128.214 285.715 285.714z" />
|
||||
<glyph glyph-name="glyph33" unicode=""
|
||||
d="M890 362.5h125c0 -103.281 -84.0938 -187.5 -187.5 -187.5h-562.75v-125l-249.75 187.5l249.75 187.5v-125h562.75c34.4375 0 62.5 28.0625 62.5 62.5zM202.5 550c-34.4375 0 -62.5 -28.0625 -62.5 -62.5h-125c0 103.5 84.0938 187.5 187.5 187.5h562.5v125l250 -187.5
|
||||
l-250 -187.5v125h-562.5z" />
|
||||
<glyph glyph-name="glyph34" unicode=""
|
||||
d="M890 425h125v-62.5c0 -103.281 -84.0938 -187.5 -187.5 -187.5h-437.625l0.125 -125l-250 187.5l250 187.5l-0.125 -125h437.625c34.4375 0 62.5 28.0625 62.5 62.5v62.5zM140 487.5v-62.5h-125v62.5c0 103.5 84.0938 187.5 187.5 187.5h437.5v125l249.75 -187.5
|
||||
l-249.75 -187.5v125h-437.5c-34.4375 0 -62.5 -27.9688 -62.5 -62.5z" />
|
||||
<glyph glyph-name="glyph35" unicode=""
|
||||
d="M638.281 175l187.75 250l188.969 -250h-125v-62.5c0 -103.406 -84.0938 -187.5 -187.5 -187.5h-375c-103.406 0 -187.5 84.0938 -187.5 187.5v62.5h125v-62.5c0 -34.4375 28.0625 -62.5 62.5 -62.5h375c34.4375 0 62.5 28.0625 62.5 62.5v62.5h-126.719zM391.719 550
|
||||
l-187.75 -250l-188.969 250h125v62.5c0 103.406 84.0938 187.5 187.5 187.5h375c103.406 0 187.5 -84.0938 187.5 -187.5v-62.5h-125v62.5c0 34.4375 -28.0625 62.5 -62.5 62.5h-375c-34.4375 0 -62.5 -28.0625 -62.5 -62.5v-62.5h126.719z" />
|
||||
<glyph glyph-name="glyph36" unicode=""
|
||||
d="M827.5 425l187.5 -187.5h-125c0 -103.406 -84.0938 -187.5 -187.5 -187.5h-375c-103.406 0 -187.5 84.0938 -187.5 187.5v62.5h125v-62.5c0 -34.4375 28.0625 -62.5 62.5 -62.5h375c34.4375 0 62.5 28.0625 62.5 62.5h-125zM702.5 800
|
||||
c103.406 0 187.5 -84.0938 187.5 -187.5v-62.5h-125v62.5c0 34.4375 -28.0625 62.5 -62.5 62.5h-375c-34.4375 0 -62.5 -28.0625 -62.5 -62.5v-1.9375h125l-187.5 -185.562l-187.5 185.562h125v1.9375c0 103.406 84.0938 187.5 187.5 187.5h375z" />
|
||||
<glyph glyph-name="glyph37" unicode="❝"
|
||||
d="M1015 50h-375v375c0 206.781 168.219 375 375 375v-125c-137.938 0 -250 -112.188 -250 -250h250v-375zM390 50h-375v375c0 206.781 168.219 375 375 375v-125c-137.938 0 -250 -112.188 -250 -250h250v-375z" />
|
||||
<glyph glyph-name="glyph38" unicode="✓"
|
||||
d="M1015 0.0712891l-200.071 -200.071l-299.929 300.071l-300.071 -300.071l-199.929 200.071l299.929 299.929l-299.929 299.929l199.929 200.071l300.071 -300.071l299.929 300.071l200.071 -200.071l-300.214 -299.929z" />
|
||||
<glyph glyph-name="glyph39" unicode=""
|
||||
d="M15 800l750 -500l-750 -500v1000zM765 -75v750h250v-750h-250z" />
|
||||
<glyph glyph-name="glyph40" unicode="" horiz-adv-x="780"
|
||||
d="M452.5 800l312.5 -312.438v-687.562h-750v1000h437.5zM140 -75h500v500h-250v250h-250v-750z" />
|
||||
<glyph glyph-name="glyph41" unicode=""
|
||||
d="M765 -200v1000h250v-1000h-250zM390 -200v750h250v-750h-250zM15 -200v500h250v-500h-250z" />
|
||||
<glyph glyph-name="glyph42" unicode="←"
|
||||
d="M514.5 -200l-499.5 500l499.5 500l177.25 -177.281l-197.25 -197.5h520.5v-250.719h-520.5l197.25 -197.25z" />
|
||||
<glyph glyph-name="glyph43" unicode="↓"
|
||||
d="M1015 299.5l-500 -499.5l-500 499.5l177.281 177.25l197.5 -197.5v520.75h250.719v-520.75l197.25 197.25z" />
|
||||
<glyph glyph-name="glyph44" unicode="" horiz-adv-x="780"
|
||||
d="M15 -200v142.812h750v-142.812h-750zM515 228.594h125l-249.625 -285.781l-250.375 285.781h125v571.406h250v-571.406z" />
|
||||
<glyph glyph-name="glyph45" unicode="⌂"
|
||||
d="M515 800l500 -500h-125v-500h-750v500h-125zM765 -75v448.25l-250 176.75l-250 -176.75v-448.25h187.5v187.5h125v-187.5h187.5z" />
|
||||
<glyph glyph-name="glyph46" unicode=""
|
||||
d="M762.438 675h252.562v-125h-252.562h-125h-250h-125h-247.438v125h247.438v125h125v-125h250v125h125v-125zM140 50v125h750v-125h-750zM140 300v125h750v-125h-750zM765 -200h-625v125h750z" />
|
||||
<glyph glyph-name="glyph47" unicode=""
|
||||
d="M15 800h375v-375l-375 -375v750zM640 800h375v-375l-375 -375v750z" />
|
||||
<glyph glyph-name="glyph48" unicode=""
|
||||
d="M871.688 31.6875l143.312 143.312v-375h-375l143.312 143.312l-143.312 143.312l88.375 88.375zM390 800l-143.312 -143.312l141.969 -141.844l-88.375 -88.375l-141.969 141.844l-143.312 -143.312v375h375zM390 86.625l-143.312 -143.312l143.312 -143.312h-375v375
|
||||
l143.312 -143.312l143.312 143.312zM1015 800v-375l-143.312 143.312l-141.969 -141.844l-88.375 88.375l141.969 141.844l-143.312 143.312h375z" />
|
||||
<glyph glyph-name="glyph49" unicode=""
|
||||
d="M390 305.375c0 83.333 41.667 125 125 125s125 -41.667 125 -125s-41.667 -125 -125 -125s-125 41.667 -125 125zM907.344 611.031c71.7705 -90.8154 107.656 -192.701 107.656 -305.656c0 -67.8115 -13.2002 -132.582 -39.5996 -194.311
|
||||
c-26.4004 -61.7285 -61.916 -114.908 -106.549 -159.541s-97.8125 -80.1484 -159.541 -106.549c-61.7285 -26.3994 -126.499 -39.5996 -194.311 -39.5996s-132.582 13.2002 -194.311 39.5996c-61.7285 26.4004 -114.908 61.916 -159.541 106.549
|
||||
s-80.1484 97.8125 -106.549 159.541c-26.3994 61.7285 -39.5996 126.499 -39.5996 194.311c0 111.533 35.2812 212.929 105.844 304.188c11.6758 -8.79199 23.9258 -13.1875 36.75 -13.1875c17.3281 0 32.0771 6.08496 44.2461 18.2539s18.2539 26.918 18.2539 44.2461
|
||||
c0 12.7891 -4.52051 25.1641 -13.5625 37.125c72.4873 57.4258 154.883 92.0928 247.188 104c1.41699 -16.1016 7.9541 -29.6484 19.6133 -40.6387c11.6582 -10.9912 25.5479 -16.4863 41.668 -16.4863c16.0684 0 29.8965 5.4209 41.4834 16.2617
|
||||
c11.5879 10.8418 18.1865 24.2236 19.7979 40.1445c90.6689 -11.2656 172.294 -44.8799 244.875 -100.844c-10.083 -12.2812 -15.125 -25.4688 -15.125 -39.5625c0 -17.3027 6.10547 -32.0449 18.3174 -44.2275c12.2109 -12.1816 26.9385 -18.2725 44.1826 -18.2725
|
||||
c13.9131 0 26.8506 4.88574 38.8125 14.6562zM515 55.375c69.0459 0 127.974 24.3965 176.784 73.1904s73.2158 107.73 73.2158 176.81c0 69.1689 -24.5 128.169 -73.5 177l-176.5 176.5l-176.75 -176.75c-48.833 -48.833 -73.25 -107.75 -73.25 -176.75
|
||||
c0 -69.0312 24.4092 -127.956 73.2266 -176.773s107.742 -73.2266 176.773 -73.2266z" />
|
||||
<glyph glyph-name="glyph50" unicode=""
|
||||
d="M515 800c276.125 0 500 -223.875 500 -500s-223.875 -500 -500 -500s-500 223.875 -500 500s223.875 500 500 500zM765 237.5v125h-187.5v187.5h-125v-187.5h-187.5v-125h187.5v-187.5h125v187.5h187.5z" />
|
||||
<glyph glyph-name="glyph51" unicode=""
|
||||
d="M515 675c-206.781 0 -375 -168.219 -375 -375s168.219 -375 375 -375s375 168.219 375 375s-168.219 375 -375 375zM515 800v0c276.125 0 500 -223.875 500 -500s-223.875 -500 -500 -500s-500 223.875 -500 500s223.875 500 500 500zM684.438 219.438l-88.375 -88.375
|
||||
l-122.562 122.562c-13.0625 11.5938 -21.7188 27.8125 -21.7188 46.625v249.75h125.719v-223.5z" />
|
||||
<glyph glyph-name="glyph52" unicode=""
|
||||
d="M889.281 550l125.719 125l-122.562 125h122.562v-1000h-1000v1000h125.5l125.469 -125.5l-126.938 -124.5h125.25l127.656 125.5l-124.5 124.5h176.75l125.375 -125.5l-126.844 -124.5h147.594l127.688 125.5l-124.625 124.5h173.938l122.688 -125.5l-124.125 -124.5
|
||||
h123.406zM890 -73.6562v125h-750v-125h750zM890 175v125h-750v-125h750z" />
|
||||
<glyph glyph-name="glyph53" unicode=""
|
||||
d="M515 800c276.125 0 500 -223.875 500 -500s-223.875 -500 -500 -500s-500 223.875 -500 500s223.875 500 500 500zM515 675c-162.719 0 -300.156 -104.812 -352.062 -250h704.125c-51.9062 145.188 -189.344 250 -352.062 250zM515 237.5
|
||||
c34.5312 0 62.5 27.9688 62.5 62.5s-27.9688 62.5 -62.5 62.5s-62.5 -27.9688 -62.5 -62.5s27.9688 -62.5 62.5 -62.5zM140 300c0 -185.188 135.25 -338.375 312 -368.656c-2.90625 204.094 -141.219 368.656 -312 368.656zM578 -68.6562
|
||||
c176.75 30.2812 312 183.469 312 368.656c-170.781 0 -309.094 -164.562 -312 -368.656z" />
|
||||
<glyph glyph-name="glyph54" unicode="✎"
|
||||
d="M941.75 726.75c97.6562 -97.6562 97.6562 -255.844 0 -353.5l-573.25 -573.25h-353.5l0.96875 354.5l572.281 572.25c48.8125 48.8438 112.781 73.25 176.75 73.25c64.0938 0 128.062 -24.4062 176.75 -73.25zM316.75 -75l536.625 536.625v0l-176.75 176.75v0
|
||||
l-535.781 -535.875l-0.125 -52.5h124.281v-125h51.75z" />
|
||||
<glyph glyph-name="glyph55" unicode=""
|
||||
d="M380.594 530.844c0 -53.2188 -43.2188 -96.4375 -96.3125 -96.4375c-53.2188 0 -96.4375 43.2188 -96.4375 96.4375c0 53.0938 43.2188 96.1875 96.4375 96.1875c53.0938 0 96.3125 -43.0938 96.3125 -96.1875zM15 800h414.781l585.219 -585.312h-414.781v-414.688
|
||||
l-585.219 585.219v414.781zM383.656 688.688c-32.9688 0 -186.156 0 -257.344 -0.03125v-257.438c24.1875 -23.9062 246.219 -246.094 362.594 -362.281v257.094h257.312c-116.344 116.312 -338.406 338.594 -362.562 362.656z" />
|
||||
<glyph glyph-name="glyph56" unicode=""
|
||||
d="M1015 550c0 -93.9375 -52.5 -174.812 -129.156 -217.531c1 -10.5625 3.1875 -20.6875 3.1875 -31.5c0 -207.156 -167.844 -375 -375 -375c-77.2812 0 -149.062 23.4375 -208.75 63.4688l-290.281 -189.438l190.281 288.562
|
||||
c-41.625 60.3125 -66.2812 133.438 -66.2812 212.406c0 207.156 167.844 375 375 375c11.7188 0 22.8438 -2.375 34.3125 -3.46875c0 -0.0625 -0.125 -0.125 -0.125 -0.1875c43 75.875 123.562 127.688 216.812 127.688c137.938 0 250 -112 250 -250zM514.031 50.9688
|
||||
c137.562 0 249.375 111.594 249.875 249.156c-22.3438 0.125 -43.7188 4.03125 -64.3438 9.65625l-98.1562 -98.1562c-48.8125 -48.8125 -127.938 -48.8125 -176.75 0s-48.8125 127.938 0 176.75l99.125 99.1875c-5.125 20.0938 -8.78125 40.7188 -8.78125 62.4375
|
||||
c0 0.5 0.125 0.96875 0.125 1.46875c0 -0.1875 -0.125 -0.375 -0.125 -0.625c-0.25 0 -0.59375 0.125 -0.96875 0.125c-137.938 0 -250 -112.125 -250 -250c0 -137.938 112.062 -250 250 -250zM765 425c68.8438 0 125 56.0938 125 125s-56.1562 125 -125 125
|
||||
s-125 -56.0938 -125 -125s56.1562 -125 125 -125z" />
|
||||
<glyph glyph-name="glyph57" unicode="⛔"
|
||||
d="M515 800c276.125 0 500 -223.875 500 -500s-223.875 -500 -500 -500s-500 223.875 -500 500s223.875 500 500 500zM515 675c-206.781 0 -375 -168.219 -375 -375c0 -80.8125 26.25 -155.281 69.9375 -216.562l521.75 521.5
|
||||
c-61.2812 43.6875 -135.75 70.0625 -216.688 70.0625zM515 -75c206.781 0 375 168.219 375 375c0 80.8125 -26.25 155.281 -69.9375 216.562l-521.75 -521.5c61.2812 -43.6875 135.75 -70.0625 216.688 -70.0625z" />
|
||||
<glyph glyph-name="glyph58" unicode=""
|
||||
d="M1015 50h-375v375l375 375v-750zM390 50h-375v375l375 375v-750z" />
|
||||
<glyph glyph-name="glyph59" unicode=""
|
||||
d="M265 175c-138.062 0 -250 111.938 -250 250s111.938 250 250 250v-500zM390 675l250 125v-750l-250 125v500zM1015 362.5h-250v125h250v-125z" />
|
||||
<glyph glyph-name="glyph60" unicode=""
|
||||
d="M1015 300c0 -276.125 -223.875 -500 -500 -500s-500 223.875 -500 500s223.875 500 500 500s500 -223.875 500 -500zM390 112.5l125 -125l125 125h-62.5v500h-125v-500h-62.5z" />
|
||||
<glyph glyph-name="glyph61" unicode=""
|
||||
d="M15 737.5c0 41.667 20.833 62.5 62.5 62.5s62.5 -20.833 62.5 -62.5s-20.833 -62.5 -62.5 -62.5s-62.5 20.833 -62.5 62.5zM265 675v125h750v-125h-750zM265 487.5c0 41.667 20.833 62.5 62.5 62.5s62.5 -20.833 62.5 -62.5s-20.833 -62.5 -62.5 -62.5
|
||||
s-62.5 20.833 -62.5 62.5zM515 425v125h500v-125h-500zM265 -12.5c0 41.667 20.833 62.5 62.5 62.5s62.5 -20.833 62.5 -62.5s-20.833 -62.5 -62.5 -62.5s-62.5 20.833 -62.5 62.5zM515 -75v125h500v-125h-500zM515 237.5c0.000976562 41.667 20.834 62.5 62.5 62.5
|
||||
c41.667 0 62.5 -20.833 62.5 -62.5s-20.833 -62.5 -62.5 -62.5s-62.5 20.833 -62.5 62.5zM765 175v125h250v-125h-250z" />
|
||||
<glyph glyph-name="glyph62" unicode=""
|
||||
d="M15 300c0 276.188 223.875 500 500.125 500c276 0 499.875 -223.812 499.875 -500c0 -276.125 -223.875 -500 -499.875 -500c-276.25 0 -500.125 223.875 -500.125 500zM765 300.969l-249.875 249.094l-249.156 -249.094h186.531v-250.969h125v250.969h187.5z" />
|
||||
<glyph glyph-name="glyph63" unicode=""
|
||||
d="M640 675h-312.5c-103.281 0 -187.5 -84.0938 -187.5 -187.5v-312.5c0 -40.7812 19.7812 -77.1562 50.1562 -100.094c45.6562 60.7812 118.312 100.094 199.844 100.094h250c137.938 0 250 112.062 250 250s-112.062 250 -250 250zM640 800v0
|
||||
c207.156 0 375 -167.969 375 -375s-167.844 -375 -375 -375h-250c-68.9688 0 -125 -55.9062 -125 -125c-137.938 0 -250 111.938 -250 250v312.5c0 172.594 139.906 312.5 312.5 312.5h312.5z" />
|
||||
<glyph glyph-name="glyph64" unicode=""
|
||||
d="M894.82 683.788c77.4014 -77.4951 120.117 -180.52 120.117 -290.138s-42.7158 -212.643 -120.117 -290.325l-94.2441 -93.9941l-88.3701 88.3691l94.2441 94.1816c53.8408 53.9658 83.4951 125.492 83.4951 201.769c0 76.1826 -29.6543 147.709 -83.4951 201.519
|
||||
c-107.649 107.899 -295.388 107.899 -403.037 0.125l-170.396 -170.396h156.959v-125.117h-374.977v375.227h124.992v-166.239l174.896 175.02c154.803 155.022 425.036 154.897 579.933 0zM503.074 -111.463l88.4443 88.3193l88.3643 -88.4883l-88.4453 -88.3203z" />
|
||||
<glyph glyph-name="glyph65" unicode="☂"
|
||||
d="M515 800c275.812 0 499.938 -224.312 499.938 -500h-125c0 25.8125 -21 46.875 -46.875 46.875c-25.625 0 -46.875 -21.0625 -46.875 -46.875h-125c0 25.8125 -20.9375 46.875 -46.8125 46.875c-25.75 0 -46.875 -21.0625 -46.875 -46.875v-312.5
|
||||
c0 -103.406 -84 -187.5 -187.5 -187.5c-103.281 0 -187.5 84.0938 -187.5 187.5h125c0 -34.4375 28.0625 -62.5 62.5 -62.5c34.5312 0 62.5 28.0625 62.5 62.5v312.5c0 25.8125 -21 46.875 -46.875 46.875c-25.75 0 -46.875 -21.0625 -46.875 -46.875h-125
|
||||
c0 25.8125 -21 46.875 -46.875 46.875c-25.75 0 -46.875 -21.0625 -46.875 -46.875h-125c0 275.688 224.375 500 500 500z" />
|
||||
<glyph glyph-name="glyph66" unicode="⚡"
|
||||
d="M1015 800l-437.5 -500l187.5 -125l-750 -375l437.5 375l-187.5 125z" />
|
||||
<glyph glyph-name="glyph67" unicode=""
|
||||
d="M1015 675h-1000v125h1000v-125zM640 425h-625v125h625v-125zM1015 50h-1000v125h1000v-125zM765 -200h-750v125h750v-125zM1015 -137.5c0 -34.5312 -28.0625 -62.5 -62.5 -62.5c-34.6562 0 -62.625 27.9688 -62.625 62.5s27.9688 62.5 62.625 62.5
|
||||
c34.4375 0 62.5 -27.9688 62.5 -62.5z" />
|
||||
<glyph glyph-name="glyph68" unicode=""
|
||||
d="M1015 675h-1000v125h1000v-125zM640 425h-625v125h625v-125zM1015 172.312h-1000v125h1000v-125zM15 -137.5c0 41.667 20.833 62.5 62.5 62.5s62.5 -20.833 62.5 -62.5s-20.833 -62.5 -62.5 -62.5s-62.5 20.833 -62.5 62.5zM390 -137.5c0 -17 -6.16699 -31.667 -18.5 -44
|
||||
s-27 -18.5 -44 -18.5c-17.3223 0 -32.0898 6.09863 -44.3037 18.2959s-18.3213 26.9316 -18.3213 44.2041s6.10742 32.0068 18.3213 44.2041s26.9824 18.2959 44.3037 18.2959c17 0 31.667 -6.16699 44 -18.5s18.5 -27 18.5 -44zM515 -137.5
|
||||
c0.000976562 41.667 20.834 62.5 62.5 62.5c41.667 0 62.5 -20.833 62.5 -62.5s-20.833 -62.5 -62.5 -62.5s-62.5 20.833 -62.5 62.5z" />
|
||||
<glyph glyph-name="glyph69" unicode="" horiz-adv-x="530"
|
||||
d="M452.5 800c34.5312 0 62.5 -27.9688 62.5 -62.5v-687.5c0 -138.062 -111.938 -250 -250 -250s-250 111.938 -250 250v687.5c0 34.5312 27.9688 62.5 62.5 62.5h375zM327.5 50c34.5312 0 62.5 27.9688 62.5 62.5s-27.9688 62.5 -62.5 62.5s-62.5 -27.9688 -62.5 -62.5
|
||||
s27.9688 -62.5 62.5 -62.5zM390 300v375h-250v-375h62.7812c0.46875 34.5312 28.5625 62.5 63.2188 62.5s62.7188 -27.9688 63.2188 -62.5h60.7812z" />
|
||||
<glyph glyph-name="glyph70" unicode="" horiz-adv-x="530"
|
||||
d="M265.969 518.75c0 20.1875 10.0938 30.2812 30.2812 30.2812s30.2812 -10.0938 30.2812 -30.2812s-10.0938 -30.2812 -30.2812 -30.2812s-30.2812 10.0938 -30.2812 30.2812zM452.5 800c17 0 31.667 -6.16699 44 -18.5s18.5 -27 18.5 -44v-687.5
|
||||
c0 -69.333 -24.333 -128.333 -73 -177s-107.667 -73 -177 -73s-128.333 24.333 -177 73s-73 107.667 -73 177v687.5c0 17 6.16699 31.667 18.5 44s27 18.5 44 18.5h375zM172.219 175c8.35938 0 15.4961 2.95703 21.4102 8.87109s8.87109 13.0508 8.87109 21.4102
|
||||
s-2.95703 15.4961 -8.87109 21.4102s-13.0508 8.87109 -21.4102 8.87109s-15.4961 -2.95703 -21.4102 -8.87109s-8.87109 -13.0508 -8.87109 -21.4102s2.95703 -15.4961 8.87109 -21.4102s13.0508 -8.87109 21.4102 -8.87109zM327.5 50c17 0 31.667 6.16699 44 18.5
|
||||
s18.5 27 18.5 44s-6.16699 31.667 -18.5 44s-27 18.5 -44 18.5s-31.667 -6.16699 -44 -18.5s-18.5 -27 -18.5 -44s6.16699 -31.667 18.5 -44s27 -18.5 44 -18.5zM390 300v375h-250v-375h62.7812c0.234375 17.2881 6.50391 32.0273 18.8066 44.2158
|
||||
c12.3027 12.1895 27.1064 18.2842 44.4121 18.2842c17.3018 0 32.1016 -6.09375 44.3984 -18.2812c12.2988 -12.1875 18.5723 -26.9268 18.8203 -44.2188h60.7812z" />
|
||||
<glyph glyph-name="glyph71" unicode=""
|
||||
d="M1015 675v-250h-125v-62.5c0 -34.4375 -28.0625 -62.5 -62.5 -62.5h-750c-34.4375 0 -62.5 28.0625 -62.5 62.5v375c0 34.3125 28.0625 62.5 62.5 62.5h750c34.4375 0 62.5 -28.1875 62.5 -62.5v-62.5h125z" />
|
||||
<glyph glyph-name="glyph72" unicode="→"
|
||||
d="M515.5 800l499.5 -500l-499.5 -500l-177.25 177.281l197.375 197.375h-520.625v250.844h520.625l-197.25 197.25z" />
|
||||
<glyph glyph-name="glyph73" unicode=""
|
||||
d="M1015 800v-750h-250v-250h-750v750h250v250h750zM640 -75v125h-375v250h-125v-375h500zM890 175v375h-500v-375h500z" />
|
||||
<glyph glyph-name="glyph74" unicode="➕"
|
||||
d="M1015 425v-250h-375v-375h-250v375h-375v250h375v375h250v-375h375z" />
|
||||
<glyph glyph-name="glyph75" unicode="⚙"
|
||||
d="M1015 238.469l-149.438 -63.7188c-4.15625 -11.5938 -8.4375 -22.9688 -13.6875 -34.1875l61.5312 -149.156l-88.375 -88.375l-149.906 60.0625c-11.2188 -5.375 -22.9375 -10 -34.7812 -14.4062l-61.875 -148.688h-125l-63.2188 147.938
|
||||
c-12.4375 4.28125 -24.5312 8.78125 -36.375 14.4062l-147.594 -60.7812l-88.375 88.375l59.4375 148.188c-5.84375 12.0938 -10.7188 24.4375 -15.25 37.125l-147.094 61.2812v125l146.969 62.8438c4.53125 12.7188 9.28125 25.0312 15.1562 37.125l-60.5625 147.219
|
||||
l88.375 88.375l148.562 -59.6875c11.8438 5.625 23.8125 10.25 36.25 14.6562l61.7812 147.938h125l63.3438 -148.438c11.9688 -4.28125 23.5625 -8.90625 34.9062 -14.4062l148.812 61.2812l88.4062 -88.375l-60.3125 -150.156
|
||||
c5.375 -11.125 9.75 -22.4688 13.9062 -34.1875l149.406 -62.25v-125zM514.031 112.5c103.5 0 187.5 84 187.5 187.5s-84 187.5 -187.5 187.5s-187.5 -84 -187.5 -187.5s84 -187.5 187.5 -187.5z" />
|
||||
<glyph glyph-name="glyph76" unicode="⚿"
|
||||
d="M702.5 675c-103.406 0 -187.5 -84.0938 -187.5 -187.5c0 -9.75 1.15625 -20.5 3.65625 -33.9375l11.9688 -64.6875l-46.5 -46.5l-344.125 -344.125v-73.25h125v125h125v125h125v51.75l36.625 36.625l5.75 5.75l46.5 46.5l64.6875 -11.9688
|
||||
c13.4375 -2.4375 24.1875 -3.65625 33.9375 -3.65625c103.406 0 187.5 84.0938 187.5 187.5s-84.0938 187.5 -187.5 187.5zM702.5 800v0c172.594 0 312.5 -139.906 312.5 -312.5s-139.906 -312.5 -312.5 -312.5c-19.5312 0 -38.3438 2.3125 -56.75 5.75l-5.75 -5.75v-125
|
||||
h-125v-125h-125v-125h-375v250l380.75 380.75c-3.4375 18.4062 -5.75 37.2188 -5.75 56.75c0 172.594 139.906 312.5 312.5 312.5zM640.25 487.5c0 41.667 20.833 62.5 62.5 62.5s62.5 -20.833 62.5 -62.5s-20.833 -62.5 -62.5 -62.5s-62.5 20.833 -62.5 62.5z" />
|
||||
<glyph glyph-name="glyph77" unicode=""
|
||||
d="M1015 -200l-750 500l750 500v-1000zM15 -75v750h250v-750h-250z" />
|
||||
<glyph glyph-name="glyph78" unicode=""
|
||||
d="M515.095 675c-193.719 0 -313.344 -51.75 -355.562 -153.688c-36.25 -87.2812 -17.4688 -195.938 11.8438 -276.25c70.6875 48.8438 134.281 54.9375 281.25 54.9375h414.062c12.2188 37.3438 23.3125 83 23.3125 125c0 120.969 -28.9375 250 -374.906 250zM515.095 800
|
||||
v0c250 0 499.906 -62.5 499.906 -375c0 -125 -64.4688 -250 -64.4688 -250h-497.938c-187.375 0 -187.375 0 -312.375 -125c-124.875 125 -324.219 750 374.875 750z" />
|
||||
<glyph glyph-name="glyph79" unicode=""
|
||||
d="M1015 675v-125h-125v-562.5c0 -103.5 -84 -187.5 -187.5 -187.5h-375c-103.5 0 -187.5 84 -187.5 187.5v562.5h-125v125h125h125c0 69.0938 55.9062 125 125 125h250c69.0938 0 125 -55.9062 125 -125h125h125zM765 -12.5v562.5h-500v-562.5
|
||||
c0 -34.4375 28.0625 -62.5 62.5 -62.5h375c34.4375 0 62.5 28.0625 62.5 62.5zM327.5 112.5c0 41.667 20.833 62.5 62.5 62.5s62.5 -20.833 62.5 -62.5s-20.833 -62.5 -62.5 -62.5s-62.5 20.833 -62.5 62.5zM327.5 362.5c0 41.667 20.833 62.5 62.5 62.5
|
||||
s62.5 -20.833 62.5 -62.5s-20.833 -62.5 -62.5 -62.5s-62.5 20.833 -62.5 62.5zM577.5 112.5c0 41.667 20.833 62.5 62.5 62.5s62.5 -20.833 62.5 -62.5s-20.833 -62.5 -62.5 -62.5s-62.5 20.833 -62.5 62.5zM577.5 362.5c0 41.667 20.833 62.5 62.5 62.5
|
||||
s62.5 -20.833 62.5 -62.5s-20.833 -62.5 -62.5 -62.5s-62.5 20.833 -62.5 62.5z" />
|
||||
<glyph glyph-name="glyph80" unicode=""
|
||||
d="M265 50v250l125 125l125 -125l250 250l250 -250v-250h-750zM140 -75h875l-125 -125h-750h-125v125v750l125 125v-875z" />
|
||||
<glyph glyph-name="glyph81" unicode=""
|
||||
d="M826.781 418.344c101.312 -19.5938 188.219 -90.4375 188.219 -243.344c0 -179.688 -125 -250 -249.875 -250h-125.125c-69.0938 0 -125 -55.9062 -125 -125c-138.062 0 -249.875 111.938 -249.875 250v125c0 22.4688 2.1875 43.1562 6.21875 62.5h118.656
|
||||
c3.90625 0 7.5625 -1.59375 11.2188 -2.25c-6.8125 -16.0625 -11.2188 -35.5938 -11.2188 -60.25v-125c0 -40.7812 19.7812 -77.1562 50.0625 -100.094c45.625 60.7812 118.531 100.094 199.938 100.094h125.125c124.875 0 124.875 94 124.875 125
|
||||
c0 33.4375 -0.71875 106.812 -90.8125 121.812c17.0938 37.3125 26.75 78.1875 27.5938 121.531zM515 675h-249.875c-125.125 0 -125.125 -87.6562 -125.125 -125c0 -30.9375 0 -125 125.125 -125h124.875c81.5312 0 154.312 -39.375 199.938 -100.031
|
||||
c30.2812 22.8125 50.0625 59.125 50.0625 100.031v125c0 108.75 -78.375 125 -125 125zM515 800v0c125 0 250.125 -77.4688 250.125 -250v-125c0 -138.062 -112.062 -250 -250.125 -250c0 68.9688 -55.9062 125 -125 125h-124.875c-125.125 0 -250.125 70.3125 -250.125 250
|
||||
c0 183.594 125 250 250.125 250h249.875z" />
|
||||
<glyph glyph-name="glyph82" unicode=""
|
||||
d="M515 800c276.125 0 500 -223.875 500 -500s-223.875 -500 -500 -500s-500 223.875 -500 500s223.875 500 500 500zM515.969 177.062c68.625 0 124.031 55.4375 124.031 123.906c0 68.625 -55.4062 124.031 -124.031 124.031
|
||||
c-68.375 0 -123.906 -55.4375 -123.906 -124.031c0 -68.5 55.5312 -123.906 123.906 -123.906z" />
|
||||
<glyph glyph-name="glyph83" unicode="❞"
|
||||
d="M15 800h375v-375c0 -206.781 -168.219 -375 -375 -375v125c137.938 0 250 112.188 250 250h-250v375zM640 800h375v-375c0 -206.781 -168.219 -375 -375 -375v125c137.938 0 250 112.188 250 250h-250v375z" />
|
||||
<glyph glyph-name="glyph84" unicode=""
|
||||
d="M514.875 133.375h0.125c0 -184.094 -149.281 -333.375 -333.375 -333.375c-60.5312 0 -117.188 16.125 -166.125 44.1875l-0.5 0.625c99.5 57.5938 166.5 165.156 166.625 288.438l-0.125 0.125c0 92.0312 74.5938 166.625 166.625 166.625
|
||||
s166.75 -74.5938 166.75 -166.625zM978.312 763.375c48.8438 -48.8125 48.8438 -127.938 0 -176.75l-356.25 -356.312c-29.2812 82.5 -94.2188 147.469 -176.75 176.875l356.25 356.188c48.8125 48.8125 127.938 48.8125 176.75 0z" />
|
||||
<glyph glyph-name="glyph85" unicode="☁"
|
||||
d="M765 675c137.812 0 250 -112.125 250 -250c0 -137.938 -112.188 -250 -250 -250h-500c-137.812 0 -250 112.062 -250 250c0 137.875 112.188 250 250 250c11.0938 0 22.0938 -1.65625 33.0938 -3.125c42.9688 76.0625 123.531 128.125 216.906 128.125
|
||||
c91.4375 0 172 -51.4375 215.562 -128.469c11.375 1.5625 22.5938 3.46875 34.4375 3.46875zM765 300c68.9688 0 125 56.1562 125 125c0 68.9062 -56.0312 125 -125 125s-125 -56.0938 -125 -125h-125c0 81.4062 39.6875 153.125 99.9688 198.781
|
||||
c-22.9375 31.1875 -59.5625 51.2188 -99.9688 51.2188c-68.9688 0 -125 -56.0938 -125 -125c0 -15.0625 2.5625 -29.7812 7.8125 -43.6562l-117.062 -43.8125c-10.25 27.3438 -15.375 56.2812 -15.625 85.75c-64.4688 -1.875 -125.125 -54.75 -125.125 -123.281
|
||||
c0 -68.8438 56.0312 -125 125 -125h500z" />
|
||||
<glyph glyph-name="glyph86" unicode=""
|
||||
d="M515 800c276.125 0 500 -370.125 500 -370.125s-223.875 -379.875 -500 -379.875s-500 379.875 -500 379.875s223.875 370.125 500 370.125zM515 175c138.062 0 250 111.938 250 250s-111.938 250 -250 250s-250 -111.938 -250 -250s111.938 -250 250 -250zM390 424.5
|
||||
c0 83.333 41.667 125 125 125s125 -41.667 125 -125s-41.667 -125 -125 -125s-125 41.667 -125 125z" />
|
||||
<glyph glyph-name="glyph87" unicode=""
|
||||
d="M515 800c276.125 0 500 -223.875 500 -500s-223.875 -500 -500 -500s-500 223.875 -500 500s223.875 500 500 500zM327.5 50l500.25 250l-500.25 250v-500z" />
|
||||
<glyph glyph-name="glyph88" unicode=""
|
||||
d="M1015 174.961h-750.234v-125.008l-249.766 187.512l249.766 187.512v-125.008h750.234v-125.008zM15 549.984v125.008h749.984v125.008l250.016 -187.512l-250.016 -187.512v125.008h-749.984z" />
|
||||
<glyph glyph-name="glyph89" unicode=""
|
||||
d="M978.345 763.376c48.8428 -48.8105 48.8428 -127.934 0 -176.744l-472.642 -472.798c-10.9678 41.249 -31.499 80.5596 -63.7168 112.777c-31.7178 31.749 -70.7783 52.9678 -113.027 63.9668l472.642 472.798c48.8105 48.8115 127.934 48.8115 176.744 0z
|
||||
M353.614 -38.5049l-338.614 -161.495l161.87 338.239c48.8105 48.8115 127.934 48.8115 176.744 0c48.8115 -48.8105 48.8115 -127.934 0 -176.744z" />
|
||||
<glyph glyph-name="glyph90" unicode=""
|
||||
d="M515 175c0 83.333 41.667 125 125 125s125 -41.667 125 -125s-41.667 -125 -125 -125s-125 41.667 -125 125zM890 550c34.667 0 64.167 -12.167 88.5 -36.5s36.5 -53.833 36.5 -88.5v-625h-1000v625c0 34.667 12.167 64.167 36.5 88.5s53.833 36.5 88.5 36.5h250.125
|
||||
l106.625 206.719c4.08496 12.7148 11.5781 23.1064 22.4785 31.1768c10.9023 8.06934 23.2432 12.1045 37.0215 12.1045h171.625c13.6172 0 25.8428 -3.94238 36.6758 -11.8262c10.834 -7.88477 18.3896 -18.0781 22.668 -30.5801zM202.5 300c17 0 31.667 6.16699 44 18.5
|
||||
s18.5 27 18.5 44s-6.16699 31.667 -18.5 44s-27 18.5 -44 18.5s-31.667 -6.16699 -44 -18.5c-12.334 -12.333 -18.5 -27 -18.5 -44s6.16699 -31.667 18.5 -44s27 -18.5 44 -18.5zM640 -75c69.333 0 128.333 24.333 177 73s73 107.667 73 177s-24.333 128.333 -73 177
|
||||
s-107.667 73 -177 73s-128.333 -24.333 -177 -73s-73 -107.667 -73 -177s24.333 -128.333 73 -177s107.667 -73 177 -73z" />
|
||||
<glyph glyph-name="glyph91" unicode=""
|
||||
d="M1015 300c0 -276.125 -223.875 -500 -500 -500s-500 223.875 -500 500s223.875 500 500 500s500 -223.875 500 -500zM327.5 237.5h375v-62.5l125 125l-125 125v-62.5h-375v62.5l-125 -125l125 -125v62.5z" />
|
||||
<glyph glyph-name="glyph92" unicode="⤵"
|
||||
d="M890 362.5v-62.5h125l-250 -250l-250 250h125v62.5c0 172.594 -139.906 312.5 -312.5 312.5s-312.5 -139.906 -312.5 -312.5c0 241.562 195.938 437.5 437.5 437.5s437.5 -195.938 437.5 -437.5z" />
|
||||
<glyph glyph-name="glyph93" unicode=""
|
||||
d="M327.5 612.5l62.5 -62.5h-187.5v-125l-187.5 187.5l187.5 187.5v-125h187.5zM700.562 612.5l-60.5625 62.5h187.5v125l187.5 -187.5l-187.5 -187.5v125h-187.5z" />
|
||||
<glyph glyph-name="glyph94" unicode=""
|
||||
d="M676.625 363.125l-252.625 427.719c29.5938 5.4375 59.8125 9.15625 91 9.15625c131.594 0 250.25 -51.8125 339.469 -134.875zM638.531 175l260.125 442.031c71.6562 -86.5 116.344 -196 116.344 -317.031c0 -43.4688 -7.3125 -84.8438 -17.7188 -125h-358.75z
|
||||
M530.625 487.5h-478.5c55.1562 136.062 168.875 240.406 309.5 286zM503.531 112.5h474.375c-54.6875 -134.875 -166.875 -238.531 -305.906 -284.906zM393.281 425l-260.906 -443.375c-72.2188 86.8125 -117.375 196.781 -117.375 318.375
|
||||
c0 43.4688 7.25 84.8438 17.6875 125h360.594zM356.188 238.719l253.781 -429.188c-30.75 -5.875 -62.4375 -9.53125 -94.9688 -9.53125c-130.969 0 -249.156 51.5 -338.312 133.781z" />
|
||||
<glyph glyph-name="glyph95" unicode="" horiz-adv-x="887"
|
||||
d="M729.286 228.571h142.856c0 -236.607 -191.964 -428.571 -428.571 -428.571s-428.571 191.964 -428.571 428.571s191.964 428.571 428.571 428.571h143.679v142.857l214.714 -214.286l-214.714 -215v142.036l-143.679 1.53613
|
||||
c-157.643 0 -285.714 -128.072 -285.714 -285.715s128.071 -285.714 285.714 -285.714s285.715 128.071 285.715 285.714z" />
|
||||
<glyph glyph-name="glyph96" unicode=""
|
||||
d="M369.25 183.188c9.15625 -10.25 18.6875 -19.7812 28.6875 -28.8125c-57.875 -57.875 -137.938 -137.969 -177.625 -177.75c-13.5625 13.6875 -15.375 15.375 -28.8125 28.8125c39.8125 39.6875 119.781 119.875 177.75 177.75zM644.156 800
|
||||
c204.469 0 370.844 -166.25 370.812 -370.75c0 -204.344 -166.375 -370.594 -370.844 -370.594c-48.8125 0 -95.2188 10 -137.938 27.3438l-285.875 -286l-205.312 205.438l285.75 285.781c-17.2188 42.7188 -27.2188 89.125 -27.2188 138.062
|
||||
c0 204.469 166.281 370.719 370.625 370.719zM644.156 183.531c135.625 0 245.969 110.375 245.969 245.719c0 135.5 -110.344 245.844 -245.969 245.844c-135.375 0 -245.719 -110.344 -245.719 -245.844c0 -135.375 110.344 -245.719 245.719 -245.719z" />
|
||||
<glyph glyph-name="glyph97" unicode="" horiz-adv-x="780"
|
||||
d="M515 800c138.062 0 250 -111.938 250 -250v-500c0 -138.062 -111.938 -250 -250 -250h-250c-138.062 0 -250 111.938 -250 250v500c0 138.062 111.938 250 250 250h250zM390 -139.438c35.5938 0 64.4375 28.8125 64.4375 64.4375s-28.875 64.4375 -64.4375 64.4375
|
||||
s-64.4375 -28.8125 -64.4375 -64.4375s28.8438 -64.4375 64.4375 -64.4375zM640 50v500c0 68.8438 -56.1562 125 -125 125h-250c-68.9062 0 -125 -56.1562 -125 -125v-500h500z" />
|
||||
<glyph glyph-name="glyph98" unicode="" horiz-adv-x="905"
|
||||
d="M640 800h125v-121.094c0 -83.5 -32.4688 -161.875 -91.5625 -220.938l-353.625 -351.562c-32.0938 -32.25 -50.1875 -73.9688 -53.4688 -118.906h123.656l-187.5 -187.5l-187.5 187.5h126.469c3.40625 78.25 34.1875 151.5 90.0938 207.281l353.625 351.688
|
||||
c35.2812 35.2812 54.8125 82.375 54.8125 132.438v121.094zM763.531 -12.5h126.469l-187.5 -187.5l-187.5 187.5h123.656c-3.3125 44.9375 -21.375 86.8125 -53.5938 118.906l-70.0625 69.6875l88.625 88.1562l69.6875 -69.2188
|
||||
c55.9062 -56.0312 86.8125 -129.281 90.2188 -207.531z" />
|
||||
<glyph glyph-name="glyph99" unicode=""
|
||||
d="M15 -200v625h1000v-625h-1000zM577.5 550v250h312.5l125 -250h-437.5zM452.5 800v-250h-437.5l125 250h312.5z" />
|
||||
<glyph glyph-name="glyph100" unicode="" horiz-adv-x="905"
|
||||
d="M765 -200v1000h125v-1000h-125zM515 -200v750h125v-750h-125zM265 -200v500h125v-500h-125zM15 -200v250h125v-250h-125z" />
|
||||
<glyph glyph-name="glyph101" unicode="❤"
|
||||
d="M737.281 675c-62.9688 0 -120.469 -67.625 -120.469 -67.625l-101.812 -108.156l-101.812 108.156s-57.4688 67.625 -120.469 67.625c-76.7812 0 -140.375 -56.875 -151.125 -130.875l373.531 -428.688l373.281 428.688c-10.75 74 -74.3438 130.875 -151.125 130.875z
|
||||
M737.281 800v0c153.219 0 277.719 -124.75 277.719 -277.844v-22.9375l-499.75 -574.219l-500.25 574.219v22.9375c0 153.094 124.5 277.844 277.719 277.844c93.25 0 171.875 -49.3125 222.281 -120.125c50.4062 70.8125 129.031 120.125 222.281 120.125z" />
|
||||
<glyph glyph-name="glyph102" unicode=""
|
||||
d="M265 175c-138.062 0 -250 111.938 -250 250s111.938 250 250 250v-500zM390 675l250 125v-750l-250 125v500zM765.125 175.125v125c10.375 0 20.875 1.34375 31.375 3.90625c54.8125 13.9062 93.5 63.7188 93.5 120.969s-38.6875 106.938 -94.125 120.969
|
||||
c-9.875 2.4375 -20.375 3.78125 -30.75 3.78125v125c20.5 0 41 -2.5625 61.1562 -7.4375c111.219 -28.3125 188.719 -127.812 188.719 -242.312c0 -114.625 -77.5 -214.219 -188.344 -242.312c-20.75 -5 -41.2812 -7.5625 -61.5312 -7.5625v0z" />
|
||||
<glyph glyph-name="glyph103" unicode="✔"
|
||||
d="M515 800c276.125 0 500 -223.875 500 -500s-223.875 -500 -500 -500s-500 223.875 -500 500s223.875 500 500 500zM762.312 141.062l-158.938 158.938l158.938 158.938l-88.375 88.375l-158.938 -158.938l-158.938 158.938l-88.375 -88.375l158.938 -158.938
|
||||
l-158.938 -158.938l88.375 -88.375l158.938 158.938l158.938 -158.938z" />
|
||||
<glyph glyph-name="glyph104" unicode=""
|
||||
d="M996.648 781.688c24.4062 -24.4062 24.4062 -63.9688 -0.03125 -88.375l-127.562 -127.312c80.3438 -121.219 67.1562 -286.375 -39.7812 -393.188l-187.125 -187.5c-61.0312 -61.0312 -140.969 -91.5625 -220.938 -91.5625c-60.0625 0 -120.25 17.2188 -172.375 51.875
|
||||
l-127.188 -127.312c-12.2188 -12.2188 -28.1875 -18.3125 -44.1875 -18.3125s-31.9688 6.09375 -44.1562 18.3125c-24.4062 24.4062 -24.4062 63.9688 0 88.375l127.188 127.312c-80.3438 121.219 -67.1562 286.375 39.7812 393.188l187.5 187.5
|
||||
c61.0312 61.0312 140.969 91.5625 220.938 91.5625c60.0625 0 119.875 -17.2188 172 -51.875l127.188 127.312c24.4062 24.4062 64.3438 24.4062 88.75 0zM795.836 393.75c0 28.4375 -6.8125 55.5312 -18.8125 80.3125l-94.9688 -95.2188
|
||||
c-12.1875 -12.2188 -28.1875 -18.3125 -44.0625 -18.3125c-16 0 -31.9688 6.09375 -44.1875 18.3125c-24.4062 24.4062 -24.4062 63.9688 0 88.375l95.0938 95.2188c-24.875 11.8438 -51.875 18.8125 -80.1875 18.8125c-50.0625 0 -97.1562 -19.5312 -132.562 -54.9375
|
||||
l-187.5 -187.5c-35.4062 -35.4062 -54.9375 -82.5 -54.9375 -132.562c0 -28.4375 6.84375 -55.5312 18.8125 -80.3125l93.25 93.25c24.4062 24.4062 63.9688 24.4062 88.375 0s24.4062 -63.9688 0 -88.375l-93.25 -93.25c24.9062 -11.8438 52 -18.8125 80.3125 -18.8125
|
||||
c50.0625 0 97.1562 19.5312 132.562 54.9375l187.125 187.5c35.4062 35.4062 54.9375 82.5 54.9375 132.562z" />
|
||||
<glyph glyph-name="glyph105" unicode="☾"
|
||||
d="M199.219 514.125c-37.7188 -59.7188 -59.2188 -129.719 -59.2188 -203.062c0 -212.969 173.094 -386.062 386 -386.031c73.375 0 143.438 21.4688 203.125 59.3125c-279.906 26.375 -503.406 249.812 -529.906 529.781zM385.125 800v0
|
||||
c-39.3125 -68.0625 -63.5 -145.938 -63.4688 -230.156c0 -255.719 207.25 -463.188 463.125 -463.188c84.2188 0 162.094 24.1562 230.219 63.4688c-61.5 -213.156 -255.969 -370.125 -489 -370.125c-282.25 0 -511 228.75 -511 511.062
|
||||
c0 233.031 156.875 427.406 370.125 488.938z" />
|
||||
<glyph glyph-name="glyph106" unicode=""
|
||||
d="M941.719 372.375l-18.4375 -18.4375l89.9688 -89.9062l-88.25 -88.125l-89.8438 89.9062l-465.656 -465.812h-231.688l-122.812 124.75v226.5l467.312 467.594l-93.0312 92.9688l88.125 88.1875l92.9375 -93.0312l18.4375 18.4375
|
||||
c48.6875 48.7188 112.656 73.125 176.438 73.125c63.8438 0 127.781 -24.4062 176.5 -73.125c97.5312 -97.4062 97.5312 -255.562 0 -353.031zM337.5 -55.2188l409.406 409.406l-176.344 176.219l-403.719 -403.844c43.4688 -1.46875 86.6562 -17.7188 119.75 -50.9062
|
||||
c36 -36.0312 52.375 -83.5 50.9062 -130.875z" />
|
||||
<glyph glyph-name="glyph107" unicode="" horiz-adv-x="905"
|
||||
d="M761.344 609.812c83 -82.75 128.656 -192.75 128.656 -309.812c0 -241.219 -196.281 -437.5 -437.5 -437.5v-62.5l-125 125l125 125v-62.5c172.375 0 312.5 140.125 312.5 312.5c0 83.625 -32.7188 162.219 -91.7812 221.312zM577.5 675l-125 -125v62.5
|
||||
c-172.375 0 -312.5 -140.125 -312.5 -312.5c0 -83.625 32.7188 -162.219 91.7812 -221.312l-88.125 -88.5c-83 82.75 -128.656 192.75 -128.656 309.812c0 241.219 196.281 437.5 437.5 437.5v62.5z" />
|
||||
<glyph glyph-name="glyph108" unicode=""
|
||||
d="M15 -75c0 83.3545 41.6768 125.031 125.031 125.031s125.031 -41.6768 125.031 -125.031s-41.6768 -125.031 -125.031 -125.031s-125.031 41.6768 -125.031 125.031zM203.219 174.875v125.125c86.1514 0 159.783 -30.5771 220.895 -91.7305
|
||||
c61.1123 -61.1543 91.668 -134.827 91.668 -221.02h-125.062c0 51.7588 -18.3223 95.9697 -54.9678 132.632s-80.8223 54.9932 -132.532 54.9932zM202.375 425v125c76.1846 0 149.002 -14.8789 218.452 -44.6367c69.4512 -29.7578 129.301 -69.7666 179.549 -120.026
|
||||
c50.249 -50.2607 90.249 -110.123 119.998 -179.589c29.751 -69.4658 44.626 -142.298 44.626 -218.498h-125c0 59.2617 -11.5752 115.91 -34.7256 169.946c-23.1504 54.0371 -54.2705 100.604 -93.3623 139.701c-39.0908 39.0977 -85.6445 70.2227 -139.662 93.374
|
||||
c-54.0166 23.1523 -110.642 34.7285 -169.875 34.7285zM202.375 675v125c110.043 0 215.219 -21.4854 315.528 -64.4551s186.752 -100.746 259.328 -173.328c72.5762 -72.583 130.349 -159.038 173.316 -259.367s64.4521 -205.528 64.4521 -315.6h-125
|
||||
c0 93.1348 -18.1807 182.15 -54.543 267.049s-85.251 158.058 -146.665 219.479c-61.415 61.4199 -134.562 110.312 -219.439 146.677c-84.8789 36.3643 -173.871 54.5459 -266.978 54.5459z" />
|
||||
<glyph glyph-name="glyph109" unicode="ℹ" horiz-adv-x="530"
|
||||
d="M77.5 300h-62.5v125h375l0.25 -437.5c0 -34.5312 28.0625 -62.5 62.5 -62.5h62.25v-125h-500v125h62.5c34.5312 0 62.5 27.9688 62.5 62.5v250c0 34.5312 -27.9688 62.5 -62.5 62.5zM140 675c0 83.333 41.667 125 125 125s125 -41.667 125 -125s-41.667 -125 -125 -125
|
||||
s-125 41.667 -125 125z" />
|
||||
<glyph glyph-name="glyph110" unicode=""
|
||||
d="M578.219 363.281v180.906c88.625 -22.875 157.969 -92.2812 180.906 -180.906h-180.906zM578.219 236.719h180.906c-22.9375 -88.5625 -92.2812 -158.031 -180.906 -180.844v180.844zM451.656 363.281h-180.906c22.8125 88.625 92.2812 158.031 180.906 180.906v-180.906
|
||||
zM451.656 236.719v-180.844c-88.625 22.8125 -158.094 92.2812 -180.906 180.844h180.906zM578.219 673.344v126.656c228.531 -28.875 407.844 -208.25 436.781 -436.719h-126.719c-26.875 158.562 -151.5 283.219 -310.062 310.062zM141.594 363.281h-126.594
|
||||
c28.8125 228.469 208.25 407.844 436.656 436.719v-126.656c-158.594 -26.8438 -283.219 -151.469 -310.062 -310.062zM451.656 -73.2812v-126.719c-228.406 28.8125 -407.844 208.25 -436.656 436.719h126.594c26.875 -158.625 151.5 -283.156 310.062 -310z
|
||||
M888.281 236.719h126.719c-28.9375 -228.469 -208.25 -407.906 -436.781 -436.719v126.719c158.562 26.8438 283.219 151.375 310.062 310z" />
|
||||
<glyph glyph-name="glyph111" unicode=""
|
||||
d="M1015 -75l-125 -125l-437.5 437.625l-187.5 -187.5l-250 749.875l750 -250l-187.5 -187.5z" />
|
||||
<glyph glyph-name="glyph112" unicode="➖"
|
||||
d="M15 550v250h1000v-250h-1000z" />
|
||||
<glyph glyph-name="glyph113" unicode=""
|
||||
d="M389.625 424.031v125.969h249.75v-125.969h-249.75zM889.156 548.531l124.875 -125h-124.875v-623.531h-749.281c-68.9688 0 -124.875 55.9062 -124.875 125v750c0 69.0938 55.9062 125 124.875 125h749.281v-125.5h125.844zM764.281 -75h-0.03125v750h-499.5v-750
|
||||
h499.531z" />
|
||||
<glyph glyph-name="glyph114" unicode=""
|
||||
d="M952.5 300c34.5312 0 62.5 -27.9688 62.5 -62.5v-250c0 -34.5312 -27.9688 -62.5 -62.5 -62.5h-187.5v375v125c0 137.938 -112.062 250 -250 250s-250 -112.062 -250 -250v-125v-375h-187.5c-34.5312 0 -62.5 27.9688 -62.5 62.5v250c0 34.5312 27.9688 62.5 62.5 62.5
|
||||
h62.5v125c0 207.031 167.969 375 375 375s375 -167.969 375 -375v-125h62.5z" />
|
||||
<glyph glyph-name="numbersign" unicode="#" horiz-adv-x="905"
|
||||
d="M890 425h-172l-31.125 -250h203.125v-125h-218.75l-31.25 -250h-125.062l31.25 250h-249.938l-31.25 -250h-125l31.25 250h-156.25v125h171.875l31.1875 250h-203.062v125h218.688l31.25 250h125l-31.25 -250h249.938l31.25 250h125l-31.25 -250h156.375v-125z
|
||||
M561.812 175l31.1875 250h-249.938l-31.1875 -250h249.938z" />
|
||||
<glyph glyph-name="glyph116" unicode=""
|
||||
d="M515 -200c-276.125 0 -500 223.875 -500 499.938c0 276.188 223.875 500.062 500 500.062s500 -223.875 500 -500.062c0 -276.062 -223.875 -499.938 -500 -499.938zM514.031 550l-249.031 -250.062l249.031 -248.969v186.531h250.969v124.938h-250.969v187.562z" />
|
||||
<glyph glyph-name="glyph117" unicode=""
|
||||
d="M515 -200c-276.125 0 -500 223.875 -500 500s223.875 500 500 500s500 -223.875 500 -500s-223.875 -500 -500 -500zM327.5 425l-125 -125l125 -125v62.5h500v125h-500v62.5z" />
|
||||
<glyph glyph-name="glyph118" unicode=""
|
||||
d="M783.312 -56.6875l-143.312 -143.312v375h375l-143.312 -143.312l143.312 -143.312l-88.375 -88.375zM15 425l143.312 143.312l-141.844 141.969l88.375 88.375l141.844 -141.969l143.312 143.312v-375h-375zM15 -111.625l143.312 143.312l-143.312 143.312h375v-375
|
||||
l-143.312 143.312l-143.312 -143.312zM640 425v375l143.312 -143.312l142.094 141.969l88.375 -88.375l-142.094 -141.969l143.312 -143.312h-375z" />
|
||||
<glyph glyph-name="glyph119" unicode=""
|
||||
d="M889.938 50c69.0938 0 125 -56.0312 125 -125s-55.9062 -125 -125 -125s-125 56.0312 -125 125c0 15.75 3.65625 30.5312 9.03125 44.4375l-189.281 135.125c-33.9062 -33.6875 -80.6875 -54.5625 -132.188 -54.5625c-103.5 0 -187.5 84 -187.5 187.5
|
||||
c0 9.75 1.46875 19.1562 2.9375 28.5625l-149.656 49.9375c-11 -9.65625 -25.0312 -16 -40.7812 -16c-34.5312 0 -62.5 27.9688 -62.5 62.5s27.9688 62.5 62.5 62.5c29.9062 0 53.7188 -21.375 59.8125 -49.4375l150.5 -50.2812
|
||||
c31.625 59.0625 93.1562 99.7188 164.688 99.7188c40.5312 0 77.625 -13.0625 108.406 -35.0312l222.844 223.031c-10.75 18.5312 -18.8125 38.9375 -18.8125 62c0 69.0938 55.9062 125 125 125s125 -55.9062 125 -125s-55.9062 -125 -125 -125
|
||||
c-22.9375 0 -43.4688 7.9375 -62 18.8125l-222.844 -223.031c21.7188 -30.5312 34.9062 -67.875 34.9062 -108.281c0 -29.4062 -7.3125 -56.75 -19.4062 -81.6562l190.5 -136c21.7188 17.9375 48.5625 30.1562 78.8438 30.1562z" />
|
||||
<glyph glyph-name="glyph120" unicode=""
|
||||
d="M934.188 -30.8125l80.8125 80.8125v-250h-250l80.8125 80.8125l-205.812 205.812l88.375 88.375zM95.8125 630.812l-80.8125 -80.8125v250h250l-80.8125 -80.8125l205.812 -205.812l-88.375 -88.375zM845.812 719.188l-80.8125 80.8125h250v-250l-80.8125 80.8125
|
||||
l-205.812 -205.812l-88.375 88.375zM390 86.625l-205.812 -205.812l80.8125 -80.8125h-250v250l80.8125 -80.8125l205.812 205.812z" />
|
||||
<glyph glyph-name="at" unicode="@"
|
||||
d="M947.625 50h-182.625c-40.7812 0 -75.4375 21 -98.1562 51.2812c-42.2188 -32.4688 -94.4688 -52.625 -151.844 -52.625c-138.062 0 -250 111.938 -250 250s111.938 250 250 250h250v-373.656h101.188l1 -1.46875c14.2812 39.5625 22.8125 82.0312 22.8125 126.469
|
||||
c0 206.781 -168.219 375 -375 375s-375 -168.219 -375 -375s168.219 -375 375 -375c103.406 0 197.156 42 265 110l88.5 -88.5c-90.4375 -90.5938 -215.438 -146.5 -353.5 -146.5c-276.125 0 -500 223.875 -500 500s223.875 500 500 500s500 -223.875 500 -500
|
||||
c0 -91.3125 -24.5312 -176.406 -67.375 -250zM640 362.25v61.4062h-125c-68.8438 0 -125 -56.0312 -125 -125s56.1562 -125 125 -125s125 56.0312 125 125v63.5938z" />
|
||||
<glyph glyph-name="glyph122" unicode=""
|
||||
d="M764.875 425c125.125 0 250.125 -66.4062 250.125 -250c0 -179.688 -125 -250 -250.125 -250h-124.875c-68.9688 0 -125 -55.9062 -125 -125c-138.062 0 -250.125 111.938 -250.125 250v125c0 49.8125 11.375 90.625 29.0625 125h-29.0625
|
||||
c-124.875 0 -249.875 70.3125 -249.875 250c0 183.594 125 250 249.875 250h250.125c125 0 249.875 -77.4062 249.875 -250v-125zM264.875 425h125.125c81.5312 0 154.062 -39.3125 199.719 -100.031c30.625 22.8125 50.2812 59.1875 50.2812 100.031v125
|
||||
c0 108.75 -78.25 125 -125 125h-250.125c-124.875 0 -124.875 -87.5312 -124.875 -125c0 -30.875 0 -125 124.875 -125zM764.875 50c125.125 0 125.125 94.0625 125.125 125c0 37.4062 0 125 -125.125 125l-34.5312 0.0625l0.125 0.0625
|
||||
c-43.3438 -74.4688 -123.062 -125.125 -215.469 -125.125c0 48.2188 -28.1875 88.875 -68.25 109.75c-28.3125 -17.8438 -56.75 -52.5625 -56.75 -109.75v-125c0 -40.7812 19.6562 -77.1562 50.0625 -99.9688c45.625 60.6562 118.281 99.9688 199.938 99.9688h124.875z
|
||||
M756.219 362.688c-0.84375 -2.875 -1.84375 -5.6875 -2.6875 -8.46875c0.84375 2.78125 1.9375 5.59375 2.6875 8.46875z" />
|
||||
<glyph glyph-name="glyph123" unicode=""
|
||||
d="M515 800c276.125 0 500 -223.875 500 -500s-223.875 -500 -500 -500s-500 223.875 -500 500s223.875 500 500 500zM577.5 112.5v375h62.5l-125 125l-125 -125h62.5v-375h-62.5l125 -125l125 125h-62.5z" />
|
||||
<glyph glyph-name="glyph124" unicode="" horiz-adv-x="405"
|
||||
d="M202.5 112.5l62.5 62.5v-187.5h125l-187.5 -187.5l-187.5 187.5h125v187.5zM202.5 485.562l-62.5 -60.5625v187.5h-125l187.5 187.5l187.5 -187.5h-125v-187.5z" />
|
||||
<glyph glyph-name="glyph125" unicode="✗"
|
||||
d="M388.156 -4.8125l-373.156 373.188l177.969 177.969l195.188 -195.188l448.875 448.844l177.969 -177.969z" />
|
||||
<glyph glyph-name="glyph126" unicode="" horiz-adv-x="780"
|
||||
d="M390 300c-69.0938 0 -125 55.9688 -125 125v250c0 69.0312 55.9062 125 125 125s125 -55.9688 125 -125v-250c0 -69.0312 -55.9062 -125 -125 -125zM515 -75c69.0938 0 125 -55.9062 125 -125h-500c0 69.0938 55.9062 125 125 125h62.5v131.344
|
||||
c-177 29.9062 -312.5 183.281 -312.5 368.656v60.5625c0 34.5312 27.9688 62.5 62.5 62.5s62.5 -27.9688 62.5 -62.5v-60.5625c0 -137.875 112.062 -250 250 -250s250 112.125 250 250v60.5625c0 34.5312 27.9688 62.5 62.5 62.5s62.5 -27.9688 62.5 -62.5v-60.5625
|
||||
c0 -185.375 -135.5 -338.75 -312.5 -368.656v-131.344h62.5z" />
|
||||
<glyph glyph-name="glyph127" unicode=""
|
||||
d="M1015 -200h-1000v875h125v-750h750v750h125v-875zM202.5 300v125h125v-125h-125zM452.5 299.75v125h125v-125h-125zM702.5 300v125h125v-125h-125zM202.5 50v125h125v-125h-125zM452.5 50v125h125v-125h-125zM702.5 50v125h125zM265 612.5v125
|
||||
c0 34.5312 27.9688 62.5 62.5 62.5s62.5 -27.9688 62.5 -62.5v-125c0 -34.5312 -27.9688 -62.5 -62.5 -62.5s-62.5 27.9688 -62.5 62.5zM640 612.5v125c0 34.5312 27.9688 62.5 62.5 62.5s62.5 -27.9688 62.5 -62.5v-125c0 -34.5312 -27.9688 -62.5 -62.5 -62.5
|
||||
s-62.5 27.9688 -62.5 62.5z" />
|
||||
<glyph glyph-name="glyph128" unicode="" horiz-adv-x="905"
|
||||
d="M140 800h750v-1000h-750c-69.0312 0 -125 55.9062 -125 125v750c0 69.0938 55.9688 125 125 125zM765 -75v750h-124.531v-252.188l-125.969 125.969l-125 -125v251.219h-124.5v-750h500z" />
|
||||
<glyph glyph-name="glyph129" unicode=""
|
||||
d="M515 112.5l62.5 62.5v-187.5h125l-187.5 -187.5l-187.5 187.5h125v187.5zM515 485.562l-62.5 -60.5625v187.5h-125l187.5 187.5l187.5 -187.5h-125v-187.5zM327.5 300l62.5 -62.5h-187.5v-125l-187.5 187.5l187.5 187.5v-125h187.5zM700.562 300l-60.5625 62.5h187.5v125
|
||||
l187.5 -187.5l-187.5 -187.5v125h-187.5z" />
|
||||
<glyph glyph-name="glyph130" unicode=""
|
||||
d="M515 800c276.125 0 500 -223.875 500 -500s-223.875 -500 -500 -500s-500 223.875 -500 500s223.875 500 500 500zM702.5 175l125 125l-125 125v-62.5h-125v125h62.5l-125 125l-125 -125h62.5v-125h-125v62.5l-125 -125l125 -125v62.5h125v-125h-62.5l125 -125l125 125
|
||||
h-62.5v125h125v-62.5z" />
|
||||
<glyph glyph-name="glyph131" unicode="" horiz-adv-x="530"
|
||||
d="M265 175c44.0625 0 85.6875 9.03125 125 22.9375v-397.938l-125 125l-125 -125v397.938c39.3125 -13.9062 80.9375 -22.9375 125 -22.9375zM265 800c138.062 0 250 -111.938 250 -250s-111.938 -250 -250 -250s-250 111.938 -250 250s111.938 250 250 250zM265 425
|
||||
c69.0938 0 125 55.9688 125 125s-55.9062 125 -125 125s-125 -55.9688 -125 -125s55.9062 -125 125 -125z" />
|
||||
<glyph glyph-name="glyph132" unicode=""
|
||||
d="M1002.72 623.656c7.34375 -23.4375 12.2188 -47.8438 12.2188 -73.6562c0 -138 -111.812 -250 -250 -250c-38.3438 0 -74.4688 9.46875 -107 24.9688l-500.719 -500.562c-14.9062 -15.125 -35.7812 -24.4062 -58.8438 -24.4062c-46.1562 0 -83.375 37.3438 -83.375 83.25
|
||||
c0 23.1875 9.40625 43.9375 24.4062 59.0938l500.625 500.469c-15.625 32.6562 -25.0312 68.6875 -25.0312 107.188c0 138 111.938 250 249.938 250c25.1562 0 48.8438 -4.8125 71.7812 -11.7188l-155.031 -154.969v-166.625h164.062z" />
|
||||
<glyph glyph-name="glyph133" unicode="" horiz-adv-x="780"
|
||||
d="M15 800l750 -500l-750 -500v1000z" />
|
||||
<glyph glyph-name="glyph134" unicode="★"
|
||||
d="M706.781 186.719l120.969 -386.719l-312.25 240l-313 -240l121.094 387.688l-308.594 237.312h375l125 375l125 -375h375z" />
|
||||
<glyph glyph-name="glyph135" unicode=""
|
||||
d="M444.398 193.812l-312.75 -312.5c-155.531 179.812 -155.531 445.188 0 625zM639.961 670.062c211.438 -31.4375 375 -210.156 374.969 -430.719c0 -242.812 -196.781 -439.344 -439.688 -439.344c-97.6562 0 -186.031 34.4375 -258.781 88.75l323.5 323.625v457.688z
|
||||
M514.961 299.5l-358.656 358.719c99.375 81.2188 222.438 133.344 358.656 141.781v-500.5z" />
|
||||
<glyph glyph-name="glyph136" unicode="⛆"
|
||||
d="M765 674.992c137.946 0 250.016 -112.132 250.016 -250.016s-112.069 -250.016 -250.016 -250.016h-499.969c-137.821 0 -250.016 112.132 -250.016 250.016s112.194 250.016 250.016 250.016c11.0947 0 22.0947 -1.65625 33.0957 -3.125
|
||||
c42.9717 76.0674 123.539 128.133 216.92 128.133c91.4434 0 172.073 -51.4404 215.514 -128.477c11.5 1.5625 22.7197 3.46875 34.4395 3.46875zM765 299.969c69.0977 0 125.008 56.0977 125.008 125.008s-55.9102 125.008 -125.008 125.008
|
||||
c-68.8477 0 -124.945 -56.0977 -124.945 -125.008h-125.008c0 81.4111 39.6904 153.135 99.9746 198.794c-22.9385 31.1895 -59.5654 51.2217 -99.9746 51.2217c-68.9727 0 -125.008 -56.0977 -125.008 -125.008c0 -15.0635 2.5625 -29.7832 7.8125 -43.6592
|
||||
l-117.069 -43.8154c-10.251 27.3457 -15.376 56.2852 -15.626 85.7559c-64.4727 -1.875 -125.133 -54.7539 -125.133 -123.289c0 -68.9102 56.0352 -125.008 125.008 -125.008h499.969zM117.554 -57.4912c-23.4395 -23.4385 -61.5352 -23.4385 -84.9746 0
|
||||
c-23.4385 23.4395 -23.4385 61.5352 0 84.9746c23.4395 23.4385 169.948 84.9736 169.948 84.9736s-61.5352 -146.509 -84.9736 -169.948zM367.694 -57.4912c-23.4395 -23.4385 -61.4102 -23.4385 -84.9746 0c-23.4385 23.4395 -23.4385 61.5352 0 84.9746
|
||||
c23.5645 23.4385 169.948 84.9736 169.948 84.9736s-61.4102 -146.509 -84.9736 -169.948zM617.585 -57.4912c-23.4395 -23.4385 -61.5352 -23.4385 -84.9746 0c-23.4385 23.4395 -23.4385 61.5352 0 84.9746c23.4395 23.4385 169.886 84.9736 169.886 84.9736
|
||||
s-61.4727 -146.509 -84.9111 -169.948z" />
|
||||
<glyph glyph-name="glyph137" unicode=""
|
||||
d="M515 674.938h500v-250.062v-125v-374.875c0 -69.0938 -56.0312 -125 -125 -125h-750c-69.0938 0 -125 55.9062 -125 125v394.406v105.469v375.125h500v-125.062zM390 675h-250v-250h750v124.938h-375h-125v125v0.0625zM890 -75v374.875v0.125h-750v-375h750z" />
|
||||
<glyph glyph-name="glyph138" unicode="☀"
|
||||
d="M515 425c-68.8438 0 -125 -56.0938 -125 -125s56.1562 -125 125 -125s125 56.0938 125 125s-56.1562 125 -125 125zM515 550v0c138.062 0 249.938 -111.938 249.938 -250s-111.875 -250 -249.938 -250s-250 111.938 -250 250s111.938 250 250 250zM452.5 737.5
|
||||
c0 41.667 20.833 62.5 62.5 62.5s62.5 -20.833 62.5 -62.5s-20.833 -62.5 -62.5 -62.5s-62.5 20.833 -62.5 62.5zM140 612.5c0 41.667 20.833 62.5 62.5 62.5s62.5 -20.833 62.5 -62.5s-20.833 -62.5 -62.5 -62.5s-62.5 20.833 -62.5 62.5zM77.5 362.562
|
||||
c34.5312 0 62.5 -27.9688 62.5 -62.5c0 -34.5938 -27.9688 -62.5 -62.5 -62.5s-62.5 27.9062 -62.5 62.5c0 34.5312 27.9688 62.5 62.5 62.5zM140 -12.5c0 41.667 20.833 62.5 62.5 62.5s62.5 -20.833 62.5 -62.5s-20.833 -62.5 -62.5 -62.5s-62.5 20.833 -62.5 62.5z
|
||||
M452.5 -137.5c0 34.6562 27.9688 62.5 62.5 62.5c34.6562 0 62.5 -27.8438 62.5 -62.5c0 -34.4375 -27.8438 -62.5 -62.5 -62.5c-34.5312 0 -62.5 28.0625 -62.5 62.5zM783.5 -56.6875c-24.4062 24.4062 -24.4062 63.9688 0 88.375
|
||||
c24.6562 24.4062 63.9688 24.4062 88.375 0s24.6562 -63.9688 0 -88.375c-24.4062 -24.4062 -63.9688 -24.4062 -88.375 0zM952.438 237.562c-34.4375 0 -62.5 27.9688 -62.5 62.4375c0 34.6562 27.8438 62.5 62.5 62.5c34.4375 0 62.5 -27.9062 62.5 -62.4375
|
||||
c0 -34.5938 -28.0625 -62.5625 -62.5 -62.5zM871.875 568.25c-24.4062 -24.3438 -63.9688 -24.3438 -88.375 0c-24.4062 24.5312 -24.4062 63.9688 0 88.4375c24.4062 24.3438 63.9688 24.4062 88.375 -0.0625c24.4062 -24.4062 24.4062 -64.0312 0 -88.375z" />
|
||||
<glyph glyph-name="glyph139" unicode="" horiz-adv-x="780"
|
||||
d="M390 300c207.031 0 375 -167.969 375 -375c0 -69.0938 -55.9062 -125 -125 -125h-500c-69.0938 0 -125 55.9062 -125 125c0 207.031 167.969 375 375 375zM202.5 612.5c0 125 62.5 187.5 187.5 187.5s187.5 -62.5 187.5 -187.5s-62.5 -187.5 -187.5 -187.5
|
||||
s-187.5 62.5 -187.5 187.5z" />
|
||||
<glyph glyph-name="glyph140" unicode=""
|
||||
d="M1015 675v-250h-125v-62.5c0 -34.4375 -28.0625 -62.5 -62.5 -62.5h-750c-34.4375 0 -62.5 28.0625 -62.5 62.5v375c0 34.375 28.0625 62.5 62.5 62.5h750c34.4375 0 62.5 -28.125 62.5 -62.5v-62.5h125zM765 425v250h-250v-250h250z" />
|
||||
<glyph glyph-name="glyph141" unicode=""
|
||||
d="M962.156 519.594c32.8125 -66.5312 52.8438 -140.438 52.8438 -219.594c0 -31.5 -3.65625 -62 -9.28125 -92.0625h-355.219zM672.969 323.75v448.281c104.969 -35.1562 195.312 -102.094 256.344 -192.062zM538.375 142.031h448.656
|
||||
c-35.1562 -105.094 -102.156 -195.562 -192.25 -256.469zM606.969 433l-313.219 313.219c66.9375 33.3438 141.406 53.7812 221.25 53.7812c31.5 0 62.0625 -3.71875 91.9688 -9.28125v-357.719zM423.031 164l311.344 -311.25
|
||||
c-66.5312 -32.7188 -140.281 -52.75 -219.375 -52.75c-31.5 0 -62.0625 3.65625 -91.9688 9.25v354.75zM356.969 275.844v-447.906c-104.844 35.1562 -195.125 102.062 -256.031 191.906zM24.2812 391.969v0.03125h355.531l-311.844 -311.844
|
||||
c-32.8125 66.5312 -52.9688 140.5 -52.9688 219.844c0 31.5 3.71875 62.0625 9.28125 91.9688zM233.625 713.094l255.094 -255.062h-445.75c34.9688 104.344 101.438 194.156 190.656 255.062z" />
|
||||
<glyph glyph-name="glyph142" unicode=""
|
||||
d="M15 175l500 625l500 -625h-1000zM15 -200v250h998.656v-250h-998.656z" />
|
||||
<glyph glyph-name="glyph143" unicode=""
|
||||
d="M1015 300.062c0 -276.188 -223.875 -500.062 -500 -500.062s-500 223.875 -500 500.062c0 276.062 223.875 499.938 500 499.938s500 -223.875 500 -499.938zM265 299.094l250 -249.094l249.031 249.094h-186.531v250.906h-125v-250.906h-187.5z" />
|
||||
<glyph glyph-name="paragraph" unicode="¶" horiz-adv-x="780"
|
||||
d="M765 800v-125h-125v-875h-125v875h-125v-875h-125v500c-138.062 0 -250 111.938 -250 250s111.938 250 250 250h125h125h125h125z" />
|
||||
<glyph glyph-name="glyph145" unicode=""
|
||||
d="M15 300c0 276.125 223.875 500 500 500s500 -223.875 500 -500s-223.875 -500 -500 -500s-500 223.875 -500 500zM640 487.5l-125 125l-125 -125h62.5v-500h125v500h62.5z" />
|
||||
<glyph glyph-name="glyph146" unicode=""
|
||||
d="M515 800c276.125 0 500 -223.875 500 -500s-223.875 -500 -500 -500s-500 223.875 -500 500s223.875 500 500 500zM515.969 50l249.031 250l-249.031 249.031v-186.531h-250.969v-125h250.969v-187.5z" />
|
||||
<glyph glyph-name="glyph147" unicode=""
|
||||
d="M515 800c276.125 0 500 -223.875 500 -500s-223.875 -500 -500 -500s-500 223.875 -500 500s223.875 500 500 500zM702.5 175l125 125l-125 125v-62.5h-500v-125h500v-62.5z" />
|
||||
<glyph glyph-name="glyph148" unicode=""
|
||||
d="M1015 -200h-142.812c0 472.656 -384.531 857.125 -857.188 857.125v142.875c551.281 0 1000 -448.594 1000 -1000v0zM729.219 -200h-142.812c0 315.062 -256.469 571.406 -571.406 571.406v142.875c393.812 0 714.219 -320.469 714.219 -714.281v0zM443.594 -200
|
||||
h-142.938c0 157.594 -128.062 285.656 -285.656 285.656v142.938c236.312 0 428.594 -192.281 428.594 -428.594v0zM157.812 -200h-142.812v142.812c78.9688 0 142.812 -63.9688 142.812 -142.812z" />
|
||||
<glyph glyph-name="glyph149" unicode=""
|
||||
d="M161.594 -53.75c-94.5938 94.4688 -146.594 219.969 -146.594 353.75c0 275.625 224.25 500 500 500l62.5 -62.5l-62.5 -62.5c-206.781 0 -375 -168.219 -375 -375c0 -100.344 39.0625 -194.594 110 -265.375l-76.7812 -10l-11.625 -78.375v0zM515 -200l-62.5 62.25
|
||||
l62.5 62.75c206.781 0 375 168.219 375 375c0 100.094 -39.0625 194.344 -110.094 265.25l76.9062 10.125l11.4688 78.25c94.5938 -94.4688 146.719 -220.094 146.719 -353.625c0 -275.625 -224.375 -500 -500 -500v0z" />
|
||||
</font>
|
||||
</defs></svg>
|
||||
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
@@ -1,26 +1,30 @@
|
||||
menu_bg.png :
|
||||
./gradient.py 9 1000 DDDDFF 9999FF FFFFFF 0 0 FFFFFF 1 1 > $@
|
||||
OUT=blue
|
||||
INI=$(OUT)_colors.ini
|
||||
|
||||
base_bg.png :
|
||||
./gradient.py 9 1000 EEEEFF - FFFFFF 0 0 FFFFFF 1 1 > $@
|
||||
# The catch-all rule is magic, it reruns make in the OUT directory with a VPATH
|
||||
all:
|
||||
@( cd blue; make -f ../Makefile VPATH=.. css )
|
||||
|
||||
masthead_bg.png :
|
||||
./gradient.py 9 50 023858 000000 000000 0 0.5 000000 1 1 > $@
|
||||
ALL_CSS=base panel_layout masthead library history tool_menu iphone autocomplete_tagging trackster
|
||||
|
||||
footer_title_bg.png :
|
||||
./gradient.py 9 30 023858 000000 000000 0 0.5 000000 1 1 > $@
|
||||
css: $(foreach N,$(ALL_CSS),$N.css)
|
||||
|
||||
form_title_bg.png :
|
||||
./gradient.py 9 50 ebd9b2 b9a780 FFFFFF 0 0 FFFFFF 0.5 1 > $@
|
||||
# Convert variables from ini to less syntax
|
||||
variables.less : $(INI)
|
||||
../variables_to_less.py < $< > $@
|
||||
|
||||
ok_bg.png :
|
||||
./gradient.py 9 200 AAFFAA - CCFFCC 0 0.5 CCFFCC 1 1 > $@
|
||||
# Convert using less
|
||||
%.css : %.less
|
||||
lessc -x $< $@
|
||||
|
||||
error_bg.png :
|
||||
./gradient.py 9 200 FFAAAA - FFCCCC 0 0.5 FFCCCC 1 1 > $@
|
||||
# Old style using process_css still works so we can move gradually
|
||||
%.css : %.css.tmpl
|
||||
../process_css.py $(INI) shared_images:../images $(OUT) < $< > $@
|
||||
|
||||
warn_bg.png :
|
||||
./gradient.py 9 200 FFFFAA - FFFFCC 0 0.5 FFFFCC 1 1 > $@
|
||||
# For building sprite images
|
||||
%.less : %.less.tmpl
|
||||
../process_css.py $(INI) shared_images:../images $(OUT) < $< > $@
|
||||
|
||||
# Some dependencies
|
||||
base.css: variables.less galaxy_bootstrap.less iconic_stroke.less
|
||||
|
||||
gray_bg.png :
|
||||
./gradient.py 9 200 AAAAAA - CCCCCC 0 0.5 CCCCCC 1 1 > $@
|
||||
|
||||
@@ -1,979 +0,0 @@
|
||||
## Lucida Grande for proper mac unicode characters, verdana/arial stack for others
|
||||
body{font:13px/1.231 "Lucida Grande",verdana,arial,helvetica,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% "Lucida Grande",verdana,arial,helvetica,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
|
||||
body{font-size:75%;}
|
||||
|
||||
## Mixins
|
||||
|
||||
.unselectable {
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
.shadow {
|
||||
-moz-box-shadow: 0 3px 30px black;
|
||||
-webkit-box-shadow: 0 3px 30px black;
|
||||
}
|
||||
|
||||
## Real styles
|
||||
|
||||
body {
|
||||
background: $base_bg_bottom;
|
||||
color: $base_text;
|
||||
background-image: url(base_bg.png);
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
a:link, a:visited, a:active {
|
||||
color: $link_text;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
color: $header_text;
|
||||
/*text-shadow: #bbb 2px 2px 1px;*/
|
||||
}
|
||||
|
||||
h1:first-child, h2:first-child, h3:first-child, h4:first-child {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: none;
|
||||
height: 0px;
|
||||
border-bottom: dotted $base_text 1px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div.toolForm {
|
||||
border: solid $form_border 1px;
|
||||
}
|
||||
|
||||
div.toolFormTitle {
|
||||
font-weight: bold;
|
||||
padding: 5px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
background: $form_title_bg_bottom;
|
||||
## background-image: url(form_title_bg.png);
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
border-bottom: solid $form_border 1px;
|
||||
}
|
||||
|
||||
div.toolParamHelp {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
div.toolParamHelp a {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
div.toolFormBody {
|
||||
background: $form_body_bg_bottom;
|
||||
background-image: url(form_body_bg.png);
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
div.toolFormBody div.toolFormTitle {
|
||||
background: transparent;
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
border-bottom: solid $form_border 1px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
div.toolFormDisabled div.toolFormTitle {
|
||||
background: ${layout_bg};
|
||||
border-color: ${layout_border};
|
||||
}
|
||||
|
||||
div.toolFormDisabled {
|
||||
border-color: ${layout_border};
|
||||
}
|
||||
|
||||
div.toolHelp {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
div.toolHelpBody {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div.metadataForm {
|
||||
border:solid #aaaaaa 1px;
|
||||
}
|
||||
|
||||
div.metadataFormTitle {
|
||||
font-weight:bold;
|
||||
padding:5px;
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
background:#cccccc;
|
||||
background-repeat:repeat-x;
|
||||
background-position:top;
|
||||
border-bottom:solid #aaaaaa 1px;
|
||||
}
|
||||
|
||||
div.metadataFormBody {
|
||||
background:#FFFFFF;
|
||||
background-image:url(form_body_bg.png);
|
||||
background-repeat:repeat-x;
|
||||
background-position:top;
|
||||
padding:5px 0;
|
||||
}
|
||||
|
||||
div.metadataFormBody div.metadataFormTitle {
|
||||
background:transparent;
|
||||
border:none;
|
||||
font-weight:bold;
|
||||
border-bottom:solid #dcb790 1px;
|
||||
margin-bottom:5px;
|
||||
}
|
||||
|
||||
div.metadataFormDisabled div.metadataFormTitle {
|
||||
background:#eee;
|
||||
border-color:#999;
|
||||
}
|
||||
|
||||
div.metadataFormDisabled {
|
||||
border-color:#999;
|
||||
}
|
||||
|
||||
div.metadataHelpBody {
|
||||
width:100%;overflow:auto;
|
||||
}
|
||||
|
||||
div.titleRow {
|
||||
font-weight: bold;
|
||||
border-bottom: dotted gray 1px;
|
||||
margin-bottom: 0.5em;
|
||||
padding-bottom: 0.25em;
|
||||
}
|
||||
|
||||
## Forms
|
||||
|
||||
div.form {
|
||||
border: solid $form_border 1px;
|
||||
}
|
||||
|
||||
div.form-title {
|
||||
font-weight: bold;
|
||||
padding: 5px 10px;
|
||||
background: $form_title_bg_bottom;
|
||||
background-image: url(form_title_bg.png);
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
border-bottom: solid $form_border 1px;
|
||||
}
|
||||
|
||||
div.form-body {
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
div.form-row {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
div.form-title-row {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
div.repeat-group-item {
|
||||
border-left: solid $form_border 5px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
div.form-row-error {
|
||||
background: $error_message_bg;
|
||||
}
|
||||
|
||||
div.form-row label {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-bottom: .2em;
|
||||
}
|
||||
|
||||
div.form-row label.inline {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
div.form-row-input {
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.form-row-input label {
|
||||
font-weight: normal;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
div.form-row-error-message {
|
||||
width: 300px;
|
||||
float: left;
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
padding: 3px 0 0 1em;
|
||||
}
|
||||
|
||||
.form-row .help {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
select, input, textarea {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
select, textarea, input[type="text"], input[type="file"], input[type="password"] {
|
||||
-webkit-box-sizing: border-box;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
## Messages
|
||||
|
||||
.errormessagelarge, .warningmessagelarge, .donemessagelarge, .infomessagelarge {
|
||||
padding: 10px;
|
||||
padding-left: 52px;
|
||||
min-height: 32px;
|
||||
border: 1px solid $error_message_border;
|
||||
background-color: $error_message_bg;
|
||||
background-image: url(error_message_icon.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px 10px;
|
||||
}
|
||||
|
||||
.warningmessagelarge {
|
||||
background-image: url(warn_message_icon.png);
|
||||
border-color: $warn_message_border;
|
||||
background-color: $warn_message_bg;
|
||||
}
|
||||
|
||||
.donemessagelarge {
|
||||
background-image: url(done_message_icon.png);
|
||||
border-color: $done_message_border;
|
||||
background-color: $done_message_bg;
|
||||
}
|
||||
|
||||
.infomessagelarge {
|
||||
background-image: url(info_message_icon.png);
|
||||
border-color: $info_message_border;
|
||||
background-color: $info_message_bg;
|
||||
}
|
||||
|
||||
.screencastBox {
|
||||
padding-left: 10px;
|
||||
border-color: #AAAA66;
|
||||
background-color: #FFFFCC;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.errormessage, .warningmessage, .donemessage, .infomessage, .errormessagesmall, .warningmessagesmall, .donemessagesmall, .infomessagesmall {
|
||||
padding: 5px;
|
||||
padding-left: 25px;
|
||||
min-height: 15px;
|
||||
border: 1px solid $error_message_border;
|
||||
background-color: $error_message_bg;
|
||||
background-image: url(error_small.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 5px 5px;
|
||||
}
|
||||
|
||||
.warningmessage, .warningmessagesmall {
|
||||
background-image: url(warn_small.png);
|
||||
border-color: $warn_message_border;
|
||||
background-color: $warn_message_bg;
|
||||
}
|
||||
|
||||
.donemessage, .donemessagesmall {
|
||||
background-image: url(ok_small.png);
|
||||
border-color: $done_message_border;
|
||||
background-color: $done_message_bg;
|
||||
}
|
||||
|
||||
.infomessage, .infomessagesmall {
|
||||
background-image: url(info_small.png);
|
||||
border-color: $info_message_border;
|
||||
background-color: $info_message_bg;
|
||||
}
|
||||
|
||||
.errormark, .warningmark, .donemark, .infomark, .ok_bgr, .err_bgr {
|
||||
padding-left: 20px;
|
||||
min-height: 15px;
|
||||
background: url(error_small.png) no-repeat;
|
||||
}
|
||||
|
||||
.warningmark {
|
||||
background-image: url(warn_small.png);
|
||||
}
|
||||
|
||||
.donemark {
|
||||
background-image: url(ok_small.png);
|
||||
}
|
||||
|
||||
.infomark, .ok_bgr {
|
||||
background-image: url(info_small.png);
|
||||
}
|
||||
|
||||
table.simple {
|
||||
font-size: 12px;
|
||||
background: #fff;
|
||||
margin: 1em;
|
||||
border-collapse: collapse;
|
||||
text-align: left;
|
||||
}
|
||||
table.simple th {
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
padding: 10px 8px;
|
||||
border-bottom: 2px solid #333;
|
||||
}
|
||||
table.simple td {
|
||||
padding: 10px 8px 0px 8px;
|
||||
}
|
||||
table.simple tbody tr:hover td {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
table.tabletip {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
text-align: left;
|
||||
}
|
||||
table.tabletip th {
|
||||
white-space: nowrap;
|
||||
border-bottom: 1px solid #444;
|
||||
padding-right: 3px;
|
||||
}
|
||||
table.tabletip td {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
table.tabletip tbody tr:hover td {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
table.colored {
|
||||
border-top: solid $table_border 1px;
|
||||
border-bottom: solid $table_border 1px;
|
||||
}
|
||||
|
||||
table.colored td, table.colored th {
|
||||
text-align: left;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
table.colored tr.header {
|
||||
background: $table_header_bg;
|
||||
background-image: url(form_title_bg.png);
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
border-bottom: solid $table_border 1px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
table.colored tr {
|
||||
background: $table_row_bg;
|
||||
}
|
||||
|
||||
table.colored tr.odd_row {
|
||||
background: $odd_row_bg;
|
||||
}
|
||||
|
||||
div.debug {
|
||||
margin: 10px;
|
||||
padding: 5px;
|
||||
background: #FFFF99;
|
||||
border: solid #FFFF33 1px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
div.odd_row {
|
||||
background: $odd_row_bg;
|
||||
}
|
||||
|
||||
#footer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
## Tool panel stuff
|
||||
|
||||
td.panel-body {
|
||||
background: white;
|
||||
color: $base_text;
|
||||
background: $menu_bg_over url(menu_bg.png) top repeat-x;
|
||||
}
|
||||
|
||||
div.toolSectionPad {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 5px;
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
div.toolSectionDetailsInner {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
div.toolSectionTitle {
|
||||
padding-bottom: 0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div.toolTitle {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
margin-left: 16px;
|
||||
margin-right: 10px;
|
||||
display: list-item;
|
||||
list-style: square outside;
|
||||
}
|
||||
|
||||
span.toolParameterExpandableCollapsable {
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
}
|
||||
ul.toolParameterExpandableCollapsable {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
ul.manage-table-actions {
|
||||
float: right;
|
||||
margin-top: -2.5em;
|
||||
}
|
||||
ul.manage-table-actions li {
|
||||
display: block;
|
||||
float: left;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
## State colors
|
||||
|
||||
.state-color-new {
|
||||
border-color: $history_new_border;
|
||||
background: $history_new_bg;
|
||||
}
|
||||
|
||||
.state-color-upload {
|
||||
border-color: $history_upload_border;
|
||||
background: $history_upload_bg;
|
||||
}
|
||||
|
||||
.state-color-waiting {
|
||||
border-color: $history_waiting_border;
|
||||
background: $history_waiting_bg;
|
||||
}
|
||||
|
||||
.state-color-queued {
|
||||
border-color: $history_queued_border;
|
||||
background: $history_queued_bg;
|
||||
}
|
||||
|
||||
.state-color-running {
|
||||
border-color: $history_running_border;
|
||||
background: $history_running_bg;
|
||||
}
|
||||
|
||||
.state-color-ok {
|
||||
border-color: $history_ok_border;
|
||||
background: $history_ok_bg;
|
||||
}
|
||||
|
||||
.state-color-error {
|
||||
border-color: $history_error_border;
|
||||
background: $history_error_bg;
|
||||
}
|
||||
|
||||
.state-color-deleted {
|
||||
border-color: $history_deleted_border;
|
||||
background: $history_deleted_bg;
|
||||
}
|
||||
|
||||
.state-fg-new {
|
||||
color: #FFB030;
|
||||
}
|
||||
|
||||
.state-fg-upload {
|
||||
color: #D090D0;
|
||||
}
|
||||
|
||||
.state-fg-waiting {
|
||||
color: #E8C060;
|
||||
}
|
||||
|
||||
.state-fg-queued {
|
||||
color: #888888;
|
||||
}
|
||||
|
||||
.state-fg-running {
|
||||
color: #AAAA66;
|
||||
}
|
||||
|
||||
.state-fg-ok {
|
||||
color: #66AA66;
|
||||
}
|
||||
|
||||
.state-fg-error {
|
||||
color: #AA6666;
|
||||
}
|
||||
|
||||
.state-fg-deleted {
|
||||
color: #3399FF;
|
||||
}
|
||||
|
||||
## Button styles
|
||||
|
||||
.action-button {
|
||||
background: transparent;
|
||||
line-height: 16px;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
font-size: 100%;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
padding: 2px;
|
||||
border: solid #aaaaaa 1px;
|
||||
padding-right: 0.5em;
|
||||
padding-left: 0.5em;
|
||||
-moz-border-radius: 0.5em;
|
||||
-webkit-border-radius: 0.5em;
|
||||
border-radius: 0.5em;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
.action-button > * {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.action-button:hover {
|
||||
color: black;
|
||||
background: #dddddd;
|
||||
}
|
||||
.action-button:active {
|
||||
color: white;
|
||||
background: #aaaaaa;
|
||||
}
|
||||
|
||||
## A menu button is a button that has an attached popup menu
|
||||
|
||||
.menubutton {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
.unselectable;
|
||||
|
||||
border: solid transparent 1px;
|
||||
-moz-border-radius: 0.25em;
|
||||
-webkit-border-radius: 0.25em;
|
||||
border-radius: 0.25em;
|
||||
|
||||
padding: 1px 0.25em;
|
||||
margin: -1px -0.25em;
|
||||
|
||||
.label {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
.menubutton.action-button {
|
||||
border-color: #aaaaaa;
|
||||
}
|
||||
|
||||
.menubutton.popup, .action-button.popup {
|
||||
padding-right: 20px;
|
||||
background-image: url(../images/dropdownarrow.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 7px;
|
||||
}
|
||||
|
||||
.menubutton:hover {
|
||||
border-color: #aaaaaa;
|
||||
## background: #eeeeee;
|
||||
## color: #333;
|
||||
}
|
||||
|
||||
## A split menu button, the main button has an action, the arrow causes the
|
||||
## popup menu to appear
|
||||
|
||||
.menubutton.popup.split {
|
||||
padding-right: 2em;
|
||||
}
|
||||
|
||||
.menubutton.popup.split:hover {
|
||||
background: url(../images/ddarrowsplit.png) no-repeat right -39px;
|
||||
}
|
||||
|
||||
## Popup menu styles
|
||||
|
||||
.overlay-border {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
padding: 1em;
|
||||
margin: -1em;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
-moz-border-radius: 1em;
|
||||
-webkit-border-radius: 1em;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
div.popmenu-wrapper {
|
||||
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
z-index: 20000;
|
||||
|
||||
ul {
|
||||
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
background: white;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
white-space: nowrap;
|
||||
border: solid #aaaaaa 1px;
|
||||
padding: 3px 0;
|
||||
-moz-border-radius: 0.5em;
|
||||
-webkit-border-radius: 0.5em;
|
||||
border-radius: 0.5em;
|
||||
## margin: -3px -0.5em;
|
||||
## min-width: 100%;
|
||||
|
||||
.unselectable;
|
||||
|
||||
li {
|
||||
display: block;
|
||||
padding: 3px 1em;
|
||||
cursor: pointer;
|
||||
border-top: solid transparent 1px;
|
||||
border-bottom: solid transparent 1px;
|
||||
}
|
||||
|
||||
li.head {
|
||||
color: #999;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.popmenu-wrapper ul li:hover {
|
||||
background: #EEEEFF;
|
||||
border-color: #aaa;
|
||||
}
|
||||
|
||||
div.popmenu-wrapper ul li.head:hover {
|
||||
background: inherit;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.popup-arrow {
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.popup-arrow:hover {
|
||||
color: black;
|
||||
}
|
||||
|
||||
div.permissionContainer {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
## Data grid style
|
||||
|
||||
.grid-header {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
.grid-header h2 {
|
||||
margin: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.grid-header .title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.grid {
|
||||
padding-top: 1em;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
.grid tbody td {
|
||||
border-top: solid #DDDDDD 1px;
|
||||
border-bottom: solid #DDDDDD 1px;
|
||||
padding: 0.3em 0.5em;
|
||||
}
|
||||
.grid tbody td:empty {
|
||||
padding: 0;
|
||||
}
|
||||
.grid thead tr {
|
||||
height: 2em;
|
||||
}
|
||||
.grid thead th {
|
||||
background: $table_header_bg;
|
||||
## background-image: url(form_title_bg.png);
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
border-top: solid $table_border 1px;
|
||||
border-bottom: solid $table_border 1px;
|
||||
padding: 0.3em 0.5em;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.grid tfoot td {
|
||||
background-color: #F8F8F8;
|
||||
border-top: solid #DDDDDD 1px;
|
||||
border-bottom: solid #DDDDDD 1px;
|
||||
padding: 0.3em 0.5em;
|
||||
}
|
||||
.grid .current {
|
||||
background-color: #EEEEFF;
|
||||
}
|
||||
|
||||
## Styles for areas of text content
|
||||
|
||||
.text-content {
|
||||
|
||||
hr {
|
||||
display:block;
|
||||
background:black;
|
||||
color:black;
|
||||
width:100%;
|
||||
height:1px;
|
||||
border:none;
|
||||
background:#aaa;
|
||||
color:#aaa;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-collapse:collapse;
|
||||
border-top:1px solid #ccc;
|
||||
border-left:1px solid #ccc;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
color:#666;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border-color:#ccc;
|
||||
border:1px solid #ccc;
|
||||
}
|
||||
|
||||
th,td {
|
||||
border-bottom:1px solid #ddd;
|
||||
border-right:1px solid #ccc;
|
||||
}
|
||||
|
||||
th,td {
|
||||
padding:.8em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
## Icon buttons.
|
||||
|
||||
.icon-button {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-left: 2px;
|
||||
## Allow alt text for screen readers
|
||||
text-indent: 20px;
|
||||
background-repeat:no-repeat;
|
||||
background-position: 0px 0px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.icon-button.display {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: eye_icon.png;
|
||||
}
|
||||
.icon-button.display:hover {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: eye_icon_dark.png;
|
||||
}
|
||||
.icon-button.display_disabled {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: eye_icon_grey.png;
|
||||
}
|
||||
.icon-button.delete {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: delete_icon.png;
|
||||
}
|
||||
.icon-button.delete:hover {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: delete_icon_dark.png;
|
||||
}
|
||||
.icon-button.delete_disabled {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: delete_icon_grey.png;
|
||||
}
|
||||
.icon-button.edit {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: pencil_icon.png;
|
||||
}
|
||||
.icon-button.edit:hover {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: pencil_icon_dark.png;
|
||||
}
|
||||
.icon-button.edit_disabled {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: pencil_icon_grey.png;
|
||||
}
|
||||
.icon-button.tag {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/tag-label.png;
|
||||
}
|
||||
.icon-button.tags {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/tags.png;
|
||||
}
|
||||
.icon-button.tag--plus {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/tag--plus.png;
|
||||
}
|
||||
.icon-button.toggle-expand {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/toggle-expand.png;
|
||||
}
|
||||
.icon-button.toggle {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/toggle.png;
|
||||
}
|
||||
.icon-button.arrow-circle {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/arrow-circle.png;
|
||||
}
|
||||
.icon-button.chevron {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/chevron.png;
|
||||
}
|
||||
.icon-button.bug {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/bug.png;
|
||||
}
|
||||
.icon-button.disk {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/disk.png;
|
||||
}
|
||||
.icon-button.information {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/information-white.png;
|
||||
}
|
||||
.icon-button.annotate {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/sticky-note-text.png;
|
||||
}
|
||||
.icon-button.go-to-full-screen {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/external.png;
|
||||
}
|
||||
.icon-button.import {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/plus-circle.png;
|
||||
}
|
||||
.icon-button.plus-button {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/plus-button.png;
|
||||
}
|
||||
.icon-button.gear {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/gear.png;
|
||||
}
|
||||
|
||||
.icon-button.chart_curve {
|
||||
background: url(../images/silk/chart_curve.png) no-repeat;
|
||||
}
|
||||
|
||||
.tipsy {
|
||||
padding: 5px;
|
||||
font-size: 10px;
|
||||
filter: alpha(opacity=80);
|
||||
background-repeat: no-repeat;
|
||||
background-image: url(../images/tipsy.gif);
|
||||
}
|
||||
.tipsy-inner {
|
||||
padding: 5px 8px 4px 8px;
|
||||
background-color: black;
|
||||
color: white;
|
||||
max-width: 200px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tipsy-north {
|
||||
background-position: top center;
|
||||
}
|
||||
|
||||
.tipsy-south {
|
||||
background-position: bottom center;
|
||||
}
|
||||
|
||||
.tipsy-east {
|
||||
background-position: right center;
|
||||
}
|
||||
|
||||
.tipsy-west {
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
.editable-text {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.editable-text:hover {
|
||||
cursor: text;
|
||||
border: dotted #999999 1px;
|
||||
}
|
||||
|
||||
.text-and-autocomplete-select {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/control-270.png;
|
||||
-sprite-horiz-position: right;
|
||||
}
|
||||
.icon-button.multiinput{
|
||||
background:url(../images/documents-stack.png) no-repeat;
|
||||
cursor:pointer;
|
||||
float:none;
|
||||
display:inline-block;
|
||||
margin-left:10px;
|
||||
}
|
||||
.icon-button.multiinput.disabled{
|
||||
background:url(../images/documents-stack-faded.png) no-repeat;
|
||||
cursor:auto;
|
||||
}
|
||||
.workflow-invocation-complete{
|
||||
border:solid 1px #6A6;
|
||||
border-left-width:5px;
|
||||
margin:10px 0;
|
||||
padding-left:5px;
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,102 @@
|
||||
.icon-button.display {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: eye_icon.png;
|
||||
}
|
||||
.icon-button.display:hover {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: eye_icon_dark.png;
|
||||
}
|
||||
.icon-button.display_disabled {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: eye_icon_grey.png;
|
||||
}
|
||||
.icon-button.delete {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: delete_icon.png;
|
||||
}
|
||||
.icon-button.delete:hover {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: delete_icon_dark.png;
|
||||
}
|
||||
.icon-button.delete_disabled {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: delete_icon_grey.png;
|
||||
}
|
||||
.icon-button.edit {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: pencil_icon.png;
|
||||
}
|
||||
.icon-button.edit:hover {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: pencil_icon_dark.png;
|
||||
}
|
||||
.icon-button.edit_disabled {
|
||||
-sprite-group: history-buttons;
|
||||
-sprite-image: pencil_icon_grey.png;
|
||||
}
|
||||
.icon-button.tag {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/tag-label.png;
|
||||
}
|
||||
.icon-button.tags {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/tags.png;
|
||||
}
|
||||
.icon-button.tag--plus {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/tag--plus.png;
|
||||
}
|
||||
.icon-button.toggle-expand {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/toggle-expand.png;
|
||||
}
|
||||
.icon-button.toggle {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/toggle.png;
|
||||
}
|
||||
.icon-button.arrow-circle {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/arrow-circle.png;
|
||||
}
|
||||
.icon-button.chevron {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/chevron.png;
|
||||
}
|
||||
.icon-button.bug {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/bug.png;
|
||||
}
|
||||
.icon-button.disk {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/disk.png;
|
||||
}
|
||||
.icon-button.information {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/information-white.png;
|
||||
}
|
||||
.icon-button.annotate {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/sticky-note-text.png;
|
||||
}
|
||||
.icon-button.go-to-full-screen {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/external.png;
|
||||
}
|
||||
.icon-button.import {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/plus-circle.png;
|
||||
}
|
||||
.icon-button.plus-button {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/plus-button.png;
|
||||
}
|
||||
.icon-button.gear {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/gear.png;
|
||||
}
|
||||
|
||||
.text-and-autocomplete-select {
|
||||
-sprite-group: fugue;
|
||||
-sprite-image: fugue/control-270.png;
|
||||
-sprite-horiz-position: right;
|
||||
}
|
||||
@@ -1,26 +1,560 @@
|
||||
body{font:13px/1.231 "Lucida Grande",verdana,arial,helvetica,sans-serif;*font-size:small;*font:x-small;}
|
||||
select,input,button,textarea,button{font:99% "Lucida Grande",verdana,arial,helvetica,sans-serif;}
|
||||
table{font-size:inherit;font:100%;}
|
||||
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
|
||||
body{font-size:75%;}
|
||||
.unselectable{user-select:none;-moz-user-select:none;-webkit-user-select:none;}
|
||||
.shadow{-moz-box-shadow:0 3px 30px black;-webkit-box-shadow:0 3px 30px black;}
|
||||
body{background:#FFFFFF;color:#303030;background-image:url(base_bg.png);background-repeat:repeat-x;background-position:top;margin:10px;}
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
|
||||
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
|
||||
audio:not([controls]){display:none;}
|
||||
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
|
||||
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
|
||||
a:hover,a:active{outline:0;}
|
||||
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
|
||||
sup{top:-0.5em;}
|
||||
sub{bottom:-0.25em;}
|
||||
img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic;}
|
||||
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
|
||||
button,input{*overflow:visible;line-height:normal;}
|
||||
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
|
||||
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
|
||||
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
|
||||
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
|
||||
textarea{overflow:auto;vertical-align:top;}
|
||||
body{margin:0;font-family:"Lucida Grande",verdana,arial,helvetica,sans-serif;font-size:12px;line-height:16px;color:#333333;background-color:#ffffff;}
|
||||
a{color:#303030;text-decoration:none;}
|
||||
a:hover{color:#0a0a0a;text-decoration:underline;}
|
||||
p{margin:0 0 8px;font-family:"Lucida Grande",verdana,arial,helvetica,sans-serif;font-size:12px;line-height:16px;}p small{font-size:10px;color:#999999;}
|
||||
.lead{margin-bottom:16px;font-size:20px;font-weight:200;line-height:24px;}
|
||||
h1,h2,h3,h4,h5,h6{margin:0;font-weight:bold;color:#333333;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999999;}
|
||||
h1{font-size:24px;line-height:32px;}h1 small{font-size:18px;}
|
||||
h2{font-size:18px;line-height:24px;}h2 small{font-size:14px;}
|
||||
h3{line-height:16px;font-size:14px;}h3 small{font-size:12px;}
|
||||
h4,h5,h6{line-height:16px;}
|
||||
h4{font-size:14px;}h4 small{font-size:12px;}
|
||||
h5{font-size:12px;}
|
||||
h6{font-size:11px;color:#999999;text-transform:uppercase;}
|
||||
.page-header{padding-bottom:15px;margin:16px 0;border-bottom:1px solid #eeeeee;}
|
||||
.page-header h1{line-height:1;}
|
||||
ul,ol{padding:0;margin:0 0 8px 25px;}
|
||||
ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
|
||||
ul{list-style:disc;}
|
||||
ol{list-style:decimal;}
|
||||
li{line-height:16px;}
|
||||
ul.unstyled{margin-left:0;list-style:none;}
|
||||
dl{margin-bottom:16px;}
|
||||
dt,dd{line-height:16px;}
|
||||
dt{font-weight:bold;}
|
||||
dd{margin-left:8px;}
|
||||
hr{margin:16px 0;border:0;border-top:1px solid #e5e5e5;border-bottom:1px solid #ffffff;}
|
||||
strong{font-weight:bold;}
|
||||
em{font-style:italic;}
|
||||
.muted{color:#999999;}
|
||||
abbr{font-size:90%;text-transform:uppercase;border-bottom:1px dotted #ddd;cursor:help;}
|
||||
blockquote{padding:0 0 0 15px;margin:0 0 16px;border-left:5px solid #eeeeee;}blockquote p{margin-bottom:0;font-size:16px;font-weight:300;line-height:20px;}
|
||||
blockquote small{display:block;line-height:16px;color:#999999;}blockquote small:before{content:'\2014 \00A0';}
|
||||
blockquote.pull-right{float:right;padding-left:0;padding-right:15px;border-left:0;border-right:5px solid #eeeeee;}blockquote.pull-right p,blockquote.pull-right small{text-align:right;}
|
||||
q:before,q:after,blockquote:before,blockquote:after{content:"";}
|
||||
address{display:block;margin-bottom:16px;line-height:16px;font-style:normal;}
|
||||
small{font-size:100%;}
|
||||
cite{font-style:normal;}
|
||||
table{max-width:100%;border-collapse:collapse;border-spacing:0;}
|
||||
.table{width:100%;margin-bottom:16px;}.table th,.table td{padding:8px;line-height:16px;text-align:left;border-top:1px solid #ddd;}
|
||||
.table th{font-weight:bold;vertical-align:bottom;}
|
||||
.table td{vertical-align:top;}
|
||||
.table thead:first-child tr th,.table thead:first-child tr td{border-top:0;}
|
||||
.table tbody+tbody{border-top:2px solid #ddd;}
|
||||
.table-condensed th,.table-condensed td{padding:4px 5px;}
|
||||
.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapsed;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th+th,.table-bordered td+td,.table-bordered th+td,.table-bordered td+th{border-left:1px solid #ddd;}
|
||||
.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
|
||||
.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;}
|
||||
.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;}
|
||||
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;}
|
||||
.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;}
|
||||
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
|
||||
table .span1{float:none;width:44px;margin-left:0;}
|
||||
table .span2{float:none;width:124px;margin-left:0;}
|
||||
table .span3{float:none;width:204px;margin-left:0;}
|
||||
table .span4{float:none;width:284px;margin-left:0;}
|
||||
table .span5{float:none;width:364px;margin-left:0;}
|
||||
table .span6{float:none;width:444px;margin-left:0;}
|
||||
table .span7{float:none;width:524px;margin-left:0;}
|
||||
table .span8{float:none;width:604px;margin-left:0;}
|
||||
table .span9{float:none;width:684px;margin-left:0;}
|
||||
table .span10{float:none;width:764px;margin-left:0;}
|
||||
table .span11{float:none;width:844px;margin-left:0;}
|
||||
table .span12{float:none;width:924px;margin-left:0;}
|
||||
.dropdown{position:relative;}
|
||||
.dropdown-toggle{*margin-bottom:-3px;}
|
||||
.dropdown-toggle:active,.open .dropdown-toggle{outline:0;}
|
||||
.caret{display:inline-block;width:0;height:0;text-indent:-99999px;*text-indent:0;vertical-align:top;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000000;opacity:0.3;filter:alpha(opacity=30);content:"\2193";}
|
||||
.dropdown .caret{margin-top:8px;margin-left:2px;}
|
||||
.dropdown:hover .caret,.open.dropdown .caret{opacity:1;filter:alpha(opacity=100);}
|
||||
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;_width:160px;padding:4px 0;margin:0;list-style:none;background-color:#ffffff;border-color:#ccc;border-color:rgba(0, 0, 0, 0.2);border-style:solid;border-width:1px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;}.dropdown-menu.bottom-up{top:auto;bottom:100%;margin-bottom:2px;}
|
||||
.dropdown-menu .divider{height:1px;margin:5px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;*width:100%;*margin:-5px 0 5px;}
|
||||
.dropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:normal;line-height:18px;color:#555555;white-space:nowrap;}
|
||||
.dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#ffffff;text-decoration:none;background-color:#303030;}
|
||||
.dropdown.open{*z-index:1000;}.dropdown.open .dropdown-toggle{color:#ffffff;background:#ccc;background:rgba(0, 0, 0, 0.3);}
|
||||
.dropdown.open .dropdown-menu{display:block;}
|
||||
.typeahead{margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);}
|
||||
.fade{-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;opacity:0;}.fade.in{opacity:1;}
|
||||
.collapse{-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-ms-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;position:relative;overflow:hidden;height:0;}.collapse.in{height:auto;}
|
||||
.close{float:right;font-size:20px;font-weight:bold;line-height:16px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover{color:#000000;text-decoration:none;opacity:0.4;filter:alpha(opacity=40);cursor:pointer;}
|
||||
.btn{display:inline-block;padding:4px 10px 4px;font-size:12px;line-height:16px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;}.btn:first-child{*margin-left:0;}
|
||||
.btn.hover,.btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
|
||||
.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
|
||||
.btn.active,.btn:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);background-color:#e6e6e6;background-color:#d9d9d9 \9;color:rgba(0, 0, 0, 0.5);outline:0;}
|
||||
.btn.disabled,.btn[disabled]{cursor:default;background-image:none;background-color:#e6e6e6;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.btn-large{padding:9px 14px;font-size:14px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
|
||||
.btn-large .icon{margin-top:1px;}
|
||||
.btn-small{padding:5px 9px;font-size:10px;line-height:14px;}
|
||||
.btn-small .icon{margin-top:-1px;}
|
||||
.btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover{text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);color:#ffffff;}
|
||||
.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active{color:rgba(255, 255, 255, 0.75);}
|
||||
.btn-primary{background-color:#303030;background-image:-moz-linear-gradient(top, #303030, #303030);background-image:-ms-linear-gradient(top, #303030, #303030);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#303030), to(#303030));background-image:-webkit-linear-gradient(top, #303030, #303030);background-image:-o-linear-gradient(top, #303030, #303030);background-image:linear-gradient(top, #303030, #303030);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#303030', GradientType=0);border-color:#303030 #303030 #0a0a0a;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#303030;}
|
||||
.btn-primary:active,.btn-primary.active{background-color:#161616 \9;}
|
||||
.btn-warning{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-ms-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(top, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);border-color:#f89406 #f89406 #ad6704;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{background-color:#f89406;}
|
||||
.btn-warning:active,.btn-warning.active{background-color:#c67605 \9;}
|
||||
.btn-danger{background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(top, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);border-color:#bd362f #bd362f #802420;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{background-color:#bd362f;}
|
||||
.btn-danger:active,.btn-danger.active{background-color:#942a25 \9;}
|
||||
.btn-success{background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-ms-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(top, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{background-color:#51a351;}
|
||||
.btn-success:active,.btn-success.active{background-color:#408140 \9;}
|
||||
.btn-info{background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(top, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{background-color:#2f96b4;}
|
||||
.btn-info:active,.btn-info.active{background-color:#24748c \9;}
|
||||
button.btn,input[type="submit"].btn{*padding-top:2px;*padding-bottom:2px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;}
|
||||
button.btn.large,input[type="submit"].btn.large{*padding-top:7px;*padding-bottom:7px;}
|
||||
button.btn.small,input[type="submit"].btn.small{*padding-top:3px;*padding-bottom:3px;}
|
||||
.btn-group{position:relative;*zoom:1;*margin-left:.3em;}.btn-group:before,.btn-group:after{display:table;content:"";}
|
||||
.btn-group:after{clear:both;}
|
||||
.btn-group:first-child{*margin-left:0;}
|
||||
.btn-group+.btn-group{margin-left:5px;}
|
||||
.btn-toolbar{margin-top:8px;margin-bottom:8px;}.btn-toolbar .btn-group{display:inline-block;*display:inline;*zoom:1;}
|
||||
.btn-group .btn{position:relative;float:left;margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
|
||||
.btn-group .btn:first-child{margin-left:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
|
||||
.btn-group .btn:last-child,.btn-group .dropdown-toggle{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
|
||||
.btn-group .btn.large:first-child{margin-left:0;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}
|
||||
.btn-group .btn.large:last-child,.btn-group .large.dropdown-toggle{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
|
||||
.btn-group .btn:hover,.btn-group .btn:focus,.btn-group .btn:active,.btn-group .btn.active{z-index:2;}
|
||||
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0;}
|
||||
.btn-group .dropdown-toggle{padding-left:8px;padding-right:8px;-webkit-box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125),inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125),inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125),inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);*padding-top:5px;*padding-bottom:5px;}
|
||||
.btn-group.open{*z-index:1000;}.btn-group.open .dropdown-menu{display:block;margin-top:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
|
||||
.btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);}
|
||||
.btn .caret{margin-top:7px;margin-left:0;}
|
||||
.btn:hover .caret,.open.btn-group .caret{opacity:1;filter:alpha(opacity=100);}
|
||||
.btn-primary .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret{border-top-color:#ffffff;opacity:0.75;filter:alpha(opacity=75);}
|
||||
.btn-small .caret{margin-top:4px;}
|
||||
.alert{padding:8px 35px 8px 14px;margin-bottom:16px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#ffffcc;border:1px solid #ffdd33;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||
.alert,.alert-heading{color:#666600;}
|
||||
.alert .close{position:relative;top:-2px;right:-21px;line-height:18px;}
|
||||
.alert-success{background-color:#ccffcc;border-color:#1a9900;}
|
||||
.alert-success,.alert-success .alert-heading{color:#006600;}
|
||||
.alert-danger,.alert-error{background-color:#ffcccc;border-color:#ff3355;}
|
||||
.alert-danger,.alert-error,.alert-danger .alert-heading,.alert-error .alert-heading{color:#660000;}
|
||||
.alert-info{background-color:#d9edf7;border-color:#1b7183;}
|
||||
.alert-info,.alert-info .alert-heading{color:#134158;}
|
||||
.alert-block{padding-top:14px;padding-bottom:14px;}
|
||||
.alert-block>p,.alert-block>ul{margin-bottom:0;}
|
||||
.alert-block p+p{margin-top:5px;}
|
||||
.nav{margin-left:0;margin-bottom:16px;list-style:none;}
|
||||
.nav>li>a{display:block;}
|
||||
.nav>li>a:hover{text-decoration:none;background-color:#eeeeee;}
|
||||
.nav-list{padding-left:14px;padding-right:14px;margin-bottom:0;}
|
||||
.nav-list>li>a,.nav-list .nav-header{display:block;padding:3px 15px;margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
|
||||
.nav-list .nav-header{font-size:11px;font-weight:bold;line-height:16px;color:#999999;text-transform:uppercase;}
|
||||
.nav-list>li+.nav-header{margin-top:9px;}
|
||||
.nav-list .active>a,.nav-list .active>a:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);background-color:#303030;}
|
||||
.nav-list [class^="icon-"]{margin-right:2px;}
|
||||
.nav-tabs,.nav-pills{*zoom:1;}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";}
|
||||
.nav-tabs:after,.nav-pills:after{clear:both;}
|
||||
.nav-tabs>li,.nav-pills>li{float:left;}
|
||||
.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;}
|
||||
.nav-tabs{border-bottom:1px solid #ddd;}
|
||||
.nav-tabs>li{margin-bottom:-1px;}
|
||||
.nav-tabs>li>a{padding-top:9px;padding-bottom:9px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #dddddd;}
|
||||
.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
|
||||
.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
|
||||
.nav-pills .active>a,.nav-pills .active>a:hover{color:#ffffff;background-color:#303030;}
|
||||
.nav-stacked>li{float:none;}
|
||||
.nav-stacked>li>a{margin-right:0;}
|
||||
.nav-tabs.nav-stacked{border-bottom:0;}
|
||||
.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
|
||||
.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
|
||||
.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
|
||||
.nav-tabs.nav-stacked>li>a:hover{border-color:#ddd;z-index:2;}
|
||||
.nav-pills.nav-stacked>li>a{margin-bottom:3px;}
|
||||
.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px;}
|
||||
.nav-tabs .dropdown-menu,.nav-pills .dropdown-menu{margin-top:1px;border-width:1px;}
|
||||
.nav-pills .dropdown-menu{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||
.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret{border-top-color:#303030;margin-top:6px;}
|
||||
.nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret{border-top-color:#0a0a0a;}
|
||||
.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret{border-top-color:#333333;}
|
||||
.nav>.dropdown.active>a:hover{color:#000000;cursor:pointer;}
|
||||
.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>.open.active>a:hover{color:#ffffff;background-color:#999999;border-color:#999999;}
|
||||
.nav .open .caret,.nav .open.active .caret,.nav .open a:hover .caret{border-top-color:#ffffff;opacity:1;filter:alpha(opacity=100);}
|
||||
.tabs-stacked .open>a:hover{border-color:#999999;}
|
||||
.tabbable{*zoom:1;}.tabbable:before,.tabbable:after{display:table;content:"";}
|
||||
.tabbable:after{clear:both;}
|
||||
.tabs-below .nav-tabs,.tabs-right .nav-tabs,.tabs-left .nav-tabs{border-bottom:0;}
|
||||
.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
|
||||
.tab-content>.active,.pill-content>.active{display:block;}
|
||||
.tabs-below .nav-tabs{border-top:1px solid #ddd;}
|
||||
.tabs-below .nav-tabs>li{margin-top:-1px;margin-bottom:0;}
|
||||
.tabs-below .nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below .nav-tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#ddd;}
|
||||
.tabs-below .nav-tabs .active>a,.tabs-below .nav-tabs .active>a:hover{border-color:transparent #ddd #ddd #ddd;}
|
||||
.tabs-left .nav-tabs>li,.tabs-right .nav-tabs>li{float:none;}
|
||||
.tabs-left .nav-tabs>li>a,.tabs-right .nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;}
|
||||
.tabs-left .nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd;}
|
||||
.tabs-left .nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
|
||||
.tabs-left .nav-tabs>li>a:hover{border-color:#eeeeee #dddddd #eeeeee #eeeeee;}
|
||||
.tabs-left .nav-tabs .active>a,.tabs-left .nav-tabs .active>a:hover{border-color:#ddd transparent #ddd #ddd;*border-right-color:#ffffff;}
|
||||
.tabs-right .nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd;}
|
||||
.tabs-right .nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
|
||||
.tabs-right .nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #eeeeee #dddddd;}
|
||||
.tabs-right .nav-tabs .active>a,.tabs-right .nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;}
|
||||
.navbar{overflow:visible;margin-bottom:16px;}
|
||||
.navbar-inner{padding-left:20px;padding-right:20px;background-color:#303239;background-image:-moz-linear-gradient(top, #333333, #2c3143);background-image:-ms-linear-gradient(top, #333333, #2c3143);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#2c3143));background-image:-webkit-linear-gradient(top, #333333, #2c3143);background-image:-o-linear-gradient(top, #333333, #2c3143);background-image:linear-gradient(top, #333333, #2c3143);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#2c3143', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);}
|
||||
.btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#303239;background-image:-moz-linear-gradient(top, #333333, #2c3143);background-image:-ms-linear-gradient(top, #333333, #2c3143);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#2c3143));background-image:-webkit-linear-gradient(top, #333333, #2c3143);background-image:-o-linear-gradient(top, #333333, #2c3143);background-image:linear-gradient(top, #333333, #2c3143);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#2c3143', GradientType=0);border-color:#2c3143 #2c3143 #0e0f15;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);}.btn-navbar:hover,.btn-navbar:active,.btn-navbar.active,.btn-navbar.disabled,.btn-navbar[disabled]{background-color:#2c3143;}
|
||||
.btn-navbar:active,.btn-navbar.active{background-color:#181a24 \9;}
|
||||
.btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);}
|
||||
.btn-navbar .icon-bar+.icon-bar{margin-top:3px;}
|
||||
.nav-collapse.collapse{height:auto;}
|
||||
.navbar .brand:hover{text-decoration:none;}
|
||||
.navbar .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;}
|
||||
.navbar .navbar-text{margin-bottom:0;line-height:40px;color:#999999;}.navbar .navbar-text a:hover{color:#ffffff;background-color:transparent;}
|
||||
.navbar .btn,.navbar .btn-group{margin-top:5px;}
|
||||
.navbar .btn-group .btn{margin-top:0;}
|
||||
.navbar-form{margin-bottom:0;*zoom:1;}.navbar-form:before,.navbar-form:after{display:table;content:"";}
|
||||
.navbar-form:after{clear:both;}
|
||||
.navbar-form input,.navbar-form select{display:inline-block;margin-top:5px;margin-bottom:0;}
|
||||
.navbar-form .radio,.navbar-form .checkbox{margin-top:5px;}
|
||||
.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;}
|
||||
.navbar-search{position:relative;float:left;margin-top:6px;margin-bottom:0;}.navbar-search .search-query{padding:4px 9px;font-family:"Lucida Grande",verdana,arial,helvetica,sans-serif;font-size:13px;font-weight:normal;line-height:1;color:#ffffff;color:rgba(255, 255, 255, 0.75);background:#666;background:rgba(255, 255, 255, 0.3);border:1px solid #111;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.navbar-search .search-query :-moz-placeholder{color:#eeeeee;}
|
||||
.navbar-search .search-query::-webkit-input-placeholder{color:#eeeeee;}
|
||||
.navbar-search .search-query:hover{color:#ffffff;background-color:#999999;background-color:rgba(255, 255, 255, 0.5);}
|
||||
.navbar-search .search-query:focus,.navbar-search .search-query.focused{padding:5px 10px;color:#333333;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;}
|
||||
.navbar-fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030;}
|
||||
.navbar-fixed-top .navbar-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
|
||||
.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;}
|
||||
.navbar .nav.pull-right{float:right;}
|
||||
.navbar .nav>li{display:block;float:left;}
|
||||
.navbar .nav>li>a{float:none;padding:10px 10px 11px;line-height:19px;color:#999999;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
|
||||
.navbar .nav>li>a:hover{background-color:transparent;color:#ffffff;text-decoration:none;}
|
||||
.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#ffffff;text-decoration:none;background-color:#2c3143;background-color:rgba(0, 0, 0, 0.5);}
|
||||
.navbar .divider-vertical{height:32px;width:1px;margin:0 9px;overflow:hidden;background-color:#2c3143;border-right:1px solid #333333;}
|
||||
.navbar .nav.pull-right{margin-left:10px;margin-right:0;}
|
||||
.navbar .dropdown-menu{margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.navbar .dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;}
|
||||
.navbar .dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;}
|
||||
.navbar .nav .dropdown-toggle .caret,.navbar .nav .open.dropdown .caret{border-top-color:#ffffff;}
|
||||
.navbar .nav .active .caret{opacity:1;filter:alpha(opacity=100);}
|
||||
.navbar .nav .open>.dropdown-toggle,.navbar .nav .active>.dropdown-toggle,.navbar .nav .open.active>.dropdown-toggle{background-color:transparent;}
|
||||
.navbar .nav .active>.dropdown-toggle:hover{color:#ffffff;}
|
||||
.navbar .nav.pull-right .dropdown-menu{left:auto;right:0;}.navbar .nav.pull-right .dropdown-menu:before{left:auto;right:12px;}
|
||||
.navbar .nav.pull-right .dropdown-menu:after{left:auto;right:13px;}
|
||||
.breadcrumb{padding:7px 14px;margin:0 0 16px;background-color:#fbfbfb;background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline;text-shadow:0 1px 0 #ffffff;}
|
||||
.breadcrumb .divider{padding:0 5px;color:#999999;}
|
||||
.breadcrumb .active a{color:#333333;}
|
||||
.pagination{height:32px;margin:16px 0;}
|
||||
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
|
||||
.pagination li{display:inline;}
|
||||
.pagination a{float:left;padding:0 14px;line-height:30px;text-decoration:none;border:1px solid #ddd;border-left-width:0;}
|
||||
.pagination a:hover,.pagination .active a{background-color:#f5f5f5;}
|
||||
.pagination .active a{color:#999999;cursor:default;}
|
||||
.pagination .disabled a,.pagination .disabled a:hover{color:#999999;background-color:transparent;cursor:default;}
|
||||
.pagination li:first-child a{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
|
||||
.pagination li:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
|
||||
.pagination-centered{text-align:center;}
|
||||
.pagination-right{text-align:right;}
|
||||
.pager{margin-left:0;margin-bottom:16px;list-style:none;text-align:center;*zoom:1;}.pager:before,.pager:after{display:table;content:"";}
|
||||
.pager:after{clear:both;}
|
||||
.pager li{display:inline;}
|
||||
.pager a{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
|
||||
.pager a:hover{text-decoration:none;background-color:#f5f5f5;}
|
||||
.pager .next a{float:right;}
|
||||
.pager .previous a{float:left;}
|
||||
.modal-open .dropdown-menu{z-index:2050;}
|
||||
.modal-open .dropdown.open{*z-index:2050;}
|
||||
.modal-open .popover{z-index:2060;}
|
||||
.modal-open .tooltip{z-index:2070;}
|
||||
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;}
|
||||
.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);}
|
||||
.modal{position:fixed;top:50%;left:50%;z-index:1050;max-height:500px;overflow:auto;width:560px;margin:-250px 0 0 -280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-ms-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
|
||||
.modal.fade.in{top:50%;}
|
||||
.modal-header{padding:9px 15px;border-bottom:1px solid #eee;}.modal-header .close{margin-top:2px;}
|
||||
.modal-body{padding:15px;}
|
||||
.modal-footer{padding:14px 15px 15px;margin-bottom:0;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;*zoom:1;}.modal-footer:before,.modal-footer:after{display:table;content:"";}
|
||||
.modal-footer:after{clear:both;}
|
||||
.modal-footer .btn{float:right;margin-left:5px;margin-bottom:0;}
|
||||
.popover{position:absolute;top:0;left:0;z-index:1010;display:none;padding:5px;}.popover.top{margin-top:-5px;}
|
||||
.popover.right{margin-left:5px;}
|
||||
.popover.bottom{margin-top:5px;}
|
||||
.popover.left{margin-left:-5px;}
|
||||
.popover.top .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
|
||||
.popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
|
||||
.popover.bottom .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
|
||||
.popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
|
||||
.popover .arrow{position:absolute;width:0;height:0;}
|
||||
.popover-inner{padding:3px;width:280px;overflow:hidden;background:#000000;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);}
|
||||
.popover-title{padding:9px 15px;line-height:1;background-color:#f5f5f5;border-bottom:1px solid #eee;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
|
||||
.popover-content{padding:14px;background-color:#ffffff;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.popover-content p,.popover-content ul,.popover-content ol{margin-bottom:0;}
|
||||
@-webkit-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}.progress{overflow:hidden;height:18px;margin-bottom:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-ms-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(top, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||
.progress .bar{width:0%;height:18px;color:#ffffff;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-ms-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(top, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-ms-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
|
||||
.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
|
||||
.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
|
||||
.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);}
|
||||
.progress-danger.progress-striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
|
||||
.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);}
|
||||
.progress-success.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
|
||||
.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(top, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);}
|
||||
.progress-info.progress-striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
|
||||
.accordion{margin-bottom:16px;}
|
||||
.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||
.accordion-heading{border-bottom:0;}
|
||||
.accordion-heading .accordion-toggle{display:block;padding:8px 15px;}
|
||||
.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;}
|
||||
.carousel{position:relative;margin-bottom:16px;line-height:1;}
|
||||
.carousel-inner{overflow:hidden;width:100%;position:relative;}
|
||||
.carousel .item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-ms-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;}
|
||||
.carousel .item>img{display:block;line-height:1;}
|
||||
.carousel .active,.carousel .next,.carousel .prev{display:block;}
|
||||
.carousel .active{left:0;}
|
||||
.carousel .next,.carousel .prev{position:absolute;top:0;width:100%;}
|
||||
.carousel .next{left:100%;}
|
||||
.carousel .prev{left:-100%;}
|
||||
.carousel .next.left,.carousel .prev.right{left:0;}
|
||||
.carousel .active.left{left:-100%;}
|
||||
.carousel .active.right{left:100%;}
|
||||
.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:15px;}
|
||||
.carousel-control:hover{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);}
|
||||
.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 15px 5px;background:#333333;background:rgba(0, 0, 0, 0.75);}
|
||||
.carousel-caption h4,.carousel-caption p{color:#ffffff;}
|
||||
.hero-unit{padding:60px;margin-bottom:30px;background-color:#f5f5f5;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;letter-spacing:-1px;}
|
||||
.hero-unit p{font-size:18px;font-weight:200;line-height:24px;}
|
||||
.pull-right{float:right;}
|
||||
.pull-left{float:left;}
|
||||
.hide{display:none;}
|
||||
.show{display:block;}
|
||||
.invisible{visibility:hidden;}
|
||||
@font-face{font-family:'IconicStroke';src:url('../images/fonts/iconic_stroke.eot');src:url('../images/fonts/iconic_stroke.eot?#iefix') format('embedded-opentype'),url('../images/fonts/iconic_stroke.ttf') format('truetype'),url('../images/fonts/iconic_stroke.svg#iconic') format('svg');font-weight:normal;font-style:normal;}.iconic{display:inline-block;font-family:'IconicStroke';}
|
||||
.iconic.lightbulb:before{content:'\e063';}
|
||||
.iconic.equalizer:before{content:'\e052';}
|
||||
.iconic.map_pin_stroke:before{content:'\e068';}
|
||||
.iconic.brush_alt:before{content:'\e01c';}
|
||||
.iconic.move:before{content:'\e03e';}
|
||||
.iconic.pen_alt_stroke:before{content:'\e005';}
|
||||
.iconic.move_vertical:before{content:'\e03b';}
|
||||
.iconic.book_alt2:before{content:'\e06a';}
|
||||
.iconic.layers:before{content:'\e01f';}
|
||||
.iconic.pause:before{content:'\e049';}
|
||||
.iconic.layers_alt:before{content:'\e020';}
|
||||
.iconic.cloud_upload:before{content:'\e045';}
|
||||
.iconic.chart_alt:before{content:'\e029';}
|
||||
.iconic.fullscreen_exit_alt:before{content:'\e051';}
|
||||
.iconic.cloud_download:before{content:'\e044';}
|
||||
.iconic.comment_alt2_stroke:before{content:'\e004';}
|
||||
.iconic.mail:before{content:'\2709';}
|
||||
.iconic.check_alt:before{content:'\2718';}
|
||||
.iconic.document_stroke:before{content:'\e066';}
|
||||
.iconic.battery_charging:before{content:'\e05d';}
|
||||
.iconic.stop:before{content:'\e04a';}
|
||||
.iconic.arrow_up:before{content:'\2191';}
|
||||
.iconic.move_horizontal:before{content:'\e038';}
|
||||
.iconic.compass:before{content:'\e021';}
|
||||
.iconic.minus_alt:before{content:'\e009';}
|
||||
.iconic.battery_empty:before{content:'\e05c';}
|
||||
.iconic.map_pin_alt:before{content:'\e002';}
|
||||
.iconic.unlock_stroke:before{content:'\e076';}
|
||||
.iconic.lock_stroke:before{content:'\e075';}
|
||||
.iconic.question_mark:before{content:'\003f';}
|
||||
.iconic.list:before{content:'\e055';}
|
||||
.iconic.upload:before{content:'\e043';}
|
||||
.iconic.reload:before{content:'\e030';}
|
||||
.iconic.loop_alt4:before{content:'\e035';}
|
||||
.iconic.loop_alt3:before{content:'\e034';}
|
||||
.iconic.loop_alt2:before{content:'\e033';}
|
||||
.iconic.loop_alt1:before{content:'\e032';}
|
||||
.iconic.left_quote:before{content:'\275d';}
|
||||
.iconic.x:before{content:'\2713';}
|
||||
.iconic.last:before{content:'\e04d';}
|
||||
.iconic.document_alt_stroke:before{content:'\e000';}
|
||||
.iconic.bars:before{content:'\e06f';}
|
||||
.iconic.arrow_left:before{content:'\2190';}
|
||||
.iconic.arrow_down:before{content:'\2193';}
|
||||
.iconic.download:before{content:'\e042';}
|
||||
.iconic.home:before{content:'\2302';}
|
||||
.iconic.calendar:before{content:'\e001';}
|
||||
.iconic.right_quote_alt:before{content:'\e012';}
|
||||
.iconic.fullscreen:before{content:'\e04e';}
|
||||
.iconic.dial:before{content:'\e058';}
|
||||
.iconic.plus_alt:before{content:'\e008';}
|
||||
.iconic.clock:before{content:'\e079';}
|
||||
.iconic.movie:before{content:'\e060';}
|
||||
.iconic.steering_wheel:before{content:'\e024';}
|
||||
.iconic.pen:before{content:'\270e';}
|
||||
.iconic.tag_stroke:before{content:'\e02b';}
|
||||
.iconic.pin:before{content:'\e067';}
|
||||
.iconic.denied:before{content:'\26d4';}
|
||||
.iconic.left_quote_alt:before{content:'\e011';}
|
||||
.iconic.volume_mute:before{content:'\e071';}
|
||||
.iconic.arrow_up_alt2:before{content:'\e018';}
|
||||
.iconic.list_nested:before{content:'\e056';}
|
||||
.iconic.arrow_up_alt1:before{content:'\e014';}
|
||||
.iconic.comment_stroke:before{content:'\e06d';}
|
||||
.iconic.undo:before{content:'\e02f';}
|
||||
.iconic.umbrella:before{content:'\2602';}
|
||||
.iconic.bolt:before{content:'\26a1';}
|
||||
.iconic.article:before{content:'\e053';}
|
||||
.iconic.read_more:before{content:'\e054';}
|
||||
.iconic.beaker:before{content:'\e023';}
|
||||
.iconic.beaker_alt:before{content:'\e010';}
|
||||
.iconic.battery_full:before{content:'\e073';}
|
||||
.iconic.arrow_right:before{content:'\2192';}
|
||||
.iconic.new_window:before{content:'\e059';}
|
||||
.iconic.plus:before{content:'\2795';}
|
||||
.iconic.cog:before{content:'\2699';}
|
||||
.iconic.key_stroke:before{content:'\26bf';}
|
||||
.iconic.first:before{content:'\e04c';}
|
||||
.iconic.comment_alt1_stroke:before{content:'\e003';}
|
||||
.iconic.trash_stroke:before{content:'\e05a';}
|
||||
.iconic.image:before{content:'\e027';}
|
||||
.iconic.chat_alt_stroke:before{content:'\e007';}
|
||||
.iconic.cd:before{content:'\e064';}
|
||||
.iconic.right_quote:before{content:'\275e';}
|
||||
.iconic.brush:before{content:'\e01b';}
|
||||
.iconic.cloud:before{content:'\2601';}
|
||||
.iconic.eye:before{content:'\e025';}
|
||||
.iconic.play_alt:before{content:'\e048';}
|
||||
.iconic.transfer:before{content:'\e041';}
|
||||
.iconic.pen_alt2:before{content:'\e006';}
|
||||
.iconic.camera:before{content:'\e070';}
|
||||
.iconic.move_horizontal_alt2:before{content:'\e03a';}
|
||||
.iconic.curved_arrow:before{content:'\2935';}
|
||||
.iconic.move_horizontal_alt1:before{content:'\e039';}
|
||||
.iconic.aperture:before{content:'\e026';}
|
||||
.iconic.reload_alt:before{content:'\e031';}
|
||||
.iconic.magnifying_glass:before{content:'\e074';}
|
||||
.iconic.iphone:before{content:'\e06e';}
|
||||
.iconic.fork:before{content:'\e046';}
|
||||
.iconic.box:before{content:'\e06b';}
|
||||
.iconic.bars_alt:before{content:'\e00a';}
|
||||
.iconic.heart_stroke:before{content:'\2764';}
|
||||
.iconic.volume:before{content:'\e072';}
|
||||
.iconic.x_alt:before{content:'\2714';}
|
||||
.iconic.link:before{content:'\e077';}
|
||||
.iconic.moon_stroke:before{content:'\263e';}
|
||||
.iconic.eyedropper:before{content:'\e01e';}
|
||||
.iconic.spin:before{content:'\e036';}
|
||||
.iconic.rss:before{content:'\e02c';}
|
||||
.iconic.info:before{content:'\2139';}
|
||||
.iconic.target:before{content:'\e02a';}
|
||||
.iconic.cursor:before{content:'\e057';}
|
||||
.iconic.minus:before{content:'\2796';}
|
||||
.iconic.book_alt:before{content:'\e00b';}
|
||||
.iconic.headphones:before{content:'\e061';}
|
||||
.iconic.hash:before{content:'\0023';}
|
||||
.iconic.arrow_left_alt1:before{content:'\e013';}
|
||||
.iconic.arrow_left_alt2:before{content:'\e017';}
|
||||
.iconic.fullscreen_exit:before{content:'\e050';}
|
||||
.iconic.share:before{content:'\e02e';}
|
||||
.iconic.fullscreen_alt:before{content:'\e04f';}
|
||||
.iconic.at:before{content:'\0040';}
|
||||
.iconic.chat:before{content:'\e05e';}
|
||||
.iconic.move_vertical_alt2:before{content:'\e03d';}
|
||||
.iconic.move_vertical_alt1:before{content:'\e03c';}
|
||||
.iconic.check:before{content:'\2717';}
|
||||
.iconic.mic:before{content:'\e05f';}
|
||||
.iconic.calendar_alt_stroke:before{content:'\e06c';}
|
||||
.iconic.book:before{content:'\e069';}
|
||||
.iconic.move_alt1:before{content:'\e03f';}
|
||||
.iconic.move_alt2:before{content:'\e040';}
|
||||
.iconic.award_stroke:before{content:'\e022';}
|
||||
.iconic.wrench:before{content:'\e078';}
|
||||
.iconic.play:before{content:'\e047';}
|
||||
.iconic.star:before{content:'\2605';}
|
||||
.iconic.chart:before{content:'\e028';}
|
||||
.iconic.rain:before{content:'\26c6';}
|
||||
.iconic.folder_stroke:before{content:'\e065';}
|
||||
.iconic.sun_stroke:before{content:'\2600';}
|
||||
.iconic.user:before{content:'\e062';}
|
||||
.iconic.battery_half:before{content:'\e05b';}
|
||||
.iconic.aperture_alt:before{content:'\e00c';}
|
||||
.iconic.eject:before{content:'\e04b';}
|
||||
.iconic.arrow_down_alt1:before{content:'\e016';}
|
||||
.iconic.pilcrow:before{content:'\00b6';}
|
||||
.iconic.arrow_down_alt2:before{content:'\e01a';}
|
||||
.iconic.arrow_right_alt1:before{content:'\e015';}
|
||||
.iconic.arrow_right_alt2:before{content:'\e019';}
|
||||
.iconic.rss_alt:before{content:'\e02d';}
|
||||
.iconic.spin_alt:before{content:'\e037';}
|
||||
.unselectable{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
|
||||
.shadow{-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);}
|
||||
.clear{*zoom:1;}.clear:before,.clear:after{display:table;content:"";}
|
||||
.clear:after{clear:both;}
|
||||
body{background:#ffffff;color:#303030;background-image:url(base_bg.png);background-repeat:repeat-x;background-position:top;margin:10px;}
|
||||
img{border:0;}
|
||||
a:link,a:visited,a:active{color:#303030;}
|
||||
h1,h2,h3,h4{color:#023858;}
|
||||
a:link,a:visited,a:active{text-decoration:underline;color:#303030;}
|
||||
h1,h2,h3,h4{color:#023858;margin:0.5em 0;}
|
||||
h1:first-child,h2:first-child,h3:first-child,h4:first-child{margin-top:0px;}
|
||||
hr{border:none;height:0px;border-bottom:dotted #303030 1px;}
|
||||
table{border-collapse:collapse;}
|
||||
th{text-align:left;}
|
||||
#background{position:absolute;background:#eeeeee;z-index:-1;top:0;left:0;margin:0;padding:0;width:100%;height:100%;}
|
||||
#messagebox{position:absolute;top:33px;left:0;width:100%;height:24px !important;overflow:hidden;border-bottom:solid #999 1px;font-size:90%;}
|
||||
#left,#left-border,#center,#right-border,#right{position:absolute;top:33px;bottom:0px;overflow:hidden;background:#fff;}
|
||||
#left{left:0px;width:250px;z-index:200;border-right:solid #999999 1px;}
|
||||
#left-border{left:250px;}
|
||||
#center{left:250px;right:250px;overflow:hidden;z-index:1;}
|
||||
#right-border{right:250px;}
|
||||
#right{width:250px;right:0px;z-index:200;border-left:solid #999999 1px;}
|
||||
.subnavbar{background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-bottom:solid #999999 1px;border-top:solid #999999 1px;padding:5px;color:#555;}
|
||||
.unified-panel-header{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;height:30px;z-index:1000;text-shadow:rgba(255, 255, 255, 0.8) 0 1px 0;background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-bottom:solid #999999 1px;margin:0;padding:0;padding-right:10px;padding-left:10px;font-weight:bold;color:#555;}.unified-panel-header a{color:#555;}
|
||||
.unified-panel-header-inner{padding-top:8px;}
|
||||
.unified-panel-footer{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;position:absolute;bottom:0;height:25px;line-height:25px;width:100%;z-index:1000;border-top:solid #999999 1px;background-color:#f0f0f0;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), color-stop(25%, #f2f2f2), to(#e6e6e6));background-image:-webkit-linear-gradient(#f2f2f2, #f2f2f2 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #f2f2f2, #f2f2f2 25%, #e6e6e6);background-image:-ms-linear-gradient(#f2f2f2, #f2f2f2 25%, #e6e6e6);background-image:-o-linear-gradient(#f2f2f2, #f2f2f2 25%, #e6e6e6);background-image:linear-gradient(#f2f2f2, #f2f2f2 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e6e6e6', GradientType=0);color:#555;}.unified-panel-footer a{color:#555;}
|
||||
.unified-panel-footer .drag,.unified-panel-footer .collapse{position:absolute;top:0;right:0;padding:0 5px;text-align:center;height:25px;width:20px;background-image:url(../images/visualization/draggable_horizontal.png);background-repeat:no-repeat;background-position:50% 50%;}
|
||||
.unified-panel-footer .drag{cursor:w-resize;}
|
||||
.unified-panel-footer .collapse{position:fixed;left:0;top:inherit;bottom:0;background:none;border-right:solid #999999 1px;border-top:solid #999999 1px;background-color:#f0f0f0;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), color-stop(25%, #f2f2f2), to(#e6e6e6));background-image:-webkit-linear-gradient(#f2f2f2, #f2f2f2 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #f2f2f2, #f2f2f2 25%, #e6e6e6);background-image:-ms-linear-gradient(#f2f2f2, #f2f2f2 25%, #e6e6e6);background-image:-o-linear-gradient(#f2f2f2, #f2f2f2 25%, #e6e6e6);background-image:linear-gradient(#f2f2f2, #f2f2f2 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e6e6e6', GradientType=0);display:inline-block;font-family:'IconicStroke';}
|
||||
.unified-panel-footer .collapse:before{content:'\2190';}
|
||||
.unified-panel-footer .collapse.hidden:before{content:'\2192';}
|
||||
#right>.unified-panel-footer .drag{left:0;}
|
||||
#right>.unified-panel-footer .collapse{left:inherit;right:0;border-right:none;border-left:solid #999999 1px;}
|
||||
#right>.unified-panel-footer .collapse:before{content:'\2192';}
|
||||
#right>.unified-panel-footer .collapse.hidden:before{content:'\2190';}
|
||||
.menu-bg{background:whiteSmoke top repeat-x;}
|
||||
div.unified-panel-body{position:absolute;top:30px;bottom:0;width:100%;margin-top:1px;}
|
||||
#left>div.unified-panel-body,#right>div.unified-panel-body{bottom:25px;}
|
||||
.panel-header-button{color:#333;text-decoration:none;display:inline-block;cursor:pointer;margin:-1px;padding:1px;margin-top:-0.2em;padding-right:0.5em;padding-left:0.5em;}.panel-header-button:hover{color:maroon;-webkit-transition:color 0.25s linear;-moz-transition:color 0.25s linear;-ms-transition:color 0.25s linear;-o-transition:color 0.25s linear;transition:color 0.25s linear;}
|
||||
.panel-header-button .caret{margin-top:7px;}
|
||||
.panel-header-button.popup{padding-right:1.75em;background:url(../images/dropdownarrow.png) no-repeat right 7px;}
|
||||
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;}
|
||||
#overlay.is_modal #overlay-background{background:rgba(0, 0, 0, 0.5);}
|
||||
.dialog-box-container{position:relative;margin-top:80px;margin-right:auto;margin-left:auto;}
|
||||
.dialog-box-wrapper{position:relative;padding:1em;background-color:rgba(0, 0, 0, 0.5);-moz-border-radius:1em;-webkit-border-radius:1em;}
|
||||
.dialog-box{border:solid #999 1px;background:white;z-index:80000;}
|
||||
#overlay.is_modal .dialog-box .body{min-width:600px;}
|
||||
.dialog-box .body{padding:5px;overflow:auto;max-height:500px;min-width:300px;}
|
||||
.dialog-box .buttons{padding:5px;}
|
||||
.panel-error-message,.panel-warning-message,.panel-done-message,.panel-info-message{height:24px;line-height:24px;color:#303030;padding:0px;padding-left:26px;background-color:#ffcccc;background-image:url(error_small.png);background-repeat:no-repeat;background-position:6px 50%;}
|
||||
.panel-warning-message{background-image:url(warn_small.png);background-color:#ffffcc;}
|
||||
.panel-done-message{background-image:url(done_small.png);background-color:#ccffcc;}
|
||||
.panel-info-message{background-image:url(info_small.png);background-color:#d9edf7;}
|
||||
#masthead{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;overflow:visible;margin-bottom:16px;position:absolute;top:0;left:0;width:100%;min-width:900px;height:32px;border-bottom:solid #444444 1px;z-index:15000;padding:0;}#masthead .brand:hover{text-decoration:none;}
|
||||
#masthead .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;}
|
||||
#masthead .navbar-text{margin-bottom:0;line-height:40px;color:#999999;}#masthead .navbar-text a:hover{color:#ffffff;background-color:transparent;}
|
||||
#masthead .btn,#masthead .btn-group{margin-top:5px;}
|
||||
#masthead .btn-group .btn{margin-top:0;}
|
||||
#masthead .nav>li>a{padding:6px 10px 8px;cursor:pointer;}#masthead .nav>li>a:hover{color:gold;}
|
||||
#masthead .dropdown-menu a,#masthead .dropdown-menu a:hover{text-decoration:none;}
|
||||
#masthead .title{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;font-family:verdana;font-weight:bold;color:white;padding:5px 20px 12px;margin-left:-15px;z-index:2000;}#masthead .title a{color:white;text-decoration:none;}
|
||||
#masthead .masthead-inner{padding-left:20px;padding-right:20px;background-color:#303239;background-image:-moz-linear-gradient(top, #333333, #2c3143);background-image:-ms-linear-gradient(top, #333333, #2c3143);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#2c3143));background-image:-webkit-linear-gradient(top, #333333, #2c3143);background-image:-o-linear-gradient(top, #333333, #2c3143);background-image:linear-gradient(top, #333333, #2c3143);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#2c3143', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;height:32px;}
|
||||
#masthead a:hover{text-decoration:underline;}
|
||||
.quota-meter-container{position:absolute;top:0;right:0;height:32px;}
|
||||
.quota-meter{position:absolute;top:8px;right:8px;height:16px;width:100px;background-color:#c1c9e5;}
|
||||
.quota-meter-bar{position:absolute;top:0;left:0;height:16px;background-color:#969db3;}
|
||||
.quota-meter-bar-warn{background-color:#ffb400;}
|
||||
.quota-meter-bar-error{background-color:#ff4343;}
|
||||
.quota-meter-text{position:absolute;top:50%;left:0;width:100px;height:16px;margin-top:-6px;text-align:center;z-index:9001;color:#000000;}
|
||||
div.toolForm{border:solid #d8b365 1px;}
|
||||
div.toolFormTitle{font-weight:bold;padding:5px;padding-left:10px;padding-right:10px;background:#ebd9b2;background-repeat:repeat-x;background-position:top;border-bottom:solid #d8b365 1px;}
|
||||
div.toolParamHelp{color:#666;}
|
||||
div.toolParamHelp a{color:#666;}
|
||||
div.toolFormBody{background:#FFFFFF;background-image:url(form_body_bg.png);background-repeat:repeat-x;background-position:top;padding:5px 0;}
|
||||
div.toolFormBody{background:#ffffff;background-image:url(form_body_bg.png);background-repeat:repeat-x;background-position:top;padding:5px 0;}
|
||||
div.toolFormBody div.toolFormTitle{background:transparent;border:none;font-weight:bold;border-bottom:solid #d8b365 1px;margin-bottom:5px;}
|
||||
div.toolFormDisabled div.toolFormTitle{background:#eee;border-color:#999;}
|
||||
div.toolFormDisabled{border-color:#999;}
|
||||
div.toolFormDisabled div.toolFormTitle{background:#eeeeee;border-color:#999999;}
|
||||
div.toolFormDisabled{border-color:#999999;}
|
||||
div.toolHelp{margin-top:10px;}
|
||||
div.toolHelpBody{width:100%;}
|
||||
div.metadataForm{border:solid #aaaaaa 1px;}
|
||||
@@ -37,24 +571,26 @@ div.form-body{padding:5px 0;}
|
||||
div.form-row{padding:5px 10px;}
|
||||
div.form-title-row{padding:5px 10px;}
|
||||
div.repeat-group-item{border-left:solid #d8b365 5px;margin-left:10px;margin-bottom:10px;}
|
||||
div.form-row-error{background:#FFCCCC;}
|
||||
div.form-row-error{background:#ffcccc;}
|
||||
div.form-row label{font-weight:bold;display:block;margin-bottom:.2em;}
|
||||
div.form-row label.inline{display:inline;}
|
||||
div.form-row-input{float:left;}
|
||||
div.form-row-input{width:300px;float:left;}
|
||||
div.form-row-input label{font-weight:normal;display:inline;}
|
||||
div.form-row-error-message{width:300px;float:left;color:red;font-weight:bold;padding:3px 0 0 1em;}
|
||||
div.form-row-error-message{width:300px;float:left;color:red;font-weight:bold;padding:3px 0;}
|
||||
.form-row .help{color:#666;}
|
||||
select,input,textarea{font:inherit;}
|
||||
select,textarea,input[type="text"],input[type="file"],input[type="password"]{-webkit-box-sizing:border-box;max-width:300px;}
|
||||
.errormessagelarge,.warningmessagelarge,.donemessagelarge,.infomessagelarge{padding:10px;padding-left:52px;min-height:32px;border:1px solid #AA6666;background-color:#FFCCCC;background-image:url(error_message_icon.png);background-repeat:no-repeat;background-position:10px 10px;}
|
||||
.warningmessagelarge{background-image:url(warn_message_icon.png);border-color:#AAAA66;background-color:#FFFFCC;}
|
||||
.donemessagelarge{background-image:url(done_message_icon.png);border-color:#66AA66;background-color:#CCFFCC;}
|
||||
.infomessagelarge{background-image:url(info_message_icon.png);border-color:#6666AA;background-color:#CCCCFF;}
|
||||
select,textarea,input[type="text"],input[type="file"],input[type="password"]{max-width:300px;}
|
||||
.errormessagelarge,.warningmessagelarge,.donemessagelarge,.infomessagelarge{padding:8px 35px 8px 14px;margin-bottom:16px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#ffffcc;border:1px solid #ffdd33;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#666600;min-height:32px;padding-left:52px;background-image:url(error_message_icon.png);background-repeat:no-repeat;background-position:10px 10px;}
|
||||
.errormessagelarge{background-color:#ffcccc;border-color:#ff3355;color:#660000;padding-left:52px;}
|
||||
.warningmessagelarge{background-image:url(warn_message_icon.png);border-color:#aaaa66;background-color:#ffffcc;}
|
||||
.donemessagelarge{background-color:#ccffcc;border-color:#1a9900;color:#006600;padding-left:52px;background-image:url(done_message_icon.png);}
|
||||
.infomessagelarge{background-color:#d9edf7;border-color:#1b7183;color:#134158;background-image:url(info_message_icon.png);border-color:#6666aa;background-color:#d9edf7;}
|
||||
.screencastBox{padding-left:10px;border-color:#AAAA66;background-color:#FFFFCC;background-image:none;}
|
||||
.errormessage,.warningmessage,.donemessage,.infomessage,.errormessagesmall,.warningmessagesmall,.donemessagesmall,.infomessagesmall{padding:5px;padding-left:25px;min-height:15px;border:1px solid #AA6666;background-color:#FFCCCC;background-image:url(error_small.png);background-repeat:no-repeat;background-position:5px 5px;}
|
||||
.warningmessage,.warningmessagesmall{background-image:url(warn_small.png);border-color:#AAAA66;background-color:#FFFFCC;}
|
||||
.donemessage,.donemessagesmall{background-image:url(ok_small.png);border-color:#66AA66;background-color:#CCFFCC;}
|
||||
.infomessage,.infomessagesmall{background-image:url(info_small.png);border-color:#6666AA;background-color:#CCCCFF;}
|
||||
.errormessage,.warningmessage,.donemessage,.infomessage,.errormessagesmall,.warningmessagesmall,.donemessagesmall,.infomessagesmall{padding:8px 35px 8px 14px;margin-bottom:16px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#ffffcc;border:1px solid #ffdd33;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#666600;padding:5px;padding-left:25px;min-height:15px;background-image:url(error_small.png);background-repeat:no-repeat;background-position:5px 5px;}
|
||||
.errormessage{background-color:#ffcccc;border-color:#ff3355;color:#660000;}
|
||||
.warningmessage,.warningmessagesmall{background-image:url(warn_small.png);}
|
||||
.donemessage,.donemessagesmall{background-color:#ccffcc;border-color:#1a9900;color:#006600;background-image:url(ok_small.png);}
|
||||
.infomessage,.infomessagesmall{background-color:#d9edf7;border-color:#1b7183;color:#134158;background-image:url(info_small.png);}
|
||||
.errormark,.warningmark,.donemark,.infomark,.ok_bgr,.err_bgr{padding-left:20px;min-height:15px;background:url(error_small.png) no-repeat;}
|
||||
.warningmark{background-image:url(warn_small.png);}
|
||||
.donemark{background-image:url(ok_small.png);}
|
||||
@@ -70,28 +606,23 @@ table.tabletip tbody tr:hover td{background-color:#eee;}
|
||||
table.colored{border-top:solid #d8b365 1px;border-bottom:solid #d8b365 1px;}
|
||||
table.colored td,table.colored th{text-align:left;padding:5px;}
|
||||
table.colored tr.header{background:#ebd9b2;background-image:url(form_title_bg.png);background-repeat:repeat-x;background-position:top;border-bottom:solid #d8b365 1px;font-weight:bold;}
|
||||
table.colored tr{background:white;}
|
||||
table.colored tr.odd_row{background:#DADFEF;}
|
||||
table.colored tr{background:#ffffff;}
|
||||
table.colored tr.odd_row{background:#dadfef;}
|
||||
div.debug{margin:10px;padding:5px;background:#FFFF99;border:solid #FFFF33 1px;color:black;}
|
||||
div.odd_row{background:#DADFEF;}
|
||||
div.odd_row{background:#dadfef;}
|
||||
#footer{display:none;}
|
||||
td.panel-body{background:white;color:#303030;background:#C1C9E5 url(menu_bg.png) top repeat-x;}
|
||||
div.toolSectionPad{margin:0;padding:0;height:5px;font-size:0px;}
|
||||
div.toolSectionDetailsInner{margin-left:5px;margin-right:5px;}
|
||||
div.toolSectionTitle{padding-bottom:0px;font-weight:bold;}
|
||||
div.toolTitle{padding-top:5px;padding-bottom:5px;margin-left:16px;margin-right:10px;display:list-item;list-style:square outside;}
|
||||
span.toolParameterExpandableCollapsable{font-weight:bold;cursor:pointer;}
|
||||
ul.toolParameterExpandableCollapsable{list-style:none;}
|
||||
ul.manage-table-actions{float:right;margin-top:-2.5em;}
|
||||
ul.manage-table-actions li{display:block;float:left;margin-left:0.5em;}
|
||||
.state-color-new{border-color:#A86030;background:#FFB030;}
|
||||
.state-color-upload{border-color:#6666AA;background:#CCCCFF;}
|
||||
.state-color-waiting{border-color:#A86030;background:#E8C060;}
|
||||
.state-color-queued{border-color:#888888;background:#EEEEEE;}
|
||||
.state-color-running{border-color:#AAAA66;background:#FFFFCC;}
|
||||
.state-color-ok{border-color:#66AA66;background:#CCFFCC;}
|
||||
.state-color-error{border-color:#AA6666;background:#FFCCCC;}
|
||||
.state-color-deleted{border-color:#330066;background:#3399FF;}
|
||||
.state-color-new{border-color:#a86030;background:#ffb030;}
|
||||
.state-color-upload{border-color:#6666aa;background:#ccccff;}
|
||||
.state-color-waiting{border-color:#a86030;background:#e8c060;}
|
||||
.state-color-queued{border-color:#888888;background:#eeeeee;}
|
||||
.state-color-running{border-color:#aaaa66;background:#ffffcc;}
|
||||
.state-color-ok{border-color:#66aa66;background:#ccffcc;}
|
||||
.state-color-error{border-color:#aa6666;background:#ffcccc;}
|
||||
.state-color-deleted{border-color:#330066;background:#3399ff;}
|
||||
.state-fg-new{color:#FFB030;}
|
||||
.state-fg-upload{color:#D090D0;}
|
||||
.state-fg-waiting{color:#E8C060;}
|
||||
@@ -100,24 +631,23 @@ ul.manage-table-actions li{display:block;float:left;margin-left:0.5em;}
|
||||
.state-fg-ok{color:#66AA66;}
|
||||
.state-fg-error{color:#AA6666;}
|
||||
.state-fg-deleted{color:#3399FF;}
|
||||
.action-button{background:transparent;line-height:16px;color:#333;text-decoration:none;font-size:100%;font-weight:bold;display:inline-block;cursor:pointer;padding:2px;border:solid #aaaaaa 1px;padding-right:0.5em;padding-left:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;user-select:none;-moz-user-select:none;-webkit-user-select:none;}
|
||||
.action-button > *{vertical-align:middle;}
|
||||
.action-button:hover{color:black;background:#dddddd;}
|
||||
.action-button:active{color:white;background:#aaaaaa;}
|
||||
.menubutton{display:inline-block;cursor:pointer;position:relative;user-select:none;-moz-user-select:none;-webkit-user-select:none;border:solid transparent 1px;-moz-border-radius:0.25em;-webkit-border-radius:0.25em;border-radius:0.25em;padding:1px 0.25em;margin:-1px -0.25em;}
|
||||
button{display:inline-block;padding:4px 10px 4px;font-size:12px;line-height:16px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;}button:first-child{*margin-left:0;}
|
||||
.action-button{display:inline-block;padding:4px 10px 4px;font-size:12px;line-height:16px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;}.action-button:first-child{*margin-left:0;}
|
||||
a.action-button{text-decoration:none;}
|
||||
.action-button>img{vertical-align:middle;}
|
||||
.action-button:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
|
||||
.action-button:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);background-color:#e6e6e6;background-color:#d9d9d9 \9;color:rgba(0, 0, 0, 0.5);outline:0;}
|
||||
.menubutton{display:inline-block;padding:4px 10px 4px;font-size:12px;line-height:16px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;display:inline-block;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;border:solid transparent 1px;-moz-border-radius:0.25em;-webkit-border-radius:0.25em;border-radius:0.25em;padding:1px 0.25em;margin:-1px -0.25em;}.menubutton:first-child{*margin-left:0;}
|
||||
.menubutton .label{position:relative;display:block;border-right:none;}
|
||||
.menubutton.action-button{border-color:#aaaaaa;}
|
||||
.menubutton.popup,.action-button.popup{padding-right:20px;background-image:url(../images/dropdownarrow.png);background-repeat:no-repeat;background-position:right 7px;}
|
||||
.menubutton:hover{border-color:#aaaaaa;}
|
||||
.menubutton.popup.split{padding-right:2em;}
|
||||
.menubutton.popup.split:hover{background:url(../images/ddarrowsplit.png) no-repeat right -39px;}
|
||||
.overlay-border{position:absolute;top:0;left:0;height:100%;width:100%;padding:1em;margin:-1em;background-color:rgba(0,0,0,0.5);-moz-border-radius:1em;-webkit-border-radius:1em;z-index:-1;}
|
||||
div.popmenu-wrapper{position:absolute;top:100%;z-index:20000;}
|
||||
div.popmenu-wrapper ul{display:block;margin:0;padding:0;background:white;color:#333;font-weight:bold;font-style:normal;white-space:nowrap;border:solid #aaaaaa 1px;padding:3px 0;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;user-select:none;-moz-user-select:none;-webkit-user-select:none;}
|
||||
div.popmenu-wrapper ul li{display:block;padding:3px 1em;cursor:pointer;border-top:solid transparent 1px;border-bottom:solid transparent 1px;}
|
||||
div.popmenu-wrapper ul li.head{color:#999;font-style:italic;}
|
||||
div.popmenu-wrapper ul li:hover{background:#EEEEFF;border-color:#aaa;}
|
||||
div.popmenu-wrapper ul li.head:hover{background:inherit;border-color:transparent;}
|
||||
div.popmenu-wrapper{position:absolute;top:100%;z-index:20000;}div.popmenu-wrapper ul.dropdown-menu{display:block;position:relative;float:none;}
|
||||
ul.dropdown-menu a{text-decoration:none;}
|
||||
ul.dropdown-menu li.head>a{text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);font-size:11px;font-weight:bold;line-height:16px;color:#999999;text-transform:uppercase;}
|
||||
ul.dropdown-menu li.head>a:hover{background:inherit;border-color:transparent;}
|
||||
.popup-arrow{cursor:pointer;text-decoration:none;color:#555;}
|
||||
.popup-arrow:hover{color:black;}
|
||||
div.permissionContainer{padding-left:20px;}
|
||||
@@ -131,7 +661,6 @@ div.permissionContainer{padding-left:20px;}
|
||||
.grid thead th{background:#ebd9b2;background-repeat:repeat-x;background-position:top;border-top:solid #d8b365 1px;border-bottom:solid #d8b365 1px;padding:0.3em 0.5em;text-align:left;white-space:nowrap;}
|
||||
.grid tfoot td{background-color:#F8F8F8;border-top:solid #DDDDDD 1px;border-bottom:solid #DDDDDD 1px;padding:0.3em 0.5em;}
|
||||
.grid .current{background-color:#EEEEFF;}
|
||||
.text-content{}
|
||||
.text-content hr{display:block;background:black;color:black;width:100%;height:1px;border:none;background:#aaa;color:#aaa;}
|
||||
.text-content table{border-collapse:collapse;border-top:1px solid #ccc;border-left:1px solid #ccc;}
|
||||
.text-content blockquote{color:#666;}
|
||||
@@ -139,7 +668,7 @@ div.permissionContainer{padding-left:20px;}
|
||||
.text-content th,.text-content td{border-bottom:1px solid #ddd;border-right:1px solid #ccc;}
|
||||
.text-content th,.text-content td{padding:.8em;}
|
||||
.icon-button{width:16px;height:16px;display:block;float:left;margin-left:2px;text-indent:20px;background-repeat:no-repeat;background-position:0px 0px;padding:0;}
|
||||
.icon-button.display{background:url(history-buttons.png) no-repeat 0px -0px;}
|
||||
.icon-button.display{background:url(history-buttons.png) no-repeat 0px 0px;}
|
||||
.icon-button.display:hover{background:url(history-buttons.png) no-repeat 0px -26px;}
|
||||
.icon-button.display_disabled{background:url(history-buttons.png) no-repeat 0px -52px;}
|
||||
.icon-button.delete{background:url(history-buttons.png) no-repeat 0px -78px;}
|
||||
@@ -148,24 +677,22 @@ div.permissionContainer{padding-left:20px;}
|
||||
.icon-button.edit{background:url(history-buttons.png) no-repeat 0px -156px;}
|
||||
.icon-button.edit:hover{background:url(history-buttons.png) no-repeat 0px -182px;}
|
||||
.icon-button.edit_disabled{background:url(history-buttons.png) no-repeat 0px -208px;}
|
||||
.icon-button.tag{background:url(fugue.png) no-repeat 0px -0px;}
|
||||
.icon-button.tag{background:url(fugue.png) no-repeat 0px 0px;}
|
||||
.icon-button.tags{background:url(fugue.png) no-repeat 0px -26px;}
|
||||
.icon-button.tag--plus{background:url(fugue.png) no-repeat 0px -52px;}
|
||||
.icon-button.toggle-expand{background:transparent url(../images/fugue/toggle-expand-bw.png) no-repeat;}
|
||||
.icon-button.toggle-expand:hover{background:url(fugue.png) no-repeat 0px -78px;}
|
||||
.icon-button.toggle{background:transparent url(../images/fugue/toggle-bw.png) no-repeat;}
|
||||
.icon-button.toggle:hover{background:url(fugue.png) no-repeat 0px -104px;}
|
||||
.icon-button.toggle-expand{background:url(fugue.png) no-repeat 0px -78px;}
|
||||
.icon-button.toggle{background:url(fugue.png) no-repeat 0px -104px;}
|
||||
.icon-button.arrow-circle{background:url(fugue.png) no-repeat 0px -130px;}
|
||||
.icon-button.chevron{background:url(fugue.png) no-repeat 0px -156px;}
|
||||
.icon-button.bug{background:url(fugue.png) no-repeat 0px -182px;}
|
||||
.icon-button.disk{background:url(fugue.png) no-repeat 0px -208px;}
|
||||
.icon-button.information{background:url(fugue.png) no-repeat 0px -234px;}
|
||||
.icon-button.annotate{background:url(fugue.png) no-repeat 0px -260px;}
|
||||
.icon-button.chart_curve{background:url(../images/silk/chart_curve.png) no-repeat;}
|
||||
.icon-button.go-to-full-screen{background:url(fugue.png) no-repeat 0px -312px;}
|
||||
.icon-button.import{background:url(fugue.png) no-repeat 0px -338px;}
|
||||
.icon-button.plus-button{background:url(fugue.png) no-repeat 0px -364px;}
|
||||
.icon-button.gear{background:url(fugue.png) no-repeat 0px -390px;}
|
||||
.icon-button.go-to-full-screen{background:url(fugue.png) no-repeat 0px -286px;}
|
||||
.icon-button.import{background:url(fugue.png) no-repeat 0px -312px;}
|
||||
.icon-button.plus-button{background:url(fugue.png) no-repeat 0px -338px;}
|
||||
.icon-button.gear{background:url(fugue.png) no-repeat 0px -364px;}
|
||||
.text-and-autocomplete-select{background:url(fugue.png) no-repeat right -390px;}
|
||||
.tipsy{padding:5px;font-size:10px;filter:alpha(opacity=80);background-repeat:no-repeat;background-image:url(../images/tipsy.gif);}
|
||||
.tipsy-inner{padding:5px 8px 4px 8px;background-color:black;color:white;max-width:200px;text-align:center;}
|
||||
.tipsy-north{background-position:top center;}
|
||||
@@ -174,7 +701,34 @@ div.permissionContainer{padding-left:20px;}
|
||||
.tipsy-west{background-position:left center;}
|
||||
.editable-text{cursor:pointer;}
|
||||
.editable-text:hover{cursor:text;border:dotted #999999 1px;}
|
||||
.text-and-autocomplete-select{background:url(fugue.png) no-repeat right -416px;}
|
||||
.icon-button.multiinput{background:url(../images/documents-stack.png) no-repeat;cursor:pointer;float:none;display:inline-block;margin-left:10px;}
|
||||
.icon-button.multiinput.disabled{background:url(../images/documents-stack-faded.png) no-repeat;cursor:auto;}
|
||||
.workflow-invocation-complete{border:solid 1px #6A6;border-left-width:5px;margin:10px 0;padding-left:5px;}
|
||||
body.historyPage{background:#c1c9e5;color:#303030;margin:5px;border:0;padding:0;}
|
||||
a{color:#303030;}
|
||||
div.historyLinks{margin:5px 5px;}
|
||||
div.historyItem{margin:0px -5px;padding:8px 10px;border-top:solid #999999 1px;border-right:none;word-wrap:break-word;background:#eeeeee;}div.historyItem .state-icon{display:inline-block;vertical-align:middle;width:16px;height:16px;background-position:0 1px;background-repeat:no-repeat;}
|
||||
div.historyItem .historyItemTitle{font-weight:bold;line-height:16px;}
|
||||
.historyItemContainer:last-child div.historyItem{border-bottom:solid #999999 1px;}
|
||||
div.historyItem div.historyItem{margin-right:-11px;}
|
||||
div.historyItem-ok,div.historyItem-failed_metadata{background:#ccffcc;}div.historyItem-ok .state-icon,div.historyItem-failed_metadata .state-icon{display:none;}
|
||||
div.historyItem-error{background:#ffcccc;}div.historyItem-error .state-icon{-sprite-group:history-states;-sprite-image:data_error.png;}
|
||||
div.historyItem-empty{background:#ffcccc;}div.historyItem-empty .state-icon{-sprite-group:history-states;-sprite-image:data_empty.png;}
|
||||
div.historyItem-running{background:#ffffcc;}div.historyItem-running .state-icon{background-image:url(data_running.gif);}
|
||||
div.historyItem-setting_metadata{background:#ffffcc;}div.historyItem-setting_metadata .state-icon{background-image:url(data_running.gif);}
|
||||
div.historyItem-upload{background:#ccccff;}div.historyItem-upload .state-icon{background-image:url(data_upload.gif);}
|
||||
div.historyItem-queued .state-icon{-sprite-group:history-states;-sprite-image:data_queued.png;}
|
||||
div.historyItem-noPermission{filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;}
|
||||
div.historyItemTitleBar.spinner .state-icon{background:url(data_running.gif) 0 1px no-repeat !important;}
|
||||
div.historyItemButtons{float:right;}
|
||||
div.historyItemBody div{padding-top:2px;}
|
||||
pre.peek{background:white;color:black;width:100%;overflow:auto;}pre.peek th{color:white;background:#023858;}
|
||||
body.toolMenuPage{background:white;color:#303030;background:#c1c9e5;margin:5px;margin-right:10px;margin-left:10px;}
|
||||
hr{border:none;height:0px;margin-top:0px;}
|
||||
div.toolSectionWrapper{margin-bottom:5px;}
|
||||
div.toolSectionDetailsInner{margin-left:5px;margin-right:5px;}
|
||||
div.toolSectionTitle{font-weight:bold;}
|
||||
div.toolPanelLabel{font-weight:bold;color:gray;text-transform:uppercase;}
|
||||
div.toolTitle{padding-top:5px;padding-bottom:5px;margin-left:16px;margin-right:10px;display:list-item;list-style:square outside;}
|
||||
div.toolSectionBody div.toolPanelLabel{padding-top:5px;padding-bottom:5px;margin-left:16px;margin-right:10px;display:list-item;list-style:none outside;}
|
||||
div.toolTitleNoSection{padding-bottom:0px;font-weight:bold;}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 7.1 KiB |
@@ -1,27 +0,0 @@
|
||||
body{background:#C1C9E5;color:#303030;background-image:url(menu_bg.png);background-repeat:repeat-x;background-position:top;margin:5px;border:0;padding:0;}
|
||||
a{color:#303030;}
|
||||
div.historyLinks{margin:5px 5px;}
|
||||
div.historyItem{margin:5px -5px 5px 0px;padding:5px 11px 5px 5px;border:solid #888888 1px;border-left:solid #888888 5px;border-right:none;word-wrap:break-word;background:#EEEEEE;}
|
||||
div.historyItem .state-icon{display:inline-block;vertical-align:middle;width:16px;height:16px;background-position:0 1px;background-repeat:no-repeat;}
|
||||
div.historyItem .historyItemTitle{font-weight:bold;line-height:16px;}
|
||||
div.historyItem div.historyItem{margin-right:-11px;}
|
||||
div.historyItem-ok,div.historyItem-failed_metadata{border-color:#66AA66;background:#CCFFCC;}
|
||||
div.historyItem-ok .state-icon,div.historyItem-failed_metadata .state-icon{display:none;}
|
||||
div.historyItem-error{border-color:#AA6666;background:#FFCCCC;}
|
||||
div.historyItem-error .state-icon{background:url(history-states.png) no-repeat 0px -0px;}
|
||||
div.historyItem-empty{border-color:#AA6666;background:#FFCCCC;}
|
||||
div.historyItem-empty .state-icon{background:url(history-states.png) no-repeat 0px -25px;}
|
||||
div.historyItem-running{border-color:#AAAA66;background:#FFFFCC;}
|
||||
div.historyItem-running .state-icon{background-image:url(data_running.gif);}
|
||||
div.historyItem-setting_metadata{border-color:#AAAA66;background:#FFFFCC;}
|
||||
div.historyItem-setting_metadata .state-icon{background-image:url(data_running.gif);}
|
||||
div.historyItem-upload{border-color:#6666AA;background:#CCCCFF;}
|
||||
div.historyItem-upload .state-icon{background-image:url(data_upload.gif);}
|
||||
div.historyItem-queued{background:#EEEEEE;}
|
||||
div.historyItem-queued .state-icon{background:url(history-states.png) no-repeat 0px -50px;}
|
||||
div.historyItem-noPermission{filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;}
|
||||
div.historyItemTitleBar.spinner .state-icon{background:url(data_running.gif) 0 1px no-repeat !important;}
|
||||
div.historyItemButtons{float:right;}
|
||||
div.historyItemBody div{padding-top:2px;}
|
||||
pre.peek{background:white;color:black;width:100%;overflow:auto;}
|
||||
pre.peek th{color:white;background:#023858;}
|
||||
|
||||
@@ -1,53 +1 @@
|
||||
body{font:75% "Lucida Grande",verdana,arial,helvetica,sans-serif;background:#eee;}
|
||||
.unselectable{user-select:none;-moz-user-select:none;-webkit-user-select:none;}
|
||||
#background{position:absolute;background:#eee;z-index:-1;top:0;left:0;margin:0;padding:0;width:100%;height:100%;}
|
||||
#messagebox{position:absolute;top:33px;left:0;width:100%;height:24px !important;overflow:hidden;border-bottom:solid #999 1px;font-size:90%;}
|
||||
#left,#left-border,#center,#right-border,#right{position:absolute;top:39px;bottom:0px;overflow:hidden;background:#fff;}
|
||||
#left,#center,#right{border-top:solid #999 1px;}
|
||||
#left-border,#right-border{background:#eeeeee;border-left:solid #999 1px;border-right:solid #999 1px;padding-right:1px;padding-left:1px;width:5px;z-index:10000;}
|
||||
#left-border div,#right-border div{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;position:absolute;width:5px;height:100%;}
|
||||
#left-border div,#right-border.hidden div{background-image:url(tiny_arrow_left.png);cursor:w-resize;}
|
||||
#left-border.hidden div,#right-border div{background-image:url(tiny_arrow_right.png);cursor:e-resize;}
|
||||
#left-border.hover div,#right-border.hover div{background-color:#AAAAEE;}
|
||||
#left{left:0px;width:250px;z-index:200;}
|
||||
#left-border{left:250px;}
|
||||
#center{left:259px;right:259px;overflow:hidden;z-index:1;}
|
||||
#right-border{right:250px;}
|
||||
#right{width:250px;right:0px;z-index:200;}
|
||||
.unified-panel-header{height:2em;z-index:1000;background:#cccccc;background-image:url(panel_header_bg.png);background-position:top center;background-repeat:repeat-x;border-bottom:solid #999 1px;margin:0;padding:0;padding-right:10px;padding-left:10px;color:#333;font-weight:bold;}
|
||||
.unified-panel-header-inner{padding-top:0.45em;}
|
||||
.menu-bg{background:#C1C9E5 url(menu_bg.png) top repeat-x;}
|
||||
div.unified-panel-body{position:absolute;top:2em;bottom:0;width:100%;margin-top:1px;}
|
||||
.panel-header-button{color:#333;text-decoration:none;display:inline-block;cursor:pointer;margin:-1px;padding:1px;margin-top:-0.2em;border:solid #999 1px;padding-right:0.5em;padding-left:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;}
|
||||
.panel-header-button.popup{padding-right:1.75em;background:url(../images/dropdownarrow.png) no-repeat right 7px;}
|
||||
.panel-header-button:hover{color:black;background-color:#ccc;}
|
||||
.panel-header-button:active{color:white;background-color:#aaaaaa;}
|
||||
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;}
|
||||
#overlay.modal #overlay-background{background:rgba(0,0,0,0.5);}
|
||||
.dialog-box-container{position:relative;margin-top:80px;margin-right:auto;margin-left:auto;}
|
||||
.dialog-box-wrapper{position:relative;padding:1em;background-color:rgba(0,0,0,0.5);-moz-border-radius:1em;-webkit-border-radius:1em;}
|
||||
.dialog-box{border:solid #999 1px;background:white;z-index:80000;}
|
||||
#overlay.modal .dialog-box .body{min-width:600px;}
|
||||
.dialog-box .body{padding:5px;overflow:auto;max-height:500px;min-width:300px;}
|
||||
.dialog-box .buttons{padding:5px;}
|
||||
.panel-error-message,.panel-warning-message,.panel-done-message,.panel-info-message{height:24px;line-height:24px;color:#303030;padding:0px;padding-left:26px;background-color:#FFCCCC;background-image:url(error_small.png);background-repeat:no-repeat;background-position:6px 50%;}
|
||||
.panel-warning-message{background-image:url(warn_small.png);background-color:#FFFFCC;}
|
||||
.panel-done-message{background-image:url(done_small.png);background-color:#CCFFCC;}
|
||||
.panel-info-message{background-image:url(info_small.png);background-color:#CCCCFF;}
|
||||
#masthead{position:absolute;top:0;left:0;width:100%;min-width:900px;height:32px;background:#2C3143;color:#fff;border-bottom:solid #444 1px;z-index:15000;padding:0;}
|
||||
#masthead a{color:#eeeeee;text-decoration:none;}
|
||||
#masthead .title{font-family:verdana;padding:3px 10px;font-size:175%;font-weight:bold;z-index:-1;}
|
||||
#masthead a:hover{text-decoration:underline;}
|
||||
.quota-meter-container{position:absolute;top:0;right:0;height:32px;}
|
||||
.quota-meter{position:absolute;top:8px;right:8px;height:16px;width:100px;background-color:#C1C9E5;;}
|
||||
.quota-meter-bar{position:absolute;top:0;left:0;height:16px;background-color:#969DB3;;}
|
||||
.quota-meter-bar-warn{background-color:#FFB400;;}
|
||||
.quota-meter-bar-error{background-color:#FF4343;;}
|
||||
.quota-meter-text{position:absolute;top:50%;left:0;width:100px;height:16px;margin-top:-6px;text-align:center;z-index:9001;color:#000;;}
|
||||
.tab-group{margin:0;padding:0 10px;height:100%;white-space:nowrap;cursor:default;background:transparent;}
|
||||
.tab-group .tab{background:#2C3143;position:relative;float:left;margin:0;padding:0 1em;height:32px;line-height:32px;text-align:left;}
|
||||
.tab-group .tab .submenu{display:none;position:absolute;z-index:16000;left:0;top:32px;padding:1em;margin:-1em;padding-top:0;margin-top:0;background-color:rgba(0,0,0,0.5);-moz-border-radius:0 0 1em 1em;-webkit-border-bottom-right-radius:1em;-webkit-border-bottom-left-radius:1em;}
|
||||
.tab-group .tab .submenu ul{display:block;margin:0;padding:0;list-style-type:none;background:#2C3143;}
|
||||
.tab-group .tab .submenu ul li{display:block;padding:0 1em;white-space:nowrap;}
|
||||
.tab-group .tab:hover > a{color:gold !important;}
|
||||
.tab-group .active{background:rgb(1,1,1);}
|
||||
|
||||
|
||||
@@ -1,9 +0,0 @@
|
||||
body{background:white;color:#303030;background:#C1C9E5 url(menu_bg.png) top repeat-x;margin:5px;margin-right:10px;margin-left:10px;}
|
||||
hr{border:none;height:0px;margin-top:0px;}
|
||||
div.toolSectionPad{margin:0;padding:0;height:5px;font-size:0px;}
|
||||
div.toolSectionDetailsInner{margin-left:5px;margin-right:5px;}
|
||||
div.toolSectionTitle{font-weight:bold;}
|
||||
div.toolPanelLabel{padding-top:10px;padding-bottom:5px;font-weight:bold;color:gray;text-transform:uppercase;}
|
||||
div.toolTitle{padding-top:5px;padding-bottom:5px;margin-left:16px;margin-right:10px;display:list-item;list-style:square outside;}
|
||||
div.toolSectionBody div.toolPanelLabel{padding-top:5px;padding-bottom:5px;margin-left:16px;margin-right:10px;display:list-item;list-style:none outside;}
|
||||
div.toolTitleNoSection{padding-bottom:0px;font-weight:bold;}
|
||||
|
||||
@@ -3,7 +3,7 @@ base_bg_top=#FFFFFF
|
||||
base_bg_bottom=#FFFFFF
|
||||
link_text=#303030
|
||||
header_text=#023858
|
||||
menu_bg_top=#DADFEF
|
||||
#menu_bg_top=#DADFEF
|
||||
menu_bg_over=#C1C9E5
|
||||
menu_bg_hatch=-
|
||||
#menu_bg_hatch=#AAAAFF
|
||||
@@ -24,7 +24,7 @@ warn_message_bg=#FFFFCC
|
||||
done_message_border=#66AA66
|
||||
done_message_bg=#CCFFCC
|
||||
info_message_border=#6666AA
|
||||
info_message_bg=#CCCCFF
|
||||
info_message_bg=#d9edf7
|
||||
# Tables
|
||||
table_header_bg=#ebd9b2
|
||||
table_row_bg=white
|
||||
@@ -60,11 +60,11 @@ masthead_bg_hatch=-
|
||||
masthead_link=#eeeeee
|
||||
masthead_active_tab_bg=#222532
|
||||
# Quota meter
|
||||
quota_meter_bg=#C1C9E5;
|
||||
quota_meter_bar=#969DB3;
|
||||
quota_meter_warn_bar=#FFB400;
|
||||
quota_meter_error_bar=#FF4343;
|
||||
quota_meter_text=#000;
|
||||
quota_meter_bg=#C1C9E5
|
||||
quota_meter_bar=#969DB3
|
||||
quota_meter_warn_bar=#FFB400
|
||||
quota_meter_error_bar=#FF4343
|
||||
quota_meter_text=#000
|
||||
# ---- Layout -----------------------------------------------------------------
|
||||
# Overall background color (including space between panels)
|
||||
layout_bg=#eee
|
||||
|
||||
@@ -0,0 +1,28 @@
|
||||
// ACCORDION
|
||||
// ---------
|
||||
|
||||
|
||||
// Parent container
|
||||
.accordion {
|
||||
margin-bottom: @baseLineHeight;
|
||||
}
|
||||
|
||||
// Group == heading + body
|
||||
.accordion-group {
|
||||
margin-bottom: 2px;
|
||||
border: 1px solid #e5e5e5;
|
||||
.border-radius(4px);
|
||||
}
|
||||
.accordion-heading {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.accordion-heading .accordion-toggle {
|
||||
display: block;
|
||||
padding: 8px 15px;
|
||||
}
|
||||
|
||||
// Inner needs the styles because you can't animate properly with any styles on the element
|
||||
.accordion-inner {
|
||||
padding: 9px 15px;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
// ALERT STYLES
|
||||
// ------------
|
||||
|
||||
// Base alert styles
|
||||
.alert {
|
||||
padding: 8px 35px 8px 14px;
|
||||
margin-bottom: @baseLineHeight;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
||||
background-color: @warningBackground;
|
||||
border: 1px solid @warningBorder;
|
||||
.border-radius(4px);
|
||||
}
|
||||
.alert,
|
||||
.alert-heading {
|
||||
color: @warningText;
|
||||
}
|
||||
|
||||
// Adjust close link position
|
||||
.alert .close {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
right: -21px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
// Alternate styles
|
||||
// ----------------
|
||||
|
||||
.alert-success {
|
||||
background-color: @successBackground;
|
||||
border-color: @successBorder;
|
||||
}
|
||||
.alert-success,
|
||||
.alert-success .alert-heading {
|
||||
color: @successText;
|
||||
}
|
||||
.alert-danger,
|
||||
.alert-error {
|
||||
background-color: @errorBackground;
|
||||
border-color: @errorBorder;
|
||||
}
|
||||
.alert-danger,
|
||||
.alert-error,
|
||||
.alert-danger .alert-heading,
|
||||
.alert-error .alert-heading {
|
||||
color: @errorText;
|
||||
}
|
||||
.alert-info {
|
||||
background-color: @infoBackground;
|
||||
border-color: @infoBorder;
|
||||
}
|
||||
.alert-info,
|
||||
.alert-info .alert-heading {
|
||||
color: @infoText;
|
||||
}
|
||||
|
||||
|
||||
// Block alerts
|
||||
// ------------------------
|
||||
.alert-block {
|
||||
padding-top: 14px;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
.alert-block > p,
|
||||
.alert-block > ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.alert-block p + p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
+62
@@ -0,0 +1,62 @@
|
||||
/*!
|
||||
* Bootstrap v2.0.0
|
||||
*
|
||||
* Copyright 2012 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
||||
*/
|
||||
|
||||
// CSS Reset
|
||||
@import "reset.less";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
|
||||
@import "mixins.less";
|
||||
|
||||
// Grid system and page structure
|
||||
@import "scaffolding.less";
|
||||
@import "grid.less";
|
||||
@import "layouts.less";
|
||||
|
||||
// Base CSS
|
||||
@import "type.less";
|
||||
@import "code.less";
|
||||
@import "forms.less";
|
||||
@import "tables.less";
|
||||
|
||||
// Components: common
|
||||
@import "sprites.less";
|
||||
@import "dropdowns.less";
|
||||
@import "wells.less";
|
||||
@import "component-animations.less";
|
||||
@import "close.less";
|
||||
|
||||
// Components: Buttons & Alerts
|
||||
@import "buttons.less";
|
||||
@import "button-groups.less";
|
||||
@import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
|
||||
|
||||
// Components: Nav
|
||||
@import "navs.less";
|
||||
@import "navbar.less";
|
||||
@import "breadcrumbs.less";
|
||||
@import "pagination.less";
|
||||
@import "pager.less";
|
||||
|
||||
// Components: Popovers
|
||||
@import "modals.less";
|
||||
@import "tooltip.less";
|
||||
@import "popovers.less";
|
||||
|
||||
// Components: Misc
|
||||
@import "thumbnails.less";
|
||||
@import "labels.less";
|
||||
@import "progress-bars.less";
|
||||
@import "accordion.less";
|
||||
@import "carousel.less";
|
||||
@import "hero-unit.less";
|
||||
|
||||
// Utility classes
|
||||
@import "utilities.less"; // Has to be last to override when necessary
|
||||
@@ -0,0 +1,22 @@
|
||||
// BREADCRUMBS
|
||||
// -----------
|
||||
|
||||
.breadcrumb {
|
||||
padding: 7px 14px;
|
||||
margin: 0 0 @baseLineHeight;
|
||||
#gradient > .vertical(@white, #f5f5f5);
|
||||
border: 1px solid #ddd;
|
||||
.border-radius(3px);
|
||||
.box-shadow(inset 0 1px 0 @white);
|
||||
li {
|
||||
display: inline;
|
||||
text-shadow: 0 1px 0 @white;
|
||||
}
|
||||
.divider {
|
||||
padding: 0 5px;
|
||||
color: @grayLight;
|
||||
}
|
||||
.active a {
|
||||
color: @grayDark;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,147 @@
|
||||
// BUTTON GROUPS
|
||||
// -------------
|
||||
|
||||
|
||||
// Make the div behave like a button
|
||||
.btn-group {
|
||||
position: relative;
|
||||
.clearfix(); // clears the floated buttons
|
||||
.ie7-restore-left-whitespace();
|
||||
}
|
||||
|
||||
// Space out series of button groups
|
||||
.btn-group + .btn-group {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
// Optional: Group multiple button groups together for a toolbar
|
||||
.btn-toolbar {
|
||||
margin-top: @baseLineHeight / 2;
|
||||
margin-bottom: @baseLineHeight / 2;
|
||||
.btn-group {
|
||||
display: inline-block;
|
||||
.ie7-inline-block();
|
||||
}
|
||||
}
|
||||
|
||||
// Float them, remove border radius, then re-add to first and last elements
|
||||
.btn-group .btn {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-left: -1px;
|
||||
.border-radius(0);
|
||||
}
|
||||
// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
|
||||
.btn-group .btn:first-child {
|
||||
margin-left: 0;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
-moz-border-radius-topleft: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
.btn-group .btn:last-child,
|
||||
.btn-group .dropdown-toggle {
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
// Reset corners for large buttons
|
||||
.btn-group .btn.large:first-child {
|
||||
margin-left: 0;
|
||||
-webkit-border-top-left-radius: 6px;
|
||||
-moz-border-radius-topleft: 6px;
|
||||
border-top-left-radius: 6px;
|
||||
-webkit-border-bottom-left-radius: 6px;
|
||||
-moz-border-radius-bottomleft: 6px;
|
||||
border-bottom-left-radius: 6px;
|
||||
}
|
||||
.btn-group .btn.large:last-child,
|
||||
.btn-group .large.dropdown-toggle {
|
||||
-webkit-border-top-right-radius: 6px;
|
||||
-moz-border-radius-topright: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
-webkit-border-bottom-right-radius: 6px;
|
||||
-moz-border-radius-bottomright: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
// On hover/focus/active, bring the proper btn to front
|
||||
.btn-group .btn:hover,
|
||||
.btn-group .btn:focus,
|
||||
.btn-group .btn:active,
|
||||
.btn-group .btn.active {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
// On active and open, don't show outline
|
||||
.btn-group .dropdown-toggle:active,
|
||||
.btn-group.open .dropdown-toggle {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Split button dropdowns
|
||||
// ----------------------
|
||||
|
||||
// Give the line between buttons some depth
|
||||
.btn-group .dropdown-toggle {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
@shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
||||
.box-shadow(@shadow);
|
||||
*padding-top: 5px;
|
||||
*padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.btn-group.open {
|
||||
// IE7's z-index only goes to the nearest positioned ancestor, which would
|
||||
// make the menu appear below buttons that appeared later on the page
|
||||
*z-index: @zindexDropdown;
|
||||
|
||||
// Reposition menu on open and round all corners
|
||||
.dropdown-menu {
|
||||
display: block;
|
||||
margin-top: 1px;
|
||||
.border-radius(5px);
|
||||
}
|
||||
|
||||
.dropdown-toggle {
|
||||
background-image: none;
|
||||
@shadow: inset 0 1px 6px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
|
||||
.box-shadow(@shadow);
|
||||
}
|
||||
}
|
||||
|
||||
// Reposition the caret
|
||||
.btn .caret {
|
||||
margin-top: 7px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.btn:hover .caret,
|
||||
.open.btn-group .caret {
|
||||
.opacity(100);
|
||||
}
|
||||
|
||||
|
||||
// Account for other colors
|
||||
.btn-primary,
|
||||
.btn-danger,
|
||||
.btn-info,
|
||||
.btn-success {
|
||||
.caret {
|
||||
border-top-color: @white;
|
||||
.opacity(75);
|
||||
}
|
||||
}
|
||||
|
||||
// Small button dropdowns
|
||||
.btn-small .caret {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,166 @@
|
||||
// BUTTON STYLES
|
||||
// -------------
|
||||
|
||||
|
||||
// Base styles
|
||||
// --------------------------------------------------
|
||||
|
||||
// Core
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 4px 10px 4px;
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
color: @grayDark;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 1px rgba(255,255,255,.75);
|
||||
#gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%)); // Don't use .gradientbar() here since it does a three-color gradient
|
||||
border: 1px solid #ccc;
|
||||
border-bottom-color: #bbb;
|
||||
.border-radius(4px);
|
||||
@shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
||||
.box-shadow(@shadow);
|
||||
cursor: pointer;
|
||||
|
||||
// Give IE7 some love
|
||||
.ie7-restore-left-whitespace();
|
||||
}
|
||||
|
||||
// Hover state
|
||||
.btn.hover,
|
||||
.btn:hover {
|
||||
color: @grayDark;
|
||||
text-decoration: none;
|
||||
background-color: darken(@white, 10%);
|
||||
background-position: 0 -15px;
|
||||
|
||||
// transition is only when going to hover, otherwise the background
|
||||
// behind the gradient (there for IE<=9 fallback) gets mismatched
|
||||
.transition(background-position .1s linear);
|
||||
}
|
||||
|
||||
// Focus state for keyboard and accessibility
|
||||
.btn:focus {
|
||||
.tab-focus();
|
||||
}
|
||||
|
||||
// Active state
|
||||
.btn.active,
|
||||
.btn:active {
|
||||
background-image: none;
|
||||
@shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
|
||||
.box-shadow(@shadow);
|
||||
background-color: darken(@white, 10%);
|
||||
background-color: darken(@white, 15%) e("\9");
|
||||
color: rgba(0,0,0,.5);
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
// Disabled state
|
||||
.btn.disabled,
|
||||
.btn[disabled] {
|
||||
cursor: default;
|
||||
background-image: none;
|
||||
background-color: darken(@white, 10%);
|
||||
.opacity(65);
|
||||
.box-shadow(none);
|
||||
}
|
||||
|
||||
|
||||
// Button Sizes
|
||||
// --------------------------------------------------
|
||||
|
||||
// Large
|
||||
.btn-large {
|
||||
padding: 9px 14px;
|
||||
font-size: @baseFontSize + 2px;
|
||||
line-height: normal;
|
||||
.border-radius(5px);
|
||||
}
|
||||
.btn-large .icon {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
// Small
|
||||
.btn-small {
|
||||
padding: 5px 9px;
|
||||
font-size: @baseFontSize - 2px;
|
||||
line-height: @baseLineHeight - 2px;
|
||||
}
|
||||
.btn-small .icon {
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
|
||||
// Alternate buttons
|
||||
// --------------------------------------------------
|
||||
|
||||
// Set text color
|
||||
// -------------------------
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-warning,
|
||||
.btn-warning:hover,
|
||||
.btn-danger,
|
||||
.btn-danger:hover,
|
||||
.btn-success,
|
||||
.btn-success:hover,
|
||||
.btn-info,
|
||||
.btn-info:hover {
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
color: @white;
|
||||
}
|
||||
// Provide *some* extra contrast for those who can get it
|
||||
.btn-primary.active,
|
||||
.btn-warning.active,
|
||||
.btn-danger.active,
|
||||
.btn-success.active,
|
||||
.btn-info.active {
|
||||
color: rgba(255,255,255,.75);
|
||||
}
|
||||
|
||||
// Set the backgrounds
|
||||
// -------------------------
|
||||
.btn-primary {
|
||||
.buttonBackground(@primaryButtonBackground, spin(@primaryButtonBackground, 20));
|
||||
}
|
||||
// Warning appears are orange
|
||||
.btn-warning {
|
||||
.buttonBackground(lighten(@orange, 15%), @orange);
|
||||
}
|
||||
// Danger and error appear as red
|
||||
.btn-danger {
|
||||
.buttonBackground(#ee5f5b, #bd362f);
|
||||
}
|
||||
// Success appears as green
|
||||
.btn-success {
|
||||
.buttonBackground(#62c462, #51a351);
|
||||
}
|
||||
// Info appears as a neutral blue
|
||||
.btn-info {
|
||||
.buttonBackground(#5bc0de, #2f96b4);
|
||||
}
|
||||
|
||||
|
||||
// Cross-browser Jank
|
||||
// --------------------------------------------------
|
||||
|
||||
button.btn,
|
||||
input[type="submit"].btn {
|
||||
&::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
// IE7 has some default padding on button controls
|
||||
*padding-top: 2px;
|
||||
*padding-bottom: 2px;
|
||||
&.large {
|
||||
*padding-top: 7px;
|
||||
*padding-bottom: 7px;
|
||||
}
|
||||
&.small {
|
||||
*padding-top: 3px;
|
||||
*padding-bottom: 3px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,121 @@
|
||||
// CAROUSEL
|
||||
// --------
|
||||
|
||||
.carousel {
|
||||
position: relative;
|
||||
margin-bottom: @baseLineHeight;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.carousel-inner {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.carousel {
|
||||
|
||||
.item {
|
||||
display: none;
|
||||
position: relative;
|
||||
.transition(.6s ease-in-out left);
|
||||
}
|
||||
|
||||
// Account for jankitude on images
|
||||
.item > img {
|
||||
display: block;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.active,
|
||||
.next,
|
||||
.prev { display: block; }
|
||||
|
||||
.active {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.next,
|
||||
.prev {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.next {
|
||||
left: 100%;
|
||||
}
|
||||
.prev {
|
||||
left: -100%;
|
||||
}
|
||||
.next.left,
|
||||
.prev.right {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.active.left {
|
||||
left: -100%;
|
||||
}
|
||||
.active.right {
|
||||
left: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Left/right controls for nav
|
||||
// ---------------------------
|
||||
|
||||
.carousel-control {
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 15px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-top: -20px;
|
||||
font-size: 60px;
|
||||
font-weight: 100;
|
||||
line-height: 30px;
|
||||
color: @white;
|
||||
text-align: center;
|
||||
background: @grayDarker;
|
||||
border: 3px solid @white;
|
||||
.border-radius(23px);
|
||||
.opacity(50);
|
||||
|
||||
// we can't have this transition here
|
||||
// because webkit cancels the carousel
|
||||
// animation if you trip this while
|
||||
// in the middle of another animation
|
||||
// ;_;
|
||||
// .transition(opacity .2s linear);
|
||||
|
||||
// Reposition the right one
|
||||
&.right {
|
||||
left: auto;
|
||||
right: 15px;
|
||||
}
|
||||
|
||||
// Hover state
|
||||
&:hover {
|
||||
color: @white;
|
||||
text-decoration: none;
|
||||
.opacity(90);
|
||||
}
|
||||
}
|
||||
|
||||
// Caption for text below images
|
||||
// -----------------------------
|
||||
|
||||
.carousel-caption {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 10px 15px 5px;
|
||||
background: @grayDark;
|
||||
background: rgba(0,0,0,.75);
|
||||
}
|
||||
.carousel-caption h4,
|
||||
.carousel-caption p {
|
||||
color: @white;
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
// CLOSE ICONS
|
||||
// -----------
|
||||
|
||||
.close {
|
||||
float: right;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
line-height: @baseLineHeight;
|
||||
color: @black;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,1);
|
||||
.opacity(20);
|
||||
&:hover {
|
||||
color: @black;
|
||||
text-decoration: none;
|
||||
.opacity(40);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
// Code.less
|
||||
// Code typography styles for the <code> and <pre> elements
|
||||
// --------------------------------------------------------
|
||||
|
||||
// Inline and block code styles
|
||||
code,
|
||||
pre {
|
||||
padding: 0 3px 2px;
|
||||
#font > #family > .monospace;
|
||||
font-size: @baseFontSize - 1;
|
||||
color: @grayDark;
|
||||
.border-radius(3px);
|
||||
}
|
||||
code {
|
||||
padding: 3px 4px;
|
||||
color: #d14;
|
||||
background-color: #f7f7f9;
|
||||
border: 1px solid #e1e1e8;
|
||||
}
|
||||
pre {
|
||||
display: block;
|
||||
padding: (@baseLineHeight - 1) / 2;
|
||||
margin: 0 0 @baseLineHeight / 2;
|
||||
font-size: 12px;
|
||||
line-height: @baseLineHeight;
|
||||
background-color: #f5f5f5;
|
||||
border: 1px solid #ccc; // fallback for IE7-8
|
||||
border: 1px solid rgba(0,0,0,.15);
|
||||
.border-radius(4px);
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
|
||||
// Make prettyprint styles more spaced out for readability
|
||||
&.prettyprint {
|
||||
margin-bottom: @baseLineHeight;
|
||||
}
|
||||
|
||||
// Account for some code outputs that place code tags in pre tags
|
||||
code {
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
// COMPONENT ANIMATIONS
|
||||
// --------------------
|
||||
|
||||
.fade {
|
||||
.transition(opacity .15s linear);
|
||||
opacity: 0;
|
||||
&.in {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.collapse {
|
||||
.transition(height .35s ease);
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
height: 0;
|
||||
&.in { height: auto; }
|
||||
}
|
||||
@@ -0,0 +1,131 @@
|
||||
// DROPDOWN MENUS
|
||||
// --------------
|
||||
|
||||
// Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
|
||||
.dropdown {
|
||||
position: relative;
|
||||
}
|
||||
.dropdown-toggle {
|
||||
// The caret makes the toggle a bit too tall in IE7
|
||||
*margin-bottom: -3px;
|
||||
}
|
||||
.dropdown-toggle:active,
|
||||
.open .dropdown-toggle {
|
||||
outline: 0;
|
||||
}
|
||||
// Dropdown arrow/caret
|
||||
.caret {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
text-indent: -99999px;
|
||||
// IE7 won't do the border trick if there's a text indent, but it doesn't
|
||||
// do the content that text-indent is hiding, either, so we're ok.
|
||||
*text-indent: 0;
|
||||
vertical-align: top;
|
||||
border-left: 4px solid transparent;
|
||||
border-right: 4px solid transparent;
|
||||
border-top: 4px solid @black;
|
||||
.opacity(30);
|
||||
content: "\2193";
|
||||
}
|
||||
.dropdown .caret {
|
||||
margin-top: 8px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
.dropdown:hover .caret,
|
||||
.open.dropdown .caret {
|
||||
.opacity(100);
|
||||
}
|
||||
// The dropdown menu (ul)
|
||||
.dropdown-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: @zindexDropdown;
|
||||
float: left;
|
||||
display: none; // none by default, but block on "open" of the menu
|
||||
min-width: 160px;
|
||||
// makmax-width: 220px;
|
||||
_width: 160px;
|
||||
padding: 4px 0;
|
||||
margin: 0; // override default ul
|
||||
list-style: none;
|
||||
background-color: @white;
|
||||
border-color: #ccc;
|
||||
border-color: rgba(0,0,0,.2);
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
.border-radius(0 0 5px 5px);
|
||||
.box-shadow(0 5px 10px rgba(0,0,0,.2));
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
*border-right-width: 2px;
|
||||
*border-bottom-width: 2px;
|
||||
|
||||
// Allow for dropdowns to go bottom up (aka, dropup-menu)
|
||||
&.bottom-up {
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
// Dividers (basically an hr) within the dropdown
|
||||
.divider {
|
||||
height: 1px;
|
||||
margin: 5px 1px;
|
||||
overflow: hidden;
|
||||
background-color: #e5e5e5;
|
||||
border-bottom: 1px solid @white;
|
||||
|
||||
// IE7 needs a set width since we gave a height. Restricting just
|
||||
// to IE7 to keep the 1px left/right space in other browsers.
|
||||
// It is unclear where IE is getting the extra space that we need
|
||||
// to negative-margin away, but so it goes.
|
||||
*width: 100%;
|
||||
*margin: -5px 0 5px;
|
||||
}
|
||||
|
||||
// Links within the dropdown menu
|
||||
a {
|
||||
display: block;
|
||||
padding: 3px 15px;
|
||||
clear: both;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
color: @gray;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
// Hover state
|
||||
.dropdown-menu li > a:hover,
|
||||
.dropdown-menu .active > a,
|
||||
.dropdown-menu .active > a:hover {
|
||||
color: @white;
|
||||
text-decoration: none;
|
||||
background-color: @linkColor;
|
||||
}
|
||||
|
||||
// Open state for the dropdown
|
||||
.dropdown.open {
|
||||
// IE7's z-index only goes to the nearest positioned ancestor, which would
|
||||
// make the menu appear below buttons that appeared later on the page
|
||||
*z-index: @zindexDropdown;
|
||||
|
||||
.dropdown-toggle {
|
||||
color: @white;
|
||||
background: #ccc;
|
||||
background: rgba(0,0,0,.3);
|
||||
}
|
||||
.dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
// Typeahead
|
||||
.typeahead {
|
||||
margin-top: 2px; // give it some space to breathe
|
||||
.border-radius(4px);
|
||||
}
|
||||
@@ -0,0 +1,515 @@
|
||||
// Forms.less
|
||||
// Base styles for various input types, form layouts, and states
|
||||
// -------------------------------------------------------------
|
||||
|
||||
|
||||
// GENERAL STYLES
|
||||
// --------------
|
||||
|
||||
// Make all forms have space below them
|
||||
form {
|
||||
margin: 0 0 @baseLineHeight;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
// Groups of fields with labels on top (legends)
|
||||
legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: @baseLineHeight * 1.5;
|
||||
font-size: @baseFontSize * 1.5;
|
||||
line-height: @baseLineHeight * 2;
|
||||
color: @grayDark;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
// Set font for forms
|
||||
label,
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
textarea {
|
||||
#font > .sans-serif(@baseFontSize,normal,@baseLineHeight);
|
||||
}
|
||||
|
||||
// Identify controls by their labels
|
||||
label {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
color: @grayDark;
|
||||
}
|
||||
|
||||
// Inputs, Textareas, Selects
|
||||
input,
|
||||
textarea,
|
||||
select,
|
||||
.uneditable-input {
|
||||
display: inline-block;
|
||||
width: 210px;
|
||||
height: @baseLineHeight;
|
||||
padding: 4px;
|
||||
margin-bottom: 9px;
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
color: @gray;
|
||||
border: 1px solid @formElementBorder;
|
||||
.border-radius(3px);
|
||||
}
|
||||
.uneditable-textarea {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
// Inputs within a label
|
||||
label input,
|
||||
label textarea,
|
||||
label select {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Mini reset for unique input types
|
||||
input[type="image"],
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
width: auto;
|
||||
height: auto;
|
||||
padding: 0;
|
||||
margin: 3px 0;
|
||||
*margin-top: 0; /* IE7 */
|
||||
line-height: normal;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
.border-radius(0);
|
||||
}
|
||||
|
||||
// Reset the file input to browser defaults
|
||||
input[type="file"] {
|
||||
padding: initial;
|
||||
line-height: initial;
|
||||
border: initial;
|
||||
background-color: @white;
|
||||
background-color: initial;
|
||||
.box-shadow(none);
|
||||
}
|
||||
|
||||
// Help out input buttons
|
||||
input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
// Set the height of select and file controls to match text inputs
|
||||
select,
|
||||
input[type="file"] {
|
||||
height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
|
||||
*margin-top: 4px; /* For IE7, add top margin to align select with labels */
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
// Chrome on Linux and Mobile Safari need background-color
|
||||
select {
|
||||
width: 220px; // default input width + 10px of padding that doesn't get applied
|
||||
background-color: @white;
|
||||
}
|
||||
|
||||
// Make multiple select elements height not fixed
|
||||
select[multiple],
|
||||
select[size] {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
// Remove shadow from image inputs
|
||||
input[type="image"] {
|
||||
.box-shadow(none);
|
||||
}
|
||||
|
||||
// Make textarea height behave
|
||||
textarea {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
// Hidden inputs
|
||||
input[type="hidden"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// CHECKBOXES & RADIOS
|
||||
// -------------------
|
||||
|
||||
// Indent the labels to position radios/checkboxes as hanging
|
||||
.radio,
|
||||
.checkbox {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.radio input[type="radio"],
|
||||
.checkbox input[type="checkbox"] {
|
||||
float: left;
|
||||
margin-left: -18px;
|
||||
}
|
||||
|
||||
// Move the options list down to align with labels
|
||||
.controls > .radio:first-child,
|
||||
.controls > .checkbox:first-child {
|
||||
padding-top: 5px; // has to be padding because margin collaspes
|
||||
}
|
||||
|
||||
// Radios and checkboxes on same line
|
||||
.radio.inline,
|
||||
.checkbox.inline {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.radio.inline + .radio.inline,
|
||||
.checkbox.inline + .checkbox.inline {
|
||||
margin-left: 10px; // space out consecutive inline controls
|
||||
}
|
||||
// But don't forget to remove their padding on first-child
|
||||
.controls > .radio.inline:first-child,
|
||||
.controls > .checkbox.inline:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// FOCUS STATE
|
||||
// -----------
|
||||
|
||||
input,
|
||||
textarea {
|
||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
|
||||
@transition: border linear .2s, box-shadow linear .2s;
|
||||
.transition(@transition);
|
||||
}
|
||||
input:focus,
|
||||
textarea:focus {
|
||||
border-color: rgba(82,168,236,.8);
|
||||
@shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
|
||||
.box-shadow(@shadow);
|
||||
outline: 0;
|
||||
outline: thin dotted \9; /* IE6-8 */
|
||||
}
|
||||
input[type="file"]:focus,
|
||||
input[type="checkbox"]:focus,
|
||||
select:focus {
|
||||
.box-shadow(none); // override for file inputs
|
||||
.tab-focus();
|
||||
}
|
||||
|
||||
|
||||
|
||||
// INPUT SIZES
|
||||
// -----------
|
||||
|
||||
// General classes for quick sizes
|
||||
.input-mini { width: 60px; }
|
||||
.input-small { width: 90px; }
|
||||
.input-medium { width: 150px; }
|
||||
.input-large { width: 210px; }
|
||||
.input-xlarge { width: 270px; }
|
||||
.input-xxlarge { width: 530px; }
|
||||
|
||||
// Grid style input sizes
|
||||
input[class*="span"],
|
||||
select[class*="span"],
|
||||
textarea[class*="span"],
|
||||
.uneditable-input {
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// GRID SIZING FOR INPUTS
|
||||
// ----------------------
|
||||
|
||||
#inputGridSystem > .generate(@gridColumns, @gridColumnWidth, @gridGutterWidth);
|
||||
|
||||
|
||||
|
||||
|
||||
// DISABLED STATE
|
||||
// --------------
|
||||
|
||||
// Disabled and read-only inputs
|
||||
input[disabled],
|
||||
select[disabled],
|
||||
textarea[disabled],
|
||||
input[readonly],
|
||||
select[readonly],
|
||||
textarea[readonly] {
|
||||
background-color: #f5f5f5;
|
||||
border-color: #ddd;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// FORM FIELD FEEDBACK STATES
|
||||
// --------------------------
|
||||
|
||||
// Mixin for form field states
|
||||
.formFieldState(@textColor: #555, @borderColor: @formElementBorder, @backgroundColor: #f5f5f5) {
|
||||
// Set the text color
|
||||
> label,
|
||||
.help-block,
|
||||
.help-inline {
|
||||
color: @textColor;
|
||||
}
|
||||
// Style inputs accordingly
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
color: @textColor;
|
||||
border-color: @borderColor;
|
||||
&:focus {
|
||||
border-color: darken(@borderColor, 10%);
|
||||
.box-shadow(0 0 6px lighten(@borderColor, 20%));
|
||||
}
|
||||
}
|
||||
// Give a small background color for input-prepend/-append
|
||||
.input-prepend .add-on,
|
||||
.input-append .add-on {
|
||||
color: @textColor;
|
||||
background-color: @backgroundColor;
|
||||
border-color: @textColor;
|
||||
}
|
||||
}
|
||||
// Warning
|
||||
.control-group.warning {
|
||||
.formFieldState(@warningText, @warningText, @warningBackground);
|
||||
}
|
||||
// Error
|
||||
.control-group.error {
|
||||
.formFieldState(@errorText, @errorText, @errorBackground);
|
||||
}
|
||||
// Success
|
||||
.control-group.success {
|
||||
.formFieldState(@successText, @successText, @successBackground);
|
||||
}
|
||||
|
||||
// HTML5 invalid states
|
||||
// Shares styles with the .control-group.error above
|
||||
input:focus:required:invalid,
|
||||
textarea:focus:required:invalid,
|
||||
select:focus:required:invalid {
|
||||
color: #b94a48;
|
||||
border-color: #ee5f5b;
|
||||
&:focus {
|
||||
border-color: darken(#ee5f5b, 10%);
|
||||
.box-shadow(0 0 6px lighten(#ee5f5b, 20%));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// FORM ACTIONS
|
||||
// ------------
|
||||
|
||||
.form-actions {
|
||||
padding: (@baseLineHeight - 1) 20px @baseLineHeight;
|
||||
margin-top: @baseLineHeight;
|
||||
margin-bottom: @baseLineHeight;
|
||||
background-color: #f5f5f5;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
// For text that needs to appear as an input but should not be an input
|
||||
.uneditable-input {
|
||||
display: block;
|
||||
background-color: @white;
|
||||
border-color: #eee;
|
||||
.box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
// Placeholder text gets special styles; can't be bundled together though for some reason
|
||||
.placeholder(@grayLight);
|
||||
|
||||
|
||||
|
||||
// HELP TEXT
|
||||
// ---------
|
||||
|
||||
.help-block {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 0;
|
||||
color: @grayLight;
|
||||
}
|
||||
|
||||
.help-inline {
|
||||
display: inline-block;
|
||||
.ie7-inline-block();
|
||||
margin-bottom: 9px;
|
||||
vertical-align: middle;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// INPUT GROUPS
|
||||
// ------------
|
||||
|
||||
// Allow us to put symbols and text within the input field for a cleaner look
|
||||
.input-prepend,
|
||||
.input-append {
|
||||
margin-bottom: 5px;
|
||||
.clearfix(); // Clear the float to prevent wrapping
|
||||
input,
|
||||
.uneditable-input {
|
||||
.border-radius(0 3px 3px 0);
|
||||
&:focus {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
.uneditable-input {
|
||||
border-left-color: #ccc;
|
||||
}
|
||||
.add-on {
|
||||
float: left;
|
||||
display: block;
|
||||
width: auto;
|
||||
min-width: 16px;
|
||||
height: @baseLineHeight;
|
||||
margin-right: -1px;
|
||||
padding: 4px 5px;
|
||||
font-weight: normal;
|
||||
line-height: @baseLineHeight;
|
||||
color: @grayLight;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 @white;
|
||||
background-color: #f5f5f5;
|
||||
border: 1px solid @formElementBorder;
|
||||
.border-radius(3px 0 0 3px);
|
||||
}
|
||||
.active {
|
||||
background-color: lighten(@green, 30);
|
||||
border-color: @green;
|
||||
}
|
||||
}
|
||||
.input-prepend {
|
||||
.add-on {
|
||||
*margin-top: 1px; /* IE6-7 */
|
||||
}
|
||||
}
|
||||
.input-append {
|
||||
input,
|
||||
.uneditable-input {
|
||||
float: left;
|
||||
.border-radius(3px 0 0 3px);
|
||||
}
|
||||
.uneditable-input {
|
||||
border-right-color: @formElementBorder;
|
||||
}
|
||||
.add-on {
|
||||
margin-right: 0;
|
||||
margin-left: -1px;
|
||||
.border-radius(0 3px 3px 0);
|
||||
}
|
||||
input:first-child {
|
||||
// In IE7, having a hasLayout container (from clearfix's zoom:1) can make the first input
|
||||
// inherit the sum of its ancestors' margins.
|
||||
*margin-left: -160px;
|
||||
|
||||
&+.add-on {
|
||||
*margin-left: -21px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// SEARCH FORM
|
||||
// -----------
|
||||
|
||||
.search-query {
|
||||
padding-left: 14px;
|
||||
padding-right: 14px;
|
||||
margin-bottom: 0; // remove the default margin on all inputs
|
||||
.border-radius(14px);
|
||||
}
|
||||
|
||||
|
||||
|
||||
// HORIZONTAL & VERTICAL FORMS
|
||||
// ---------------------------
|
||||
|
||||
// Common properties
|
||||
// -----------------
|
||||
|
||||
.form-search,
|
||||
.form-inline,
|
||||
.form-horizontal {
|
||||
input,
|
||||
textarea,
|
||||
select,
|
||||
.help-inline,
|
||||
.uneditable-input {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.form-search label,
|
||||
.form-inline label,
|
||||
.form-search .input-append,
|
||||
.form-inline .input-append,
|
||||
.form-search .input-prepend,
|
||||
.form-inline .input-prepend {
|
||||
display: inline-block;
|
||||
}
|
||||
// Make the prepend and append add-on vertical-align: middle;
|
||||
.form-search .input-append .add-on,
|
||||
.form-inline .input-prepend .add-on,
|
||||
.form-search .input-append .add-on,
|
||||
.form-inline .input-prepend .add-on {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
// Margin to space out fieldsets
|
||||
.control-group {
|
||||
margin-bottom: @baseLineHeight / 2;
|
||||
}
|
||||
|
||||
// Horizontal-specific styles
|
||||
// --------------------------
|
||||
|
||||
.form-horizontal {
|
||||
// Legend collapses margin, so we're relegated to padding
|
||||
legend + .control-group {
|
||||
margin-top: @baseLineHeight;
|
||||
-webkit-margin-top-collapse: separate;
|
||||
}
|
||||
// Increase spacing between groups
|
||||
.control-group {
|
||||
margin-bottom: @baseLineHeight;
|
||||
.clearfix();
|
||||
}
|
||||
// Float the labels left
|
||||
.control-group > label {
|
||||
float: left;
|
||||
width: 140px;
|
||||
padding-top: 5px;
|
||||
text-align: right;
|
||||
}
|
||||
// Move over all input controls and content
|
||||
.controls {
|
||||
margin-left: 160px;
|
||||
}
|
||||
// Move over buttons in .form-actions to align with .controls
|
||||
.form-actions {
|
||||
padding-left: 160px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
// GRID SYSTEM
|
||||
// -----------
|
||||
|
||||
// Fixed (940px)
|
||||
#gridSystem > .generate(@gridColumns, @gridColumnWidth, @gridGutterWidth);
|
||||
|
||||
// Fluid (940px)
|
||||
#fluidGridSystem > .generate(@gridColumns, @fluidGridColumnWidth, @fluidGridGutterWidth);
|
||||
@@ -0,0 +1,20 @@
|
||||
// HERO UNIT
|
||||
// ---------
|
||||
|
||||
.hero-unit {
|
||||
padding: 60px;
|
||||
margin-bottom: 30px;
|
||||
background-color: #f5f5f5;
|
||||
.border-radius(6px);
|
||||
h1 {
|
||||
margin-bottom: 0;
|
||||
font-size: 60px;
|
||||
line-height: 1;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
p {
|
||||
font-size: 18px;
|
||||
font-weight: 200;
|
||||
line-height: @baseLineHeight * 1.5;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
// LABELS
|
||||
// ------
|
||||
|
||||
.label {
|
||||
padding: 1px 3px 2px;
|
||||
font-size: @baseFontSize * .75;
|
||||
font-weight: bold;
|
||||
color: @white;
|
||||
text-transform: uppercase;
|
||||
background-color: @grayLight;
|
||||
.border-radius(3px);
|
||||
}
|
||||
.label-important { background-color: @errorText; }
|
||||
.label-warning { background-color: @orange; }
|
||||
.label-success { background-color: @successText; }
|
||||
.label-info { background-color: @infoText; }
|
||||
@@ -0,0 +1,17 @@
|
||||
//
|
||||
// Layouts
|
||||
// Fixed-width and fluid (with sidebar) layouts
|
||||
// --------------------------------------------
|
||||
|
||||
|
||||
// Container (centered, fixed-width layouts)
|
||||
.container {
|
||||
.container-fixed();
|
||||
}
|
||||
|
||||
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
|
||||
.container-fluid {
|
||||
padding-left: @gridGutterWidth;
|
||||
padding-right: @gridGutterWidth;
|
||||
.clearfix();
|
||||
}
|
||||
@@ -0,0 +1,537 @@
|
||||
// Mixins.less
|
||||
// Snippets of reusable CSS to develop faster and keep code readable
|
||||
// -----------------------------------------------------------------
|
||||
|
||||
|
||||
// UTILITY MIXINS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Clearfix
|
||||
// --------
|
||||
// For clearing floats like a boss h5bp.com/q
|
||||
.clearfix() {
|
||||
*zoom: 1;
|
||||
&:before,
|
||||
&:after {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
// Webkit-style focus
|
||||
// ------------------
|
||||
.tab-focus() {
|
||||
// Default
|
||||
outline: thin dotted;
|
||||
// Webkit
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
// Center-align a block level element
|
||||
// ----------------------------------
|
||||
.center-block() {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
// IE7 inline-block
|
||||
// ----------------
|
||||
.ie7-inline-block() {
|
||||
*display: inline; /* IE7 inline-block hack */
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
// IE7 likes to collapse whitespace on either side of the inline-block elements.
|
||||
// Ems because we're attempting to match the width of a space character. Left
|
||||
// version is for form buttons, which typically come after other elements, and
|
||||
// right version is for icons, which come before. Applying both is ok, but it will
|
||||
// mean that space between those elements will be .6em (~2 space characters) in IE7,
|
||||
// instead of the 1 space in other browsers.
|
||||
.ie7-restore-left-whitespace() {
|
||||
*margin-left: .3em;
|
||||
|
||||
&:first-child {
|
||||
*margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ie7-restore-right-whitespace() {
|
||||
*margin-right: .3em;
|
||||
|
||||
&:last-child {
|
||||
*margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Sizing shortcuts
|
||||
// -------------------------
|
||||
.size(@height: 5px, @width: 5px) {
|
||||
width: @width;
|
||||
height: @height;
|
||||
}
|
||||
.square(@size: 5px) {
|
||||
.size(@size, @size);
|
||||
}
|
||||
|
||||
// Placeholder text
|
||||
// -------------------------
|
||||
.placeholder(@color: @placeholderText) {
|
||||
:-moz-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
::-webkit-input-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// FONTS
|
||||
// --------------------------------------------------
|
||||
|
||||
#font {
|
||||
#family {
|
||||
.serif() {
|
||||
font-family: @serifFontFamily;
|
||||
}
|
||||
.sans-serif() {
|
||||
font-family: @sansFontFamily;
|
||||
}
|
||||
.monospace() {
|
||||
font-family: @monospaceFontFamily;
|
||||
}
|
||||
}
|
||||
.shorthand(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
font-size: @size;
|
||||
font-weight: @weight;
|
||||
line-height: @lineHeight;
|
||||
}
|
||||
.serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
#font > #family > .serif;
|
||||
#font > .shorthand(@size, @weight, @lineHeight);
|
||||
}
|
||||
.sans-serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
#font > #family > .sans-serif;
|
||||
#font > .shorthand(@size, @weight, @lineHeight);
|
||||
}
|
||||
.monospace(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
#font > #family > .monospace;
|
||||
#font > .shorthand(@size, @weight, @lineHeight);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// GRID SYSTEM
|
||||
// --------------------------------------------------
|
||||
|
||||
// Site container
|
||||
// -------------------------
|
||||
.container-fixed() {
|
||||
width: @gridRowWidth;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
.clearfix();
|
||||
}
|
||||
|
||||
// Le grid system
|
||||
// -------------------------
|
||||
#gridSystem {
|
||||
// Setup the mixins to be used
|
||||
.columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, @columns) {
|
||||
width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
|
||||
}
|
||||
.offset(@gridColumnWidth, @gridGutterWidth, @columns) {
|
||||
margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)) + (@gridGutterWidth * 2);
|
||||
}
|
||||
.gridColumn(@gridGutterWidth) {
|
||||
float: left;
|
||||
margin-left: @gridGutterWidth;
|
||||
}
|
||||
// Take these values and mixins, and make 'em do their thang
|
||||
.generate(@gridColumns, @gridColumnWidth, @gridGutterWidth) {
|
||||
// Row surrounds the columns
|
||||
.row {
|
||||
margin-left: @gridGutterWidth * -1;
|
||||
.clearfix();
|
||||
}
|
||||
// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7, thanks @dhg)
|
||||
[class*="span"] {
|
||||
#gridSystem > .gridColumn(@gridGutterWidth);
|
||||
}
|
||||
// Default columns
|
||||
.span1 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 1); }
|
||||
.span2 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 2); }
|
||||
.span3 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 3); }
|
||||
.span4 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 4); }
|
||||
.span5 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 5); }
|
||||
.span6 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 6); }
|
||||
.span7 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 7); }
|
||||
.span8 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 8); }
|
||||
.span9 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 9); }
|
||||
.span10 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 10); }
|
||||
.span11 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 11); }
|
||||
.span12,
|
||||
.container { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 12); }
|
||||
// Offset column options
|
||||
.offset1 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 1); }
|
||||
.offset2 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 2); }
|
||||
.offset3 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 3); }
|
||||
.offset4 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 4); }
|
||||
.offset5 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 5); }
|
||||
.offset6 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 6); }
|
||||
.offset7 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 7); }
|
||||
.offset8 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 8); }
|
||||
.offset9 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 9); }
|
||||
.offset10 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 10); }
|
||||
.offset11 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 11); }
|
||||
}
|
||||
}
|
||||
|
||||
// Fluid grid system
|
||||
// -------------------------
|
||||
#fluidGridSystem {
|
||||
// Setup the mixins to be used
|
||||
.columns(@fluidGridGutterWidth, @fluidGridColumnWidth, @columns) {
|
||||
width: 1% * (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
|
||||
}
|
||||
.gridColumn(@fluidGridGutterWidth) {
|
||||
float: left;
|
||||
margin-left: @fluidGridGutterWidth;
|
||||
}
|
||||
// Take these values and mixins, and make 'em do their thang
|
||||
.generate(@gridColumns, @fluidGridColumnWidth, @fluidGridGutterWidth) {
|
||||
// Row surrounds the columns
|
||||
.row-fluid {
|
||||
width: 100%;
|
||||
.clearfix();
|
||||
|
||||
// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7, thanks @dhg)
|
||||
> [class*="span"] {
|
||||
#fluidGridSystem > .gridColumn(@fluidGridGutterWidth);
|
||||
}
|
||||
> [class*="span"]:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
// Default columns
|
||||
.span1 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 1); }
|
||||
.span2 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 2); }
|
||||
.span3 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 3); }
|
||||
.span4 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 4); }
|
||||
.span5 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 5); }
|
||||
.span6 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 6); }
|
||||
.span7 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 7); }
|
||||
.span8 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 8); }
|
||||
.span9 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 9); }
|
||||
.span10 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 10); }
|
||||
.span11 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 11); }
|
||||
.span12 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 12); }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Input grid system
|
||||
// -------------------------
|
||||
#inputGridSystem {
|
||||
.inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, @columns) {
|
||||
width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 10;
|
||||
}
|
||||
.generate(@gridColumns, @gridColumnWidth, @gridGutterWidth) {
|
||||
input,
|
||||
textarea,
|
||||
.uneditable-input {
|
||||
&.span1 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 1); }
|
||||
&.span2 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 2); }
|
||||
&.span3 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 3); }
|
||||
&.span4 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 4); }
|
||||
&.span5 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 5); }
|
||||
&.span6 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 6); }
|
||||
&.span7 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 7); }
|
||||
&.span8 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 8); }
|
||||
&.span9 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 9); }
|
||||
&.span10 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 10); }
|
||||
&.span11 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 11); }
|
||||
&.span12 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 12); }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// CSS3 PROPERTIES
|
||||
// --------------------------------------------------
|
||||
|
||||
// Border Radius
|
||||
.border-radius(@radius: 5px) {
|
||||
-webkit-border-radius: @radius;
|
||||
-moz-border-radius: @radius;
|
||||
border-radius: @radius;
|
||||
}
|
||||
|
||||
// Drop shadows
|
||||
.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
|
||||
-webkit-box-shadow: @shadow;
|
||||
-moz-box-shadow: @shadow;
|
||||
box-shadow: @shadow;
|
||||
}
|
||||
|
||||
// Transitions
|
||||
.transition(@transition) {
|
||||
-webkit-transition: @transition;
|
||||
-moz-transition: @transition;
|
||||
-ms-transition: @transition;
|
||||
-o-transition: @transition;
|
||||
transition: @transition;
|
||||
}
|
||||
|
||||
// Transformations
|
||||
.rotate(@degrees) {
|
||||
-webkit-transform: rotate(@degrees);
|
||||
-moz-transform: rotate(@degrees);
|
||||
-ms-transform: rotate(@degrees);
|
||||
-o-transform: rotate(@degrees);
|
||||
transform: rotate(@degrees);
|
||||
}
|
||||
.scale(@ratio) {
|
||||
-webkit-transform: scale(@ratio);
|
||||
-moz-transform: scale(@ratio);
|
||||
-ms-transform: scale(@ratio);
|
||||
-o-transform: scale(@ratio);
|
||||
transform: scale(@ratio);
|
||||
}
|
||||
.translate(@x: 0, @y: 0) {
|
||||
-webkit-transform: translate(@x, @y);
|
||||
-moz-transform: translate(@x, @y);
|
||||
-ms-transform: translate(@x, @y);
|
||||
-o-transform: translate(@x, @y);
|
||||
transform: translate(@x, @y);
|
||||
}
|
||||
.skew(@x: 0, @y: 0) {
|
||||
-webkit-transform: translate(@x, @y);
|
||||
-moz-transform: translate(@x, @y);
|
||||
-ms-transform: translate(@x, @y);
|
||||
-o-transform: translate(@x, @y);
|
||||
transform: translate(@x, @y);
|
||||
}
|
||||
.skew(@x: 0, @y: 0) {
|
||||
-webkit-transform: skew(@x, @y);
|
||||
-moz-transform: skew(@x, @y);
|
||||
-ms-transform: skew(@x, @y);
|
||||
-o-transform: skew(@x, @y);
|
||||
transform: skew(@x, @y);
|
||||
}
|
||||
|
||||
// Background clipping
|
||||
// Heads up: FF 3.6 and under need "padding" instead of "padding-box"
|
||||
.background-clip(@clip) {
|
||||
-webkit-background-clip: @clip;
|
||||
-moz-background-clip: @clip;
|
||||
background-clip: @clip;
|
||||
}
|
||||
|
||||
// Background sizing
|
||||
.background-size(@size){
|
||||
-webkit-background-size: @size;
|
||||
-moz-background-size: @size;
|
||||
-o-background-size: @size;
|
||||
background-size: @size;
|
||||
}
|
||||
|
||||
|
||||
// Box sizing
|
||||
.box-sizing(@boxmodel) {
|
||||
-webkit-box-sizing: @boxmodel;
|
||||
-moz-box-sizing: @boxmodel;
|
||||
box-sizing: @boxmodel;
|
||||
}
|
||||
|
||||
// User select
|
||||
// For selecting text on the page
|
||||
.user-select(@select) {
|
||||
-webkit-user-select: @select;
|
||||
-moz-user-select: @select;
|
||||
-o-user-select: @select;
|
||||
user-select: @select;
|
||||
}
|
||||
|
||||
// Resize anything
|
||||
.resizable(@direction: both) {
|
||||
resize: @direction; // Options: horizontal, vertical, both
|
||||
overflow: auto; // Safari fix
|
||||
}
|
||||
|
||||
// CSS3 Content Columns
|
||||
.content-columns(@columnCount, @columnGap: @gridColumnGutter) {
|
||||
-webkit-column-count: @columnCount;
|
||||
-moz-column-count: @columnCount;
|
||||
column-count: @columnCount;
|
||||
-webkit-column-gap: @columnGap;
|
||||
-moz-column-gap: @columnGap;
|
||||
column-gap: @columnGap;
|
||||
}
|
||||
|
||||
// Opacity
|
||||
.opacity(@opacity: 100) {
|
||||
opacity: @opacity / 100;
|
||||
filter: e(%("alpha(opacity=%d)", @opacity));
|
||||
}
|
||||
|
||||
|
||||
|
||||
// BACKGROUNDS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Add an alphatransparency value to any background or border color (via Elyse Holladay)
|
||||
#translucent {
|
||||
.background(@color: @white, @alpha: 1) {
|
||||
background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
||||
}
|
||||
.border(@color: @white, @alpha: 1) {
|
||||
border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
||||
.background-clip(padding-box);
|
||||
}
|
||||
}
|
||||
|
||||
// Gradient Bar Colors for buttons and alerts
|
||||
.gradientBar(@primaryColor, @secondaryColor) {
|
||||
#gradient > .vertical(@primaryColor, @secondaryColor);
|
||||
border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
|
||||
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
|
||||
}
|
||||
|
||||
// Gradients
|
||||
#gradient {
|
||||
.horizontal(@startColor: #555, @endColor: #333) {
|
||||
background-color: @endColor;
|
||||
background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -ms-linear-gradient(left, @startColor, @endColor); // IE10
|
||||
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(left, @startColor, @endColor); // Le standard
|
||||
background-repeat: repeat-x;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down
|
||||
}
|
||||
.vertical(@startColor: #555, @endColor: #333) {
|
||||
background-color: mix(@startColor, @endColor, 60%);
|
||||
background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(top, @startColor, @endColor); // The standard
|
||||
background-repeat: repeat-x;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
|
||||
}
|
||||
.directional(@startColor: #555, @endColor: #333, @deg: 45deg) {
|
||||
background-color: @endColor;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -ms-linear-gradient(@deg, @startColor, @endColor); // IE10
|
||||
background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(@deg, @startColor, @endColor); // The standard
|
||||
}
|
||||
.vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
|
||||
background-color: mix(@midColor, @endColor, 80%);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
|
||||
background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-repeat: no-repeat;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down, gets no color-stop at all for proper fallback
|
||||
}
|
||||
.radial(@innerColor: #555, @outerColor: #333) {
|
||||
background-color: @outerColor;
|
||||
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@innerColor), to(@outerColor));
|
||||
background-image: -webkit-radial-gradient(circle, @innerColor, @outerColor);
|
||||
background-image: -moz-radial-gradient(circle, @innerColor, @outerColor);
|
||||
background-image: -ms-radial-gradient(circle, @innerColor, @outerColor);
|
||||
background-repeat: no-repeat;
|
||||
// Opera cannot do radial gradients yet
|
||||
}
|
||||
.striped(@color, @angle: -45deg) {
|
||||
background-color: @color;
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: -ms-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
}
|
||||
}
|
||||
// Reset filters for IE
|
||||
.reset-filter() {
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
|
||||
}
|
||||
|
||||
|
||||
// Mixin for generating button backgrounds
|
||||
// ---------------------------------------
|
||||
.buttonBackground(@startColor, @endColor) {
|
||||
// gradientBar will set the background to a pleasing blend of these, to support IE<=9
|
||||
.gradientBar(@startColor, @endColor);
|
||||
.reset-filter();
|
||||
|
||||
// in these cases the gradient won't cover the background, so we override
|
||||
&:hover, &:active, &.active, &.disabled, &[disabled] {
|
||||
background-color: @endColor;
|
||||
}
|
||||
|
||||
// IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: darken(@endColor, 10%) e("\9");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// COMPONENT MIXINS
|
||||
// --------------------------------------------------
|
||||
|
||||
// POPOVER ARROWS
|
||||
// -------------------------
|
||||
// For tipsies and popovers
|
||||
#popoverArrow {
|
||||
.top(@arrowWidth: 5px) {
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
margin-left: -@arrowWidth;
|
||||
border-left: @arrowWidth solid transparent;
|
||||
border-right: @arrowWidth solid transparent;
|
||||
border-top: @arrowWidth solid @black;
|
||||
}
|
||||
.left(@arrowWidth: 5px) {
|
||||
top: 50%;
|
||||
right: 0;
|
||||
margin-top: -@arrowWidth;
|
||||
border-top: @arrowWidth solid transparent;
|
||||
border-bottom: @arrowWidth solid transparent;
|
||||
border-left: @arrowWidth solid @black;
|
||||
}
|
||||
.bottom(@arrowWidth: 5px) {
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -@arrowWidth;
|
||||
border-left: @arrowWidth solid transparent;
|
||||
border-right: @arrowWidth solid transparent;
|
||||
border-bottom: @arrowWidth solid @black;
|
||||
}
|
||||
.right(@arrowWidth: 5px) {
|
||||
top: 50%;
|
||||
left: 0;
|
||||
margin-top: -@arrowWidth;
|
||||
border-top: @arrowWidth solid transparent;
|
||||
border-bottom: @arrowWidth solid transparent;
|
||||
border-right: @arrowWidth solid @black;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
// MODALS
|
||||
// ------
|
||||
|
||||
.modal-open {
|
||||
.dropdown-menu { z-index: @zindexDropdown + @zindexModal; }
|
||||
.dropdown.open { *z-index: @zindexDropdown + @zindexModal; }
|
||||
.popover { z-index: @zindexPopover + @zindexModal; }
|
||||
.tooltip { z-index: @zindexTooltip + @zindexModal; }
|
||||
}
|
||||
|
||||
.modal-backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: @zindexModalBackdrop;
|
||||
background-color: @black;
|
||||
// Fade for backdrop
|
||||
&.fade { opacity: 0; }
|
||||
}
|
||||
|
||||
.modal-backdrop,
|
||||
.modal-backdrop.fade.in {
|
||||
.opacity(80);
|
||||
}
|
||||
|
||||
.modal {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
z-index: @zindexModal;
|
||||
max-height: 500px;
|
||||
overflow: auto;
|
||||
width: 560px;
|
||||
margin: -250px 0 0 -280px;
|
||||
background-color: @white;
|
||||
border: 1px solid #999;
|
||||
border: 1px solid rgba(0,0,0,.3);
|
||||
*border: 1px solid #999; /* IE6-7 */
|
||||
.border-radius(6px);
|
||||
.box-shadow(0 3px 7px rgba(0,0,0,0.3));
|
||||
.background-clip(padding-box);
|
||||
&.fade {
|
||||
.transition(e('opacity .3s linear, top .3s ease-out'));
|
||||
top: -25%;
|
||||
}
|
||||
&.fade.in { top: 50%; }
|
||||
}
|
||||
.modal-header {
|
||||
padding: 9px 15px;
|
||||
border-bottom: 1px solid #eee;
|
||||
// Close icon
|
||||
.close { margin-top: 2px; }
|
||||
}
|
||||
.modal-body {
|
||||
padding: 15px;
|
||||
}
|
||||
.modal-footer {
|
||||
padding: 14px 15px 15px;
|
||||
margin-bottom: 0;
|
||||
background-color: #f5f5f5;
|
||||
border-top: 1px solid #ddd;
|
||||
.border-radius(0 0 6px 6px);
|
||||
.box-shadow(inset 0 1px 0 @white);
|
||||
.clearfix();
|
||||
.btn {
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,292 @@
|
||||
// NAVBAR (FIXED AND STATIC)
|
||||
// -------------------------
|
||||
|
||||
|
||||
// COMMON STYLES
|
||||
// -------------
|
||||
|
||||
.navbar {
|
||||
overflow: visible;
|
||||
margin-bottom: @baseLineHeight;
|
||||
}
|
||||
|
||||
// Gradient is applied to it's own element because overflow visible is not honored by IE when filter is present
|
||||
.navbar-inner {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
#gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);
|
||||
.border-radius(4px);
|
||||
@shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
|
||||
.box-shadow(@shadow);
|
||||
}
|
||||
|
||||
// Navbar button for toggling navbar items in responsive layouts
|
||||
.btn-navbar {
|
||||
display: none;
|
||||
float: right;
|
||||
padding: 7px 10px;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
.buttonBackground(@navbarBackgroundHighlight, @navbarBackground);
|
||||
@shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
|
||||
.box-shadow(@shadow);
|
||||
}
|
||||
.btn-navbar .icon-bar {
|
||||
display: block;
|
||||
width: 18px;
|
||||
height: 2px;
|
||||
background-color: #f5f5f5;
|
||||
.border-radius(1px);
|
||||
.box-shadow(0 1px 0 rgba(0,0,0,.25));
|
||||
}
|
||||
.btn-navbar .icon-bar + .icon-bar {
|
||||
margin-top: 3px;
|
||||
}
|
||||
// Override the default collapsed state
|
||||
.nav-collapse.collapse {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
// Brand, links, text, and buttons
|
||||
.navbar {
|
||||
// Hover and active states
|
||||
.brand:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
// Website or project name
|
||||
.brand {
|
||||
float: left;
|
||||
display: block;
|
||||
padding: 8px 20px 12px;
|
||||
margin-left: -20px; // negative indent to left-align the text down the page
|
||||
font-size: 20px;
|
||||
font-weight: 200;
|
||||
line-height: 1;
|
||||
color: @white;
|
||||
}
|
||||
// Plain text in topbar
|
||||
.navbar-text {
|
||||
margin-bottom: 0;
|
||||
line-height: 40px;
|
||||
color: @navbarText;
|
||||
a:hover {
|
||||
color: @white;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
// Buttons in navbar
|
||||
.btn,
|
||||
.btn-group {
|
||||
margin-top: 5px; // make buttons vertically centered in navbar
|
||||
}
|
||||
.btn-group .btn {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Navbar forms
|
||||
.navbar-form {
|
||||
margin-bottom: 0; // remove default bottom margin
|
||||
.clearfix();
|
||||
input,
|
||||
select {
|
||||
display: inline-block;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.radio,
|
||||
.checkbox {
|
||||
margin-top: 5px;
|
||||
}
|
||||
input[type="image"],
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
margin-top: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
// Navbar search
|
||||
.navbar-search {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-top: 6px;
|
||||
margin-bottom: 0;
|
||||
.search-query {
|
||||
padding: 4px 9px;
|
||||
#font > .sans-serif(13px, normal, 1);
|
||||
color: @white;
|
||||
color: rgba(255,255,255,.75);
|
||||
background: #666;
|
||||
background: rgba(255,255,255,.3);
|
||||
border: 1px solid #111;
|
||||
@shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15);
|
||||
.box-shadow(@shadow);
|
||||
.transition(none);
|
||||
|
||||
// Placeholder text gets special styles; can't be bundled together though for some reason
|
||||
.placeholder(@grayLighter);
|
||||
|
||||
// Hover states
|
||||
&:hover {
|
||||
color: @white;
|
||||
background-color: @grayLight;
|
||||
background-color: rgba(255,255,255,.5);
|
||||
}
|
||||
// Focus states (we use .focused since IE8 and down doesn't support :focus)
|
||||
&:focus,
|
||||
&.focused {
|
||||
padding: 5px 10px;
|
||||
color: @grayDark;
|
||||
text-shadow: 0 1px 0 @white;
|
||||
background-color: @white;
|
||||
border: 0;
|
||||
.box-shadow(0 0 3px rgba(0,0,0,.15));
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// FIXED NAVBAR
|
||||
// ------------
|
||||
|
||||
.navbar-fixed-top {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: @zindexFixedNavbar;
|
||||
}
|
||||
.navbar-fixed-top .navbar-inner {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
.border-radius(0);
|
||||
}
|
||||
|
||||
|
||||
// NAVIGATION
|
||||
// ----------
|
||||
|
||||
.navbar .nav {
|
||||
position: relative;
|
||||
left: 0;
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
.navbar .nav.pull-right {
|
||||
float: right; // redeclare due to specificity
|
||||
}
|
||||
.navbar .nav > li {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
// Links
|
||||
.navbar .nav > li > a {
|
||||
float: none;
|
||||
padding: 10px 10px 11px;
|
||||
line-height: 19px;
|
||||
color: @navbarLinkColor;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
}
|
||||
// Hover
|
||||
.navbar .nav > li > a:hover {
|
||||
background-color: transparent;
|
||||
color: @navbarLinkColorHover;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
// Active nav items
|
||||
.navbar .nav .active > a,
|
||||
.navbar .nav .active > a:hover {
|
||||
color: @navbarLinkColorHover;
|
||||
text-decoration: none;
|
||||
background-color: @navbarBackground;
|
||||
background-color: rgba(0,0,0,.5);
|
||||
}
|
||||
|
||||
// Dividers (basically a vertical hr)
|
||||
.navbar .divider-vertical {
|
||||
height: @navbarHeight;
|
||||
width: 1px;
|
||||
margin: 0 9px;
|
||||
overflow: hidden;
|
||||
background-color: @navbarBackground;
|
||||
border-right: 1px solid @navbarBackgroundHighlight;
|
||||
}
|
||||
|
||||
// Secondary (floated right) nav in topbar
|
||||
.navbar .nav.pull-right {
|
||||
margin-left: 10px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Dropdown menus
|
||||
// --------------
|
||||
|
||||
// Menu position and menu carets
|
||||
.navbar .dropdown-menu {
|
||||
margin-top: 1px;
|
||||
.border-radius(4px);
|
||||
&:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #ccc;
|
||||
border-bottom-color: rgba(0,0,0,.2);
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
left: 9px;
|
||||
}
|
||||
&:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid @white;
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
// Dropdown toggle caret
|
||||
.navbar .nav .dropdown-toggle .caret,
|
||||
.navbar .nav .open.dropdown .caret {
|
||||
border-top-color: @white;
|
||||
}
|
||||
.navbar .nav .active .caret {
|
||||
.opacity(100);
|
||||
}
|
||||
|
||||
// Remove background color from open dropdown
|
||||
.navbar .nav .open > .dropdown-toggle,
|
||||
.navbar .nav .active > .dropdown-toggle,
|
||||
.navbar .nav .open.active > .dropdown-toggle {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
// Dropdown link on hover
|
||||
.navbar .nav .active > .dropdown-toggle:hover {
|
||||
color: @white;
|
||||
}
|
||||
|
||||
// Right aligned menus need alt position
|
||||
.navbar .nav.pull-right .dropdown-menu {
|
||||
left: auto;
|
||||
right: 0;
|
||||
&:before {
|
||||
left: auto;
|
||||
right: 12px;
|
||||
}
|
||||
&:after {
|
||||
left: auto;
|
||||
right: 13px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,344 @@
|
||||
// NAVIGATIONS
|
||||
// -----------
|
||||
|
||||
|
||||
|
||||
// BASE CLASS
|
||||
// ----------
|
||||
|
||||
.nav {
|
||||
margin-left: 0;
|
||||
margin-bottom: @baseLineHeight;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
// Make links block level
|
||||
.nav > li > a {
|
||||
display: block;
|
||||
}
|
||||
.nav > li > a:hover {
|
||||
text-decoration: none;
|
||||
background-color: @grayLighter;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// NAV LIST
|
||||
// --------
|
||||
|
||||
.nav-list {
|
||||
padding-left: 14px;
|
||||
padding-right: 14px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.nav-list > li > a,
|
||||
.nav-list .nav-header {
|
||||
display: block;
|
||||
padding: 3px 15px;
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
||||
}
|
||||
.nav-list .nav-header {
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
line-height: @baseLineHeight;
|
||||
color: @grayLight;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.nav-list > li + .nav-header {
|
||||
margin-top: 9px;
|
||||
}
|
||||
.nav-list .active > a,
|
||||
.nav-list .active > a:hover {
|
||||
color: @white;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
|
||||
background-color: @linkColor;
|
||||
}
|
||||
.nav-list [class^="icon-"] {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// TABS AND PILLS
|
||||
// -------------
|
||||
|
||||
// Common styles
|
||||
.nav-tabs,
|
||||
.nav-pills {
|
||||
.clearfix();
|
||||
}
|
||||
.nav-tabs > li,
|
||||
.nav-pills > li {
|
||||
float: left;
|
||||
}
|
||||
.nav-tabs > li > a,
|
||||
.nav-pills > li > a {
|
||||
padding-right: 12px;
|
||||
padding-left: 12px;
|
||||
margin-right: 2px;
|
||||
line-height: 14px; // keeps the overall height an even number
|
||||
}
|
||||
|
||||
// TABS
|
||||
// ----
|
||||
|
||||
// Give the tabs something to sit on
|
||||
.nav-tabs {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
// Make the list-items overlay the bottom border
|
||||
.nav-tabs > li {
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
// Actual tabs (as links)
|
||||
.nav-tabs > li > a {
|
||||
padding-top: 9px;
|
||||
padding-bottom: 9px;
|
||||
border: 1px solid transparent;
|
||||
.border-radius(4px 4px 0 0);
|
||||
&:hover {
|
||||
border-color: @grayLighter @grayLighter #ddd;
|
||||
}
|
||||
}
|
||||
// Active state, and it's :hover to override normal :hover
|
||||
.nav-tabs > .active > a,
|
||||
.nav-tabs > .active > a:hover {
|
||||
color: @gray;
|
||||
background-color: @white;
|
||||
border: 1px solid #ddd;
|
||||
border-bottom-color: transparent;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
// PILLS
|
||||
// -----
|
||||
|
||||
// Links rendered as pills
|
||||
.nav-pills > li > a {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
.border-radius(5px);
|
||||
}
|
||||
|
||||
// Active state
|
||||
.nav-pills .active > a,
|
||||
.nav-pills .active > a:hover {
|
||||
color: @white;
|
||||
background-color: @linkColor;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// STACKED NAV
|
||||
// -----------
|
||||
|
||||
// Stacked tabs and pills
|
||||
.nav-stacked > li {
|
||||
float: none;
|
||||
}
|
||||
.nav-stacked > li > a {
|
||||
margin-right: 0; // no need for the gap between nav items
|
||||
}
|
||||
|
||||
// Tabs
|
||||
.nav-tabs.nav-stacked {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.nav-tabs.nav-stacked > li > a {
|
||||
border: 1px solid #ddd;
|
||||
.border-radius(0);
|
||||
}
|
||||
.nav-tabs.nav-stacked > li:first-child > a {
|
||||
.border-radius(4px 4px 0 0);
|
||||
}
|
||||
.nav-tabs.nav-stacked > li:last-child > a {
|
||||
.border-radius(0 0 4px 4px);
|
||||
}
|
||||
.nav-tabs.nav-stacked > li > a:hover {
|
||||
border-color: #ddd;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
// Pills
|
||||
.nav-pills.nav-stacked > li > a {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.nav-pills.nav-stacked > li:last-child > a {
|
||||
margin-bottom: 1px; // decrease margin to match sizing of stacked tabs
|
||||
}
|
||||
|
||||
|
||||
|
||||
// DROPDOWNS
|
||||
// ---------
|
||||
|
||||
// Position the menu
|
||||
.nav-tabs .dropdown-menu,
|
||||
.nav-pills .dropdown-menu {
|
||||
margin-top: 1px;
|
||||
border-width: 1px;
|
||||
}
|
||||
.nav-pills .dropdown-menu {
|
||||
.border-radius(4px);
|
||||
}
|
||||
|
||||
// Default dropdown links
|
||||
// -------------------------
|
||||
// Make carets use linkColor to start
|
||||
.nav-tabs .dropdown-toggle .caret,
|
||||
.nav-pills .dropdown-toggle .caret {
|
||||
border-top-color: @linkColor;
|
||||
margin-top: 6px;
|
||||
}
|
||||
.nav-tabs .dropdown-toggle:hover .caret,
|
||||
.nav-pills .dropdown-toggle:hover .caret {
|
||||
border-top-color: @linkColorHover;
|
||||
}
|
||||
|
||||
// Active dropdown links
|
||||
// -------------------------
|
||||
.nav-tabs .active .dropdown-toggle .caret,
|
||||
.nav-pills .active .dropdown-toggle .caret {
|
||||
border-top-color: @grayDark;
|
||||
}
|
||||
|
||||
// Active:hover dropdown links
|
||||
// -------------------------
|
||||
.nav > .dropdown.active > a:hover {
|
||||
color: @black;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
// Open dropdowns
|
||||
// -------------------------
|
||||
.nav-tabs .open .dropdown-toggle,
|
||||
.nav-pills .open .dropdown-toggle,
|
||||
.nav > .open.active > a:hover {
|
||||
color: @white;
|
||||
background-color: @grayLight;
|
||||
border-color: @grayLight;
|
||||
}
|
||||
.nav .open .caret,
|
||||
.nav .open.active .caret,
|
||||
.nav .open a:hover .caret {
|
||||
border-top-color: @white;
|
||||
.opacity(100);
|
||||
}
|
||||
|
||||
// Dropdowns in stacked tabs
|
||||
.tabs-stacked .open > a:hover {
|
||||
border-color: @grayLight;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// TABBABLE
|
||||
// --------
|
||||
|
||||
|
||||
// COMMON STYLES
|
||||
// -------------
|
||||
|
||||
// Clear any floats
|
||||
.tabbable {
|
||||
.clearfix();
|
||||
}
|
||||
|
||||
// Remove border on bottom, left, right
|
||||
.tabs-below .nav-tabs,
|
||||
.tabs-right .nav-tabs,
|
||||
.tabs-left .nav-tabs {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
// Show/hide tabbable areas
|
||||
.tab-content > .tab-pane,
|
||||
.pill-content > .pill-pane {
|
||||
display: none;
|
||||
}
|
||||
.tab-content > .active,
|
||||
.pill-content > .active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
// BOTTOM
|
||||
// ------
|
||||
|
||||
.tabs-below .nav-tabs {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
.tabs-below .nav-tabs > li {
|
||||
margin-top: -1px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.tabs-below .nav-tabs > li > a {
|
||||
.border-radius(0 0 4px 4px);
|
||||
&:hover {
|
||||
border-bottom-color: transparent;
|
||||
border-top-color: #ddd;
|
||||
}
|
||||
}
|
||||
.tabs-below .nav-tabs .active > a,
|
||||
.tabs-below .nav-tabs .active > a:hover {
|
||||
border-color: transparent #ddd #ddd #ddd;
|
||||
}
|
||||
|
||||
// LEFT & RIGHT
|
||||
// ------------
|
||||
|
||||
// Common styles
|
||||
.tabs-left .nav-tabs > li,
|
||||
.tabs-right .nav-tabs > li {
|
||||
float: none;
|
||||
}
|
||||
.tabs-left .nav-tabs > li > a,
|
||||
.tabs-right .nav-tabs > li > a {
|
||||
min-width: 74px;
|
||||
margin-right: 0;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
// Tabs on the left
|
||||
.tabs-left .nav-tabs {
|
||||
float: left;
|
||||
margin-right: 19px;
|
||||
border-right: 1px solid #ddd;
|
||||
}
|
||||
.tabs-left .nav-tabs > li > a {
|
||||
margin-right: -1px;
|
||||
.border-radius(4px 0 0 4px);
|
||||
}
|
||||
.tabs-left .nav-tabs > li > a:hover {
|
||||
border-color: @grayLighter #ddd @grayLighter @grayLighter;
|
||||
}
|
||||
.tabs-left .nav-tabs .active > a,
|
||||
.tabs-left .nav-tabs .active > a:hover {
|
||||
border-color: #ddd transparent #ddd #ddd;
|
||||
*border-right-color: @white;
|
||||
}
|
||||
|
||||
// Tabs on the right
|
||||
.tabs-right .nav-tabs {
|
||||
float: right;
|
||||
margin-left: 19px;
|
||||
border-left: 1px solid #ddd;
|
||||
}
|
||||
.tabs-right .nav-tabs > li > a {
|
||||
margin-left: -1px;
|
||||
.border-radius(0 4px 4px 0);
|
||||
}
|
||||
.tabs-right .nav-tabs > li > a:hover {
|
||||
border-color: @grayLighter @grayLighter @grayLighter #ddd;
|
||||
}
|
||||
.tabs-right .nav-tabs .active > a,
|
||||
.tabs-right .nav-tabs .active > a:hover {
|
||||
border-color: #ddd #ddd #ddd transparent;
|
||||
*border-left-color: @white;
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
// PAGER
|
||||
// -----
|
||||
|
||||
.pager {
|
||||
margin-left: 0;
|
||||
margin-bottom: @baseLineHeight;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
.clearfix();
|
||||
}
|
||||
.pager li {
|
||||
display: inline;
|
||||
}
|
||||
.pager a {
|
||||
display: inline-block;
|
||||
padding: 5px 14px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
.border-radius(15px);
|
||||
}
|
||||
.pager a:hover {
|
||||
text-decoration: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.pager .next a {
|
||||
float: right;
|
||||
}
|
||||
.pager .previous a {
|
||||
float: left;
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
// PAGINATION
|
||||
// ----------
|
||||
|
||||
.pagination {
|
||||
height: @baseLineHeight * 2;
|
||||
margin: @baseLineHeight 0;
|
||||
}
|
||||
.pagination ul {
|
||||
display: inline-block;
|
||||
.ie7-inline-block();
|
||||
margin-left: 0;
|
||||
margin-bottom: 0;
|
||||
.border-radius(3px);
|
||||
.box-shadow(0 1px 2px rgba(0,0,0,.05));
|
||||
}
|
||||
.pagination li {
|
||||
display: inline;
|
||||
}
|
||||
.pagination a {
|
||||
float: left;
|
||||
padding: 0 14px;
|
||||
line-height: (@baseLineHeight * 2) - 2;
|
||||
text-decoration: none;
|
||||
border: 1px solid #ddd;
|
||||
border-left-width: 0;
|
||||
}
|
||||
.pagination a:hover,
|
||||
.pagination .active a {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.pagination .active a {
|
||||
color: @grayLight;
|
||||
cursor: default;
|
||||
}
|
||||
.pagination .disabled a,
|
||||
.pagination .disabled a:hover {
|
||||
color: @grayLight;
|
||||
background-color: transparent;
|
||||
cursor: default;
|
||||
}
|
||||
.pagination li:first-child a {
|
||||
border-left-width: 1px;
|
||||
.border-radius(3px 0 0 3px);
|
||||
}
|
||||
.pagination li:last-child a {
|
||||
.border-radius(0 3px 3px 0);
|
||||
}
|
||||
|
||||
// Centered
|
||||
.pagination-centered {
|
||||
text-align: center;
|
||||
}
|
||||
.pagination-right {
|
||||
text-align: right;
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
// POPOVERS
|
||||
// --------
|
||||
|
||||
.popover {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: @zindexPopover;
|
||||
display: none;
|
||||
padding: 5px;
|
||||
&.top { margin-top: -5px; }
|
||||
&.right { margin-left: 5px; }
|
||||
&.bottom { margin-top: 5px; }
|
||||
&.left { margin-left: -5px; }
|
||||
&.top .arrow { #popoverArrow > .top(); }
|
||||
&.right .arrow { #popoverArrow > .right(); }
|
||||
&.bottom .arrow { #popoverArrow > .bottom(); }
|
||||
&.left .arrow { #popoverArrow > .left(); }
|
||||
.arrow {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
.popover-inner {
|
||||
padding: 3px;
|
||||
width: 280px;
|
||||
overflow: hidden;
|
||||
background: @black; // has to be full background declaration for IE fallback
|
||||
background: rgba(0,0,0,.8);
|
||||
.border-radius(6px);
|
||||
.box-shadow(0 3px 7px rgba(0,0,0,0.3));
|
||||
}
|
||||
.popover-title {
|
||||
padding: 9px 15px;
|
||||
line-height: 1;
|
||||
background-color: #f5f5f5;
|
||||
border-bottom:1px solid #eee;
|
||||
.border-radius(3px 3px 0 0);
|
||||
}
|
||||
.popover-content {
|
||||
padding: 14px;
|
||||
background-color: @white;
|
||||
.border-radius(0 0 3px 3px);
|
||||
.background-clip(padding-box);
|
||||
p, ul, ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,95 @@
|
||||
// PROGRESS BARS
|
||||
// -------------
|
||||
|
||||
|
||||
// ANIMATIONS
|
||||
// ----------
|
||||
|
||||
// Webkit
|
||||
@-webkit-keyframes progress-bar-stripes {
|
||||
from { background-position: 0 0; }
|
||||
to { background-position: 40px 0; }
|
||||
}
|
||||
|
||||
// Firefox
|
||||
@-moz-keyframes progress-bar-stripes {
|
||||
from { background-position: 0 0; }
|
||||
to { background-position: 40px 0; }
|
||||
}
|
||||
|
||||
// Spec
|
||||
@keyframes progress-bar-stripes {
|
||||
from { background-position: 0 0; }
|
||||
to { background-position: 40px 0; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
// THE BARS
|
||||
// --------
|
||||
|
||||
// Outer container
|
||||
.progress {
|
||||
overflow: hidden;
|
||||
height: 18px;
|
||||
margin-bottom: 18px;
|
||||
#gradient > .vertical(#f5f5f5, #f9f9f9);
|
||||
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
|
||||
.border-radius(4px);
|
||||
}
|
||||
|
||||
// Bar of progress
|
||||
.progress .bar {
|
||||
width: 0%;
|
||||
height: 18px;
|
||||
color: @white;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
#gradient > .vertical(#149bdf, #0480be);
|
||||
.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
|
||||
.box-sizing(border-box);
|
||||
.transition(width .6s ease);
|
||||
}
|
||||
|
||||
// Striped bars
|
||||
.progress-striped .bar {
|
||||
#gradient > .striped(#62c462);
|
||||
.background-size(40px 40px);
|
||||
}
|
||||
|
||||
// Call animation for the active one
|
||||
.progress.active .bar {
|
||||
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
||||
-moz-animation: progress-bar-stripes 2s linear infinite;
|
||||
animation: progress-bar-stripes 2s linear infinite;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// COLORS
|
||||
// ------
|
||||
|
||||
// Danger (red)
|
||||
.progress-danger .bar {
|
||||
#gradient > .vertical(#ee5f5b, #c43c35);
|
||||
}
|
||||
.progress-danger.progress-striped .bar {
|
||||
#gradient > .striped(#ee5f5b);
|
||||
}
|
||||
|
||||
// Success (green)
|
||||
.progress-success .bar {
|
||||
#gradient > .vertical(#62c462, #57a957);
|
||||
}
|
||||
.progress-success.progress-striped .bar {
|
||||
#gradient > .striped(#62c462);
|
||||
}
|
||||
|
||||
// Info (teal)
|
||||
.progress-info .bar {
|
||||
#gradient > .vertical(#5bc0de, #339bb9);
|
||||
}
|
||||
.progress-info.progress-striped .bar {
|
||||
#gradient > .striped(#5bc0de);
|
||||
}
|
||||
@@ -0,0 +1,126 @@
|
||||
// Reset.less
|
||||
// Adapted from Normalize.css http://github.com/necolas/normalize.css
|
||||
// ------------------------------------------------------------------------
|
||||
|
||||
// Display in IE6-9 and FF3
|
||||
// -------------------------
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Display block in IE6-9 and FF3
|
||||
// -------------------------
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
video {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
// Prevents modern browsers from displaying 'audio' without controls
|
||||
// -------------------------
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Base settings
|
||||
// -------------------------
|
||||
|
||||
html {
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
}
|
||||
// Focus states
|
||||
a:focus {
|
||||
.tab-focus();
|
||||
}
|
||||
// Hover & Active
|
||||
a:hover,
|
||||
a:active {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
// Prevents sub and sup affecting line-height in all browsers
|
||||
// -------------------------
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
// Img border in a's and image quality
|
||||
// -------------------------
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border: 0;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
|
||||
// Font size in all browsers, margin changes, misc consistency
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
button,
|
||||
input {
|
||||
*overflow: visible; // Inner spacing ie IE6/7
|
||||
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
||||
}
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
button,
|
||||
input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
cursor: pointer; // Cursors on all buttons applied consistently
|
||||
-webkit-appearance: button; // Style clicable inputs in iOS
|
||||
}
|
||||
input[type="search"] { // Appearance in Safari/Chrome
|
||||
-webkit-appearance: textfield;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
input[type="search"]::-webkit-search-decoration,
|
||||
input[type="search"]::-webkit-search-cancel-button {
|
||||
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
|
||||
}
|
||||
textarea {
|
||||
overflow: auto; // Remove vertical scrollbar in IE6-9
|
||||
vertical-align: top; // Readability and alignment cross-browser
|
||||
}
|
||||
@@ -0,0 +1,323 @@
|
||||
/*!
|
||||
* Bootstrap Responsive v2.0.0
|
||||
*
|
||||
* Copyright 2012 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
||||
*/
|
||||
|
||||
// Responsive.less
|
||||
// For phone and tablet devices
|
||||
// -------------------------------------------------------------
|
||||
|
||||
|
||||
// REPEAT VARIABLES & MIXINS
|
||||
// -------------------------
|
||||
// Required since we compile the responsive stuff separately
|
||||
|
||||
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
|
||||
@import "mixins.less";
|
||||
|
||||
|
||||
// RESPONSIVE CLASSES
|
||||
// ------------------
|
||||
|
||||
// Hide from screenreaders and browsers
|
||||
// Credit: HTML5 Boilerplate
|
||||
.hidden {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// UP TO LANDSCAPE PHONE
|
||||
// ---------------------
|
||||
|
||||
@media (max-width: 480px) {
|
||||
|
||||
// Smooth out the collapsing/expanding nav
|
||||
.nav-collapse {
|
||||
-webkit-transform: translate3d(0, 0, 0); // activate the GPU
|
||||
}
|
||||
|
||||
// Block level the page header small tag for readability
|
||||
.page-header h1 small {
|
||||
display: block;
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
|
||||
// Make span* classes full width
|
||||
input[class*="span"],
|
||||
select[class*="span"],
|
||||
textarea[class*="span"],
|
||||
.uneditable-input {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 28px; /* Make inputs at least the height of their button counterpart */
|
||||
/* Makes inputs behave like true block-level elements */
|
||||
-webkit-box-sizing: border-box; /* Older Webkit */
|
||||
-moz-box-sizing: border-box; /* Older FF */
|
||||
-ms-box-sizing: border-box; /* IE8 */
|
||||
box-sizing: border-box; /* CSS3 spec*/
|
||||
}
|
||||
// But don't let it screw up prepend/append inputs
|
||||
.input-prepend input[class*="span"],
|
||||
.input-append input[class*="span"] {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
// Update checkboxes for iOS
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
// Remove the horizontal form styles
|
||||
.form-horizontal .control-group > label {
|
||||
float: none;
|
||||
width: auto;
|
||||
padding-top: 0;
|
||||
text-align: left;
|
||||
}
|
||||
// Move over all input controls and content
|
||||
.form-horizontal .controls {
|
||||
margin-left: 0;
|
||||
}
|
||||
// Move the options list down to align with labels
|
||||
.form-horizontal .control-list {
|
||||
padding-top: 0; // has to be padding because margin collaspes
|
||||
}
|
||||
// Move over buttons in .form-actions to align with .controls
|
||||
.form-horizontal .form-actions {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
// Modals
|
||||
.modal {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
&.fade.in { top: auto; }
|
||||
}
|
||||
.modal-header .close {
|
||||
padding: 10px;
|
||||
margin: -10px;
|
||||
}
|
||||
|
||||
// Carousel
|
||||
.carousel-caption {
|
||||
position: static;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
|
||||
// --------------------------------------------------
|
||||
|
||||
@media (max-width: 768px) {
|
||||
// GRID & CONTAINERS
|
||||
// -----------------
|
||||
// Remove width from containers
|
||||
.container {
|
||||
width: auto;
|
||||
padding: 0 20px;
|
||||
}
|
||||
// Fluid rows
|
||||
.row-fluid {
|
||||
width: 100%;
|
||||
}
|
||||
// Undo negative margin on rows
|
||||
.row {
|
||||
margin-left: 0;
|
||||
}
|
||||
// Make all columns even
|
||||
.row > [class*="span"],
|
||||
.row-fluid > [class*="span"] {
|
||||
float: none;
|
||||
display: block;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// PORTRAIT TABLET TO DEFAULT DESKTOP
|
||||
// ----------------------------------
|
||||
|
||||
@media (min-width: 768px) and (max-width: 980px) {
|
||||
|
||||
// Fixed grid
|
||||
#gridSystem > .generate(12, 42px, 20px);
|
||||
|
||||
// Fluid grid
|
||||
#fluidGridSystem > .generate(12, 5.801104972%, 2.762430939%);
|
||||
|
||||
// Input grid
|
||||
#inputGridSystem > .generate(12, 42px, 20px);
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
// TABLETS AND BELOW
|
||||
// -----------------
|
||||
@media (max-width: 980px) {
|
||||
|
||||
// UNFIX THE TOPBAR
|
||||
// ----------------
|
||||
// Remove any padding from the body
|
||||
body {
|
||||
padding-top: 0;
|
||||
}
|
||||
// Unfix the navbar
|
||||
.navbar-fixed-top {
|
||||
position: static;
|
||||
margin-bottom: @baseLineHeight;
|
||||
}
|
||||
.navbar-fixed-top .navbar-inner {
|
||||
padding: 5px;
|
||||
}
|
||||
.navbar .container {
|
||||
width: auto;
|
||||
padding: 0;
|
||||
}
|
||||
// Account for brand name
|
||||
.navbar .brand {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin: 0 0 0 -5px;
|
||||
}
|
||||
// Nav collapse clears brand
|
||||
.navbar .nav-collapse {
|
||||
clear: left;
|
||||
}
|
||||
// Block-level the nav
|
||||
.navbar .nav {
|
||||
float: none;
|
||||
margin: 0 0 (@baseLineHeight / 2);
|
||||
}
|
||||
.navbar .nav > li {
|
||||
float: none;
|
||||
}
|
||||
.navbar .nav > li > a {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.navbar .nav > .divider-vertical {
|
||||
display: none;
|
||||
}
|
||||
// Nav and dropdown links in navbar
|
||||
.navbar .nav > li > a,
|
||||
.navbar .dropdown-menu a {
|
||||
padding: 6px 15px;
|
||||
font-weight: bold;
|
||||
color: @navbarLinkColor;
|
||||
.border-radius(3px);
|
||||
}
|
||||
.navbar .dropdown-menu li + li a {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.navbar .nav > li > a:hover,
|
||||
.navbar .dropdown-menu a:hover {
|
||||
background-color: @navbarBackground;
|
||||
}
|
||||
// Dropdowns in the navbar
|
||||
.navbar .dropdown-menu {
|
||||
position: static;
|
||||
top: auto;
|
||||
left: auto;
|
||||
float: none;
|
||||
display: block;
|
||||
max-width: none;
|
||||
margin: 0 15px;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
.border-radius(0);
|
||||
.box-shadow(none);
|
||||
}
|
||||
.navbar .dropdown-menu:before,
|
||||
.navbar .dropdown-menu:after {
|
||||
display: none;
|
||||
}
|
||||
.navbar .dropdown-menu .divider {
|
||||
display: none;
|
||||
}
|
||||
// Forms in navbar
|
||||
.navbar-form,
|
||||
.navbar-search {
|
||||
float: none;
|
||||
padding: (@baseLineHeight / 2) 15px;
|
||||
margin: (@baseLineHeight / 2) 0;
|
||||
border-top: 1px solid @navbarBackground;
|
||||
border-bottom: 1px solid @navbarBackground;
|
||||
@shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
|
||||
.box-shadow(@shadow);
|
||||
}
|
||||
// Pull right (secondary) nav content
|
||||
.navbar .nav.pull-right {
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
// Static navbar
|
||||
.navbar-static .navbar-inner {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
// Navbar button
|
||||
.btn-navbar {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Hide everything in the navbar save .brand and toggle button */
|
||||
.nav-collapse {
|
||||
overflow: hidden;
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// DEFAULT DESKTOP
|
||||
// ---------------
|
||||
|
||||
@media (min-width: 980px) {
|
||||
.nav-collapse.collapse {
|
||||
height: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// LARGE DESKTOP & UP
|
||||
// ------------------
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
// Fixed grid
|
||||
#gridSystem > .generate(12, 70px, 30px);
|
||||
|
||||
// Fluid grid
|
||||
#fluidGridSystem > .generate(12, 5.982905983%, 2.564102564%);
|
||||
|
||||
// Input grid
|
||||
#inputGridSystem > .generate(12, 70px, 30px);
|
||||
|
||||
// Thumbnails
|
||||
.thumbnails {
|
||||
margin-left: -30px;
|
||||
}
|
||||
.thumbnails > li {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
// Scaffolding
|
||||
// Basic and global styles for generating a grid system, structural layout, and page templates
|
||||
// -------------------------------------------------------------------------------------------
|
||||
|
||||
|
||||
// STRUCTURAL LAYOUT
|
||||
// -----------------
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: @baseFontFamily;
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
color: @textColor;
|
||||
background-color: @white;
|
||||
}
|
||||
|
||||
|
||||
// LINKS
|
||||
// -----
|
||||
|
||||
a {
|
||||
color: @linkColor;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: @linkColorHover;
|
||||
text-decoration: underline;
|
||||
}
|
||||
@@ -0,0 +1,156 @@
|
||||
// SPRITES
|
||||
// Glyphs and icons for buttons, nav, and more
|
||||
// -------------------------------------------
|
||||
|
||||
|
||||
// ICONS
|
||||
// -----
|
||||
|
||||
// All icons receive the styles of the <i> tag with a base class
|
||||
// of .i and are then given a unique class to add width, height,
|
||||
// and background-position. Your resulting HTML will look like
|
||||
// <i class="i icon-inbox"></i>.
|
||||
|
||||
// For the white version of the icons, just add the .icon-white class:
|
||||
// <i class="i icon-inbox icon-white"></i>
|
||||
|
||||
[class^="icon-"], .icon {
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
vertical-align: text-top;
|
||||
background-image: url(glyphicons-halflings.png);
|
||||
background-position: 14px 14px;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
.ie7-restore-right-whitespace();
|
||||
}
|
||||
.icon-white {
|
||||
background-image: url(glyphicons-halflings-white.png);
|
||||
}
|
||||
|
||||
.icon-glass { background-position: 0 0; }
|
||||
.icon-music { background-position: -24px 0; }
|
||||
.icon-search { background-position: -48px 0; }
|
||||
.icon-envelope { background-position: -72px 0; }
|
||||
.icon-heart { background-position: -96px 0; }
|
||||
.icon-star { background-position: -120px 0; }
|
||||
.icon-star-empty { background-position: -144px 0; }
|
||||
.icon-user { background-position: -168px 0; }
|
||||
.icon-film { background-position: -192px 0; }
|
||||
.icon-th-large { background-position: -216px 0; }
|
||||
.icon-th { background-position: -240px 0; }
|
||||
.icon-th-list { background-position: -264px 0; }
|
||||
.icon-ok { background-position: -288px 0; }
|
||||
.icon-remove { background-position: -312px 0; }
|
||||
.icon-zoom-in { background-position: -336px 0; }
|
||||
.icon-zoom-out { background-position: -360px 0; }
|
||||
.icon-off { background-position: -384px 0; }
|
||||
.icon-signal { background-position: -408px 0; }
|
||||
.icon-cog { background-position: -432px 0; }
|
||||
.icon-trash { background-position: -456px 0; }
|
||||
|
||||
.icon-home { background-position: 0 -24px; }
|
||||
.icon-file { background-position: -24px -24px; }
|
||||
.icon-time { background-position: -48px -24px; }
|
||||
.icon-road { background-position: -72px -24px; }
|
||||
.icon-download-alt { background-position: -96px -24px; }
|
||||
.icon-download { background-position: -120px -24px; }
|
||||
.icon-upload { background-position: -144px -24px; }
|
||||
.icon-inbox { background-position: -168px -24px; }
|
||||
.icon-play-circle { background-position: -192px -24px; }
|
||||
.icon-repeat { background-position: -216px -24px; }
|
||||
.icon-refresh { background-position: -240px -24px; }
|
||||
.icon-list-alt { background-position: -264px -24px; }
|
||||
.icon-lock { background-position: -287px -24px; } // 1px off
|
||||
.icon-flag { background-position: -312px -24px; }
|
||||
.icon-headphones { background-position: -336px -24px; }
|
||||
.icon-volume-off { background-position: -360px -24px; }
|
||||
.icon-volume-down { background-position: -384px -24px; }
|
||||
.icon-volume-up { background-position: -408px -24px; }
|
||||
.icon-qrcode { background-position: -432px -24px; }
|
||||
.icon-barcode { background-position: -456px -24px; }
|
||||
|
||||
.icon-tag { background-position: 0 -48px; }
|
||||
.icon-tags { background-position: -25px -48px; } // 1px off
|
||||
.icon-book { background-position: -48px -48px; }
|
||||
.icon-bookmark { background-position: -72px -48px; }
|
||||
.icon-print { background-position: -96px -48px; }
|
||||
.icon-camera { background-position: -120px -48px; }
|
||||
.icon-font { background-position: -144px -48px; }
|
||||
.icon-bold { background-position: -167px -48px; } // 1px off
|
||||
.icon-italic { background-position: -192px -48px; }
|
||||
.icon-text-height { background-position: -216px -48px; }
|
||||
.icon-text-width { background-position: -240px -48px; }
|
||||
.icon-align-left { background-position: -264px -48px; }
|
||||
.icon-align-center { background-position: -288px -48px; }
|
||||
.icon-align-right { background-position: -312px -48px; }
|
||||
.icon-align-justify { background-position: -336px -48px; }
|
||||
.icon-list { background-position: -360px -48px; }
|
||||
.icon-indent-left { background-position: -384px -48px; }
|
||||
.icon-indent-right { background-position: -408px -48px; }
|
||||
.icon-facetime-video { background-position: -432px -48px; }
|
||||
.icon-picture { background-position: -456px -48px; }
|
||||
|
||||
.icon-pencil { background-position: 0 -72px; }
|
||||
.icon-map-marker { background-position: -24px -72px; }
|
||||
.icon-adjust { background-position: -48px -72px; }
|
||||
.icon-tint { background-position: -72px -72px; }
|
||||
.icon-edit { background-position: -96px -72px; }
|
||||
.icon-share { background-position: -120px -72px; }
|
||||
.icon-check { background-position: -144px -72px; }
|
||||
.icon-move { background-position: -168px -72px; }
|
||||
.icon-step-backward { background-position: -192px -72px; }
|
||||
.icon-fast-backward { background-position: -216px -72px; }
|
||||
.icon-backward { background-position: -240px -72px; }
|
||||
.icon-play { background-position: -264px -72px; }
|
||||
.icon-pause { background-position: -288px -72px; }
|
||||
.icon-stop { background-position: -312px -72px; }
|
||||
.icon-forward { background-position: -336px -72px; }
|
||||
.icon-fast-forward { background-position: -360px -72px; }
|
||||
.icon-step-forward { background-position: -384px -72px; }
|
||||
.icon-eject { background-position: -408px -72px; }
|
||||
.icon-chevron-left { background-position: -432px -72px; }
|
||||
.icon-chevron-right { background-position: -456px -72px; }
|
||||
|
||||
.icon-plus-sign { background-position: 0 -96px; }
|
||||
.icon-minus-sign { background-position: -24px -96px; }
|
||||
.icon-remove-sign { background-position: -48px -96px; }
|
||||
.icon-ok-sign { background-position: -72px -96px; }
|
||||
.icon-question-sign { background-position: -96px -96px; }
|
||||
.icon-info-sign { background-position: -120px -96px; }
|
||||
.icon-screenshot { background-position: -144px -96px; }
|
||||
.icon-remove-circle { background-position: -168px -96px; }
|
||||
.icon-ok-circle { background-position: -192px -96px; }
|
||||
.icon-ban-circle { background-position: -216px -96px; }
|
||||
.icon-arrow-left { background-position: -240px -96px; }
|
||||
.icon-arrow-right { background-position: -264px -96px; }
|
||||
.icon-arrow-up { background-position: -289px -96px; } // 1px off
|
||||
.icon-arrow-down { background-position: -312px -96px; }
|
||||
.icon-share-alt { background-position: -336px -96px; }
|
||||
.icon-resize-full { background-position: -360px -96px; }
|
||||
.icon-resize-small { background-position: -384px -96px; }
|
||||
.icon-plus { background-position: -408px -96px; }
|
||||
.icon-minus { background-position: -433px -96px; }
|
||||
.icon-asterisk { background-position: -456px -96px; }
|
||||
|
||||
.icon-exclamation-sign { background-position: 0 -120px; }
|
||||
.icon-gift { background-position: -24px -120px; }
|
||||
.icon-leaf { background-position: -48px -120px; }
|
||||
.icon-fire { background-position: -72px -120px; }
|
||||
.icon-eye-open { background-position: -96px -120px; }
|
||||
.icon-eye-close { background-position: -120px -120px; }
|
||||
.icon-warning-sign { background-position: -144px -120px; }
|
||||
.icon-plane { background-position: -168px -120px; }
|
||||
.icon-calendar { background-position: -192px -120px; }
|
||||
.icon-random { background-position: -216px -120px; }
|
||||
.icon-comment { background-position: -240px -120px; }
|
||||
.icon-magnet { background-position: -264px -120px; }
|
||||
.icon-chevron-up { background-position: -288px -120px; }
|
||||
.icon-chevron-down { background-position: -313px -119px; } // 1px off
|
||||
.icon-retweet { background-position: -336px -120px; }
|
||||
.icon-shopping-cart { background-position: -360px -120px; }
|
||||
.icon-folder-close { background-position: -384px -120px; }
|
||||
.icon-folder-open { background-position: -408px -120px; }
|
||||
.icon-resize-vertical { background-position: -432px -119px; }
|
||||
.icon-resize-horizontal { background-position: -456px -118px; }
|
||||
@@ -0,0 +1,139 @@
|
||||
//
|
||||
// Tables.less
|
||||
// Tables for, you guessed it, tabular data
|
||||
// ----------------------------------------
|
||||
|
||||
|
||||
// BASE TABLES
|
||||
// -----------------
|
||||
|
||||
table {
|
||||
max-width: 100%;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
// BASELINE STYLES
|
||||
// ---------------
|
||||
|
||||
.table {
|
||||
width: 100%;
|
||||
margin-bottom: @baseLineHeight;
|
||||
// Cells
|
||||
th,
|
||||
td {
|
||||
padding: 8px;
|
||||
line-height: @baseLineHeight;
|
||||
text-align: left;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
th {
|
||||
font-weight: bold;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
td {
|
||||
vertical-align: top;
|
||||
}
|
||||
// Remove top border from thead by default
|
||||
thead:first-child tr th,
|
||||
thead:first-child tr td {
|
||||
border-top: 0;
|
||||
}
|
||||
// Account for multiple tbody instances
|
||||
tbody + tbody {
|
||||
border-top: 2px solid #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// CONDENSED TABLE W/ HALF PADDING
|
||||
// -------------------------------
|
||||
|
||||
.table-condensed {
|
||||
th,
|
||||
td {
|
||||
padding: 4px 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// BORDERED VERSION
|
||||
// ----------------
|
||||
|
||||
.table-bordered {
|
||||
border: 1px solid #ddd;
|
||||
border-collapse: separate; // Done so we can round those corners!
|
||||
*border-collapse: collapsed; // IE7 can't round corners anyway
|
||||
.border-radius(4px);
|
||||
th + th,
|
||||
td + td,
|
||||
th + td,
|
||||
td + th {
|
||||
border-left: 1px solid #ddd;
|
||||
}
|
||||
// Prevent a double border
|
||||
thead:first-child tr:first-child th,
|
||||
tbody:first-child tr:first-child th,
|
||||
tbody:first-child tr:first-child td {
|
||||
border-top: 0;
|
||||
}
|
||||
// For first th or td in the first row in the first thead or tbody
|
||||
thead:first-child tr:first-child th:first-child,
|
||||
tbody:first-child tr:first-child td:first-child {
|
||||
.border-radius(4px 0 0 0);
|
||||
}
|
||||
thead:first-child tr:first-child th:last-child,
|
||||
tbody:first-child tr:first-child td:last-child {
|
||||
.border-radius(0 4px 0 0);
|
||||
}
|
||||
// For first th or td in the first row in the first thead or tbody
|
||||
thead:last-child tr:last-child th:first-child,
|
||||
tbody:last-child tr:last-child td:first-child {
|
||||
.border-radius(0 0 0 4px);
|
||||
}
|
||||
thead:last-child tr:last-child th:last-child,
|
||||
tbody:last-child tr:last-child td:last-child {
|
||||
.border-radius(0 0 4px 0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ZEBRA-STRIPING
|
||||
// --------------
|
||||
|
||||
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
||||
.table-striped {
|
||||
tbody {
|
||||
tr:nth-child(odd) td,
|
||||
tr:nth-child(odd) th {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// TABLE CELL SIZING
|
||||
// -----------------
|
||||
|
||||
// Change the columns
|
||||
.tableColumns(@columnSpan: 1) {
|
||||
float: none;
|
||||
width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16;
|
||||
margin-left: 0;
|
||||
}
|
||||
table {
|
||||
.span1 { .tableColumns(1); }
|
||||
.span2 { .tableColumns(2); }
|
||||
.span3 { .tableColumns(3); }
|
||||
.span4 { .tableColumns(4); }
|
||||
.span5 { .tableColumns(5); }
|
||||
.span6 { .tableColumns(6); }
|
||||
.span7 { .tableColumns(7); }
|
||||
.span8 { .tableColumns(8); }
|
||||
.span9 { .tableColumns(9); }
|
||||
.span10 { .tableColumns(10); }
|
||||
.span11 { .tableColumns(11); }
|
||||
.span12 { .tableColumns(12); }
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
// THUMBNAILS
|
||||
// ----------
|
||||
|
||||
.thumbnails {
|
||||
margin-left: -20px;
|
||||
list-style: none;
|
||||
.clearfix();
|
||||
}
|
||||
.thumbnails > li {
|
||||
float: left;
|
||||
margin: 0 0 @baseLineHeight 20px;
|
||||
}
|
||||
.thumbnail {
|
||||
display: block;
|
||||
padding: 4px;
|
||||
line-height: 1;
|
||||
border: 1px solid #ddd;
|
||||
.border-radius(4px);
|
||||
.box-shadow(0 1px 1px rgba(0,0,0,.075));
|
||||
}
|
||||
// Add a hover state for linked versions only
|
||||
a.thumbnail:hover {
|
||||
border-color: @linkColor;
|
||||
.box-shadow(0 1px 4px rgba(0,105,214,.25));
|
||||
}
|
||||
// Images and captions
|
||||
.thumbnail > img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.thumbnail .caption {
|
||||
padding: 9px;
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
// TOOLTIP
|
||||
// ------=
|
||||
|
||||
.tooltip {
|
||||
position: absolute;
|
||||
z-index: @zindexTooltip;
|
||||
display: block;
|
||||
visibility: visible;
|
||||
padding: 5px;
|
||||
font-size: 11px;
|
||||
.opacity(0);
|
||||
&.in { .opacity(80); }
|
||||
&.top { margin-top: -2px; }
|
||||
&.right { margin-left: 2px; }
|
||||
&.bottom { margin-top: 2px; }
|
||||
&.left { margin-left: -2px; }
|
||||
&.top .tooltip-arrow { #popoverArrow > .top(); }
|
||||
&.left .tooltip-arrow { #popoverArrow > .left(); }
|
||||
&.bottom .tooltip-arrow { #popoverArrow > .bottom(); }
|
||||
&.right .tooltip-arrow { #popoverArrow > .right(); }
|
||||
}
|
||||
.tooltip-inner {
|
||||
max-width: 200px;
|
||||
padding: 3px 8px;
|
||||
color: @white;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
background-color: @black;
|
||||
.border-radius(4px);
|
||||
}
|
||||
.tooltip-arrow {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
@@ -0,0 +1,217 @@
|
||||
// Typography.less
|
||||
// Headings, body text, lists, code, and more for a versatile and durable typography system
|
||||
// ----------------------------------------------------------------------------------------
|
||||
|
||||
|
||||
// BODY TEXT
|
||||
// ---------
|
||||
|
||||
p {
|
||||
margin: 0 0 @baseLineHeight / 2;
|
||||
font-family: @baseFontFamily;
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
small {
|
||||
font-size: @baseFontSize - 2;
|
||||
color: @grayLight;
|
||||
}
|
||||
}
|
||||
.lead {
|
||||
margin-bottom: @baseLineHeight;
|
||||
font-size: 20px;
|
||||
font-weight: 200;
|
||||
line-height: @baseLineHeight * 1.5;
|
||||
}
|
||||
|
||||
// HEADINGS
|
||||
// --------
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
font-weight: bold;
|
||||
color: @grayDark;
|
||||
text-rendering: optimizelegibility; // Fix the character spacing for headings
|
||||
small {
|
||||
font-weight: normal;
|
||||
color: @grayLight;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
font-size: 24px;
|
||||
line-height: @baseLineHeight * 2;
|
||||
small {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
line-height: @baseLineHeight * 1.5;
|
||||
small {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
h3 {
|
||||
line-height: @baseLineHeight;
|
||||
font-size: 14px;
|
||||
small {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
h4, h5, h6 {
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
h4 {
|
||||
font-size: 14px;
|
||||
small {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
h5 {
|
||||
font-size: 12px;
|
||||
}
|
||||
h6 {
|
||||
font-size: 11px;
|
||||
color: @grayLight;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
// Page header
|
||||
.page-header {
|
||||
padding-bottom: @baseLineHeight - 1;
|
||||
margin: @baseLineHeight 0;
|
||||
border-bottom: 1px solid @grayLighter;
|
||||
}
|
||||
.page-header h1 {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// LISTS
|
||||
// -----
|
||||
|
||||
// Unordered and Ordered lists
|
||||
ul, ol {
|
||||
padding: 0;
|
||||
margin: 0 0 @baseLineHeight / 2 25px;
|
||||
}
|
||||
ul ul,
|
||||
ul ol,
|
||||
ol ol,
|
||||
ol ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
ul {
|
||||
list-style: disc;
|
||||
}
|
||||
ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
li {
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
ul.unstyled {
|
||||
margin-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
// Description Lists
|
||||
dl {
|
||||
margin-bottom: @baseLineHeight;
|
||||
}
|
||||
dt,
|
||||
dd {
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
dd {
|
||||
margin-left: @baseLineHeight / 2;
|
||||
}
|
||||
|
||||
// MISC
|
||||
// ----
|
||||
|
||||
// Horizontal rules
|
||||
hr {
|
||||
margin: @baseLineHeight 0;
|
||||
border: 0;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
border-bottom: 1px solid @white;
|
||||
}
|
||||
|
||||
// Emphasis
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
.muted {
|
||||
color: @grayLight;
|
||||
}
|
||||
|
||||
// Abbreviations and acronyms
|
||||
abbr {
|
||||
font-size: 90%;
|
||||
text-transform: uppercase;
|
||||
border-bottom: 1px dotted #ddd;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
// Blockquotes
|
||||
blockquote {
|
||||
padding: 0 0 0 15px;
|
||||
margin: 0 0 @baseLineHeight;
|
||||
border-left: 5px solid @grayLighter;
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
#font > .shorthand(16px,300,@baseLineHeight * 1.25);
|
||||
}
|
||||
small {
|
||||
display: block;
|
||||
line-height: @baseLineHeight;
|
||||
color: @grayLight;
|
||||
&:before {
|
||||
content: '\2014 \00A0';
|
||||
}
|
||||
}
|
||||
|
||||
// Float right with text-align: right
|
||||
&.pull-right {
|
||||
float: right;
|
||||
padding-left: 0;
|
||||
padding-right: 15px;
|
||||
border-left: 0;
|
||||
border-right: 5px solid @grayLighter;
|
||||
p,
|
||||
small {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Quotes
|
||||
q:before,
|
||||
q:after,
|
||||
blockquote:before,
|
||||
blockquote:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
// Addresses
|
||||
address {
|
||||
display: block;
|
||||
margin-bottom: @baseLineHeight;
|
||||
line-height: @baseLineHeight;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
// Misc
|
||||
small {
|
||||
font-size: 100%;
|
||||
}
|
||||
cite {
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
// UTILITY CLASSES
|
||||
// ---------------
|
||||
|
||||
// Quick floats
|
||||
.pull-right {
|
||||
float: right;
|
||||
}
|
||||
.pull-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
// Toggling content
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Visibility
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
@@ -0,0 +1,99 @@
|
||||
// Variables.less
|
||||
// Variables to customize the look and feel of Bootstrap
|
||||
// -----------------------------------------------------
|
||||
|
||||
|
||||
|
||||
// GLOBAL VALUES
|
||||
// --------------------------------------------------
|
||||
|
||||
// Links
|
||||
@linkColor: #08c;
|
||||
@linkColorHover: darken(@linkColor, 15%);
|
||||
|
||||
// Grays
|
||||
@black: #000;
|
||||
@grayDarker: #222;
|
||||
@grayDark: #333;
|
||||
@gray: #555;
|
||||
@grayLight: #999;
|
||||
@grayLighter: #eee;
|
||||
@white: #fff;
|
||||
|
||||
// Accent colors
|
||||
@blue: #049cdb;
|
||||
@blueDark: #0064cd;
|
||||
@green: #46a546;
|
||||
@red: #9d261d;
|
||||
@yellow: #ffc40d;
|
||||
@orange: #f89406;
|
||||
@pink: #c3325f;
|
||||
@purple: #7a43b6;
|
||||
|
||||
// Typography
|
||||
@baseFontSize: 13px;
|
||||
@baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
@baseLineHeight: 18px;
|
||||
@textColor: @grayDark;
|
||||
|
||||
// Buttons
|
||||
@primaryButtonBackground: @linkColor;
|
||||
|
||||
|
||||
|
||||
// COMPONENT VARIABLES
|
||||
// --------------------------------------------------
|
||||
|
||||
// Z-index master list
|
||||
// Used for a bird's eye view of components dependent on the z-axis
|
||||
// Try to avoid customizing these :)
|
||||
@zindexDropdown: 1000;
|
||||
@zindexPopover: 1010;
|
||||
@zindexTooltip: 1020;
|
||||
@zindexFixedNavbar: 1030;
|
||||
@zindexModalBackdrop: 1040;
|
||||
@zindexModal: 1050;
|
||||
|
||||
// Input placeholder text color
|
||||
@placeholderText: @grayLight;
|
||||
|
||||
// Navbar
|
||||
@navbarHeight: 40px;
|
||||
@navbarBackground: @grayDarker;
|
||||
@navbarBackgroundHighlight: @grayDark;
|
||||
|
||||
@navbarText: @grayLight;
|
||||
@navbarLinkColor: @grayLight;
|
||||
@navbarLinkColorHover: @white;
|
||||
|
||||
// Form states and alerts
|
||||
@warningText: #c09853;
|
||||
@warningBackground: #fcf8e3;
|
||||
@warningBorder: darken(spin(@warningBackground, -10), 3%);
|
||||
|
||||
@errorText: #b94a48;
|
||||
@errorBackground: #f2dede;
|
||||
@errorBorder: darken(spin(@errorBackground, -10), 3%);
|
||||
|
||||
@successText: #468847;
|
||||
@successBackground: #dff0d8;
|
||||
@successBorder: darken(spin(@successBackground, -10), 5%);
|
||||
|
||||
@infoText: #3a87ad;
|
||||
@infoBackground: #d9edf7;
|
||||
@infoBorder: darken(spin(@infoBackground, -10), 7%);
|
||||
|
||||
|
||||
|
||||
// GRID
|
||||
// --------------------------------------------------
|
||||
|
||||
// Default 940px grid
|
||||
@gridColumns: 12;
|
||||
@gridColumnWidth: 60px;
|
||||
@gridGutterWidth: 20px;
|
||||
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
|
||||
|
||||
// Fluid grid
|
||||
@fluidGridColumnWidth: 6.382978723%;
|
||||
@fluidGridGutterWidth: 2.127659574%;
|
||||
@@ -0,0 +1,17 @@
|
||||
// WELLS
|
||||
// -----
|
||||
|
||||
.well {
|
||||
min-height: 20px;
|
||||
padding: 19px;
|
||||
margin-bottom: 20px;
|
||||
background-color: #f5f5f5;
|
||||
border: 1px solid #eee;
|
||||
border: 1px solid rgba(0,0,0,.05);
|
||||
.border-radius(4px);
|
||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
|
||||
blockquote {
|
||||
border-color: #ddd;
|
||||
border-color: rgba(0,0,0,.15);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,152 @@
|
||||
// Variables.less
|
||||
// Variables to customize the look and feel of Bootstrap
|
||||
// -----------------------------------------------------
|
||||
|
||||
// GLOBAL VALUES
|
||||
// --------------------------------------------------
|
||||
|
||||
// Links
|
||||
@linkColor: @link_text;
|
||||
@linkColorHover: darken(@linkColor, 15%);
|
||||
|
||||
// Grays
|
||||
@black: #000;
|
||||
@grayDarker: #222;
|
||||
@grayDark: #333;
|
||||
@gray: #555;
|
||||
@grayLight: #999;
|
||||
@grayLighter: #eee;
|
||||
@white: #fff;
|
||||
|
||||
// Accent colors
|
||||
@blue: @info_message_bg;
|
||||
@blueDark: #0064cd;
|
||||
@green: #46a546;
|
||||
@red: #9d261d;
|
||||
@yellow: #ffc40d;
|
||||
@orange: #f89406;
|
||||
@pink: #c3325f;
|
||||
@purple: #7a43b6;
|
||||
|
||||
// Typography
|
||||
@baseFontSize: 12px;
|
||||
@sansFontFamily: "Lucida Grande",verdana,arial,helvetica,sans-serif;
|
||||
@serifFontFamily: Georgia, "Times New Roman", Times, serif;
|
||||
@monospaceFontFamily: Menlo, Monaco, "Courier New", monospace;
|
||||
@baseFontFamily: @sansFontFamily;
|
||||
@baseLineHeight: 16px;
|
||||
@textColor: @grayDark;
|
||||
|
||||
// Buttons
|
||||
@primaryButtonBackground: @linkColor;
|
||||
|
||||
// Forms
|
||||
@formElementBorder: @grayLight;
|
||||
|
||||
|
||||
|
||||
// COMPONENT VARIABLES
|
||||
// --------------------------------------------------
|
||||
|
||||
// Z-index master list
|
||||
// Used for a bird's eye view of components dependent on the z-axis
|
||||
// Try to avoid customizing these :)
|
||||
@zindexDropdown: 1000;
|
||||
@zindexPopover: 1010;
|
||||
@zindexTooltip: 1020;
|
||||
@zindexFixedNavbar: 1030;
|
||||
@zindexModalBackdrop: 1040;
|
||||
@zindexModal: 1050;
|
||||
|
||||
// Input placeholder text color
|
||||
@placeholderText: @grayLight;
|
||||
|
||||
// Navbar
|
||||
@navbarHeight: 32px;
|
||||
@navbarBackground: @masthead_bg;
|
||||
@navbarBackgroundHighlight: @grayDark;
|
||||
|
||||
@navbarText: @grayLight;
|
||||
@navbarLinkColor: @grayLight;
|
||||
@navbarLinkColorHover: @white;
|
||||
|
||||
// Form states and alerts
|
||||
@warningText: darken(@warn_message_bg,70%);
|
||||
@warningBackground: @warn_message_bg;
|
||||
@warningBorder: darken(spin(@warningBackground, -10), 30%);
|
||||
|
||||
@errorText: darken(@error_message_bg,70%);
|
||||
@errorBackground: @error_message_bg;
|
||||
@errorBorder: darken(spin(@errorBackground, -10), 30%);
|
||||
|
||||
@successText: darken(@done_message_bg,70%);
|
||||
@successBackground: @done_message_bg;
|
||||
@successBorder: darken(spin(@successBackground, -10), 60%);
|
||||
|
||||
@infoText: darken(@info_message_bg,70%);
|
||||
@infoBackground: @info_message_bg;
|
||||
@infoBorder: darken(spin(@info_message_bg, -10), 60%);
|
||||
|
||||
|
||||
|
||||
// GRID
|
||||
// --------------------------------------------------
|
||||
|
||||
// Default 940px grid
|
||||
@gridColumns: 12;
|
||||
@gridColumnWidth: 60px;
|
||||
@gridGutterWidth: 20px;
|
||||
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
|
||||
|
||||
// Fluid grid
|
||||
@fluidGridColumnWidth: 6.382978723%;
|
||||
@fluidGridGutterWidth: 2.127659574%;
|
||||
|
||||
// ---- Imports ----
|
||||
|
||||
@import "bootstrap/reset.less";
|
||||
@import "bootstrap/mixins.less";
|
||||
|
||||
// Grid system and page structure
|
||||
@import "bootstrap/scaffolding.less";
|
||||
|
||||
// Base CSS
|
||||
@import "bootstrap/type.less";
|
||||
// @import "bootstrap/code.less";
|
||||
// @import "bootstrap/forms.less";
|
||||
@import "bootstrap/tables.less";
|
||||
|
||||
// Components: common
|
||||
// @import "bootstrap/sprites.less";
|
||||
@import "bootstrap/dropdowns.less";
|
||||
@import "bootstrap/wells.less";
|
||||
@import "bootstrap/component-animations.less";
|
||||
@import "bootstrap/close.less";
|
||||
|
||||
// Components: Buttons & Alerts
|
||||
@import "bootstrap/buttons.less";
|
||||
@import "bootstrap/button-groups.less";
|
||||
@import "bootstrap/alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
|
||||
|
||||
// Components: Nav
|
||||
@import "bootstrap/navs.less";
|
||||
@import "bootstrap/navbar.less";
|
||||
@import "bootstrap/breadcrumbs.less";
|
||||
@import "bootstrap/pagination.less";
|
||||
@import "bootstrap/pager.less";
|
||||
|
||||
// Components: Popovers
|
||||
@import "bootstrap/modals.less";
|
||||
// @import "bootstrap/tooltip.less";
|
||||
@import "bootstrap/popovers.less";
|
||||
|
||||
// Components: Misc
|
||||
// @import "bootstrap/thumbnails.less";
|
||||
// @import "bootstrap/labels.less";
|
||||
@import "bootstrap/progress-bars.less";
|
||||
@import "bootstrap/accordion.less";
|
||||
@import "bootstrap/carousel.less";
|
||||
@import "bootstrap/hero-unit.less";
|
||||
|
||||
// Utility classes
|
||||
@import "bootstrap/utilities.less";
|
||||
@@ -1,138 +0,0 @@
|
||||
body {
|
||||
background: $menu_bg_over;
|
||||
color: $base_text;
|
||||
background-image: url(menu_bg.png);
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
margin: 5px;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $base_text;
|
||||
}
|
||||
|
||||
## Control links at top of history
|
||||
div.historyLinks {
|
||||
margin: 5px 5px;
|
||||
}
|
||||
|
||||
## Default history item appearance
|
||||
div.historyItem {
|
||||
margin: 5px -5px 5px 0px;
|
||||
padding: 5px 11px 5px 5px;
|
||||
border: solid $history_queued_border 1px;
|
||||
border-left: solid $history_queued_border 5px;
|
||||
border-right: none;
|
||||
word-wrap: break-word;
|
||||
background: $history_queued_bg;
|
||||
.state-icon {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-position: 0 1px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.historyItemTitle {
|
||||
font-weight: bold;
|
||||
line-height: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
## Nested history items
|
||||
div.historyItem div.historyItem {
|
||||
margin-right: -11px;
|
||||
}
|
||||
|
||||
## Change background/border color depending on state
|
||||
div.historyItem-ok,
|
||||
div.historyItem-failed_metadata {
|
||||
border-color: $history_ok_border;
|
||||
background: $history_ok_bg;
|
||||
.state-icon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
div.historyItem-error {
|
||||
border-color: $history_error_border;
|
||||
background: $history_error_bg;
|
||||
.state-icon {
|
||||
-sprite-group: history-states;
|
||||
-sprite-image: data_error.png;
|
||||
}
|
||||
}
|
||||
|
||||
div.historyItem-empty {
|
||||
border-color: $history_error_border;
|
||||
background: $history_error_bg;
|
||||
.state-icon {
|
||||
-sprite-group: history-states;
|
||||
-sprite-image: data_empty.png;
|
||||
}
|
||||
}
|
||||
|
||||
div.historyItem-running {
|
||||
border-color: $history_running_border;
|
||||
background: $history_running_bg;
|
||||
.state-icon {
|
||||
background-image: url(data_running.gif);
|
||||
}
|
||||
}
|
||||
|
||||
div.historyItem-setting_metadata {
|
||||
border-color: $history_running_border;
|
||||
background: $history_running_bg;
|
||||
.state-icon {
|
||||
background-image: url(data_running.gif);
|
||||
}
|
||||
}
|
||||
|
||||
div.historyItem-upload {
|
||||
border-color: $history_upload_border;
|
||||
background: $history_upload_bg;
|
||||
.state-icon {
|
||||
background-image: url(data_upload.gif);
|
||||
}
|
||||
}
|
||||
|
||||
div.historyItem-queued {
|
||||
background: $history_queued_bg;
|
||||
.state-icon {
|
||||
-sprite-group: history-states;
|
||||
-sprite-image: data_queued.png;
|
||||
}
|
||||
}
|
||||
|
||||
div.historyItem-noPermission {
|
||||
filter: alpha(opacity=60);
|
||||
-moz-opacity: .60;
|
||||
opacity: .60;
|
||||
}
|
||||
|
||||
## Special case for showing the spinner but not changing the background
|
||||
div.historyItemTitleBar.spinner .state-icon {
|
||||
background: url(data_running.gif) 0 1px no-repeat !important;
|
||||
}
|
||||
|
||||
## Buttons
|
||||
div.historyItemButtons {
|
||||
float: right;
|
||||
}
|
||||
|
||||
div.historyItemBody div {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
pre.peek {
|
||||
background: white;
|
||||
color: black;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
th {
|
||||
color: white;
|
||||
background: $peek_table_header;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -18,16 +18,6 @@ assert sys.version_info[:2] >= ( 2, 4 )
|
||||
def run( cmd ):
|
||||
return Popen( cmd, stdout=PIPE).communicate()[0]
|
||||
|
||||
templates = [ ( "base.css.tmpl", "base.css" ),
|
||||
( "panel_layout.css.tmpl", "panel_layout.css" ),
|
||||
( "masthead.css.tmpl", "masthead.css" ),
|
||||
( "library.css.tmpl", "library.css" ),
|
||||
( "history.css.tmpl", "history.css" ),
|
||||
( "tool_menu.css.tmpl", "tool_menu.css" ),
|
||||
( "iphone.css.tmpl", "iphone.css" ),
|
||||
( "autocomplete_tagging.css.tmpl", "autocomplete_tagging.css" ),
|
||||
( "trackster.css.tmpl", "trackster.css" ) ]
|
||||
|
||||
# TODO: Are these images still being used? If not, clean this code up!
|
||||
images = [
|
||||
( "./gradient.py 9 30 $panel_header_bg_top - $panel_header_bg_bottom 0 0 $panel_header_bg_bottom 1 1", "panel_header_bg.png" ),
|
||||
@@ -62,6 +52,10 @@ shared_images = [
|
||||
]
|
||||
|
||||
if __name__ == "__main__":
|
||||
print "This script is no longer used for generating stylesheets. Please use the Makefile instead"
|
||||
|
||||
# Old code for processing stylesheets
|
||||
"""
|
||||
if len(sys.argv) > 1: # has params
|
||||
ini_file, out_dir = sys.argv[1:]
|
||||
else:
|
||||
@@ -71,8 +65,9 @@ if __name__ == "__main__":
|
||||
for in_file, out_file in templates:
|
||||
print in_file ,"->", out_file
|
||||
subprocess.call( "./process_css.py %s shared_images:../images %s < %s > %s" % ( ini_file, out_dir, in_file, os.path.join( out_dir, out_file ) ), shell=True )
|
||||
|
||||
"""
|
||||
|
||||
# Old code for processing images, long disabled, though images are still used.
|
||||
"""
|
||||
for rule, output in images:
|
||||
t = string.Template( rule ).substitute( context )
|
||||
|
||||
@@ -1,383 +0,0 @@
|
||||
body {
|
||||
font: 75% "Lucida Grande",verdana,arial,helvetica,sans-serif;
|
||||
background: ${layout_bg};
|
||||
}
|
||||
|
||||
.unselectable {
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
#background {
|
||||
position: absolute;
|
||||
background: ${layout_bg};
|
||||
z-index: -1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#messagebox {
|
||||
position:absolute;
|
||||
top:33px;
|
||||
left:0;
|
||||
width:100%;
|
||||
height:24px !important;
|
||||
overflow: hidden;
|
||||
border-bottom: solid #999 1px;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
#left, #left-border, #center, #right-border, #right {
|
||||
position: absolute;
|
||||
top: 39px;
|
||||
bottom: 0px;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
}
|
||||
#left, #center, #right {
|
||||
border-top: solid ${layout_border} 1px;
|
||||
}
|
||||
#left-border, #right-border {
|
||||
background: #eeeeee;
|
||||
border-left: solid ${layout_border} 1px;
|
||||
border-right: solid ${layout_border} 1px;
|
||||
padding-right: 1px;
|
||||
padding-left: 1px;
|
||||
width: 5px;
|
||||
z-index: 10000; }
|
||||
#left-border div, #right-border div {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
position: absolute;
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
}
|
||||
#left-border div, #right-border.hidden div {
|
||||
background-image: url(tiny_arrow_left.png);
|
||||
cursor: w-resize;
|
||||
}
|
||||
#left-border.hidden div, #right-border div {
|
||||
background-image: url(tiny_arrow_right.png);
|
||||
cursor: e-resize;
|
||||
}
|
||||
#left-border.hover div, #right-border.hover div {
|
||||
background-color: ${layout_hover};
|
||||
}
|
||||
#left {
|
||||
left: 0px;
|
||||
width: 250px;
|
||||
z-index: 200;
|
||||
}
|
||||
#left-border {
|
||||
left: 250px;
|
||||
}
|
||||
#center {
|
||||
left:259px;
|
||||
right: 259px;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
#right-border {
|
||||
right: 250px;
|
||||
}
|
||||
#right {
|
||||
width: 250px;
|
||||
right: 0px;
|
||||
z-index: 200;
|
||||
}
|
||||
|
||||
.unified-panel-header {
|
||||
height: 2em;
|
||||
z-index: 1000;
|
||||
background: ${panel_header_bg_bottom};
|
||||
background-image: url(panel_header_bg.png);
|
||||
background-position: top center;
|
||||
background-repeat: repeat-x;
|
||||
border-bottom: solid ${layout_border} 1px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.unified-panel-header-inner {
|
||||
padding-top: 0.45em;
|
||||
}
|
||||
|
||||
.menu-bg {
|
||||
background: $menu_bg_over url(menu_bg.png) top repeat-x;
|
||||
}
|
||||
|
||||
div.unified-panel-body {
|
||||
position: absolute;
|
||||
top: 2em;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.panel-header-button {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
margin: -1px; padding: 1px;
|
||||
margin-top: -0.2em;
|
||||
border: solid #999 1px;
|
||||
padding-right: 0.5em;
|
||||
padding-left: 0.5em;
|
||||
-moz-border-radius: 0.5em;
|
||||
-webkit-border-radius: 0.5em;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
.panel-header-button.popup {
|
||||
padding-right: 1.75em;
|
||||
background: url(../images/dropdownarrow.png) no-repeat right 7px;
|
||||
}
|
||||
|
||||
.panel-header-button:hover {
|
||||
color: black;
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
.panel-header-button:active {
|
||||
color: white;
|
||||
background-color: #aaaaaa;
|
||||
}
|
||||
|
||||
#overlay {
|
||||
position: fixed;
|
||||
top: 0; left: 0; width: 100%; height: 100%;
|
||||
z-index: 20000;
|
||||
}
|
||||
|
||||
#overlay.modal #overlay-background {
|
||||
background: rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.dialog-box-container {
|
||||
position: relative;
|
||||
margin-top: 80px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.dialog-box-wrapper {
|
||||
position: relative;
|
||||
padding: 1em;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
-moz-border-radius: 1em;
|
||||
-webkit-border-radius: 1em;
|
||||
}
|
||||
|
||||
.dialog-box {
|
||||
border: solid #999 1px;
|
||||
background: white;
|
||||
z-index: 80000;
|
||||
}
|
||||
|
||||
#overlay.modal .dialog-box .body {
|
||||
min-width: 600px;
|
||||
}
|
||||
|
||||
.dialog-box .body {
|
||||
padding: 5px;
|
||||
overflow: auto;
|
||||
max-height: 500px;
|
||||
min-width: 300px;
|
||||
}
|
||||
|
||||
.dialog-box .buttons {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
## Messages for message box, slightly different style
|
||||
|
||||
.panel-error-message, .panel-warning-message, .panel-done-message, .panel-info-message
|
||||
{
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
color: $base_text;
|
||||
padding: 0px;
|
||||
padding-left: 26px;
|
||||
background-color: $error_message_bg;
|
||||
background-image: url(error_small.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 6px 50%;
|
||||
}
|
||||
|
||||
.panel-warning-message
|
||||
{
|
||||
background-image: url(warn_small.png);
|
||||
background-color: $warn_message_bg;
|
||||
}
|
||||
|
||||
.panel-done-message
|
||||
{
|
||||
background-image: url(done_small.png);
|
||||
background-color: $done_message_bg;
|
||||
}
|
||||
|
||||
.panel-info-message
|
||||
{
|
||||
background-image: url(info_small.png);
|
||||
background-color: $info_message_bg;
|
||||
}
|
||||
|
||||
## Masthead
|
||||
|
||||
#masthead {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
width:100%;
|
||||
min-width:900px;
|
||||
height:32px;
|
||||
background: ${masthead_bg};
|
||||
color:#fff;
|
||||
border-bottom: solid ${layout_masthead_border} 1px;
|
||||
z-index: 15000;
|
||||
padding: 0;
|
||||
|
||||
a {
|
||||
color: ${masthead_link};
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-family: verdana;
|
||||
padding: 3px 10px;
|
||||
font-size: 175%;
|
||||
font-weight: bold;
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
|
||||
#masthead a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.quota-meter-container
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.quota-meter
|
||||
{
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
height: 16px;
|
||||
width: 100px;
|
||||
background-color: $quota_meter_bg;
|
||||
}
|
||||
|
||||
.quota-meter-bar
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 16px;
|
||||
background-color: $quota_meter_bar;
|
||||
}
|
||||
|
||||
.quota-meter-bar-warn
|
||||
{
|
||||
background-color: $quota_meter_warn_bar;
|
||||
}
|
||||
|
||||
.quota-meter-bar-error
|
||||
{
|
||||
background-color: $quota_meter_error_bar;
|
||||
}
|
||||
|
||||
.quota-meter-text
|
||||
{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 16px;
|
||||
margin-top: -6px;
|
||||
text-align: center;
|
||||
z-index: 9001;
|
||||
color: $quota_meter_text;
|
||||
}
|
||||
|
||||
## Tabs
|
||||
|
||||
.tab-group {
|
||||
|
||||
margin: 0;
|
||||
padding: 0 10px;
|
||||
height: 100%;
|
||||
white-space: nowrap;
|
||||
cursor: default;
|
||||
background: transparent;
|
||||
|
||||
.tab {
|
||||
|
||||
background: ${masthead_bg};
|
||||
position: relative;
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0 1em;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
text-align: left;
|
||||
|
||||
.submenu {
|
||||
|
||||
display: none;
|
||||
position: absolute;
|
||||
z-index: 16000;
|
||||
left: 0;
|
||||
top: 32px;
|
||||
padding: 1em;
|
||||
margin: -1em;
|
||||
padding-top: 0;
|
||||
margin-top: 0;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
-moz-border-radius: 0 0 1em 1em;
|
||||
-webkit-border-bottom-right-radius: 1em;
|
||||
-webkit-border-bottom-left-radius: 1em;
|
||||
|
||||
ul {
|
||||
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
background: ${masthead_bg};
|
||||
|
||||
li {
|
||||
|
||||
display: block;
|
||||
padding: 0 1em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab:hover > a {
|
||||
color: gold !important;
|
||||
}
|
||||
|
||||
.active {
|
||||
background: rgb(1,1,1);
|
||||
}
|
||||
}
|
||||
@@ -11,7 +11,7 @@ CSS processor for Galaxy style sheets. Supports the following features:
|
||||
|
||||
import sys, string, os.path, os
|
||||
|
||||
new_path = [ os.path.join( os.getcwd(), '..', '..', "lib" ) ]
|
||||
new_path = [ os.path.join( os.getcwd(), '..', '..', '..', "lib" ) ]
|
||||
new_path.extend( sys.path[1:] ) # remove scripts/ from the path
|
||||
sys.path = new_path
|
||||
|
||||
@@ -108,6 +108,9 @@ def build_stylesheet_parser():
|
||||
|
||||
stylesheet_parser = build_stylesheet_parser()
|
||||
|
||||
class LessTemplate( string.Template ):
|
||||
delimeter = "@"
|
||||
|
||||
class CSSProcessor( object ):
|
||||
|
||||
def process( self, file, out, variables, image_dir, out_dir ):
|
||||
@@ -161,6 +164,8 @@ class CSSProcessor( object ):
|
||||
for selectors, properties in rules:
|
||||
for p in properties:
|
||||
p[1] = string.Template( p[1] ).substitute( context ).strip()
|
||||
# Less style uses @ to prefix variables
|
||||
p[1] = LessTemplate( p[1] ).substitute( context ).strip()
|
||||
|
||||
def make_sprites( self, rules, image_dir, out_dir ):
|
||||
|
||||
|
||||
@@ -1,70 +0,0 @@
|
||||
body
|
||||
{
|
||||
background: white;
|
||||
color: $base_text;
|
||||
background: $menu_bg_over url(menu_bg.png) top repeat-x;
|
||||
margin: 5px;
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
hr
|
||||
{
|
||||
border: none;
|
||||
height: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
div.toolSectionPad
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 5px;
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
div.toolSectionDetailsInner
|
||||
{
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
div.toolSectionTitle
|
||||
{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div.toolPanelLabel
|
||||
{
|
||||
padding-top: 10px;
|
||||
padding-bottom: 5px;
|
||||
font-weight: bold;
|
||||
color: gray;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
div.toolTitle
|
||||
{
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
margin-left: 16px;
|
||||
margin-right: 10px;
|
||||
display: list-item;
|
||||
list-style: square outside;
|
||||
}
|
||||
|
||||
div.toolSectionBody div.toolPanelLabel
|
||||
{
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
margin-left: 16px;
|
||||
margin-right: 10px;
|
||||
display: list-item;
|
||||
list-style: none outside;
|
||||
}
|
||||
|
||||
div.toolTitleNoSection
|
||||
{
|
||||
padding-bottom: 0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
Executable
+23
@@ -0,0 +1,23 @@
|
||||
#!/usr/bin/env python
|
||||
|
||||
"""
|
||||
Read ini-like variable definition and output in less format.
|
||||
"""
|
||||
|
||||
import sys
|
||||
|
||||
def main():
|
||||
# Read variable definitions from a (sorta) ini file
|
||||
context = dict()
|
||||
for line in sys.stdin:
|
||||
if line.startswith( '#' ):
|
||||
continue
|
||||
key, value = line.rstrip("\r\n").split( '=' )
|
||||
if value.startswith( '"' ) and value.endswith( '"' ):
|
||||
value = value[1:-1]
|
||||
if value == "-":
|
||||
continue
|
||||
print "@%s: %s;" % ( key, value )
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
@@ -55,16 +55,16 @@ function make_popupmenu(button_element, initial_options) {
|
||||
// Need setTimeouts so clicks don't interfere with each other
|
||||
setTimeout( function() {
|
||||
// Dynamically generate the wrapper holding all the selectable options of the menu.
|
||||
var menu_element = $( "<ul id='" + button_element.attr('id') + "-menu'></ul>" );
|
||||
var menu_element = $( "<ul class='dropdown-menu' id='" + button_element.attr('id') + "-menu'></ul>" );
|
||||
var options = button_element.data("menu_options");
|
||||
if (obj_length(options) <= 0) {
|
||||
$("<li>No Options.</li>").appendTo(menu_element);
|
||||
}
|
||||
$.each( options, function( k, v ) {
|
||||
if (v) {
|
||||
$("<li/>").html(k).click(v).appendTo(menu_element);
|
||||
$("<a href='#'>").html(k).click(v).appendTo(menu_element).wrap( "<li />" );
|
||||
} else {
|
||||
$("<li class='head'/>").html(k).appendTo(menu_element);
|
||||
$("<a href='#'>").html(k).appendTo(menu_element).wrap( "<li class='head'/>" );
|
||||
}
|
||||
});
|
||||
var wrapper = $( "<div class='popmenu-wrapper' style='position: absolute;left: 0; top: -1000;'>" );
|
||||
@@ -73,11 +73,11 @@ function make_popupmenu(button_element, initial_options) {
|
||||
.appendTo( "body" );
|
||||
|
||||
var x = e.pageX - wrapper.width() / 2 ;
|
||||
x = Math.min( x, $(document).scrollLeft() + $(window).width() - $(wrapper).width() - 20 );
|
||||
x = Math.max( x, $(document).scrollLeft() + 20 );
|
||||
x = Math.min( x, $(document).scrollLeft() + $(window).width() - $(wrapper).width() - 5 );
|
||||
x = Math.max( x, $(document).scrollLeft() + 5 );
|
||||
|
||||
wrapper.css( {
|
||||
top: e.pageY - 15,
|
||||
top: e.pageY,
|
||||
left: x
|
||||
} );
|
||||
}, 10);
|
||||
|
||||
+145
-168
@@ -1,4 +1,8 @@
|
||||
function ensure_dd_helper() {
|
||||
!function( exports, $ ){
|
||||
|
||||
"use strict"
|
||||
|
||||
var ensure_dd_helper = function () {
|
||||
// Insert div that covers everything when dragging the borders
|
||||
if ( $( "#DD-helper" ).length == 0 ) {
|
||||
$( "<div id='DD-helper'/>" ).css( {
|
||||
@@ -8,170 +12,129 @@ function ensure_dd_helper() {
|
||||
}
|
||||
}
|
||||
|
||||
var MIN_PANEL_WIDTH = 100,
|
||||
MAX_PANEL_WIDTH = 1000;
|
||||
// Panels
|
||||
|
||||
function make_left_panel( panel_el, center_el, border_el ) {
|
||||
var hidden = false;
|
||||
var saved_size = null;
|
||||
// Functions for managing panel
|
||||
var resize = function( x ) {
|
||||
var oldx = x;
|
||||
if ( x < 0 ) x = 0;
|
||||
$( panel_el ).css( "width", x );
|
||||
$( border_el ).css( "left", oldx );
|
||||
$( center_el ).css( "left", x+7 );
|
||||
// ie7-recalc.js
|
||||
if ( document.recalc ) { document.recalc(); }
|
||||
};
|
||||
var toggle = function() {
|
||||
if ( hidden ) {
|
||||
$( border_el ).removeClass( "hover" );
|
||||
$( border_el).animate( {left: saved_size }, "fast" );
|
||||
$( panel_el ).css( "left", - saved_size ).show().animate( { "left": 0 }, "fast", function () {
|
||||
resize( saved_size );
|
||||
$( border_el ).removeClass( "hidden" );
|
||||
});
|
||||
hidden = false;
|
||||
var MIN_PANEL_WIDTH = 150,
|
||||
MAX_PANEL_WIDTH = 800;
|
||||
|
||||
var Panel = function( options ) {
|
||||
this.panel = options.panel;
|
||||
this.center = options.center;
|
||||
this.drag = options.drag;
|
||||
this.toggle = options.toggle;
|
||||
this.left = !options.right;
|
||||
this.hidden = false;
|
||||
this.hidden_by_tool = false;
|
||||
this.saved_size = null;
|
||||
this.init();
|
||||
}
|
||||
$.extend( Panel.prototype, {
|
||||
resize: function( x ) {
|
||||
$(this.panel).css( "width", x );
|
||||
if ( this.left ) {
|
||||
$(center).css( "left", x );
|
||||
} else {
|
||||
saved_size = $( border_el ).position().left;
|
||||
// Move center
|
||||
$( center_el ).css( "left", $(border_el).innerWidth() );
|
||||
if ( document.recalc ) { document.recalc(); }
|
||||
$( border_el).removeClass( "hover" );
|
||||
$( panel_el ).animate( { left: - saved_size }, "fast" );
|
||||
$( border_el ).animate( { left: -1 }, "fast", function() {
|
||||
$( this ).addClass( "hidden" );
|
||||
});
|
||||
hidden = true;
|
||||
$(center).css( "right", x );
|
||||
}
|
||||
};
|
||||
// Connect to elements
|
||||
//$( border_el ).hover(
|
||||
// function() { $( this ).addClass( "hover" ) },
|
||||
// function() { $( this ).removeClass( "hover" ) }
|
||||
$( border_el ).bind( "dragstart", function() {
|
||||
$( '#DD-helper' ).show();
|
||||
}).bind( "dragend", function() {
|
||||
$( '#DD-helper' ).hide();
|
||||
}).bind( "drag", function( e, d ) {
|
||||
x = d.offsetX;
|
||||
// Limit range
|
||||
x = Math.min( MAX_PANEL_WIDTH, Math.max( MIN_PANEL_WIDTH, x ) );
|
||||
// Resize
|
||||
if ( hidden ) {
|
||||
$( panel_el ).css( "left", 0 );
|
||||
$( border_el ).removeClass( "hidden" );
|
||||
hidden = false;
|
||||
}
|
||||
resize( x );
|
||||
}).bind( "dragclickonly", function() {
|
||||
toggle();
|
||||
}).find( "div" ).show();
|
||||
var force_panel = function( op ) {
|
||||
if ( ( hidden && op == 'show' ) || ( ! hidden && op == 'hide' ) ) {
|
||||
toggle();
|
||||
}
|
||||
}
|
||||
return { force_panel: force_panel };
|
||||
};
|
||||
|
||||
function make_right_panel( panel_el, center_el, border_el ) {
|
||||
var hidden = false,
|
||||
hidden_by_tool = false,
|
||||
saved_size = null;
|
||||
|
||||
var resize = function( x ) {
|
||||
$( panel_el ).css( "width", x );
|
||||
$( center_el ).css( "right", x+9 );
|
||||
$( border_el ).css( "right", x ).css( "left", "" );
|
||||
// ie7-recalc.js
|
||||
if ( document.recalc ) { document.recalc(); }
|
||||
};
|
||||
var toggle = function() {
|
||||
if ( hidden ) {
|
||||
$( border_el).removeClass( "hover" );
|
||||
$( border_el ).animate( { right: saved_size }, "fast" );
|
||||
$( panel_el ).css( "right", - saved_size ).show().animate( { "right": 0 }, "fast", function () {
|
||||
resize( saved_size );
|
||||
$( border_el ).removeClass( "hidden" );
|
||||
});
|
||||
hidden = false;
|
||||
}
|
||||
else
|
||||
{
|
||||
saved_size = $(document).width() - $( border_el ).position().left - $(border_el).outerWidth();
|
||||
},
|
||||
do_toggle: function() {
|
||||
var self = this;
|
||||
if ( this.hidden ) {
|
||||
$(this.toggle).removeClass( "hidden" );
|
||||
if ( this.left ) {
|
||||
$(this.panel).css( "left", - this.saved_size ).show().animate( { "left": 0 }, "fast", function () {
|
||||
self.resize( self.saved_size );
|
||||
});
|
||||
} else {
|
||||
$(this.panel).css( "right", - this.saved_size ).show().animate( { "right": 0 }, "fast", function () {
|
||||
self.resize( self.saved_size );
|
||||
});
|
||||
}
|
||||
self.hidden = false;
|
||||
} else {
|
||||
self.saved_size = $(this.panel).width();
|
||||
// Move center
|
||||
$( center_el ).css( "right", $(border_el).innerWidth() + 1 );
|
||||
|
||||
// $( center_el ).css( "right", $(border_el).innerWidth() + 1 );
|
||||
|
||||
if ( document.recalc ) { document.recalc(); }
|
||||
// Hide border
|
||||
$( border_el ).removeClass( "hover" );
|
||||
$( panel_el ).animate( { right: - saved_size }, "fast" );
|
||||
$( border_el ).animate( { right: -1 }, "fast", function() {
|
||||
$( this ).addClass( "hidden" );
|
||||
});
|
||||
hidden = true;
|
||||
if ( this.left ) {
|
||||
$(this.panel).animate( { left: - this.saved_size }, "fast" );
|
||||
} else {
|
||||
$(this.panel).animate( { right: - this.saved_size }, "fast" );
|
||||
}
|
||||
// self.resize(0);
|
||||
if ( this.left ) {
|
||||
$(center).css( "left", 0 );
|
||||
} else {
|
||||
$(center).css( "right", 0 );
|
||||
}
|
||||
|
||||
self.hidden = true;
|
||||
$(self.toggle).addClass( "hidden" );
|
||||
}
|
||||
hidden_by_tool = false;
|
||||
};
|
||||
var handle_minwidth_hint = function( x ) {
|
||||
var space = $( center_el ).width() - ( hidden ? saved_size : 0 );
|
||||
this.hidden_by_tool = false;
|
||||
},
|
||||
handle_minwidth_hint: function( x ) {
|
||||
var space = $(this.center).width() - ( this.hidden ? this.saved_size : 0 );
|
||||
if ( space < x )
|
||||
{
|
||||
if ( ! hidden ) {
|
||||
toggle();
|
||||
hidden_by_tool = true;
|
||||
if ( ! this.hidden ) {
|
||||
this.do_toggle();
|
||||
this.hidden_by_tool = true;
|
||||
}
|
||||
} else {
|
||||
if ( hidden_by_tool ) {
|
||||
toggle();
|
||||
hidden_by_tool = false;
|
||||
if ( this.hidden_by_tool ) {
|
||||
this.do_toggle();
|
||||
this.hidden_by_tool = false;
|
||||
}
|
||||
}
|
||||
};
|
||||
$( border_el ).hover(
|
||||
function() { $( this ).addClass( "hover" ); },
|
||||
function() { $( this ).removeClass( "hover" ); }
|
||||
).bind( "dragstart", function() {
|
||||
$( '#DD-helper' ).show();
|
||||
}).bind( "dragend", function() {
|
||||
$( '#DD-helper' ).hide();
|
||||
}).bind( "drag", function( e, d ) {
|
||||
x = d.offsetX;
|
||||
w = $(window).width();
|
||||
// Limit range
|
||||
x = Math.min( w - MIN_PANEL_WIDTH, x );
|
||||
x = Math.max( w - MAX_PANEL_WIDTH, x );
|
||||
// Resize
|
||||
if ( hidden ) {
|
||||
$( panel_el ).css( "right", 0 );
|
||||
$( border_el ).removeClass( "hidden" );
|
||||
hidden = false;
|
||||
}
|
||||
resize( w - x - $(this).outerWidth() );
|
||||
}).bind( "dragclickonly", function() {
|
||||
toggle();
|
||||
}).find( "div" ).show();
|
||||
var force_panel = function( op ) {
|
||||
if ( ( hidden && op == 'show' ) || ( ! hidden && op == 'hide' ) ) {
|
||||
toggle();
|
||||
},
|
||||
force_panel: function( op ) {
|
||||
if ( ( this.hidden && op == 'show' ) || ( ! this.hidden && op == 'hide' ) ) {
|
||||
this.do_toggle();
|
||||
}
|
||||
},
|
||||
init: function() {
|
||||
var self = this;
|
||||
// Resizing using drag element
|
||||
$(this.drag).on( "dragstart", function( e, d ) {
|
||||
$( '#DD-helper' ).show();
|
||||
d.width = $(self.panel).width();
|
||||
}).on( "dragend", function() {
|
||||
$( '#DD-helper' ).hide();
|
||||
}).on( "drag", function( e, d ) {
|
||||
var x;
|
||||
if ( self.left ) {
|
||||
x = d.width + d.deltaX;
|
||||
} else {
|
||||
x = d.width - d.deltaX;
|
||||
}
|
||||
// Limit range
|
||||
x = Math.min( MAX_PANEL_WIDTH, Math.max( MIN_PANEL_WIDTH, x ) );
|
||||
self.resize( x );
|
||||
});
|
||||
// Hide/show using toggle element
|
||||
$(self.toggle).on( "click", function() { self.do_toggle(); } );
|
||||
}
|
||||
return { handle_minwidth_hint: handle_minwidth_hint, force_panel: force_panel };
|
||||
};
|
||||
});
|
||||
|
||||
|
||||
// Modal dialog boxes
|
||||
|
||||
function hide_modal() {
|
||||
$(".dialog-box-container" ).hide( 0, function() {
|
||||
$("#overlay .modal" ).hide( 0, function() {
|
||||
$("#overlay").hide();
|
||||
$("#overlay").removeClass( "modal" );
|
||||
$("#overlay-background").removeClass( "in" );
|
||||
$( ".dialog-box" ).find( ".body" ).children().remove();
|
||||
} );
|
||||
};
|
||||
|
||||
function show_modal() {
|
||||
$("#overlay").addClass( "modal" );
|
||||
$("#overlay-background").addClass( "in" );
|
||||
_show_modal.apply( this, arguments );
|
||||
}
|
||||
|
||||
@@ -181,41 +144,40 @@ function show_message() {
|
||||
|
||||
function _show_modal( title, body, buttons, extra_buttons, init_fn ) {
|
||||
if ( title ) {
|
||||
$( ".dialog-box" ).find( ".title" ).html( title );
|
||||
$( ".dialog-box" ).find( ".unified-panel-header" ).show();
|
||||
$( "#dialog-box .modal-header .title" ).html( title );
|
||||
$( "#dialog-box .modal-header" ).show();
|
||||
} else {
|
||||
$( ".dialog-box" ).find( ".unified-panel-header" ).hide();
|
||||
$( "#dialog-box .modal-header" ).hide();
|
||||
}
|
||||
var b = $( ".dialog-box" ).find( ".buttons" ).html( "" );
|
||||
var b = $( "#dialog-box" ).find( ".buttons" ).html( "" );
|
||||
if ( buttons ) {
|
||||
$.each( buttons, function( name, value ) {
|
||||
b.append( $( '<button/>' ).text( name ).click( value ) );
|
||||
b.append( " " );
|
||||
});
|
||||
b.show();
|
||||
} else {
|
||||
b.hide();
|
||||
}
|
||||
var b = $( ".dialog-box" ).find( ".extra_buttons" ).html( "" );
|
||||
var b = $( "#dialog-box" ).find( ".extra_buttons" ).html( "" );
|
||||
if ( extra_buttons ) {
|
||||
$.each( extra_buttons, function( name, value ) {
|
||||
b.append( $( '<button/>' ).text( name ).click( value ) );
|
||||
b.append( " " );
|
||||
});
|
||||
b.show();
|
||||
}
|
||||
if ( buttons || extra_buttons ) {
|
||||
$( "#dialog-box .modal-footer" ).show();
|
||||
} else {
|
||||
b.hide();
|
||||
$( "#dialog-box .modal-footer" ).hide();
|
||||
}
|
||||
if ( body == "progress" ) {
|
||||
body = $("<img/>").attr("src", image_path + "/yui/rel_interstitial_loading.gif");
|
||||
body = $("<div class='progress progress-striped active'><div class='bar'></div></div>");
|
||||
}
|
||||
var body_elt = $( ".dialog-box" ).find( ".body" );
|
||||
// Clear min-width to allow for modal to take size of new body.
|
||||
body_elt.css("min-width", "0px");
|
||||
$( ".dialog-box" ).find( ".body" ).html( body );
|
||||
if ( ! $(".dialog-box-container").is( ":visible" ) ) {
|
||||
$( "#dialog-box" ).find( ".modal-body" ).html( body );
|
||||
if ( ! $("#dialog-box").is( ":visible" ) ) {
|
||||
$("#overlay").show();
|
||||
$(".dialog-box-container").show();
|
||||
$("#dialog-box").show();
|
||||
}
|
||||
// Fix min-width so that modal cannot shrink considerably if
|
||||
// new content is loaded.
|
||||
@@ -237,22 +199,6 @@ function show_in_overlay( options ) {
|
||||
$("#close_button").bind( "click", function() { hide_modal(); } );
|
||||
}
|
||||
|
||||
// Tab management
|
||||
|
||||
$(function() {
|
||||
$(".tab").each( function() {
|
||||
var submenu = $(this).children( ".submenu" );
|
||||
if ( submenu.length > 0 ) {
|
||||
if ( $.browser.msie ) {
|
||||
// Vile IE iframe hack -- even IE7 needs this
|
||||
submenu.prepend( "<iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; filter:Alpha(Opacity='0');\"></iframe>" );
|
||||
}
|
||||
$(this).hover( function() { submenu.show(); }, function() { submenu.hide(); } );
|
||||
submenu.click( function() { submenu.hide(); } );
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function user_changed( user_email, is_admin ) {
|
||||
if ( user_email ) {
|
||||
$(".loggedin-only").show();
|
||||
@@ -267,3 +213,34 @@ function user_changed( user_email, is_admin ) {
|
||||
$(".admin-only").hide();
|
||||
}
|
||||
}
|
||||
|
||||
// Masthead dropdown menus
|
||||
$(function() {
|
||||
var $dropdowns = $("#masthead ul.nav > li.dropdown > .dropdown-menu");
|
||||
$("body").on( "click.nav_popups", function( e ) {
|
||||
$dropdowns.hide();
|
||||
$("#DD-helper").hide();
|
||||
// If the target is in the menu, treat normally
|
||||
if ( $(e.target).closest( "#masthead ul.nav > li.dropdown > .dropdown-menu" ).length ) {
|
||||
return;
|
||||
}
|
||||
// Otherwise, was the click in a tab
|
||||
var $clicked = $(e.target).closest( "#masthead ul.nav > li.dropdown" );
|
||||
if ( $clicked.length ) {
|
||||
$("#DD-helper").show();
|
||||
$clicked.children( ".dropdown-menu" ).show();
|
||||
e.preventDefault();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Exports
|
||||
exports.ensure_dd_helper = ensure_dd_helper;
|
||||
exports.Panel = Panel;
|
||||
exports.hide_modal = hide_modal;
|
||||
exports.show_modal = show_modal;
|
||||
exports.show_message = show_message;
|
||||
exports.show_in_overlay = show_in_overlay;
|
||||
exports.user_changed = user_changed;
|
||||
|
||||
}( window, window.jQuery );
|
||||
|
||||
+29
-25
@@ -28,10 +28,10 @@
|
||||
}
|
||||
#center {
|
||||
%if not self.has_left_panel:
|
||||
left: 0;
|
||||
left: 0 !important;
|
||||
%endif
|
||||
%if not self.has_right_panel:
|
||||
right: 0;
|
||||
right: 0 !important;
|
||||
%endif
|
||||
}
|
||||
%if self.message_box_visible:
|
||||
@@ -64,14 +64,14 @@
|
||||
ensure_dd_helper();
|
||||
|
||||
%if self.has_left_panel:
|
||||
var lp = make_left_panel( $("#left"), $("#center"), $("#left-border" ) );
|
||||
var lp = new Panel( { panel: $("#left"), center: $("#center"), drag: $("#left > .unified-panel-footer > .drag" ), toggle: $("#left > .unified-panel-footer > .collapse" ) } );
|
||||
force_left_panel = lp.force_panel;
|
||||
%endif
|
||||
|
||||
%if self.has_right_panel:
|
||||
var rp = make_right_panel( $("#right"), $("#center"), $("#right-border" ) );
|
||||
handle_minwidth_hint = rp.handle_minwidth_hint;
|
||||
force_right_panel = rp.force_panel;
|
||||
var rp = new Panel( { panel: $("#right"), center: $("#center"), drag: $("#right > .unified-panel-footer > .drag" ), toggle: $("#right > .unified-panel-footer > .collapse" ), right: true } );
|
||||
window.handle_minwidth_hint = function( x ) { console.log( "hint", x ); rp.handle_minwidth_hint( x ) };
|
||||
force_right_panel = function( x ) { rp.force_panel( x ) };
|
||||
%endif
|
||||
|
||||
</script>
|
||||
@@ -172,28 +172,26 @@
|
||||
%endif
|
||||
>
|
||||
##
|
||||
<div id="overlay-background" style="position: absolute; width: 100%; height: 100%;"></div>
|
||||
<div id="overlay-background" class="modal-backdrop fade"></div>
|
||||
|
||||
## Need a table here for centering in IE6
|
||||
<table class="dialog-box-container" border="0" cellpadding="0" cellspacing="0"
|
||||
<div id="dialog-box" class="modal" border="0"
|
||||
%if not visible:
|
||||
style="display: none;"
|
||||
%endif
|
||||
><tr><td>
|
||||
<div class="dialog-box-wrapper">
|
||||
<div class="dialog-box">
|
||||
<div class="unified-panel-header">
|
||||
<div class="unified-panel-header-inner"><span class='title'>${title}</span></div>
|
||||
>
|
||||
<div class="modal-header">
|
||||
<span><h3 class='title'>${title}</h3></span>
|
||||
</div>
|
||||
<div class="body">${content}</div>
|
||||
<div>
|
||||
<div class="buttons" style="display: none; float: right;"></div>
|
||||
<div class="extra_buttons" style="display: none; padding: 5px;"></div>
|
||||
<div class="modal-body">${content}</div>
|
||||
<div class="modal-footer">
|
||||
<div class="buttons" style="float: right;"></div>
|
||||
<div class="extra_buttons" style=""></div>
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</td></tr></table>
|
||||
|
||||
</div>
|
||||
</%def>
|
||||
|
||||
@@ -217,8 +215,10 @@
|
||||
## Background displays first
|
||||
<div id="background"></div>
|
||||
## Layer iframes over backgrounds
|
||||
<div id="masthead">
|
||||
${self.masthead()}
|
||||
<div id="masthead" class="navbar navbar-fixed-top">
|
||||
<div class="masthead-inner navbar-inner">
|
||||
<div class="container">${self.masthead()}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="messagebox" class="panel-${self.message_box_class}-message">
|
||||
%if self.message_box_visible:
|
||||
@@ -229,18 +229,22 @@
|
||||
%if self.has_left_panel:
|
||||
<div id="left">
|
||||
${self.left_panel()}
|
||||
</div>
|
||||
<div id="left-border">
|
||||
<div id="left-border-inner" style="display: none;"></div>
|
||||
<div class="unified-panel-footer">
|
||||
<div class="collapse"></span></div>
|
||||
<div class="drag"></div>
|
||||
</div>
|
||||
</div>
|
||||
%endif
|
||||
<div id="center">
|
||||
${self.center_panel()}
|
||||
</div>
|
||||
%if self.has_right_panel:
|
||||
<div id="right-border"><div id="right-border-inner" style="display: none;"></div></div>
|
||||
<div id="right">
|
||||
${self.right_panel()}
|
||||
<div class="unified-panel-footer">
|
||||
<div class="collapse"></span></div>
|
||||
<div class="drag"></div>
|
||||
</div>
|
||||
</div>
|
||||
%endif
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<%namespace file="/message.mako" import="render_msg" />
|
||||
|
||||
<% _=n_ %>
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<!DOCTYPE HTML>
|
||||
|
||||
<html>
|
||||
|
||||
@@ -467,6 +467,7 @@ div.form-row {
|
||||
</head>
|
||||
|
||||
<body class="historyPage">
|
||||
|
||||
<div id="top-links" class="historyLinks">
|
||||
|
||||
<a title="${_('refresh')}" class="icon-button arrow-circle tooltip" href="${h.url_for('history', show_deleted=show_deleted)}"></a>
|
||||
@@ -478,10 +479,9 @@ div.form-row {
|
||||
<a id="history-annotate" title="Edit history annotation" class="icon-button annotate tooltip" target="galaxy_main" href="${h.url_for( controller='history', action='annotate' )}"></a>
|
||||
</div>
|
||||
%endif
|
||||
|
||||
</div>
|
||||
|
||||
<div style="clear: both;"></div>
|
||||
<div class="clear"></div>
|
||||
|
||||
%if show_deleted:
|
||||
<div class="historyLinks">
|
||||
@@ -568,6 +568,7 @@ div.form-row {
|
||||
%else:
|
||||
|
||||
## Render requested datasets, ordered from newest to oldest
|
||||
<div>
|
||||
%for data in reversed( datasets ):
|
||||
%if data.visible or show_hidden:
|
||||
<div class="historyItemContainer" id="historyItemContainer-${trans.app.security.encode_id(data.id)}">
|
||||
@@ -575,6 +576,7 @@ div.form-row {
|
||||
</div>
|
||||
%endif
|
||||
%endfor
|
||||
</div>
|
||||
|
||||
<div class="infomessagesmall" id="emptyHistoryMessage" style="display:none;">
|
||||
%endif
|
||||
|
||||
@@ -206,7 +206,7 @@
|
||||
<div class="unified-panel-header" unselectable="on">
|
||||
<div class='unified-panel-header-inner'>
|
||||
<div style="float: right">
|
||||
<a class='panel-header-button popup' id="tools-options-button" href="#">${_('Options')}</a>
|
||||
<a class='panel-header-button' id="tools-options-button" href="#"><span class="iconic cog"></span></a>
|
||||
</div>
|
||||
${n_('Tools')}
|
||||
</div>
|
||||
@@ -234,7 +234,7 @@
|
||||
center_url = h.url_for( '/static/welcome.html' )
|
||||
%>
|
||||
|
||||
<iframe name="galaxy_main" id="galaxy_main" frameborder="0" style="position: absolute; width: 100%; height: 100%;" src="${center_url}"> </iframe>
|
||||
<iframe name="galaxy_main" id="galaxy_main" frameborder="0" style="position: absolute; width: 100%; height: 100%;" src="${center_url}"></iframe>
|
||||
|
||||
</%def>
|
||||
|
||||
@@ -242,7 +242,7 @@
|
||||
<div class="unified-panel-header" unselectable="on">
|
||||
<div class="unified-panel-header-inner">
|
||||
<div style="float: right">
|
||||
<a id="history-options-button" class='panel-header-button popup' href="${h.url_for( controller='root', action='history_options' )}" target="galaxy_main">${_('Options')}</a>
|
||||
<a id="history-options-button" class='panel-header-button' href="${h.url_for( controller='root', action='history_options' )}" target="galaxy_main"><span class="iconic cog"></span></a>
|
||||
</div>
|
||||
<div class="panel-header-text">${_('History')}</div>
|
||||
</div>
|
||||
|
||||
@@ -321,12 +321,12 @@
|
||||
else:
|
||||
display = "none"
|
||||
%>
|
||||
<div id="tool-search" style="padding-bottom: 5px; position: relative; display: ${display}; width: 100%">
|
||||
<div id="tool-search" class="bar" style="margin: -6px -10px 10px -10px; padding: 5px 10px; position: relative; display: ${display};">
|
||||
%if trans.app.config.get_bool( 'enable_tool_tags', False ):
|
||||
<b>Tags:</b>
|
||||
${render_tool_tagging_elements()}
|
||||
%endif
|
||||
<input type="text" name="query" value="search tools" id="tool-search-query" autocomplete="off" style="width: 100%; font-style:italic; font-size: inherit"/>
|
||||
<input type="text" name="query" value="search tools" id="tool-search-query" autocomplete="off" class="search-query" style="width: 90%"/>
|
||||
<img src="${h.url_for('/static/images/loading_small_white_bg.gif')}" id="search-spinner" style="display: none; position: absolute; right: 0; top: 5px;"/>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -12,39 +12,45 @@
|
||||
<%def name="masthead()">
|
||||
|
||||
## Tab area, fills entire width
|
||||
<div style="position: relative; right: -50%; float: left; text-align: center;">
|
||||
|
||||
<table class="tab-group" border="0" cellspacing="0" style="position: relative; right: 50%;">
|
||||
<tr>
|
||||
<div style="position: relative; right: -50%; float: left;">
|
||||
<div style="display: block; position: relative; right: 50%;">
|
||||
|
||||
<ul class="nav" border="0" cellspacing="0">
|
||||
|
||||
<%def name="tab( id, display, href, target='_parent', visible=True, extra_class='', menu_options=None )">
|
||||
## Create a tab at the top of the panels. menu_options is a list of 2-elements lists of [name, link]
|
||||
## that are options in the menu.
|
||||
|
||||
<%
|
||||
cls = "tab"
|
||||
cls = ""
|
||||
a_cls = ""
|
||||
extra = ""
|
||||
if extra_class:
|
||||
cls += " " + extra_class
|
||||
if self.active_view == id:
|
||||
cls += " active"
|
||||
if menu_options:
|
||||
cls += " dropdown"
|
||||
a_cls += " dropdown-toggle"
|
||||
extra = "<b class='caret'></b>"
|
||||
style = ""
|
||||
if not visible:
|
||||
style = "display: none;"
|
||||
%>
|
||||
<td class="${cls}" style="${style}">
|
||||
<li class="${cls}" style="${style}">
|
||||
%if href:
|
||||
<a target="${target}" href="${href}">${display}</a>
|
||||
<a class="${a_cls}" data-toggle="dropdown" target="${target}" href="${href}">${display}${extra}</a>
|
||||
%else:
|
||||
<a>${display}</a>
|
||||
<a class="${a_cls}" data-toggle="dropdown">${display}${extra}</a>
|
||||
%endif
|
||||
%if menu_options:
|
||||
<div class="submenu">
|
||||
<ul>
|
||||
## <div class="submenu">
|
||||
<ul class="dropdown-menu">
|
||||
%for menu_item in menu_options:
|
||||
<li>
|
||||
%if not menu_item:
|
||||
<hr style="color: inherit; background-color: gray"/></li>
|
||||
<li class="divider" />
|
||||
%else:
|
||||
<li>
|
||||
%if len ( menu_item ) == 1:
|
||||
${menu_item[0]}
|
||||
%elif len ( menu_item ) == 2:
|
||||
@@ -54,12 +60,13 @@
|
||||
<% name, link, target = menu_item %>
|
||||
<a target="${target}" href="${link}">${name}</a></li>
|
||||
%endif
|
||||
</li>
|
||||
%endif
|
||||
%endfor
|
||||
</ul>
|
||||
</div>
|
||||
## </div>
|
||||
%endif
|
||||
</td>
|
||||
</li>
|
||||
</%def>
|
||||
|
||||
|
||||
@@ -134,7 +141,7 @@
|
||||
email = trans.user.email
|
||||
else:
|
||||
email = ""
|
||||
menu_options = [ [ '<li>Logged in as <span id="user-email">%s</span></li>' % email ] ]
|
||||
menu_options = [ [ '<li><a>Logged in as <span id="user-email">%s</span></a></li>' % email ] ]
|
||||
if app.config.use_remote_user:
|
||||
if app.config.remote_user_logout_href:
|
||||
menu_options.append( [ _('Logout'), app.config.remote_user_logout_href, "_top" ] )
|
||||
@@ -162,9 +169,11 @@
|
||||
tab( "user", "User", None, visible=visible, menu_options=menu_options )
|
||||
%>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
## </tr>
|
||||
## </table>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
## Logo, layered over tabs to be clickable
|
||||
|
||||
@@ -7,15 +7,15 @@
|
||||
%>
|
||||
</%def>
|
||||
|
||||
<%def name="late_javascripts()">
|
||||
<script type='text/javascript' src="${h.url_for('/static/scripts/galaxy.panels.js')}"> </script>
|
||||
<script type="text/javascript">
|
||||
ensure_dd_helper();
|
||||
make_left_panel( $("#left"), $("#center"), $("#left-border" ) );
|
||||
make_right_panel( $("#right"), $("#center"), $("#right-border" ) );
|
||||
## handle_minwidth_hint = rp.handle_minwidth_hint;
|
||||
</script>
|
||||
</%def>
|
||||
## <%def name="late_javascripts()">
|
||||
## <script type='text/javascript' src="${h.url_for('/static/scripts/galaxy.panels.js')}"> </script>
|
||||
## <script type="text/javascript">
|
||||
## ensure_dd_helper();
|
||||
## make_left_panel( $("#left"), $("#center"), $("#left-border" ) );
|
||||
## make_right_panel( $("#right"), $("#center"), $("#right-border" ) );
|
||||
## ## handle_minwidth_hint = rp.handle_minwidth_hint;
|
||||
## </script>
|
||||
## </%def>
|
||||
|
||||
<%def name="javascripts()">
|
||||
|
||||
@@ -727,9 +727,9 @@
|
||||
body { margin: 0; padding: 0; overflow: hidden; }
|
||||
|
||||
/* Wider right panel */
|
||||
#center { right: 309px; }
|
||||
#right-border { right: 300px; }
|
||||
#right { width: 300px; }
|
||||
## #center { right: 309px; }
|
||||
## #right-border { right: 300px; }
|
||||
## #right { width: 300px; }
|
||||
## /* Relative masthead size */
|
||||
## #masthead { height: 2.5em; }
|
||||
## #masthead div.title { font-size: 1.8em; }
|
||||
@@ -926,7 +926,7 @@
|
||||
|
||||
<%def name="overlay(visible=False)">
|
||||
${parent.overlay( "Loading workflow editor...",
|
||||
"<img src='" + h.url_for('/static/images/yui/rel_interstitial_loading.gif') + "'/>", self.overlay_visible )}
|
||||
"<div class='progress progress-striped progress-info active'><div class='bar' style='width: 100%;'></div></div>", self.overlay_visible )}
|
||||
</%def>
|
||||
|
||||
<%def name="left_panel()">
|
||||
|
||||
Reference in New Issue
Block a user