'萬用表格'
This commit is contained in:
parent
9e456be2a8
commit
0f90b7febd
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 4.0 KiB |
|
|
@ -1,58 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 237.7 78" style="enable-background:new 0 0 237.7 78;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#EDEDEC;}
|
||||
.st1{fill:#78161B;}
|
||||
.st2{fill:none;stroke:#E5E5E5;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st3{fill:#E5E5E5;}
|
||||
.st4{fill:#FFFFFF;}
|
||||
.st5{fill:#5F616C;}
|
||||
.st6{fill:#BFCAD9;}
|
||||
.st7{fill:#3B4552;}
|
||||
.st8{fill:#040000;}
|
||||
.st9{fill:#1B1C1C;}
|
||||
.st10{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st11{fill:none;stroke:#5F616C;stroke-miterlimit:10;}
|
||||
.st12{fill:#F6BA56;}
|
||||
.st13{fill:#F4A045;}
|
||||
.st14{fill:#645E67;}
|
||||
.st15{fill:#5A545E;}
|
||||
.st16{fill:#EFE4DE;}
|
||||
.st17{fill:#F49F45;}
|
||||
.st18{fill:#FAF2F3;}
|
||||
.st19{fill:#756C77;}
|
||||
.st20{fill:#605B63;}
|
||||
.st21{fill:#F4A046;}
|
||||
.st22{fill:#E2D5D0;}
|
||||
.st23{fill:#CC343C;}
|
||||
.st24{fill:#CC333B;}
|
||||
.st25{fill:#BA2930;}
|
||||
.st26{fill:#BA2A30;}
|
||||
.st27{fill:#BA2830;}
|
||||
.st28{fill:#CC323B;}
|
||||
.st29{fill:#76BB9F;}
|
||||
.st30{fill:#5F5963;}
|
||||
.st31{fill:#EFE4DF;}
|
||||
.st32{fill:#92CC9F;}
|
||||
.st33{fill:#5AAEB0;}
|
||||
.st34{fill:none;stroke:#EDEDEC;stroke-miterlimit:10;}
|
||||
.st35{opacity:3.000000e-02;}
|
||||
</style>
|
||||
<g id="圖層_1">
|
||||
<rect x="93.8" y="30" class="st3" width="49.9" height="10.6"/>
|
||||
<path class="st33" d="M137.5,21.4c-0.1-0.2-0.3-0.3-0.6-0.3h-18.1h-18.1c-0.2,0-0.4,0.1-0.6,0.3c-2.9,4.6-10.7,5.5-16,5.6
|
||||
c-0.8,0-1,1.4-0.2,1.6c2.8,0.8,6.6,1.5,10.8,1.5l24,0l24,0c4.2,0.1,8-0.7,10.8-1.5c0.8-0.2,0.7-1.6-0.2-1.6
|
||||
C148.1,26.9,140.3,26,137.5,21.4z"/>
|
||||
<path class="st21" d="M137.1,21L137.1,21c-0.2,0-0.3-0.2-0.3-0.4c0-0.2,0-0.4,0-0.7c0-0.8-0.4-1.2-1-1.2c-0.6,0-1,0.5-1,1.3
|
||||
c0,0.2,0,0.4,0,0.6c0,0.2-0.2,0.4-0.3,0.4h-15.6h-15.5c-0.2,0-0.3-0.2-0.3-0.4c0-0.2,0-0.4,0-0.7c0-0.8-0.4-1.2-1-1.2
|
||||
c-0.6,0-1,0.5-1,1.3c0,0.2,0,0.4,0,0.6c0,0.2-0.2,0.4-0.3,0.4h-0.1c-0.1,0-0.2,0.1-0.3,0.2c-3.3,5.7-14,5.9-18.9,5.7
|
||||
c-0.4,0-0.5,0.6-0.1,0.8c0.8,0.3,1.8,0.6,3,0.9c0,0,0.1,0,0.1,0c5.1,0.1,13.5-0.6,16.4-5.5c0.1-0.1,0.2-0.2,0.3-0.2h17.5h17.5
|
||||
c0.1,0,0.2,0.1,0.3,0.2c3,5.1,12,5.6,17,5.5c0,0,0.1,0,0.1,0c1.1-0.3,2.1-0.6,2.9-0.9c0.4-0.1,0.3-0.8-0.1-0.8
|
||||
c-4.8,0.2-15.5,0-18.9-5.7C137.3,21,137.2,21,137.1,21z"/>
|
||||
<line class="st2" x1="7.8" y1="40.6" x2="229.8" y2="40.6"/>
|
||||
</g>
|
||||
<g id="圖層_2">
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.4 KiB |
|
|
@ -1,70 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 2032 2032" style="enable-background:new 0 0 2032 2032;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#EDEDEC;}
|
||||
.st1{fill:#78161B;}
|
||||
.st2{fill:none;stroke:#E5E5E5;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st3{fill:#E5E5E5;}
|
||||
.st4{fill:#FFFFFF;}
|
||||
.st5{fill:#5F616C;}
|
||||
.st6{fill:#BFCAD9;}
|
||||
.st7{fill:#3B4552;}
|
||||
.st8{fill:#040000;}
|
||||
.st9{fill:#1B1C1C;}
|
||||
.st10{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st11{fill:none;stroke:#5F616C;stroke-miterlimit:10;}
|
||||
.st12{fill:#F6BA56;}
|
||||
.st13{fill:#F4A045;}
|
||||
.st14{fill:#645E67;}
|
||||
.st15{fill:#5A545E;}
|
||||
.st16{fill:#EFE4DE;}
|
||||
.st17{fill:#F49F45;}
|
||||
.st18{fill:#FAF2F3;}
|
||||
.st19{fill:#756C77;}
|
||||
.st20{fill:#605B63;}
|
||||
.st21{fill:#F4A046;}
|
||||
.st22{fill:#E2D5D0;}
|
||||
.st23{fill:#CC343C;}
|
||||
.st24{fill:#CC333B;}
|
||||
.st25{fill:#BA2930;}
|
||||
.st26{fill:#BA2A30;}
|
||||
.st27{fill:#BA2830;}
|
||||
.st28{fill:#CC323B;}
|
||||
.st29{fill:#76BB9F;}
|
||||
.st30{fill:#5F5963;}
|
||||
.st31{fill:#EFE4DF;}
|
||||
.st32{fill:#92CC9F;}
|
||||
.st33{fill:#5AAEB0;}
|
||||
.st34{fill:none;stroke:#EDEDEC;stroke-miterlimit:10;}
|
||||
.st35{opacity:8.000000e-02;}
|
||||
</style>
|
||||
<g id="圖層_1">
|
||||
</g>
|
||||
<g id="圖層_2">
|
||||
<path class="st35" d="M1987.1,957.6c0,38.6,0,77.1,0,115.7c-0.6,3.4-1.5,6.7-1.7,10.1c-0.4,6.6-0.1,13.3-0.7,19.9
|
||||
c-3.3,35.2-8.1,70.3-15.2,105c-37.8,183.2-121,342.9-250.2,478.1c-121.9,127.5-268,215.5-437.9,263.8c-63.4,18-128,29.3-193.7,33.8
|
||||
c-10.7,0.7-21.3,2.3-31.9,3.5c-25.3,0-50.6,0-75.9,0c-3.1-0.5-6.1-1.3-9.3-1.6c-21.7-2-43.5-3.6-65.1-5.9c-56-6-111-17.4-165-33.5
|
||||
c-154.3-46.2-289.1-125.7-403.8-238.6c-122.2-120.2-206.9-263-254-427.9c-19-66.5-30.4-134.2-34.6-203.2
|
||||
c-0.4-7.5-2.2-14.9-3.4-22.4c0-25.9,0-51.8,0-77.8c1.2-7.8,3-15.5,3.4-23.3c2.1-35.4,6.2-70.5,12.4-105.3
|
||||
c21.2-120.8,63.5-233.8,127.7-338.3C274,370.2,387.5,258.9,528.9,176.2C663.2,97.6,808.5,54.5,963.8,46c54.9-3,109.9-1.7,164.7,4.7
|
||||
c56,6.6,111,17.4,165,33.5c317.9,95.2,563.9,342.4,656.7,660.3c19.5,66.9,32.5,135,35.4,204.9
|
||||
C1985.6,952.2,1986.6,954.9,1987.1,957.6z M874.8,682.3c0.1-63.5-0.1-126.2,0.1-188.7c14-2.1,87.9-1.5,94.5,0.5
|
||||
c0,347.9,0,695.7,0,1044.3c-31.8-0.1-62.9,0.3-94.8-0.3c0-63.9,0-126.4,0-189.3c-32,0-63.1,0-94.6,0c0,94.9,0,189.2,0,284.2
|
||||
c158.4,0,316.2,0,474,0c2.1-12.1,1.5-277.8-0.4-284.2c-30.9,0-61.8,0-93.7,0c0,63.3,0,126,0,188.5c-14.2,2-87.9,1.4-94.3-0.7
|
||||
c-2-24.6-1-1036.4,1-1043.6c30.8,0,61.7,0,93.5,0c0,63.3,0,126.1,0,188.9c32.2,0,63.2,0,94.3,0c0-95.1,0-189.4,0-283.7
|
||||
c-12.2-2-467.4-1.4-474.4,0.6c0,94.3,0,188.6,0,283.4C811.5,682.3,842.4,682.3,874.8,682.3z M684,968.1c-21.8,0-42.6,0-63.5,0
|
||||
c-21.2,0-42.4,0.1-63.5,0c-20.7-0.2-41.4,0.8-62-0.6c0-31.9,0-62.7,0-93.9c94.9,0,189.3,0,283.8,0c0,95,0,189.4,0,284.8
|
||||
c-126.6,0-252.5,0-378.9,0c0,32.1,0,63.2,0,94.7c158.3,0,315.9,0,473.5,0c2-8.4,2-467.1,0-474.8c-16.8-1.9-467-1.1-473.6,0.9
|
||||
c-1.8,19.5-1,276.2,0.9,283.1c17.6,1.9,276.2,1,283.2-1.1C684,1030.7,684,1000.1,684,968.1z M1161.2,778.1
|
||||
c-2.2,12.3-1.5,468.4,0.5,474.8c157.6,0,315.2,0,473.5,0c0-31.6,0-62.7,0-94.7c-32.2,0-63.7,0-95.2,0c-31.6,0-63.2,0-94.8,0
|
||||
c-31.6,0-63.2,0-94.8,0c-31.5,0-63,0-94.5,0c0-95.7,0-190,0-284.2c12.8-2,277-1.4,283.9,0.6c0,30.7,0,61.6,0,93.5
|
||||
c-21.4,0-42.2,0-63,0c-21.2,0-42.4-0.1-63.5,0c-20.7,0.1-41.4-0.3-61.9,0.3c-1.9,12.4-1.5,86.8,0.4,93.9c94.3,0,188.6,0,283.5,0
|
||||
c0-95,0-189.3,0-284.1C1477,778.1,1319.4,778.1,1161.2,778.1z M1635.4,398.7c-8.8-2.1-276.5-2-284.6,0.1c0,94.2,0,188.5,0,283.3
|
||||
c95.1,0,189.7,0,284.6,0C1635.4,587.2,1635.4,492.9,1635.4,398.7z M1350.8,1348.8c0,95.1,0,189.4,0,283.6
|
||||
c9.8,2.1,277.1,1.7,284.5-0.3c0-94.2,0-188.5,0-283.3C1540.4,1348.8,1446.1,1348.8,1350.8,1348.8z M683.9,682.4
|
||||
c0-95.3,0-189.6,0-284.6c-94.8,0-189.2,0-283.9,0c0,95.1,0,189.7,0,284.6C494.7,682.4,588.8,682.4,683.9,682.4z M683.3,1633.2
|
||||
c1.9-10.9,1.5-277.3-0.3-284.2c-94.3,0-188.7,0-283.1,0c0,95,0,189.4,0,284.2C494.8,1633.2,589.1,1633.2,683.3,1633.2z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.0 KiB |
|
|
@ -1,70 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 2032 2032" style="enable-background:new 0 0 2032 2032;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#EDEDEC;}
|
||||
.st1{fill:#78161B;}
|
||||
.st2{fill:none;stroke:#E5E5E5;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st3{fill:#E5E5E5;}
|
||||
.st4{fill:#FFFFFF;}
|
||||
.st5{fill:#5F616C;}
|
||||
.st6{fill:#BFCAD9;}
|
||||
.st7{fill:#3B4552;}
|
||||
.st8{fill:#040000;}
|
||||
.st9{fill:#1B1C1C;}
|
||||
.st10{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st11{fill:none;stroke:#5F616C;stroke-miterlimit:10;}
|
||||
.st12{fill:#F6BA56;}
|
||||
.st13{fill:#F4A045;}
|
||||
.st14{fill:#645E67;}
|
||||
.st15{fill:#5A545E;}
|
||||
.st16{fill:#EFE4DE;}
|
||||
.st17{fill:#F49F45;}
|
||||
.st18{fill:#FAF2F3;}
|
||||
.st19{fill:#756C77;}
|
||||
.st20{fill:#605B63;}
|
||||
.st21{fill:#F4A046;}
|
||||
.st22{fill:#E2D5D0;}
|
||||
.st23{fill:#CC343C;}
|
||||
.st24{fill:#CC333B;}
|
||||
.st25{fill:#BA2930;}
|
||||
.st26{fill:#BA2A30;}
|
||||
.st27{fill:#BA2830;}
|
||||
.st28{fill:#CC323B;}
|
||||
.st29{fill:#76BB9F;}
|
||||
.st30{fill:#5F5963;}
|
||||
.st31{fill:#EFE4DF;}
|
||||
.st32{fill:#92CC9F;}
|
||||
.st33{fill:#5AAEB0;}
|
||||
.st34{fill:none;stroke:#EDEDEC;stroke-miterlimit:10;}
|
||||
.st35{opacity:3.000000e-02;}
|
||||
</style>
|
||||
<g id="圖層_1">
|
||||
</g>
|
||||
<g id="圖層_2">
|
||||
<path class="st35" d="M1907.6,967.2c0,35.2,0,70.5,0,105.7c-0.5,3.1-1.3,6.2-1.5,9.3c-0.4,6-0.1,12.1-0.7,18.2
|
||||
c-3,32.2-7.4,64.2-13.9,95.9c-34.6,167.3-110.5,313.2-228.5,436.7c-111.3,116.5-244.8,196.9-400,241
|
||||
c-57.9,16.5-116.9,26.8-176.9,30.9c-9.7,0.7-19.4,2.1-29.1,3.2c-23.1,0-46.2,0-69.3,0c-2.8-0.5-5.6-1.2-8.5-1.4
|
||||
c-19.8-1.8-39.7-3.3-59.5-5.4c-51.2-5.5-101.4-15.9-150.7-30.6c-140.9-42.2-264-114.8-368.9-218c-111.6-109.8-189-240.2-232-390.9
|
||||
c-17.3-60.7-27.8-122.6-31.6-185.6c-0.4-6.8-2-13.6-3.1-20.4c0-23.7,0-47.4,0-71c1.1-7.1,2.7-14.1,3.1-21.3
|
||||
c1.9-32.3,5.7-64.4,11.3-96.2c19.4-110.3,58-213.5,116.7-309c78.3-127.4,182-229.1,311.1-304.6c122.7-71.8,255.4-111.2,397.3-119
|
||||
c50.2-2.8,100.4-1.6,150.4,4.3c51.1,6,101.4,15.9,150.7,30.6c290.4,86.9,515,312.8,599.9,603.2c17.8,61.1,29.7,123.3,32.3,187.1
|
||||
C1906.2,962.2,1907,964.7,1907.6,967.2z M891.5,715.6c0.1-58-0.1-115.3,0.1-172.4c12.8-1.9,80.3-1.4,86.3,0.5
|
||||
c0,317.8,0,635.5,0,953.9c-29.1-0.1-57.5,0.3-86.6-0.2c0-58.4,0-115.5,0-172.9c-29.2,0-57.6,0-86.5,0c0,86.7,0,172.9,0,259.6
|
||||
c144.7,0,288.9,0,433,0c1.9-11.1,1.4-253.8-0.4-259.6c-28.2,0-56.4,0-85.6,0c0,57.8,0,115.1,0,172.2c-13,1.9-80.3,1.2-86.1-0.6
|
||||
c-1.8-22.4-0.9-946.7,0.9-953.3c28.2,0,56.3,0,85.4,0c0,57.9,0,115.1,0,172.6c29.4,0,57.8,0,86.2,0c0-86.8,0-173,0-259.1
|
||||
c-11.1-1.8-427-1.3-433.4,0.5c0,86.1,0,172.3,0,258.8C833.7,715.6,861.9,715.6,891.5,715.6z M717.2,976.7c-19.9,0-38.9,0-58,0
|
||||
c-19.3,0-38.7,0.1-58,0c-18.9-0.2-37.8,0.7-56.6-0.6c0-29.1,0-57.3,0-85.8c86.7,0,172.9,0,259.3,0c0,86.8,0,173,0,260.1
|
||||
c-115.6,0-230.7,0-346.1,0c0,29.3,0,57.7,0,86.5c144.6,0,288.6,0,432.5,0c1.9-7.7,1.8-426.6,0-433.7c-15.4-1.8-426.6-1-432.6,0.8
|
||||
c-1.6,17.8-0.9,252.3,0.9,258.6c16.1,1.8,252.3,1,258.7-1C717.2,1033.9,717.2,1006,717.2,976.7z M1153.1,803.2
|
||||
c-2,11.2-1.4,427.8,0.5,433.7c144,0,287.9,0,432.5,0c0-28.9,0-57.2,0-86.5c-29.4,0-58.2,0-87,0c-28.9,0-57.7,0-86.6,0
|
||||
s-57.7,0-86.6,0c-28.8,0-57.5,0-86.3,0c0-87.4,0-173.6,0-259.6c11.7-1.8,253-1.3,259.3,0.6c0,28.1,0,56.2,0,85.4
|
||||
c-19.5,0-38.5,0-57.5,0c-19.3,0-38.7-0.1-58,0c-18.9,0.1-37.9-0.3-56.6,0.2c-1.7,11.3-1.4,79.3,0.4,85.7c86.1,0,172.3,0,259,0
|
||||
c0-86.7,0-172.9,0-259.5C1441.5,803.2,1297.6,803.2,1153.1,803.2z M1586.2,456.6c-8-1.9-252.6-1.8-260,0.1c0,86,0,172.2,0,258.8
|
||||
c86.9,0,173.2,0,260,0C1586.2,628.8,1586.2,542.7,1586.2,456.6z M1326.3,1324.5c0,86.9,0,173,0,259c9,1.9,253.1,1.6,259.9-0.3
|
||||
c0-86,0-172.2,0-258.8C1499.5,1324.5,1413.3,1324.5,1326.3,1324.5z M717.1,715.7c0-87,0-173.2,0-259.9c-86.6,0-172.8,0-259.3,0
|
||||
c0,86.8,0,173.2,0,259.9C544.3,715.7,630.3,715.7,717.1,715.7z M716.5,1584.2c1.7-10,1.4-253.3-0.3-259.6c-86.2,0-172.3,0-258.6,0
|
||||
c0,86.8,0,173,0,259.6C544.3,1584.2,630.5,1584.2,716.5,1584.2z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.0 KiB |
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 200 KiB |
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 198 KiB |
|
|
@ -438,7 +438,7 @@
|
|||
},500 )} else {
|
||||
resizeTimer = setTimeout(function(){
|
||||
if( $('.mobile-menu .modules-menu').length > 0 ) {
|
||||
$('.layout-header .outdropdowns .dropdowns').append($('.modules-menu'));
|
||||
$('.layout-header .outdropdowns .container').append($('.modules-menu'));
|
||||
$('.dropdowns').append($('.header-buttom'));
|
||||
}
|
||||
orbit.removeDropdown();
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -24,3 +24,23 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
@media(max-width:480px){
|
||||
.rwdimgs{
|
||||
display:block;
|
||||
|
||||
}
|
||||
.rwdimgl{
|
||||
display:none;
|
||||
}
|
||||
|
||||
}
|
||||
@media(min-width:480px){
|
||||
.rwdimgs{
|
||||
display:none;
|
||||
|
||||
}
|
||||
.rwdimgl{
|
||||
display:block;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ body[data-module="page_content"] {
|
|||
}
|
||||
|
||||
h3 {
|
||||
font-size: $font-h1;
|
||||
font-size: $font-h3;
|
||||
}
|
||||
|
||||
h4 {
|
||||
|
|
@ -38,4 +38,4 @@ body[data-module="page_content"] {
|
|||
margin: 0 0 0.625em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -55,7 +55,25 @@ td {
|
|||
.borderless > thead > tr > th {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
// .widget-link__more{
|
||||
// background-color: none;
|
||||
// margin-bottom: 1em;
|
||||
// font-size: 0.8125rem;
|
||||
// -webkit-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
|
||||
// -moz-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
|
||||
// -ms-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
|
||||
// -o-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
|
||||
// transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
|
||||
// background: none;
|
||||
// border: none;
|
||||
// color: $theme-color-main!important;
|
||||
// box-shadow: $theme-color-main 0 0px 0px 2px inset;
|
||||
//
|
||||
// &:hover {
|
||||
// color: #fff!important;
|
||||
// box-shadow:$theme-color-main 0 0px 0px 40px inset;
|
||||
// }
|
||||
// }
|
||||
a.btn-primary {
|
||||
margin-bottom: 1em;
|
||||
font-size: 0.8125rem;
|
||||
|
|
@ -104,9 +122,9 @@ a.btn-primary {
|
|||
}
|
||||
|
||||
// Take care of exceeding content
|
||||
body[data-module="page_content"],
|
||||
body[data-module="announcement"] {
|
||||
.layout-content {
|
||||
overflow-x: auto;
|
||||
}
|
||||
}
|
||||
// body[data-module="page_content"],
|
||||
// body[data-module="announcement"] {
|
||||
// .layout-content {
|
||||
// overflow-x: auto;
|
||||
// }
|
||||
// }
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
margin: 0.5em 0;
|
||||
line-height: 1.5;
|
||||
font-family: $main-font;
|
||||
font-size: $font-h1;
|
||||
font-size: $font-h3;
|
||||
font-weight: bold;
|
||||
color: $theme-color-main;
|
||||
display: -webkit-box;
|
||||
|
|
@ -26,11 +26,15 @@
|
|||
.i-title{
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.3;
|
||||
font-weight: normal;
|
||||
}
|
||||
.i-subtitle{
|
||||
font-size: 1.1rem;
|
||||
font-weight: normal;
|
||||
}
|
||||
.metadata-date{
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
//transition
|
||||
.transition {
|
||||
cursor: pointer;
|
||||
|
|
@ -60,3 +64,6 @@
|
|||
color: $theme-white;
|
||||
}
|
||||
}
|
||||
ol, ul{
|
||||
padding-left: 1.6em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,10 +22,10 @@ $theme-color-green: #32D9C3;
|
|||
$theme-color-hover:#1e71c1;
|
||||
|
||||
// Font stacks
|
||||
// $main-font: "IndustryW00-Medium","Barlow", "Roboto", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif;
|
||||
// $sub-font: "Barlow","Roboto", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif;
|
||||
$main-font: "arial", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif;
|
||||
$sub-font: "arial", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif;
|
||||
$main-font: "Noto Sans TC", sans-serif;
|
||||
$sub-font: "Noto Sans TC", sans-serif;
|
||||
// $main-font: "arial", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif;
|
||||
// $sub-font: "arial", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif;
|
||||
|
||||
@font-face {font-family: "IndustryW00-Medium"; src: url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.eot"); src: url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.woff") format("woff"), url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.svg#IndustryW00-Medium") format("svg"); }
|
||||
|
||||
|
|
@ -33,12 +33,36 @@ $sub-font: "arial", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif;
|
|||
$font-15: 0.9375rem;
|
||||
$font-13: 0.8125rem;
|
||||
|
||||
$font-h1: 1.5rem;
|
||||
$font-h2: 1.35rem;
|
||||
$font-h3: 1.2rem;
|
||||
$font-h4: 1.1rem;
|
||||
$font-h5: 1rem;
|
||||
$font-h6: 0.9rem;
|
||||
$font-h1: 2.5rem;
|
||||
$font-h2: 2rem;
|
||||
$font-h3: 1.8rem;
|
||||
$font-h4: 1.5rem;
|
||||
$font-h5: 1.2rem;
|
||||
$font-h6: 1rem;
|
||||
h1{
|
||||
font-size:2.5rem;
|
||||
}
|
||||
h2{
|
||||
font-size: 2rem;
|
||||
}
|
||||
h3{
|
||||
font-size:1.8rem;
|
||||
}
|
||||
h4{
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
h5{
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
h6{
|
||||
font-size: 1rem;
|
||||
}
|
||||
// $font-h1: 1.8rem;
|
||||
// $font-h2: 1.5rem;
|
||||
// $font-h3: 1.2rem;
|
||||
// $font-h4: 1.1rem;
|
||||
// $font-h5: 1rem;
|
||||
// $font-h6: 0.9rem;
|
||||
|
||||
//
|
||||
// Modules
|
||||
|
|
|
|||
|
|
@ -1,15 +1,22 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@import "../initial";
|
||||
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
|
||||
@media(max-width: $screen-xs){
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.verticalhome{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
background-color: #F8F9FA;
|
||||
z-index: 1 !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
.internal-page{
|
||||
.layout-content{
|
||||
background: #F8F9FA;
|
||||
padding-top: 1em;
|
||||
padding-bottom: 4em;
|
||||
}
|
||||
}
|
||||
.big-banner{
|
||||
|
|
@ -31,11 +38,11 @@
|
|||
max-width: 850px;
|
||||
}
|
||||
.homebanner{
|
||||
-webkit-transition: .3s ease-out;
|
||||
-moz-transition: .3s ease-out;
|
||||
-ms-transition: .3s ease-out;
|
||||
-o-transition: .3s ease-out;
|
||||
transition: .3s ease-out;
|
||||
-webkit-transition: .3s ease-out;
|
||||
-moz-transition: .3s ease-out;
|
||||
-ms-transition: .3s ease-out;
|
||||
-o-transition: .3s ease-out;
|
||||
transition: .3s ease-out;
|
||||
}
|
||||
.fa, .fas{
|
||||
font-family: "FontAwesome";
|
||||
|
|
@ -52,91 +59,11 @@
|
|||
transition: all .3s;
|
||||
}
|
||||
}
|
||||
|
||||
a{
|
||||
color: #fff;
|
||||
}
|
||||
.layout-content-box{
|
||||
padding: 0;
|
||||
}
|
||||
padding: 0 1em;
|
||||
}
|
||||
.image-carousel{
|
||||
padding: 15px 0px 25px 0px;
|
||||
}
|
||||
.hide0{
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(15%) translateZ(0);
|
||||
-moz-transform: translateY(15%) translateZ(0);
|
||||
-o-transform: translateY(15%) translateZ(0);
|
||||
-ms-transform: translateY(15%) translateZ(0);
|
||||
transform: translateY(15%) translateZ(0);
|
||||
-webkit-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-moz-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-o-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-ms-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
transition: transform 0.8s ease-out, opacity 0.4s cubic-bezier(0.63, 0.01, 0, 1.02);
|
||||
}
|
||||
.animationvisible{
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0) translateZ(0);
|
||||
-moz-transform: translateY(0) translateZ(0);
|
||||
-o-transform: translateY(0) translateZ(0);
|
||||
-ms-transform: translateY(0) translateZ(0);
|
||||
transform: translateY(0) translateZ(0);
|
||||
}
|
||||
.swiper-banner{
|
||||
.ba-banner-widget-1 {
|
||||
.ad-overlay{
|
||||
background-image: none!important;
|
||||
}
|
||||
ul.button-mid .next-button{
|
||||
color: #E4002B!important;
|
||||
background: none!important;
|
||||
}
|
||||
ul.button-mid .prev-button{
|
||||
color: #E4002B!important;
|
||||
background: none!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.information{
|
||||
.informationicon{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
@media(max-width: $screen-xs){
|
||||
width: 50%;
|
||||
padding: 1em;
|
||||
|
||||
}
|
||||
&:hover{
|
||||
color: $theme-color-second;
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
-webkit-transform: translateY(-6px);
|
||||
-ms-transform: translateY(-6px);
|
||||
transform: translateY(-6px);
|
||||
}
|
||||
i{
|
||||
font-size: 2.5em;
|
||||
padding-bottom:10px;
|
||||
}
|
||||
strong{
|
||||
width: 100%;
|
||||
}
|
||||
span{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
//內頁
|
||||
.contentwrap{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
|
@ -153,39 +80,62 @@
|
|||
position: relative;
|
||||
width: 100%;
|
||||
// background-image: linear-gradient(280deg, #e6e6e6 56%, #fff 0);
|
||||
margin-top: 4em;
|
||||
margin-bottom: 4em;
|
||||
padding-top: 4em;
|
||||
padding-bottom: 4em;
|
||||
}
|
||||
.contentwrap2{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin-top: 4em;
|
||||
margin-bottom: 4em;
|
||||
padding-top: 4em;
|
||||
padding-bottom: 4em;
|
||||
}
|
||||
.contentwrap3{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-top: 4em;
|
||||
padding-bottom: 4em;
|
||||
background:#F8F9FA;
|
||||
}
|
||||
.iconwrap{
|
||||
padding: 4em 0 0;
|
||||
}
|
||||
.kenopacity{
|
||||
.box{
|
||||
&:hover{
|
||||
opacity: .8;
|
||||
transition: all .3s;
|
||||
}
|
||||
}
|
||||
}
|
||||
.kenopacity{
|
||||
padding-bottom: 1em;
|
||||
padding: 4em 0 0;
|
||||
}
|
||||
.zero{
|
||||
transition: opacity 0.25s linear;
|
||||
padding: 0;
|
||||
&:hover{
|
||||
opacity: .8;
|
||||
cursor: pointer;
|
||||
}
|
||||
a{
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.i-video_data{
|
||||
li{
|
||||
list-style: none;
|
||||
}
|
||||
}
|
||||
.ask-question .form-horizontal .control-label{
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
text-align: justify !important;
|
||||
}
|
||||
.ask-question .single-col.form-horizontal .control-group .controls{
|
||||
justify-content: flex-start;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.ask-question-form{
|
||||
padding: 2em;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #E4E6EA;
|
||||
padding-bottom: 3em!important;
|
||||
@media(max-width: 820px){
|
||||
padding: 1.5em;
|
||||
}
|
||||
}
|
||||
.index-publications-3 .i-annc__img-wrap{
|
||||
height: 20em;
|
||||
overflow: hidden;
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
.index-publications-3 .i-annc__content-wrap{
|
||||
height: 6em;
|
||||
}
|
||||
.image-carousel{
|
||||
padding: 15px 0px 25px 0px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,13 +3,18 @@
|
|||
@import "../initial";
|
||||
|
||||
.layout-footer {
|
||||
margin-top: 2em;
|
||||
clear: both;
|
||||
background:#1a1b20;
|
||||
position: relative;
|
||||
padding: 2em 0;
|
||||
color: $theme-color-main;
|
||||
font-size: 0.8125em;
|
||||
ul{
|
||||
padding: 0;
|
||||
}
|
||||
li{
|
||||
list-style: none;
|
||||
}
|
||||
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
|
||||
|
||||
}
|
||||
|
|
@ -52,13 +57,6 @@
|
|||
}
|
||||
.fatfooter{
|
||||
display: none;
|
||||
#ucFatFooter_aMenu1{
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
a{
|
||||
color: #e9408c;
|
||||
}
|
||||
}
|
||||
ul{
|
||||
padding: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,21 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@import "../initial";
|
||||
.header-nav {
|
||||
ul{
|
||||
padding: 0;
|
||||
}
|
||||
@media(max-width: 769px){
|
||||
ul{
|
||||
display: flex!important;
|
||||
flex-wrap: wrap;
|
||||
padding: 0;
|
||||
li{
|
||||
padding: 0.5em!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.accessibility_mode a:focus{
|
||||
outline: 0.1em solid !important;
|
||||
outline: 0.3125em auto -webkit-focus-ring-color !important;
|
||||
|
|
@ -10,24 +25,30 @@
|
|||
margin-bottom: 0;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
z-index: 102;
|
||||
z-index:1000;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 1px 5px 1px rgba(26, 26, 26, .3);
|
||||
box-shadow: 0 1px 5px 1px rgba(26, 26, 26, .3);
|
||||
li{
|
||||
list-style: none;
|
||||
}
|
||||
a[accesskey] {
|
||||
position: relative!important;
|
||||
}
|
||||
|
||||
.container {
|
||||
@extend .response-container;
|
||||
}
|
||||
.header-banner { overflow: hidden; }
|
||||
.header-nav {
|
||||
padding: 1.3em 0 0 0;
|
||||
font-weight: bold;
|
||||
padding:1em 0 0 0;
|
||||
color: $theme-color-main;
|
||||
font-family: $main-font;
|
||||
text-transform:uppercase;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@media(max-width: 768px){
|
||||
justify-content: flex-end;
|
||||
@media(max-width: 820px){
|
||||
justify-content: space-between;
|
||||
padding:0;
|
||||
}
|
||||
|
|
@ -42,7 +63,6 @@
|
|||
padding: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
font-size: 0.8em;
|
||||
color: $theme-color-main;
|
||||
}
|
||||
|
||||
|
|
@ -52,10 +72,10 @@
|
|||
padding: 15px;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-sm) {
|
||||
float: right;
|
||||
@media (min-width:1025px) {
|
||||
margin-bottom: -4em;
|
||||
z-index: 105;
|
||||
position: relative;
|
||||
margin-right: 4em;
|
||||
}
|
||||
}
|
||||
.navbar-header h1.default_site_h1, .navbar-header h2.default_site_h1{
|
||||
|
|
@ -95,7 +115,7 @@
|
|||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
@media (max-width: 820px) {
|
||||
padding: 0;
|
||||
h1{
|
||||
margin-top: 1em;
|
||||
|
|
@ -128,18 +148,14 @@
|
|||
@media(max-width: $screen-xs){
|
||||
height: 50px !important;
|
||||
}
|
||||
@media(max-width: 768px)and(min-width:$screen-xs ){
|
||||
@media(max-width: 820px)and(min-width:$screen-xs ){
|
||||
height: 60px!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.mobile-menu{
|
||||
.icon-bar {
|
||||
background-color:#fff!important;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-toggle {
|
||||
padding: 0.875em 0.625em;
|
||||
margin-top: 1em;
|
||||
|
|
@ -192,7 +208,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media (width: 768px) {
|
||||
@media (width: 769px) {
|
||||
.navbar-toggle{
|
||||
display: block!important;
|
||||
}
|
||||
|
|
@ -217,16 +233,6 @@
|
|||
}
|
||||
|
||||
}
|
||||
.nav{
|
||||
font-family: "Industry_Demi", Sans-serif;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
padding: 1em 0;
|
||||
&:hover{
|
||||
background-color: #e4002b;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.navone ::before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
|
|
@ -319,7 +325,7 @@
|
|||
height: 25px;
|
||||
transition: all .25s ease-in .25s;
|
||||
border-radius: 25px;
|
||||
@media(max-width:768px){
|
||||
@media(max-width:820px){
|
||||
right: 2px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
.layout-slide {
|
||||
position: relative;
|
||||
|
||||
overflow: hidden;
|
||||
.w-ad-banner {
|
||||
margin: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2369,10 +2369,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
|
|||
}
|
||||
|
||||
.s-annc__flie-title {
|
||||
max-width: 9.375rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.s-annc__social > * {
|
||||
|
|
|
|||
|
|
@ -2,74 +2,6 @@
|
|||
|
||||
@import "../initial";
|
||||
|
||||
// // 選單樣式2
|
||||
// .modules-menu{
|
||||
// @media (min-width: $screen-sm){
|
||||
// li{
|
||||
// padding-left: 0!important;
|
||||
// }
|
||||
// .modules-menu-level-1 > li > a{
|
||||
// color: $theme-color-second!important;
|
||||
// }
|
||||
// }
|
||||
// .modules-menu-level-0 > li{
|
||||
// @media (min-width: $screen-sm){
|
||||
// position: static!important;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// .modules-menu-level-1{
|
||||
//
|
||||
// @media (min-width: $screen-sm){
|
||||
// min-width:unset;
|
||||
// flex-wrap: wrap;
|
||||
// justify-content: flex-start;
|
||||
// left:0!important;
|
||||
// display: flex!important;
|
||||
// visibility: hidden;
|
||||
// opacity: 0;
|
||||
// width: 100vw!important;
|
||||
// box-shadow: 2px 2px 5px #00000033;
|
||||
// margin:0;
|
||||
// padding:1em 13% 3em!important;
|
||||
// transition-duration: 0.5s;
|
||||
// background: #f0f0f0;
|
||||
// }
|
||||
// }
|
||||
// .modules-menu-level-0 > li:hover .modules-menu-level-1, .modules-menu .modules-menu-level-0 > li.hover-class .modules-menu-level-1{
|
||||
// visibility: visible!important;
|
||||
// opacity: 1!important;
|
||||
// }
|
||||
//
|
||||
// .modules-menu-level-2 {
|
||||
// right:auto!important;
|
||||
// display: block;
|
||||
// top: auto!important;
|
||||
// left: auto!important;
|
||||
// background-color: transparent!important;
|
||||
// position: relative!important;
|
||||
// }
|
||||
// .modules-menu-level-1{
|
||||
// @media (min-width: $screen-sm) {
|
||||
// & > li {
|
||||
// width: 25%;
|
||||
// & > a {
|
||||
// padding-left: 1em;
|
||||
// padding: 5px 0;
|
||||
// }
|
||||
//
|
||||
// &:hover {
|
||||
// .modules-menu-level-2 {
|
||||
// display: block;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .modules-menu-level-2{
|
||||
// display: block;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
//固定選單
|
||||
.navFixed {
|
||||
|
|
@ -97,69 +29,6 @@
|
|||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
// //直式選單更改css
|
||||
// .navbar-brand{
|
||||
// h1{
|
||||
// @media(min-width: 769px){
|
||||
// margin-top:0.5em;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// #layout-navigation{
|
||||
// @media(min-width: 769px){
|
||||
// position: absolute;
|
||||
// width: 20%!important;
|
||||
// left: 0;
|
||||
// background-color: #fff;
|
||||
// margin-top: 5em;
|
||||
// padding-right: 0;
|
||||
// #main-nav{
|
||||
// padding: 0;
|
||||
// }
|
||||
// .modules-menu-level-0{
|
||||
// width: 100%!important;
|
||||
// }
|
||||
// .modules-menu-level-0 > li{
|
||||
// width: 100%;
|
||||
// }
|
||||
// .modules-menu-level-1{
|
||||
// min-width: 100%;
|
||||
// left: 100%;
|
||||
// top: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .verticalhome{
|
||||
// .layout-content{
|
||||
// @media(min-width: 769px){
|
||||
// float: right!important;
|
||||
// width: 80%!important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .homebanner{
|
||||
// @media(min-width: 769px){
|
||||
// float: right!important;
|
||||
// width: 80%!important;
|
||||
// .ba-banner-widget-0 img{
|
||||
// transform: none!important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .container{
|
||||
// @media(min-width: 1200px){
|
||||
// width: 95%!important;
|
||||
// max-width: unset!important;
|
||||
// }
|
||||
// }
|
||||
// .layout-header .navbar-header .navbar-brand{
|
||||
// @media(min-width: 1200px){
|
||||
// padding-left: 0;
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -178,8 +47,11 @@
|
|||
z-index: 1020;
|
||||
|
||||
li {
|
||||
padding: 1em;
|
||||
white-space: nowrap;
|
||||
list-style: none;
|
||||
@media(max-width: 768px){
|
||||
padding: 1em;
|
||||
}
|
||||
}
|
||||
.menu-drop.opened {
|
||||
transform: rotateX(180deg);
|
||||
|
|
@ -188,21 +60,18 @@
|
|||
.modules-menu-level-0 {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
@media (min-width:769px)and(max-width: 1025px){
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
margin: 0;
|
||||
padding: 2em 0 0;
|
||||
@media (min-width:769px) {
|
||||
margin: 0 0 0.8em 0;
|
||||
-webkit-flex-flow: row wrap;
|
||||
list-style: none;
|
||||
float: left !important;
|
||||
padding-top: 10px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
width: 70%;
|
||||
width: 100%;
|
||||
justify-content: start;
|
||||
padding-left: 0;
|
||||
padding-left: 6em;
|
||||
padding-right: 3em;
|
||||
}
|
||||
.has-dropdown.level-1.active {
|
||||
.modules-menu-level-1 {
|
||||
|
|
@ -240,7 +109,7 @@
|
|||
text-align: center;
|
||||
border-radius: 0.13em;
|
||||
top: 2em;
|
||||
@media(max-width: 769px){
|
||||
@media(max-width: 768px){
|
||||
top: 1em;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
|
@ -260,12 +129,21 @@
|
|||
margin: 0;
|
||||
padding: 0.5em;
|
||||
border-bottom: 0.0625em solid lighten($theme-gray, 5%);
|
||||
|
||||
i{
|
||||
color: #fff;
|
||||
@media(max-width: 768px){
|
||||
color: $theme-color-main;
|
||||
}
|
||||
}
|
||||
& > a {
|
||||
display: block;
|
||||
padding: 1em 0.1em;
|
||||
padding: 1.125em 0;
|
||||
font-family: $main-font;
|
||||
font-size: 1.1em;
|
||||
color: #fff;
|
||||
@media(max-width: 768px){
|
||||
color: $theme-color-main;
|
||||
}
|
||||
&:after{
|
||||
content:'';
|
||||
position:absolute;
|
||||
|
|
@ -283,7 +161,7 @@
|
|||
bottom:0;
|
||||
}
|
||||
&.active {
|
||||
color: $theme-color-second;
|
||||
text-decoration: revert;
|
||||
background: none;
|
||||
&:after{
|
||||
width:100%;
|
||||
|
|
@ -294,7 +172,7 @@
|
|||
|
||||
&:hover {
|
||||
& > a {
|
||||
color: $theme-color-second;
|
||||
text-decoration: revert;
|
||||
background: transparent;
|
||||
box-shadow:none;
|
||||
&:after{
|
||||
|
|
@ -305,7 +183,7 @@
|
|||
}
|
||||
|
||||
@media (min-width: $screen-sm) {
|
||||
// background-color: $theme-color-second;
|
||||
// background-text-decoration: revert;
|
||||
// border-radius: 0.5em;
|
||||
}
|
||||
}
|
||||
|
|
@ -314,6 +192,7 @@
|
|||
margin: 0;
|
||||
padding: 0;
|
||||
border-bottom: none;
|
||||
width: 30%;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
|
|
@ -331,8 +210,6 @@
|
|||
}
|
||||
|
||||
& > li {
|
||||
padding-right: 1em;
|
||||
padding-left: 1em;
|
||||
|
||||
& > a {
|
||||
padding-left: 0;
|
||||
|
|
@ -347,10 +224,12 @@
|
|||
}
|
||||
|
||||
& > a {
|
||||
font-size:1.1em;
|
||||
color:#686868;
|
||||
font-weight: bold;
|
||||
font-size:1.2em;
|
||||
color:#fff;
|
||||
font-weight: 900;
|
||||
position: relative;
|
||||
border-bottom: 2px solid #f8f9fa;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
|
@ -365,18 +244,15 @@
|
|||
}
|
||||
|
||||
.modules-menu-level-1 {
|
||||
display: none;
|
||||
list-style: none;
|
||||
z-index: 1;
|
||||
padding:0;
|
||||
left: auto;
|
||||
@media(min-width:769px){
|
||||
min-width: 180px;
|
||||
width:fit-content;
|
||||
box-shadow: 2px 2px 5px #00000033;
|
||||
display: block !important;
|
||||
margin:0;
|
||||
transition-duration: 0.5s;
|
||||
background: #f0f0f0;
|
||||
padding-right: 1em;
|
||||
& > a {
|
||||
padding: 1em 1.5em;
|
||||
}
|
||||
|
|
@ -384,7 +260,9 @@
|
|||
|
||||
& > li {
|
||||
position: relative;
|
||||
padding: 1em;
|
||||
padding-top: 1em;
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
// & + li {
|
||||
// border-top: 0.0625em solid lighten($theme-gray, 5%);
|
||||
// }
|
||||
|
|
@ -393,25 +271,22 @@
|
|||
display: block;
|
||||
font-family: $main-font;
|
||||
font-weight: 600;
|
||||
color: #686868;
|
||||
color: #fff;
|
||||
font-size: 1.1em;
|
||||
@media(max-width: 768px){
|
||||
color: $theme-color-main;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $theme-color-second;
|
||||
@media(max-width: 769px){
|
||||
a,i {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
&>a {
|
||||
color: #fff;
|
||||
// background-text-decoration: revert;
|
||||
& > a {
|
||||
text-decoration: revert;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-sm) {
|
||||
position: absolute;
|
||||
|
||||
& > li {
|
||||
& > a {
|
||||
|
|
@ -420,8 +295,7 @@
|
|||
|
||||
&:hover {
|
||||
.modules-menu-level-2 {
|
||||
display: block;
|
||||
position: absolute;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -432,35 +306,34 @@
|
|||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: none;
|
||||
|
||||
& > li {
|
||||
& + li {
|
||||
list-style: none;
|
||||
// border-top: 0.0625em solid lighten($theme-gray, 5%);
|
||||
}
|
||||
|
||||
& > a {
|
||||
display: block;
|
||||
font-family: $main-font;
|
||||
color:#686868;
|
||||
color:#fff;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
padding-top: 1em;
|
||||
@media(max-width: 768px){
|
||||
color: $theme-color-main;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
a{
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: $theme-color-second;
|
||||
text-decoration: revert;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-sm) {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
background-color: #dbdbdb;
|
||||
position: absolute;
|
||||
min-width: 150px;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -486,7 +359,14 @@
|
|||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-toggle{
|
||||
@media(min-width: 769px){
|
||||
margin-top: 1em;
|
||||
right:6%;
|
||||
position: absolute;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
//mobile
|
||||
.mobile-menu {
|
||||
z-index: 1051;
|
||||
|
|
@ -502,30 +382,57 @@
|
|||
}
|
||||
|
||||
.modules-menu {
|
||||
width: 80%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
background: #ffffff;
|
||||
background: #222222a6;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
padding-top: 40px;
|
||||
top: 40px;
|
||||
padding-top: 0;
|
||||
@media(max-width: 768px){
|
||||
width: 80%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
background: #ffffff;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
padding-top: 40px;
|
||||
}
|
||||
}
|
||||
.modules-menu .modules-menu-level-0 > li > a, .modules-menu .modules-menu-level-0 ,.modules-menu .modules-menu-level-0 > li {
|
||||
font-weight:bold;
|
||||
}
|
||||
.menu-drop{
|
||||
|
||||
font-size: 10px ;
|
||||
}
|
||||
.navbar-toggle {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
background: transparent;
|
||||
top: 40px;
|
||||
z-index: 1;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
width: 20%;
|
||||
border: 0;
|
||||
|
||||
@media(max-width: 768px){
|
||||
display: block!important;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
background: transparent;
|
||||
top: 40px;
|
||||
z-index: 1;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
width: 20%;
|
||||
border: 0;
|
||||
}
|
||||
@media(min-width: 769px){
|
||||
position: absolute;
|
||||
right: 3%;
|
||||
background: transparent;
|
||||
top: 3.5em;
|
||||
z-index: 11111;
|
||||
height: 40px;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
transition: transform 0.3s, -webkit-transform 0.3s;
|
||||
}
|
||||
}
|
||||
.cover {
|
||||
position: fixed;
|
||||
|
|
@ -555,20 +462,19 @@
|
|||
}
|
||||
.mobile-menu .modules-menu.collapse.in {
|
||||
transform: translateX(100%);
|
||||
-webkit-transition-timing-function:ease;
|
||||
-o-transition-timing-function:ease;
|
||||
transition-timing-function:ease;
|
||||
-webkit-transition-duration:.35s;
|
||||
-o-transition-duration:.35s;
|
||||
transition-duration:.35s;
|
||||
-webkit-transition-property:transform;
|
||||
-o-transition-property:transform;
|
||||
transition-property:transform;
|
||||
-webkit-transition-timing-function: ease;
|
||||
-o-transition-timing-function: ease;
|
||||
transition-timing-function: ease;
|
||||
-webkit-transition-duration: .35s;
|
||||
-o-transition-duration: .35s;
|
||||
transition-duration: .35s;
|
||||
-webkit-transition-property: transform;
|
||||
-o-transition-property: transform;
|
||||
transition-property: transform;
|
||||
}
|
||||
|
||||
.mobile-menu .collapse.navbar-collapse.modules-menu {
|
||||
overflow-y: scroll;
|
||||
transform: translateX(0%);
|
||||
transform: translateX(0%);
|
||||
}
|
||||
.display-on{
|
||||
display:block!important;
|
||||
|
|
@ -585,7 +491,7 @@
|
|||
align-self: center;
|
||||
margin-left: 10px;
|
||||
z-index: 999;
|
||||
@media(max-width: 769px){
|
||||
@media(max-width: 768px){
|
||||
position: absolute;
|
||||
right: 0.3em;
|
||||
width: 2.5em;
|
||||
|
|
@ -601,6 +507,7 @@
|
|||
.fa-chevron-right{
|
||||
align-self: center;
|
||||
margin-left: 10px;
|
||||
font-size: 3px;
|
||||
font-weight: 100!important;
|
||||
}
|
||||
.show{
|
||||
|
|
@ -608,11 +515,26 @@
|
|||
display: block!important;
|
||||
visibility: visible!important;
|
||||
}
|
||||
.mobile-menu2{
|
||||
&>a{
|
||||
padding-right: 1em;
|
||||
}
|
||||
.menu-drop{
|
||||
top: 0.6em!important;
|
||||
.mobile-menu .collapse.navbar-collapse.modules-menu{
|
||||
@media(min-width: 769px){
|
||||
// overflow-y: scroll !important;
|
||||
height: 100% !important;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.mobile-menu1{
|
||||
@media(min-width: 769px){
|
||||
&>.menu-drop{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar-toggle0{
|
||||
@media(min-width: 769px){
|
||||
position: absolute;
|
||||
right: 0;
|
||||
.navbar-toggle{
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -74,10 +74,11 @@
|
|||
cursor: pointer;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
right:1em;
|
||||
z-index: 99;
|
||||
@media(max-width: $screen-xs){
|
||||
margin-top: 0.5em;
|
||||
right:0;
|
||||
}
|
||||
.searchbtn2, .universal-btn {
|
||||
line-height: 2em;
|
||||
|
|
@ -203,3 +204,60 @@
|
|||
-o-transition: .3s all ease;
|
||||
transition: .3s all ease;
|
||||
}
|
||||
.universal-table-index.table td{
|
||||
padding: 15px 10px!important;
|
||||
}
|
||||
.universal-table-index1{
|
||||
.col-ken{
|
||||
@media(min-width: $screen-xs){
|
||||
width: auto!important;
|
||||
}
|
||||
|
||||
}
|
||||
@media(min-width: $screen-xs){
|
||||
.universal-th-icon{
|
||||
padding:5px!important;
|
||||
}
|
||||
.universal-dropdown{
|
||||
.btn{
|
||||
padding: 0.3125em!important;
|
||||
}
|
||||
}
|
||||
.universal-th-text{
|
||||
display: block!important;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
}
|
||||
.universal-table-index3{
|
||||
.col-ken{
|
||||
@media(min-width: $screen-xs){
|
||||
width: auto!important;
|
||||
}
|
||||
|
||||
}
|
||||
@media(min-width: $screen-xs){
|
||||
.universal-th-icon{
|
||||
padding:5px!important;
|
||||
}
|
||||
.universal-dropdown{
|
||||
.btn{
|
||||
padding: 0.3125em!important;
|
||||
}
|
||||
}
|
||||
.universal-th-text{
|
||||
display: block!important;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
}
|
||||
.universal-table-index4{
|
||||
.universal-th-text{
|
||||
margin: 0;
|
||||
}
|
||||
.col-ken{
|
||||
@media(min-width: $screen-xs){
|
||||
width: auto!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -25,32 +25,37 @@
|
|||
|
||||
|
||||
.dropdown-toggle:focus {
|
||||
// outline: 2px solid #43B5FC;
|
||||
outline: transparent;
|
||||
// outline: 2px solid #43B5FC;
|
||||
outline: transparent;
|
||||
}
|
||||
.container{
|
||||
margin: auto;
|
||||
}
|
||||
.layout-content{
|
||||
.response-container{
|
||||
@media (min-width: 769px)and(max-width: 820px) {
|
||||
width: 768px!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
// container setting
|
||||
.response-container {
|
||||
position: relative;
|
||||
margin:auto!important;
|
||||
@media (min-width: $screen-xs) {
|
||||
@media (max-width: $screen-xs) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-sm) {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
}
|
||||
@media (min-width: $screen-md) {
|
||||
width: 95%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-lg) {
|
||||
width: 85%;
|
||||
max-width: 1440px;
|
||||
max-width:1200px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.dropdowns{
|
||||
|
|
@ -82,6 +87,7 @@ ul.tab_nav {
|
|||
font-family: $main-font;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
position: relative;
|
||||
padding: 0.5em 1em;
|
||||
margin: 0.2em;
|
||||
|
|
@ -166,3 +172,338 @@ ul.tab_nav {
|
|||
}
|
||||
}
|
||||
}
|
||||
.video_data{
|
||||
width: 100%;
|
||||
}
|
||||
.black-screen-social-window.reactable.right .content-social .social_wrap > div{
|
||||
background-color: #ffffffc2;
|
||||
}
|
||||
.black-screen-social-window.reactable .content-social .social_wrap span{
|
||||
padding: 0.5em;
|
||||
}
|
||||
.black-screen-social-window .content-social .social_wrap i{
|
||||
font-size: 2em;
|
||||
}
|
||||
.black-screen-social-window.reactable .content-social .social_wrap > div{
|
||||
width: 3.3em;
|
||||
line-height: unset;
|
||||
}
|
||||
.black-screen-social-window.reactable .content-social .social_wrap > div:hover, .black-screen-social-window.reactable .content-social .social_wrap > div.hover-class{
|
||||
border-radius: 30px 0 0 30px;
|
||||
background: #fff;
|
||||
}
|
||||
.hide_sharer_button{
|
||||
width: 1.65em;
|
||||
}
|
||||
.black-screen-social-window.reactable .content-social .social_wrap i, .black-screen-social-window.reactable .content-social .social_wrap img{
|
||||
margin-right: 0.5em;
|
||||
padding-bottom:0;
|
||||
}
|
||||
.black-screen-social-window{
|
||||
min-width: fit-content;
|
||||
}
|
||||
.table-bordered{
|
||||
border: 0;
|
||||
}
|
||||
.internal-page{
|
||||
table{
|
||||
tr{
|
||||
@media(max-width:$screen-xs){
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
td,th{
|
||||
@media(max-width: $screen-xs){
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
//td有rwd
|
||||
#tdstyle1{
|
||||
tr{
|
||||
&:nth-child(even){
|
||||
background-color:#e0e5eb;
|
||||
}
|
||||
}
|
||||
tr{
|
||||
@media(max-width: $screen-xs){
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%!important;
|
||||
}
|
||||
|
||||
}
|
||||
td,th{
|
||||
@media(max-width: $screen-xs){
|
||||
width:100%!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
//td無rwd
|
||||
#tdstyle2{
|
||||
table td{
|
||||
border: 1px solid #ddd!important;
|
||||
@media (max-width: 480px) {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
td,th{
|
||||
@media(max-width: $screen-xs){
|
||||
width: auto ;
|
||||
}
|
||||
}
|
||||
tr{
|
||||
display: table-row;
|
||||
}
|
||||
}
|
||||
//td有rwd灰底色
|
||||
#tdstyle3{
|
||||
tr{
|
||||
background: #efefef !important;
|
||||
margin-bottom: 10px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
td{
|
||||
border-bottom: #cacaca 1px solid !important;
|
||||
}
|
||||
}
|
||||
//td無rwd跳色
|
||||
#tdstyle4{
|
||||
table td{
|
||||
border: 1px solid #ddd!important;
|
||||
@media (max-width: 480px) {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
td,th{
|
||||
@media(max-width: $screen-xs){
|
||||
width: auto ;
|
||||
}
|
||||
}
|
||||
tr{
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
tr{
|
||||
&:nth-child(even){
|
||||
background-color:#e0e5eb;
|
||||
}
|
||||
}
|
||||
}
|
||||
// //取消內頁tdrwd可加在內頁編輯
|
||||
// .internal-page table td{
|
||||
// border: 1px solid #ddd!important;
|
||||
// @media (max-width: 480px) {
|
||||
// width: auto !important;
|
||||
// }
|
||||
// }
|
||||
// tr{
|
||||
// display: table-row!important;
|
||||
// }
|
||||
table.dataTable>tbody>tr.child{
|
||||
padding:0;
|
||||
}
|
||||
#orbit_calendar{
|
||||
width: 100% !important;
|
||||
}
|
||||
//預約系統
|
||||
.fc-direction-ltr .fc-daygrid-event .fc-event-time{
|
||||
white-space: nowrap;
|
||||
}
|
||||
.fc-daygrid-dot-event .fc-event-title{
|
||||
white-space: nowrap;
|
||||
}
|
||||
.fc .fc-daygrid-event{
|
||||
margin-top: 4px;
|
||||
}
|
||||
.modal-content{
|
||||
box-shadow: 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f, 0 11px 15px -7px #00000033;
|
||||
border-radius: 8px;
|
||||
border: 0;
|
||||
}
|
||||
.fc .fc-daygrid-day.fc-day-today{
|
||||
background-color:transparent!important;
|
||||
.fc-daygrid-day-number{
|
||||
color: #fff;
|
||||
background-color: #858585;
|
||||
border-radius: 0.65em;
|
||||
}
|
||||
}
|
||||
.calendar-modal .event_summary{
|
||||
font-size: 1.2em;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.calendar-modal > .modal-content h3{
|
||||
font-weight: bold;
|
||||
}
|
||||
.fc .fc-daygrid-event-harness{
|
||||
font-weight: bold;
|
||||
}
|
||||
.fc .fc-daygrid-day-number{
|
||||
margin-top: 0.3em;
|
||||
}
|
||||
.table-striped{
|
||||
a.btn-primary{
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.form-horizontal .form-group{
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
#calendar{
|
||||
td{
|
||||
border: 1px solid #dee2e6;
|
||||
}
|
||||
@media(max-width: $screen-xs){
|
||||
tr{
|
||||
display: table-row!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.w-calendar{
|
||||
@media(max-width: $screen-xs){
|
||||
tr{
|
||||
display: table-row!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
//動畫往上
|
||||
.hide0{
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(15%) translateZ(0);
|
||||
-moz-transform: translateY(15%) translateZ(0);
|
||||
-o-transform: translateY(15%) translateZ(0);
|
||||
-ms-transform: translateY(15%) translateZ(0);
|
||||
transform: translateY(15%) translateZ(0);
|
||||
-webkit-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-moz-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-o-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-ms-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
transition: transform 0.8s ease-out, opacity 0.4s cubic-bezier(0.63, 0.01, 0, 1.02);
|
||||
}
|
||||
.animationvisible{
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0) translateZ(0);
|
||||
-moz-transform: translateY(0) translateZ(0);
|
||||
-o-transform: translateY(0) translateZ(0);
|
||||
-ms-transform: translateY(0) translateZ(0);
|
||||
transform: translateY(0) translateZ(0);
|
||||
}
|
||||
//動畫往右
|
||||
.hide1{
|
||||
opacity: 0;
|
||||
transform: translate3d(-120px, 0, 0);
|
||||
-webkit-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-moz-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-o-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-ms-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
transition: transform 0.8s ease-out, opacity 0.4s cubic-bezier(0.63, 0.01, 0, 1.02);
|
||||
}
|
||||
.animationvisible1{
|
||||
opacity: 1;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
// 動畫往左
|
||||
.hide2{
|
||||
opacity: 0;
|
||||
transform: translate3d(120px, 0, 0);
|
||||
-webkit-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-moz-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-o-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-ms-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
transition: transform 0.8s ease-out, opacity 0.4s cubic-bezier(0.63, 0.01, 0, 1.02);
|
||||
}
|
||||
.animationvisible2{
|
||||
opacity: 1;
|
||||
transform: translatez(0);
|
||||
}
|
||||
// 動畫往下
|
||||
.hide3{
|
||||
opacity: 0;
|
||||
transform: translate3d(0, -100px, 0);
|
||||
-webkit-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-moz-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-o-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-ms-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
transition: transform 0.8s ease-out, opacity 0.4s cubic-bezier(0.63, 0.01, 0, 1.02);
|
||||
}
|
||||
.animationvisible3{
|
||||
opacity: 1;
|
||||
transform: translatez(0);
|
||||
}
|
||||
//動畫選轉
|
||||
.rotate0{
|
||||
transform: perspective(2500px) rotateY(-100deg);
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.animationrotate0{
|
||||
transform: perspective(2500px) rotateY(0);
|
||||
transition-timing-function: ease;
|
||||
transition-duration: 1s;
|
||||
}
|
||||
// 放大
|
||||
.zoomin{
|
||||
opacity: 0;
|
||||
transform: scale(.6);
|
||||
-webkit-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-moz-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-o-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-ms-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
transition: transform 0.8s ease-out, opacity 0.4s cubic-bezier(0.63, 0.01, 0, 1.02);
|
||||
}
|
||||
.animationvisible5{
|
||||
opacity: 1;
|
||||
transform: translatez(0) scale(1);
|
||||
}
|
||||
//研討會
|
||||
.seminar-index,.survey-index,.application_form-index{
|
||||
th{
|
||||
white-space: nowrap;
|
||||
@media(max-width: $screen-xs){
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
input.search_box{
|
||||
background: #fff!important;
|
||||
border: 1px solid #bbb!important;
|
||||
border-radius: 0!important;
|
||||
color: #333!important;
|
||||
}
|
||||
::placeholder {
|
||||
color: #333!important;
|
||||
}
|
||||
#category_select_box{
|
||||
background: #fff!important;
|
||||
color: #333!important;
|
||||
border-radius: 0!important;
|
||||
margin-right: 0.5em!important;
|
||||
}
|
||||
#category_select_box>option{
|
||||
background: #fff!important;
|
||||
color: #333!important;
|
||||
}
|
||||
.search_widget{
|
||||
padding-top: 1em;
|
||||
}
|
||||
.flexwrap{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.flexreverse{
|
||||
@media(max-width: 768px){
|
||||
display: flex;
|
||||
flex-wrap: wrap-reverse!important;
|
||||
}
|
||||
}
|
||||
.displayflex{
|
||||
@media(min-width: $screen-xs){
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,18 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@import "../initial";
|
||||
.breadcrumb-wrap{
|
||||
@media(min-width: 820px){
|
||||
// padding-right: 0.9375em!important;
|
||||
// padding-left: 0.9375em!important;
|
||||
}
|
||||
}
|
||||
.breadcrumb {
|
||||
@media(max-width: 768px){
|
||||
padding: 0;
|
||||
}
|
||||
margin-left: 0;
|
||||
margin-bottom: 0;
|
||||
background-color:transparent;
|
||||
a:link, a:visited { color: $theme-color-main; }
|
||||
}
|
||||
|
|
@ -12,7 +23,7 @@
|
|||
&.widget1 {
|
||||
li {
|
||||
a {
|
||||
font-size: 0.8125rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
|
|
|
|||
|
|
@ -1,26 +1,30 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@import "../initial";
|
||||
|
||||
.sitemenu-wrap{
|
||||
// padding-right: 0.9375em!important;
|
||||
// padding-left: 0.9375em!important;
|
||||
}
|
||||
.sitemenu-item{
|
||||
list-style: none;
|
||||
}
|
||||
.sitemenu-horizontal {
|
||||
padding-bottom: 0.5em;
|
||||
// padding-left: 1em;
|
||||
// padding-bottom: 0.5em;
|
||||
|
||||
@include clearfix;
|
||||
|
||||
.sitemenu-list{
|
||||
li:nth-child(1){
|
||||
a{
|
||||
color: $theme-color-second;
|
||||
}
|
||||
}
|
||||
}
|
||||
.sitemenu-item.level-1 {
|
||||
@media(max-width: $screen-xs){
|
||||
margin-right: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
font-size: 1rem;
|
||||
font-weight: 900;
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-right: 1%;
|
||||
margin-bottom: 0;
|
||||
margin-bottom: 0.5em;
|
||||
cursor: pointer;
|
||||
background-color: #fff;
|
||||
border-radius: 2em;
|
||||
|
|
|
|||
|
|
@ -1,30 +0,0 @@
|
|||
<div class="widget-gallery widget1 no-print">
|
||||
<h3 class="widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div class="cycle-slideshow widget-content"
|
||||
data-level="0"
|
||||
data-list="images"
|
||||
data-cycle-slides="> *"
|
||||
data-cycle-fx="carousel"
|
||||
data-cycle-timeout="1000"
|
||||
data-cycle-carousel-visible="6"
|
||||
data-cycle-pause-on-hover="true"
|
||||
data-cycle-reverse="true"
|
||||
data-cycle-log="false"
|
||||
data-cycle-carousel-fluid="true">
|
||||
<div class="widget-pic" style="text-overflow: ellipsis;overflow: hidden;white-space: nowrap;">
|
||||
<a href="{{link_to_show}}" title="{{album-name}}">
|
||||
<img
|
||||
srcset="
|
||||
{{thumb-large-src}} 1024w,
|
||||
{{thumb-src}} 768w"
|
||||
src="{{thumb-src}}"
|
||||
alt="{{alt_title}}"
|
||||
>
|
||||
</a>
|
||||
<div style="clear: both;"></div>
|
||||
<a href="{{link_to_show}}" title="{{album-name}}">{{link_text}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,9 +1,42 @@
|
|||
<style>
|
||||
|
||||
.universal-dropdown{
|
||||
float:left;
|
||||
}
|
||||
tr>th:first-child{
|
||||
display: none!important;
|
||||
}
|
||||
tr>td:first-child{
|
||||
display: none!important;
|
||||
}
|
||||
.col-ken{
|
||||
min-width: 4em;
|
||||
&:first-child{
|
||||
min-width: unset!important;
|
||||
}
|
||||
}
|
||||
.universal-table-index3{
|
||||
table-layout: auto!important;
|
||||
.universal-th-icon{
|
||||
margin:0;
|
||||
}
|
||||
.universal-th-text {
|
||||
margin: 0;
|
||||
.universal-th-icon{
|
||||
margin:0;
|
||||
}
|
||||
.universal-th-text {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.universal-th-text{
|
||||
white-space: pre!important;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
white-space: normal;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
white-space: normal;
|
||||
}
|
||||
.universal-dropdown-menu {
|
||||
padding: 15px 18px;
|
||||
|
|
@ -53,16 +86,15 @@
|
|||
width: 120px;
|
||||
}
|
||||
</style>
|
||||
<table class="table table-hover table-striped universal-table-index">
|
||||
<table class="table table-hover table-striped universal-table-index universal-table-index1">
|
||||
<caption>
|
||||
<h3>{{table-name}}</h3>
|
||||
<a href="{{url}}" class="universal-btn btn btn-info pull-right {{reset}}"><i class="fa fa-refresh"></i> Reset</a>
|
||||
</caption>
|
||||
<thead>
|
||||
<tr data-list="head-columns" data-level="0">
|
||||
<th class="col-md-3">
|
||||
<th class="col-ken">
|
||||
<a href="{{sort-url}}" class="{{sort}}"><i class="universal-th-icon fa fa-{{sort-class}}"></i></a>
|
||||
<div class="universal-th-text {{title-class}}">{{title}}</div>
|
||||
<div class="dropdown universal-dropdown {{search}}">
|
||||
<button class="btn btn-sm" id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="fa fa-search"></i>
|
||||
|
|
@ -78,6 +110,7 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="universal-th-text {{title-class}}">{{title}}</div>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
|
@ -91,33 +124,7 @@
|
|||
<div>{{export_button}}</div>
|
||||
{{pagination_goes_here}}
|
||||
<script>
|
||||
// $('.universal-table-index th').eq(1).attr('class', 'desktop tablet-l tablet-p');
|
||||
// $('.universal-table-index th').filter(':gt(1)').attr('class', 'desktop tablet-l tablet-p mobile-l');
|
||||
// $('.universal-table-index').each(function(){
|
||||
// if($(this).find('thead').length!=0 && $(this).find('td').length!=0 && !$(this).hasClass('dataTable')){
|
||||
// $(this).DataTable({
|
||||
// searching: false,
|
||||
// paging: false,
|
||||
// ordering: false,
|
||||
// info: false,
|
||||
// order: false,
|
||||
// autoWidth: false,
|
||||
// responsive: true
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
$(document).ready(function(){
|
||||
$("tr>th:first-child").removeClass("col-sm-3");
|
||||
$("tr>th:first-child").addClass("col-sm-4");
|
||||
$("tr>th:nth-child(2)").removeClass("col-sm-3");
|
||||
$("tr>th:nth-child(2)").addClass("col-sm-2");
|
||||
$("tr>th:nth-child(3)").removeClass("col-sm-3");
|
||||
$("tr>th:nth-child(3)").addClass("col-sm-2");
|
||||
$("tr>th:nth-child(4)").removeClass("col-sm-3");
|
||||
$("tr>th:nth-child(4)").addClass("col-sm-2");
|
||||
$("tr>th:nth-child(5)").removeClass("col-sm-3");
|
||||
$("tr>th:nth-child(5)").addClass("col-sm-2");
|
||||
});
|
||||
|
||||
</script>
|
||||
<style>
|
||||
.universal-table-index.dtr-inline.collapsed td.dtr-control{
|
||||
|
|
|
|||
|
|
@ -1,4 +1,37 @@
|
|||
<style>
|
||||
|
||||
.universal-dropdown{
|
||||
float:left;
|
||||
}
|
||||
.col-ken{
|
||||
min-width: 4em;
|
||||
&:first-child{
|
||||
min-width: unset!important;
|
||||
}
|
||||
}
|
||||
.universal-table-index3{
|
||||
table-layout: auto!important;
|
||||
.universal-th-icon{
|
||||
margin:0;
|
||||
}
|
||||
.universal-th-text {
|
||||
margin: 0;
|
||||
.universal-th-icon{
|
||||
margin:0;
|
||||
}
|
||||
.universal-th-text {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.universal-th-text{
|
||||
white-space: pre!important;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
white-space: normal;
|
||||
}
|
||||
.universal-dropdown-menu {
|
||||
padding: 15px 18px;
|
||||
white-space: nowrap;
|
||||
|
|
@ -32,21 +65,6 @@
|
|||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
.universal-table-index tbody {
|
||||
counter-reset: item;
|
||||
}
|
||||
|
||||
.universal-table-index tbody > tr > td:first-child:before {
|
||||
content: counter(item);
|
||||
counter-increment: item;
|
||||
}
|
||||
|
||||
|
||||
.universal-table-index thead > tr > th:first-child:before {
|
||||
content: "No.";
|
||||
}
|
||||
|
||||
|
||||
.universal-th-icon {
|
||||
border: 1px solid #eee;
|
||||
padding: 5px 8px;
|
||||
|
|
@ -62,45 +80,17 @@
|
|||
width: 120px;
|
||||
}
|
||||
</style>
|
||||
<form class="form-inline universal-form-inline" action="{{url}}" method="get">
|
||||
<table class="table table-hover table-striped universal-table-index">
|
||||
<div class="searchbtn">
|
||||
<div class="ken-click">
|
||||
<div class="searchbtn2 pull-right"><i class="fa-solid fa-magnifying-glass"></i>查詢</div>
|
||||
<a href="{{url}}" class="universal-btn btn btn-info pull-right {{reset}}"><i class="fa fa-refresh"></i> Reset</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="searchbox">
|
||||
<div class="theadsearch2">
|
||||
<div class="row col-md-11 col-xs-12" data-list="searchable-columns" data-level="0">
|
||||
<div class="{{col-class}}">
|
||||
<a href="{{sort-url}}" class="{{sort}}"><i class="universal-th-icon fa fa-{{sort-class}}"></i></a>
|
||||
<div class="universal-th-text {{title-class}}">{{title}}</div>
|
||||
<div class="dropdown universal-dropdown {{search}}">
|
||||
<div class="dropdown-menu universal-dropdown-menu" aria-labelledby="dLabel">
|
||||
<div class="form-group">
|
||||
{{form-field}}
|
||||
<input type="hidden" value="{{key}}" name="column" >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-1 col-xs-12 submit-btn-wrap">
|
||||
<button class="btn btn-primary pull-right" type="submit" class="btn btn-default">Go</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<table class="table table-hover table-striped universal-table-index universal-table-index3">
|
||||
<caption>
|
||||
<h3>{{table-name}}</h3>
|
||||
<a href="{{url}}" class="universal-btn btn btn-info pull-right {{reset}}"><i class="fa fa-refresh"></i> Reset</a>
|
||||
</caption>
|
||||
<thead class="theadsearch">
|
||||
<thead>
|
||||
<tr data-list="head-columns" data-level="0">
|
||||
<th class="col-md-3">
|
||||
<th class="col-ken">
|
||||
<a href="{{sort-url}}" class="{{sort}}"><i class="universal-th-icon fa fa-{{sort-class}}"></i></a>
|
||||
<div class="universal-th-text {{title-class}}">{{title}}</div>
|
||||
<div class="dropdown universal-dropdown {{search}}">
|
||||
<button class="btn btn-md" id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<button class="btn btn-sm" id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="fa fa-search"></i>
|
||||
<span class="caret"></span>
|
||||
</button>
|
||||
|
|
@ -114,6 +104,7 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="universal-th-text {{title-class}}">{{title}}</div>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
|
@ -123,25 +114,14 @@
|
|||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<div>{{total_entries}}</div>
|
||||
<div>{{export_button}}</div>
|
||||
{{pagination_goes_here}}
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('.universal-table-index thead tr').prepend('<th></th>')
|
||||
$('.universal-table-index tbody tr').prepend('<td></td>')
|
||||
$("tr>th:first-child").removeClass("col-md-3");
|
||||
$("tr>th:first-child").addClass("col-md-1");
|
||||
$("tr>th:nth-child(2)").removeClass("col-md-3");
|
||||
$("tr>th:nth-child(2)").addClass("col-md-6");
|
||||
$("tr>th:nth-child(3)").removeClass("col-md-3");
|
||||
$("tr>th:nth-child(3)").addClass("col-md-3");
|
||||
$("tr>th:nth-child(4)").removeClass("col-md-3");
|
||||
$("tr>th:nth-child(4)").addClass("col-md-2");
|
||||
$("tr>th:nth-child(5)").removeClass("col-md-3");
|
||||
$("tr>th:nth-child(5)").addClass("col-md-3");
|
||||
});
|
||||
// $('.universal-table-index thead tr').prepend('<th></th>')
|
||||
// $('.universal-table-index tbody tr').prepend('<td></td>')
|
||||
|
||||
</script>
|
||||
<style>
|
||||
.universal-table-index.dtr-inline.collapsed td.dtr-control{
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,13 @@
|
|||
<style>
|
||||
tr>th:first-child{
|
||||
display: none!important;
|
||||
}
|
||||
tr>td:first-child{
|
||||
display: none!important;
|
||||
}
|
||||
.universal-table-index4{
|
||||
table-layout: auto!important;
|
||||
}
|
||||
.universal-dropdown-menu {
|
||||
padding: 15px 18px;
|
||||
white-space: nowrap;
|
||||
|
|
@ -50,8 +59,8 @@
|
|||
width: 120px;
|
||||
}
|
||||
</style>
|
||||
<form class="form-inline universal-form-inline" action="{{url}}" method="get">
|
||||
<table class="table table-hover table-striped universal-table-index">
|
||||
<form class="form-inline universal-form-inline " action="{{url}}" method="get">
|
||||
<table class="table table-hover table-striped universal-table-index universal-table-index4">
|
||||
<div class="searchbtn">
|
||||
<div class="ken-click">
|
||||
<div class="searchbtn2 pull-right"><i class="fa-solid fa-magnifying-glass"></i>查詢</div>
|
||||
|
|
@ -84,7 +93,7 @@
|
|||
</caption>
|
||||
<thead class="theadsearch">
|
||||
<tr data-list="head-columns" data-level="0">
|
||||
<th class="col-md-3">
|
||||
<th class="col-ken">
|
||||
<a href="{{sort-url}}" class="{{sort}}"><i class="universal-th-icon fa fa-{{sort-class}}"></i></a>
|
||||
<div class="universal-th-text {{title-class}}">{{title}}</div>
|
||||
<div class="dropdown universal-dropdown {{search}}">
|
||||
|
|
@ -116,18 +125,18 @@
|
|||
<div>{{export_button}}</div>
|
||||
{{pagination_goes_here}}
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$("tr>th:first-child").removeClass("col-md-3");
|
||||
$("tr>th:first-child").addClass("col-md-1");
|
||||
$("tr>th:nth-child(2)").removeClass("col-md-3");
|
||||
$("tr>th:nth-child(2)").addClass("col-md-6");
|
||||
$("tr>th:nth-child(3)").removeClass("col-md-3");
|
||||
$("tr>th:nth-child(3)").addClass("col-md-3");
|
||||
$("tr>th:nth-child(4)").removeClass("col-md-3");
|
||||
$("tr>th:nth-child(4)").addClass("col-md-2");
|
||||
$("tr>th:nth-child(5)").removeClass("col-md-3");
|
||||
$("tr>th:nth-child(5)").addClass("col-md-3");
|
||||
});
|
||||
// $(document).ready(function(){
|
||||
// $("tr>th:first-child").removeClass("col-md-3");
|
||||
// $("tr>th:first-child").addClass("col-md-1");
|
||||
// $("tr>th:nth-child(2)").removeClass("col-md-3");
|
||||
// $("tr>th:nth-child(2)").addClass("col-md-6");
|
||||
// $("tr>th:nth-child(3)").removeClass("col-md-3");
|
||||
// $("tr>th:nth-child(3)").addClass("col-md-3");
|
||||
// $("tr>th:nth-child(4)").removeClass("col-md-3");
|
||||
// $("tr>th:nth-child(4)").addClass("col-md-2");
|
||||
// $("tr>th:nth-child(5)").removeClass("col-md-3");
|
||||
// $("tr>th:nth-child(5)").addClass("col-md-3");
|
||||
// });
|
||||
// $('.universal-table-index thead tr').prepend('<th></th>')
|
||||
// $('.universal-table-index tbody tr').prepend('<td></td>')
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,7 @@
|
|||
<style>
|
||||
.universal-table-index4{
|
||||
table-layout: auto!important;
|
||||
}
|
||||
.universal-dropdown-menu {
|
||||
padding: 15px 18px;
|
||||
white-space: nowrap;
|
||||
|
|
@ -50,8 +53,8 @@
|
|||
width: 120px;
|
||||
}
|
||||
</style>
|
||||
<form class="form-inline universal-form-inline" action="{{url}}" method="get">
|
||||
<table class="table table-hover table-striped universal-table-index">
|
||||
<form class="form-inline universal-form-inline " action="{{url}}" method="get">
|
||||
<table class="table table-hover table-striped universal-table-index universal-table-index4">
|
||||
<div class="searchbtn">
|
||||
<div class="ken-click">
|
||||
<div class="searchbtn2 pull-right"><i class="fa-solid fa-magnifying-glass"></i>查詢</div>
|
||||
|
|
@ -84,7 +87,7 @@
|
|||
</caption>
|
||||
<thead class="theadsearch">
|
||||
<tr data-list="head-columns" data-level="0">
|
||||
<th class="col-md-3">
|
||||
<th class="col-ken">
|
||||
<a href="{{sort-url}}" class="{{sort}}"><i class="universal-th-icon fa fa-{{sort-class}}"></i></a>
|
||||
<div class="universal-th-text {{title-class}}">{{title}}</div>
|
||||
<div class="dropdown universal-dropdown {{search}}">
|
||||
|
|
@ -116,18 +119,18 @@
|
|||
<div>{{export_button}}</div>
|
||||
{{pagination_goes_here}}
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$("tr>th:first-child").removeClass("col-md-3");
|
||||
$("tr>th:first-child").addClass("col-md-1");
|
||||
$("tr>th:nth-child(2)").removeClass("col-md-3");
|
||||
$("tr>th:nth-child(2)").addClass("col-md-6");
|
||||
$("tr>th:nth-child(3)").removeClass("col-md-3");
|
||||
$("tr>th:nth-child(3)").addClass("col-md-3");
|
||||
$("tr>th:nth-child(4)").removeClass("col-md-3");
|
||||
$("tr>th:nth-child(4)").addClass("col-md-2");
|
||||
$("tr>th:nth-child(5)").removeClass("col-md-3");
|
||||
$("tr>th:nth-child(5)").addClass("col-md-3");
|
||||
});
|
||||
// $(document).ready(function(){
|
||||
// $("tr>th:first-child").removeClass("col-md-3");
|
||||
// $("tr>th:first-child").addClass("col-md-1");
|
||||
// $("tr>th:nth-child(2)").removeClass("col-md-3");
|
||||
// $("tr>th:nth-child(2)").addClass("col-md-6");
|
||||
// $("tr>th:nth-child(3)").removeClass("col-md-3");
|
||||
// $("tr>th:nth-child(3)").addClass("col-md-3");
|
||||
// $("tr>th:nth-child(4)").removeClass("col-md-3");
|
||||
// $("tr>th:nth-child(4)").addClass("col-md-2");
|
||||
// $("tr>th:nth-child(5)").removeClass("col-md-3");
|
||||
// $("tr>th:nth-child(5)").addClass("col-md-3");
|
||||
// });
|
||||
// $('.universal-table-index thead tr').prepend('<th></th>')
|
||||
// $('.universal-table-index tbody tr').prepend('<td></td>')
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -12,27 +12,27 @@
|
|||
"filename" : "index2",
|
||||
"name" : {
|
||||
"zh_tw" : "2. 含序號表格列表",
|
||||
"en" : "2. Index Table with serial number"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "index3",
|
||||
"name" : {
|
||||
"zh_tw" : "3. 含序號表格列表 + 多欄位搜尋",
|
||||
"en" : "3. Index Table with serial number + Multiple Field Search"
|
||||
"en" : "2. Index Table with serial number "
|
||||
},
|
||||
"thumbnail" : "thumb.png",
|
||||
"default": true
|
||||
},
|
||||
{
|
||||
"filename" : "index4",
|
||||
"name" : {
|
||||
"zh_tw" : "4. 含序號表格列表new",
|
||||
"en" : "4. Index Table with serial number new"
|
||||
},
|
||||
"thumbnail" : "thumb.png",
|
||||
"default": true
|
||||
}
|
||||
"filename" : "index3",
|
||||
"name" : {
|
||||
"zh_tw" : "3. 單純表格列表 + 多欄位搜尋",
|
||||
"en" : "3. col Pure index table+ Multiple Field Search"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "index4",
|
||||
"name" : {
|
||||
"zh_tw" : "4.含序號表格列表 + 多欄位搜尋",
|
||||
"en" : "4. col Index Table with serial number + Multiple Field Search"
|
||||
},
|
||||
"thumbnail" : "thumb.png",
|
||||
"default": true
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
{"key":"orbit_demo_new_old3","title":"orbit_demo_new_old3_漢堡鍵選單","author":"ken","thumbnail":"assets/images/design_thumb.png"}
|
||||
{"key":"orbit_demo_new_old3","title":"orbit_demo_new_old3漢堡","author":"ken","thumbnail":"assets/images/design_thumb.png"}
|
||||
|
|
@ -17,9 +17,4 @@
|
|||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
};
|
||||
</script>
|
||||
</div>
|
||||
|
|
@ -6,7 +6,7 @@
|
|||
"zh_tw" : "1. 橫式 ( 模組標題, 網站第二層選單, 網站第三層選單 )",
|
||||
"en" : "1. Horizontal (widget-title, second level dropdown, third level dropdown)"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
"thumbnail" : "site_menu_widget1_thumbs.png"
|
||||
},
|
||||
{
|
||||
"filename" : "site_menu_widget2",
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
"zh_tw" : "1. 直式 ( 模組標題, 網站第二層選單, 網站第三層選單 )",
|
||||
"en" : "1. Vertical (widget-title, second level dropdown, third level dropdown)"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
"thumbnail" : "site_menu_widget2_thumbs.png"
|
||||
},
|
||||
{
|
||||
"filename" : "site_menu_widget3",
|
||||
|
|
@ -22,7 +22,7 @@
|
|||
"zh_tw" : "2. 直式 ( 模組標題, 網站第二層選單, 網站第三層選單 )",
|
||||
"en" : "2. Vertical2 (widget-title, second level dropdown, third level dropdown)"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
"thumbnail" : "site_menu_widget3_thumbs.png"
|
||||
},
|
||||
{
|
||||
"filename" : "site_menu_widget4",
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
"zh_tw" : "2. 橫式 ( 模組標題, 網站第二層選單, 網站第三層選單 )",
|
||||
"en" : "2. Horizontal2 (widget-title, second level dropdown, third level dropdown)"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
"thumbnail" : "site_menu_widget4_thumbs.png"
|
||||
}
|
||||
|
||||
]
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Loading…
Reference in New Issue