Importación inicial
git-svn-id: https://192.168.0.254/svn/Proyectos.Instaldeco_Web/tags/demo@1 d4ca0941-a869-4c45-9eab-2e1fd2dd58c0
BIN
Logo_INSTALDECO/Icon_.bin
Normal file
BIN
Logo_INSTALDECO/JPG/BLANCO_Y_NEGRO/Icon_.bin
Normal file
BIN
Logo_INSTALDECO/JPG/BLANCO_Y_NEGRO/Logo_ID_BN_Grande.jpg
Normal file
|
After Width: | Height: | Size: 72 KiB |
BIN
Logo_INSTALDECO/JPG/BLANCO_Y_NEGRO/Logo_ID_BN_Peq.jpg
Normal file
|
After Width: | Height: | Size: 31 KiB |
BIN
Logo_INSTALDECO/JPG/COLOR_RGB/Icon_.bin
Normal file
BIN
Logo_INSTALDECO/JPG/COLOR_RGB/Logo_ID_Grande.jpg
Normal file
|
After Width: | Height: | Size: 126 KiB |
BIN
Logo_INSTALDECO/JPG/COLOR_RGB/Logo_ID_Peq.jpg
Normal file
|
After Width: | Height: | Size: 49 KiB |
BIN
Logo_INSTALDECO/JPG/Icon_.bin
Normal file
BIN
Logo_INSTALDECO/Logo_ID_Indicaciones.pdf
Normal file
BIN
Logo_INSTALDECO/PSD_Capas/Icon_.bin
Normal file
BIN
Logo_INSTALDECO/PSD_Capas/Logo_ID_BN.psd
Normal file
BIN
Logo_INSTALDECO/PSD_Capas/Logo_ID_CMYK.psd
Normal file
BIN
Logo_INSTALDECO/PSD_Capas/Logo_ID_RGB.psd
Normal file
BIN
Logo_INSTALDECO/TIFF/BLANCO_Y_NEGRO/Icon_.bin
Normal file
BIN
Logo_INSTALDECO/TIFF/BLANCO_Y_NEGRO/Logo_ID_BN_Grande.tif
Normal file
BIN
Logo_INSTALDECO/TIFF/BLANCO_Y_NEGRO/Logo_ID_BN_Peq.tif
Normal file
BIN
Logo_INSTALDECO/TIFF/COLOR_CMYK/Icon_.bin
Normal file
BIN
Logo_INSTALDECO/TIFF/COLOR_CMYK/Logo_ID_Grande.tif
Normal file
BIN
Logo_INSTALDECO/TIFF/COLOR_CMYK/Logo_ID_Peq.tif
Normal file
BIN
Logo_INSTALDECO/TIFF/Icon_.bin
Normal file
BIN
Logo_INSTALDECO/Vectoriales/Icon_.bin
Normal file
1
Logo_INSTALDECO/Vectoriales/Logo_ID.ai
Normal file
BIN
Logo_INSTALDECO/Vectoriales/Logo_ID.fh10.bin
Normal file
BIN
bebas-neue/BebasNeue-webfont.eot
Normal file
146
bebas-neue/BebasNeue-webfont.svg
Normal file
@ -0,0 +1,146 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>
|
||||
This is a custom SVG webfont generated by Font Squirrel.
|
||||
Copyright : Copyright c 2010 by Ryoichi Tsunekawa All rights reserved
|
||||
Designer : Ryoichi Tsunekawa
|
||||
Foundry : Ryoichi Tsunekawa
|
||||
</metadata>
|
||||
<defs>
|
||||
<font id="BebasNeueRegular" horiz-adv-x="811" >
|
||||
<font-face units-per-em="2048" ascent="1638" descent="-410" />
|
||||
<missing-glyph horiz-adv-x="317" />
|
||||
<glyph unicode=" " horiz-adv-x="317" />
|
||||
<glyph unicode="	" horiz-adv-x="317" />
|
||||
<glyph unicode=" " horiz-adv-x="317" />
|
||||
<glyph unicode="!" horiz-adv-x="389" d="M82 836v598h225v-598l-28 -519h-168zM86 0v217h217v-217h-217z" />
|
||||
<glyph unicode=""" horiz-adv-x="665" d="M82 1434h217l-33 -422h-153zM367 1434h217l-33 -422h-154z" />
|
||||
<glyph unicode="#" horiz-adv-x="839" d="M31 410l16 159h100l39 375h-102l16 160h103l35 330h184l-35 -330h133l35 330h184l-34 -330h104l-16 -160h-105l-39 -375h105l-17 -159h-104l-43 -410h-184l43 410h-134l-43 -410h-184l43 410h-100zM332 569h133l39 375h-133z" />
|
||||
<glyph unicode="$" d="M70 365v98h213v-113q0 -139 116.5 -139t116.5 139q0 68 -32.5 127.5t-82 99t-105.5 89.5l-106 100q-49 49 -81.5 128t-32.5 175q0 297 237 350v107h185v-107q242 -49 241 -350v-45h-213v59q0 141 -112 141h-1q-112 0 -112 -141q0 -80 45 -146.5t110 -117.5l130 -108 q65 -56 110 -145t45 -201q0 -147 -62.5 -237.5t-180.5 -115.5v-104h-185v104q-244 49 -243 353z" />
|
||||
<glyph unicode="%" horiz-adv-x="1284" d="M70 743v471q0 111 55 170.5t161.5 59.5t162 -59.5t55.5 -170.5v-471q0 -111 -55.5 -170t-162 -59t-161.5 59t-55 170zM213 733q0 -90 73.5 -90t73.5 90v492q0 90 -73.5 90t-73.5 -90v-492zM287 0l565 1434h133l-565 -1434h-133zM780 219v471q0 111 55.5 170.5t162 59.5 t161.5 -59.5t55 -170.5v-471q0 -111 -55 -170t-161.5 -59t-162 59t-55.5 170zM924 209q0 -90 73.5 -90t73.5 90v491q0 90 -73.5 90t-73.5 -90v-491z" />
|
||||
<glyph unicode="&" horiz-adv-x="847" d="M84 311v146q0 231 156 301q-156 66 -156 295v26q0 354 336 355h258v-205h-254q-115 0 -115 -139v-89q0 -82 34 -116.5t101 -34.5h99v160h225v-160h59v-205h-59v-471q0 -117 25 -174h-230q-16 45 -20 113q-59 -129 -209 -129q-250 0 -250 327zM309 330q0 -141 117 -142 q111 0 117 125v332h-86q-78 0 -113 -42t-35 -140v-133z" />
|
||||
<glyph unicode="'" horiz-adv-x="368" d="M76 1434h217l-33 -422h-154z" />
|
||||
<glyph unicode="(" horiz-adv-x="514" d="M96 313v807q0 170 73 242t243 72h69v-185h-55q-55 0 -79.5 -27.5t-24.5 -101.5v-807q0 -74 24.5 -101.5t79.5 -27.5h55v-184h-69q-170 0 -243 71.5t-73 241.5z" />
|
||||
<glyph unicode=")" horiz-adv-x="514" d="M33 0v184h55q55 0 80 28t25 101v807q0 74 -25 101.5t-80 27.5h-55v185h69q170 0 243 -72t73 -242v-807q0 -170 -73 -241.5t-243 -71.5h-69z" />
|
||||
<glyph unicode="*" d="M4 1075l57 174l306 -153l-54 338h185l-54 -338l306 153l57 -174l-336 -57l240 -240l-148 -108l-157 303l-158 -303l-148 108l240 240z" />
|
||||
<glyph unicode="+" d="M51 637v160h275v276h159v-276h275v-160h-275v-281h-159v281h-275z" />
|
||||
<glyph unicode="," horiz-adv-x="380" d="M82 0v217h217v-194l-98 -228h-92l59 205h-86z" />
|
||||
<glyph unicode="-" horiz-adv-x="552" d="M72 614v205h409v-205h-409z" />
|
||||
<glyph unicode="." horiz-adv-x="380" d="M82 0v217h217v-217h-217z" />
|
||||
<glyph unicode="/" horiz-adv-x="780" d="M10 0l565 1434h195l-565 -1434h-195z" />
|
||||
<glyph unicode="0" d="M63 344v746q0 172 88.5 266t254 94t254 -94t88.5 -266v-746q0 -172 -88.5 -266t-254 -94t-254 94t-88.5 266zM289 330q0 -141 117 -142q116 0 116 142v774q0 141 -116.5 141t-116.5 -141v-774z" />
|
||||
<glyph unicode="1" d="M221 1094v159q82 0 134.5 28t71.5 60.5t42 92.5h152v-1434h-226v1094h-174z" />
|
||||
<glyph unicode="2" d="M82 0v176q0 117 46 214t111 170l131 144q66 70 112 166t46 211q0 92 -29.5 128t-86.5 36q-117 0 -117 -141v-154h-213v140q0 174 86 267t250 93t250 -93t86 -267q0 -131 -50.5 -247t-120 -198t-137 -153.5t-109.5 -144.5q-33 -57 -33 -111q0 -16 3 -31h426v-205h-651z " />
|
||||
<glyph unicode="3" d="M70 344v119h213v-133q0 -141 116 -142q57 0 87 36t30 126v113q0 98 -35 140t-112 42h-76v205h88q68 0 101.5 34.5t33.5 116.5v80q0 92 -29.5 128t-87.5 36q-117 0 -116 -141v-92h-213v78q0 174 86 267t249.5 93t249.5 -93t86 -267v-37q0 -229 -157 -295q158 -70 157 -301 v-113q0 -174 -86 -267t-249.5 -93t-249.5 93t-86 267z" />
|
||||
<glyph unicode="4" d="M29 260v205l409 969h246v-969h107v-205h-107v-260h-225v260h-430zM236 465h223v530z" />
|
||||
<glyph unicode="5" d="M72 344v119h213v-133q0 -139 117 -140q116 0 116 140v315q0 141 -116.5 141t-116.5 -141v-43h-213l41 832h594v-205h-392l-18 -342q63 104 197 104q250 0 249 -327v-320q0 -174 -86 -267t-249.5 -93t-249.5 93t-86 267z" />
|
||||
<glyph unicode="6" d="M68 344v733q0 373 344 373q164 0 250 -93t86 -267v-37h-213v51q0 141 -117 141q-63 0 -94 -39t-31 -137v-262q59 127 209 127q250 0 250 -328v-262q0 -172 -88.5 -266t-254 -94t-253.5 94t-88 266zM293 330q0 -139 117 -140q116 0 116 140v258q0 141 -116.5 141 t-116.5 -141v-258z" />
|
||||
<glyph unicode="7" d="M68 1229v205h675v-197l-331 -1237h-226l330 1229h-448z" />
|
||||
<glyph unicode="8" d="M53 1044v46q0 172 91.5 266t261 94t261 -94t91.5 -266v-46q0 -211 -140 -288q139 -78 140 -299v-113q0 -172 -91.5 -266t-261 -94t-261 94t-91.5 266v113q0 221 140 299q-139 76 -140 288zM279 350q0 -162 127 -162q125 0 126 162v133q0 162 -126.5 162t-126.5 -162v-133 zM279 1001q0 -152 126 -152l1 1q126 0 126 151v80q0 164 -126.5 164t-126.5 -164v-80z" />
|
||||
<glyph unicode="9" d="M59 827v263q0 172 88.5 266t254 94t253.5 -94t88 -266v-734q0 -372 -342 -372h-2q-164 0 -250 93t-86 267v37h213v-51q0 -141 117 -142q63 0 94 39t31 138v262q-59 -127 -209 -127q-250 0 -250 327zM285 846q0 -141 116.5 -141t116.5 141v258q0 139 -116.5 139 t-116.5 -139v-258z" />
|
||||
<glyph unicode=":" horiz-adv-x="380" d="M82 0v217h217v-217h-217zM82 780v217h217v-217h-217z" />
|
||||
<glyph unicode=";" horiz-adv-x="380" d="M82 0v217h217v-194l-98 -228h-92l59 205h-86zM82 780v217h217v-217h-217z" />
|
||||
<glyph unicode="<" d="M61 637v160l668 245v-161l-459 -164l459 -164v-162z" />
|
||||
<glyph unicode="=" d="M72 471v160h667v-160h-667zM72 803v160h667v-160h-667z" />
|
||||
<glyph unicode=">" d="M82 391v162l459 164l-459 164v161l668 -245v-160z" />
|
||||
<glyph unicode="?" horiz-adv-x="737" d="M41 948v142q0 174 84 267t248 93t248 -93t84 -267q0 -125 -42 -228.5t-91.5 -160t-91.5 -137.5t-42 -167q0 -45 8 -80h-200q-12 37 -13 89q0 104 39 191t84 141.5t84 150.5t39 215q0 141 -112.5 141t-112.5 -141v-156h-213zM236 0v217h217v-217h-217z" />
|
||||
<glyph unicode="@" horiz-adv-x="1411" d="M49 594q0 193 48 358.5t139.5 291.5t238 199t330.5 73q303 0 436 -164t133 -439q0 -178 -39 -312t-102.5 -204.5t-127.5 -103.5t-130 -33q-168 0 -180 135q-60 -123 -187 -123h-12q-188 5 -188 239q0 36 4 77l22 207q16 152 80 229q61 74 160 74h10q127 -2 168 -127 l12 119h197l-62 -592q-1 -6 -1 -11q0 -40 42 -41q80 0 122 142.5t42 320.5q0 201 -100 316.5t-307 115.5q-270 0 -412.5 -200.5t-142.5 -556.5q0 -254 119.5 -394.5t357.5 -140.5q244 0 424 139l-17 -196q-172 -115 -419 -115q-334 0 -496 191.5t-162 525.5zM610 598 q-2 -16 -2 -30q0 -101 90 -105h6q43 0 71 29q30 32 38 100l21 194q1 11 1 21q0 42 -20 65q-24 29 -70 29h-6q-45 0 -73 -29q-29 -30 -37 -100z" />
|
||||
<glyph unicode="A" horiz-adv-x="833" d="M23 0l229 1434h330l229 -1434h-227l-39 260h-277l-39 -260h-206zM297 455h217l-108 725z" />
|
||||
<glyph unicode="B" horiz-adv-x="831" d="M82 0v1434h340q174 0 254 -81t80 -249v-51q0 -221 -146 -289q168 -66 168 -307v-117q0 -166 -87 -253t-255 -87h-354zM307 205h129q59 0 88 31.5t29 109.5v125q0 98 -33.5 136t-111.5 38h-101v-440zM307 850h88q68 0 101.5 35t33.5 116v80q1 148 -114 148h-109v-379z" />
|
||||
<glyph unicode="C" horiz-adv-x="790" d="M63 344v746q0 174 86.5 267t250 93t249.5 -93t86 -267v-140h-213v154q0 141 -116.5 141t-116.5 -141v-774q1 -140 117 -140q117 0 116 140v205h213v-191q0 -174 -86 -267t-249.5 -93t-250 93t-86.5 267z" />
|
||||
<glyph unicode="D" horiz-adv-x="835" d="M82 0v1434h356q336 0 336 -355v-725q0 -354 -336 -354h-356zM307 205h127q115 0 115 139v746q0 139 -115 139h-127v-1024z" />
|
||||
<glyph unicode="E" horiz-adv-x="753" d="M82 0v1434h614v-205h-389v-400h309v-204h-309v-420h389v-205h-614z" />
|
||||
<glyph unicode="F" horiz-adv-x="704" d="M82 0v1434h596v-205h-371v-432h291v-205h-291v-592h-225z" />
|
||||
<glyph unicode="G" horiz-adv-x="798" d="M63 344v746q0 174 86.5 267t250 93t249.5 -93t86 -267v-140h-213v154q0 141 -116.5 141t-116.5 -141v-774q0 -139 117 -140q116 0 116 140v264h-102v205h315v-455q0 -174 -86 -267t-249.5 -93t-250 93t-86.5 267z" />
|
||||
<glyph unicode="H" horiz-adv-x="874" d="M82 0v1434h225v-615h256v615h230v-1434h-230v614h-256v-614h-225z" />
|
||||
<glyph unicode="I" horiz-adv-x="389" d="M82 0v1434h225v-1434h-225z" />
|
||||
<glyph unicode="J" horiz-adv-x="524" d="M20 0v205q25 -2 78 -2q129 0 129 137v1094h226v-1078q0 -360 -324 -360q-72 0 -109 4z" />
|
||||
<glyph unicode="K" horiz-adv-x="847" d="M82 0v1434h225v-625l295 625h225l-313 -639l313 -795h-231l-219 571l-70 -131v-440h-225z" />
|
||||
<glyph unicode="L" horiz-adv-x="694" d="M82 0v1434h225v-1229h371v-205h-596z" />
|
||||
<glyph unicode="M" horiz-adv-x="1107" d="M80 0v1434h313l166 -1018l154 1018h313v-1434h-213v1028l-156 -1028h-213l-168 1014v-1014h-196z" />
|
||||
<glyph unicode="N" horiz-adv-x="874" d="M80 0v1434h282l232 -859v859h201v-1434h-232l-280 1038v-1038h-203z" />
|
||||
<glyph unicode="O" d="M63 344v746q0 172 88.5 266t254 94t254 -94t88.5 -266v-746q0 -172 -88.5 -266t-254 -94t-254 94t-88.5 266zM289 330q1 -141 117 -142q117 0 116 142v774q0 141 -116.5 141t-116.5 -141v-774z" />
|
||||
<glyph unicode="P" horiz-adv-x="772" d="M82 0v1434h332q336 0 336 -355v-186q0 -354 -336 -354h-107v-539h-225zM307 743h107q55 0 82.5 31t27.5 105v215q0 74 -27.5 104.5t-82.5 30.5h-107v-486z" />
|
||||
<glyph unicode="Q" d="M63 1090q0 172 88.5 266t254 94t254 -94t88.5 -266v-746q0 -121 -43 -201q12 -30 60 -30h3h20v-201h-30q-145 0 -195 98q-71 -26 -151 -26h-6q-166 0 -254.5 94t-88.5 266v746zM289 330q0 -141 116 -142h1q116 0 116 142v774q0 141 -116.5 141t-116.5 -141v-774z" />
|
||||
<glyph unicode="R" horiz-adv-x="823" d="M82 0v1434h340q174 0 254 -81t80 -249v-113q0 -221 -148 -291q150 -63 150 -305v-221v-9q0 -110 24 -165h-229q-20 61 -21 176v225q0 98 -34.5 140.5t-112.5 42.5h-78v-584h-225zM307 788h88q68 0 101.5 35t33.5 117v141q1 148 -114 148h-109v-441z" />
|
||||
<glyph unicode="S" horiz-adv-x="765" d="M47 344v88h213v-102q0 -140 117 -140h1q116 0 116 140q0 80 -46 150t-110 128l-130 120q-66 63 -110.5 156t-44.5 206q0 174 84 267t248 93t248 -93t84 -267v-46h-213v60q0 141 -112.5 141t-112.5 -141q0 -59 24.5 -112.5t63.5 -96.5t86 -85t93 -88t85 -98.5t63.5 -124 t24.5 -155.5q0 -174 -86 -267t-250 -93t-250 93t-86 267z" />
|
||||
<glyph unicode="T" horiz-adv-x="729" d="M16 1229v205h697v-205h-236v-1229h-225v1229h-236z" />
|
||||
<glyph unicode="U" horiz-adv-x="815" d="M72 342v1092h225v-1106q1 -140 117 -140q117 0 116 140v1106h213v-1092q0 -174 -86 -267t-249.5 -93t-249.5 93t-86 267z" />
|
||||
<glyph unicode="V" horiz-adv-x="823" d="M23 1434h227l172 -1170l172 1170h207l-221 -1434h-336z" />
|
||||
<glyph unicode="W" horiz-adv-x="1153" d="M31 1434h219l121 -1131l108 1131h217l113 -1139l117 1139h196l-159 -1434h-299l-82 764l-82 -764h-310z" />
|
||||
<glyph unicode="X" horiz-adv-x="880" d="M31 0l252 737l-236 697h234l170 -529l174 529h209l-236 -697l252 -737h-238l-184 567l-186 -567h-211z" />
|
||||
<glyph unicode="Y" d="M8 1434h236l172 -654l172 654h215l-285 -959v-475h-225v475z" />
|
||||
<glyph unicode="Z" horiz-adv-x="757" d="M47 0v201l428 1028h-407v205h639v-201l-428 -1028h428v-205h-660z" />
|
||||
<glyph unicode="[" horiz-adv-x="514" d="M96 0v1434h373v-185h-147v-1065h147v-184h-373z" />
|
||||
<glyph unicode="\" horiz-adv-x="780" d="M10 1434h195l565 -1434h-195z" />
|
||||
<glyph unicode="]" horiz-adv-x="514" d="M45 0v184h148v1065h-148v185h373v-1434h-373z" />
|
||||
<glyph unicode="^" d="M41 799l285 635h159l285 -635h-180l-184 430l-185 -430h-180z" />
|
||||
<glyph unicode="_" horiz-adv-x="1024" d="M0 -20h1024v-164h-1024v164z" />
|
||||
<glyph unicode="`" horiz-adv-x="512" d="M90 1737h232l139 -228h-162z" />
|
||||
<glyph unicode="a" horiz-adv-x="833" d="M23 0l229 1434h330l229 -1434h-227l-39 260h-277l-39 -260h-206zM297 455h217l-108 725z" />
|
||||
<glyph unicode="b" horiz-adv-x="831" d="M82 0v1434h340q174 0 254 -81t80 -249v-51q0 -221 -146 -289q168 -66 168 -307v-117q0 -166 -87 -253t-255 -87h-354zM307 205h129q59 0 88 31.5t29 109.5v125q0 98 -33.5 136t-111.5 38h-101v-440zM307 850h88q68 0 101.5 35t33.5 116v80q1 148 -114 148h-109v-379z" />
|
||||
<glyph unicode="c" horiz-adv-x="790" d="M63 344v746q0 174 86.5 267t250 93t249.5 -93t86 -267v-140h-213v154q0 141 -116.5 141t-116.5 -141v-774q1 -140 117 -140q117 0 116 140v205h213v-191q0 -174 -86 -267t-249.5 -93t-250 93t-86.5 267z" />
|
||||
<glyph unicode="d" horiz-adv-x="835" d="M82 0v1434h356q336 0 336 -355v-725q0 -354 -336 -354h-356zM307 205h127q115 0 115 139v746q0 139 -115 139h-127v-1024z" />
|
||||
<glyph unicode="e" horiz-adv-x="753" d="M82 0v1434h614v-205h-389v-400h309v-204h-309v-420h389v-205h-614z" />
|
||||
<glyph unicode="f" horiz-adv-x="704" d="M82 0v1434h596v-205h-371v-432h291v-205h-291v-592h-225z" />
|
||||
<glyph unicode="g" horiz-adv-x="798" d="M63 344v746q0 174 86.5 267t250 93t249.5 -93t86 -267v-140h-213v154q0 141 -116.5 141t-116.5 -141v-774q0 -139 117 -140q116 0 116 140v264h-102v205h315v-455q0 -174 -86 -267t-249.5 -93t-250 93t-86.5 267z" />
|
||||
<glyph unicode="h" horiz-adv-x="874" d="M82 0v1434h225v-615h256v615h230v-1434h-230v614h-256v-614h-225z" />
|
||||
<glyph unicode="i" horiz-adv-x="389" d="M82 0v1434h225v-1434h-225z" />
|
||||
<glyph unicode="j" horiz-adv-x="524" d="M20 0v205q25 -2 78 -2q129 0 129 137v1094h226v-1078q0 -360 -324 -360q-72 0 -109 4z" />
|
||||
<glyph unicode="k" horiz-adv-x="847" d="M82 0v1434h225v-625l295 625h225l-313 -639l313 -795h-231l-219 571l-70 -131v-440h-225z" />
|
||||
<glyph unicode="l" horiz-adv-x="694" d="M82 0v1434h225v-1229h371v-205h-596z" />
|
||||
<glyph unicode="m" horiz-adv-x="1107" d="M80 0v1434h313l166 -1018l154 1018h313v-1434h-213v1028l-156 -1028h-213l-168 1014v-1014h-196z" />
|
||||
<glyph unicode="n" horiz-adv-x="874" d="M80 0v1434h282l232 -859v859h201v-1434h-232l-280 1038v-1038h-203z" />
|
||||
<glyph unicode="o" d="M63 344v746q0 172 88.5 266t254 94t254 -94t88.5 -266v-746q0 -172 -88.5 -266t-254 -94t-254 94t-88.5 266zM289 330q1 -141 117 -142q117 0 116 142v774q0 141 -116.5 141t-116.5 -141v-774z" />
|
||||
<glyph unicode="p" horiz-adv-x="772" d="M82 0v1434h332q336 0 336 -355v-186q0 -354 -336 -354h-107v-539h-225zM307 743h107q55 0 82.5 31t27.5 105v215q0 74 -27.5 104.5t-82.5 30.5h-107v-486z" />
|
||||
<glyph unicode="q" d="M63 1090q0 172 88.5 266t254 94t254 -94t88.5 -266v-746q0 -121 -43 -201q12 -30 60 -30h3h20v-201h-30q-145 0 -195 98q-71 -26 -151 -26h-6q-166 0 -254.5 94t-88.5 266v746zM289 330q0 -141 116 -142h1q116 0 116 142v774q0 141 -116.5 141t-116.5 -141v-774z" />
|
||||
<glyph unicode="r" horiz-adv-x="823" d="M82 0v1434h340q174 0 254 -81t80 -249v-113q0 -221 -148 -291q150 -63 150 -305v-221v-9q0 -110 24 -165h-229q-20 61 -21 176v225q0 98 -34.5 140.5t-112.5 42.5h-78v-584h-225zM307 788h88q68 0 101.5 35t33.5 117v141q1 148 -114 148h-109v-441z" />
|
||||
<glyph unicode="s" horiz-adv-x="765" d="M47 344v88h213v-102q0 -140 117 -140h1q116 0 116 140q0 80 -46 150t-110 128l-130 120q-66 63 -110.5 156t-44.5 206q0 174 84 267t248 93t248 -93t84 -267v-46h-213v60q0 141 -112.5 141t-112.5 -141q0 -59 24.5 -112.5t63.5 -96.5t86 -85t93 -88t85 -98.5t63.5 -124 t24.5 -155.5q0 -174 -86 -267t-250 -93t-250 93t-86 267z" />
|
||||
<glyph unicode="t" horiz-adv-x="729" d="M16 1229v205h697v-205h-236v-1229h-225v1229h-236z" />
|
||||
<glyph unicode="u" horiz-adv-x="815" d="M72 342v1092h225v-1106q1 -140 117 -140q117 0 116 140v1106h213v-1092q0 -174 -86 -267t-249.5 -93t-249.5 93t-86 267z" />
|
||||
<glyph unicode="v" horiz-adv-x="823" d="M23 1434h227l172 -1170l172 1170h207l-221 -1434h-336z" />
|
||||
<glyph unicode="w" horiz-adv-x="1153" d="M31 1434h219l121 -1131l108 1131h217l113 -1139l117 1139h196l-159 -1434h-299l-82 764l-82 -764h-310z" />
|
||||
<glyph unicode="x" horiz-adv-x="880" d="M31 0l252 737l-236 697h234l170 -529l174 529h209l-236 -697l252 -737h-238l-184 567l-186 -567h-211z" />
|
||||
<glyph unicode="y" d="M8 1434h236l172 -654l172 654h215l-285 -959v-475h-225v475z" />
|
||||
<glyph unicode="z" horiz-adv-x="757" d="M47 0v201l428 1028h-407v205h639v-201l-428 -1028h428v-205h-660z" />
|
||||
<glyph unicode="{" horiz-adv-x="526" d="M23 625v184q63 0 85.5 25.5t26.5 97.5l17 274q8 113 68.5 170.5t158.5 57.5h115v-185h-33q-55 0 -80 -31.5t-29 -113.5l-10 -205q-8 -149 -133 -182q125 -33 133 -182l10 -205q4 -82 29 -114t80 -32h33v-184h-115q-98 0 -158.5 57.5t-68.5 169.5l-17 275 q-4 72 -26.5 97.5t-85.5 25.5z" />
|
||||
<glyph unicode="|" horiz-adv-x="1024" d="M430 -133v1700h184v-1700h-184z" />
|
||||
<glyph unicode="}" horiz-adv-x="526" d="M33 1249v185h114q98 0 159 -57.5t69 -170.5l16 -274q4 -72 26.5 -97.5t86.5 -25.5v-184q-63 0 -86 -26t-27 -97l-16 -275q-8 -113 -68.5 -170t-159.5 -57h-114v184h33q55 0 79.5 32t28.5 114l10 205q8 149 133 182q-125 33 -133 182l-10 205q-4 82 -28.5 113.5 t-79.5 31.5h-33z" />
|
||||
<glyph unicode="~" d="M16 680q70 104 126.5 144t117.5 40q59 0 155.5 -62.5t137.5 -62.5q33 0 58.5 23.5t76.5 93.5l107 -111q-70 -102 -125.5 -139t-118.5 -37q-59 0 -155.5 62.5t-137.5 62.5q-35 0 -60.5 -23t-74.5 -93z" />
|
||||
<glyph unicode="¢" d="M74 426v582q0 297 239 350v106h185v-104q248 -49 247 -352v-99h-213v113q0 141 -116.5 141t-116.5 -141v-610q0 -139 117 -140q116 0 116 140v163h213v-149q0 -305 -247 -352v-105h-185v107q-240 49 -239 350z" />
|
||||
<glyph unicode="£" d="M61 0v197q82 0 137.5 62.5t57.5 170.5h-166v174h137q-14 39 -56 123t-65.5 167t-23.5 196q0 174 84 267t248 93t247.5 -93t83.5 -267v-142h-213v156q0 141 -112.5 141t-112.5 -141q0 -113 24.5 -200t62.5 -167t50 -133h248v-174h-233q-14 -145 -115 -225h387v-205h-670z " />
|
||||
<glyph unicode="¥" d="M14 1434h236l166 -633l166 633h215l-262 -879h170v-113h-187v-92h187v-112h-187v-238h-225v238h-187v112h187v92h-187v113h168z" />
|
||||
<glyph unicode="©" horiz-adv-x="1507" d="M41 716.5q0 317.5 204 525.5t509 208t508.5 -208t203.5 -525.5t-203.5 -525t-508.5 -207.5t-509 207.5t-204 525zM188 717q0 -256 161 -423t404.5 -167t404.5 167t161 423t-161 423t-404.5 167t-404.5 -167t-161 -423zM514 516v397q0 254 231.5 254t231.5 -254v-73h-148 v86q0 98 -79.5 98t-79.5 -98v-418q0 -96 79.5 -96t79.5 96v123h148v-115q0 -250 -231.5 -250t-231.5 250z" />
|
||||
<glyph unicode="­" horiz-adv-x="552" d="M72 614v205h409v-205h-409z" />
|
||||
<glyph unicode="®" horiz-adv-x="1507" d="M41 716.5q0 317.5 204 525.5t509 208t508.5 -208t203.5 -525.5t-203.5 -525t-508.5 -207.5t-509 207.5t-204 525zM188 717q0 -256 161 -423t404.5 -167t404.5 167t161 423t-161 423t-404.5 167t-404.5 -167t-161 -423zM528 279v876h238q231 0 231 -229v-19 q0 -156 -106 -202q106 -43 106 -211v-95q1 -79 19 -120h-160q-14 37 -14 122v95q0 70 -24.5 98.5t-80.5 28.5h-53v-344h-156zM684 766h64q94 0 94 104v37q0 105 -84 105h-74v-246z" />
|
||||
<glyph unicode="´" horiz-adv-x="512" d="M55 1509l140 228h221l-209 -228h-152z" />
|
||||
<glyph unicode=" " horiz-adv-x="868" />
|
||||
<glyph unicode=" " horiz-adv-x="1737" />
|
||||
<glyph unicode=" " horiz-adv-x="868" />
|
||||
<glyph unicode=" " horiz-adv-x="1737" />
|
||||
<glyph unicode=" " horiz-adv-x="579" />
|
||||
<glyph unicode=" " horiz-adv-x="434" />
|
||||
<glyph unicode=" " horiz-adv-x="289" />
|
||||
<glyph unicode=" " horiz-adv-x="289" />
|
||||
<glyph unicode=" " horiz-adv-x="217" />
|
||||
<glyph unicode=" " horiz-adv-x="347" />
|
||||
<glyph unicode=" " horiz-adv-x="96" />
|
||||
<glyph unicode="‐" horiz-adv-x="552" d="M72 614v205h409v-205h-409z" />
|
||||
<glyph unicode="‑" horiz-adv-x="552" d="M72 614v205h409v-205h-409z" />
|
||||
<glyph unicode="‒" horiz-adv-x="552" d="M72 614v205h409v-205h-409z" />
|
||||
<glyph unicode="–" horiz-adv-x="1024" d="M0 625v184h1024v-184h-1024z" />
|
||||
<glyph unicode="—" horiz-adv-x="2048" d="M0 625v184h2048v-184h-2048z" />
|
||||
<glyph unicode="‘" horiz-adv-x="380" d="M82 1012v194l98 228h92l-59 -205h86v-217h-217z" />
|
||||
<glyph unicode="’" horiz-adv-x="380" d="M82 1217v217h217v-195l-98 -227h-92l59 205h-86z" />
|
||||
<glyph unicode="“" horiz-adv-x="679" d="M82 1012v194l98 228h92l-59 -205h86v-217h-217zM381 1012v194l98 228h92l-59 -205h86v-217h-217z" />
|
||||
<glyph unicode="”" horiz-adv-x="679" d="M82 1217v217h217v-195l-98 -227h-92l59 205h-86zM381 1217v217h217v-195l-98 -227h-92l59 205h-86z" />
|
||||
<glyph unicode="•" d="M121 717q0 119 83 201.5t201.5 82.5t201.5 -82.5t83 -201.5t-83 -202t-201.5 -83t-201.5 83t-83 202z" />
|
||||
<glyph unicode="…" horiz-adv-x="978" d="M82 0v217h217v-217h-217zM381 0v217h217v-217h-217zM680 0v217h217v-217h-217z" />
|
||||
<glyph unicode=" " horiz-adv-x="347" />
|
||||
<glyph unicode=" " horiz-adv-x="434" />
|
||||
<glyph unicode="€" d="M39 553v113h57v112h-57v113h57v199q0 174 83 267t247 93t247 -93t83 -267v-105h-213v119q0 141 -110.5 141t-110.5 -141v-213h315v-113h-315v-112h315v-113h-315v-223q0 -139 110 -140h1q110 0 110 140v129h213v-115q0 -174 -83 -267t-247 -93t-247 93t-83 267v209h-57z " />
|
||||
<glyph unicode="™" horiz-adv-x="1200" d="M20 1303v131h443v-131h-150v-598h-143v598h-150zM549 705v729h199l106 -512l96 512h199v-729h-135v518l-96 -518h-136l-108 514v-514h-125z" />
|
||||
<glyph unicode="" horiz-adv-x="1435" d="M0 1435h1435v-1435h-1435v1435z" />
|
||||
</font>
|
||||
</defs></svg>
|
||||
|
After Width: | Height: | Size: 20 KiB |
BIN
bebas-neue/BebasNeue-webfont.ttf
Normal file
BIN
bebas-neue/BebasNeue-webfont.woff
Normal file
BIN
bebas-neue/BebasNeue-webfont_162a16fe.eot
Normal file
307
blog.php.html
Normal file
@ -0,0 +1,307 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html dir="ltr" lang="en-US">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Broadside | Corporate & Portfolio Template</title>
|
||||
<link rel="stylesheet" href="./style.css" type="text/css" media="all" />
|
||||
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="./js/custom.js"></script><!-- Various Custom JavaScript including Lightbox Settings -->
|
||||
<script type="text/javascript" src="./js/jquery.fancybox.js"></script><!-- Lightbox JavaScript -->
|
||||
|
||||
<!-- Drop-Down Menu JavaScript -->
|
||||
<script type="text/javascript" src="./js/hoverIntent.js"></script>
|
||||
<script type="text/javascript" src="./js/superfish.js"></script>
|
||||
|
||||
<!-- Featured Slider JavaScript and CSS -->
|
||||
<script src="./js/jquery.orbit-1.2.3.min.js" type="text/javascript"></script>
|
||||
<!--[if IE]>
|
||||
<style type="text/css">
|
||||
.timer { display: none !important; }
|
||||
div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
<!--[if IE 7]>
|
||||
<link rel="stylesheet" type="text/css" href="./css/ie7.css" />
|
||||
<![endif]-->
|
||||
|
||||
<!-- Color Picker Styles and JavaScript -->
|
||||
<link rel="stylesheet" media="screen" type="text/css" href="./css/colorpicker.css" />
|
||||
<link rel="stylesheet" media="screen" type="text/css" href="./css/slider-color-picker.css" />
|
||||
<script type="text/javascript" src="./js/colorpicker.js"></script>
|
||||
<script type="text/javascript" src="./js/eye.js"></script>
|
||||
<script type="text/javascript" src="./js/utils.js"></script>
|
||||
<script type="text/javascript" src="./js/layout_e021f963.js"></script>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
|
||||
|
||||
<body>
|
||||
<!-- FULL BACKGROUND IMAGE -->
|
||||
<img src="./images/background-dark.jpg" id="bg" alt="background" />
|
||||
|
||||
<div id="box-container">
|
||||
<div id="page-wrap">
|
||||
|
||||
<div id="container">
|
||||
|
||||
|
||||
<div id="left-container">
|
||||
|
||||
<div class="bottom-box">
|
||||
<div class="logo-menu">
|
||||
<a href="./index.php.html"><img src="./images/logo-space.png" alt="logo" /></a>
|
||||
</div><!-- close .logo-menu -->
|
||||
</div><!-- close .top-box or .bottom-box -->
|
||||
|
||||
<div class="side-barheading center-align">
|
||||
<h5>Check out our</h5>
|
||||
<h2>Recent Updates</h2>
|
||||
</div>
|
||||
|
||||
<div class="top-box">
|
||||
<div class="navigation-menu">
|
||||
<div class="hover-box">
|
||||
<h1>Menu</h1>
|
||||
<ul class="sf-menu sf-vertical">
|
||||
<li class="sliding-element">
|
||||
<a href="./index.php.html">Home</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./company.php.html">Company</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./services.php.html">Our Services</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./portfolio.php.html">Portfolio</a>
|
||||
<ul>
|
||||
<li class="sliding-element">
|
||||
<a href="./portfolio-thumbnails.php.html">Thumbnails</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./portfolio.php.html">Scrolling Portfolio</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./portfolio-gallery.php.html">Image Gallery</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./portfolio-full-width.php.html">Full-width</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="current">
|
||||
<a href="./blog.php.html">Blog</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./video.php.html">Video Example</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./contact.php.html">Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="navigation-space"> </div>
|
||||
|
||||
</div><!-- close .hover-box -->
|
||||
</div><!-- close .navigation-menu -->
|
||||
</div><!-- close .top-box or .bottom-box -->
|
||||
|
||||
|
||||
|
||||
</div><!-- close #left-container -->
|
||||
|
||||
|
||||
<div class="content-container">
|
||||
<div class="content-heading right-align">
|
||||
<h1>Blog</h1>
|
||||
</div>
|
||||
<div class="scroll-pane" style="height:420px;"><!-- customize the height for the scroll box -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- BEGIN BLOG POST -->
|
||||
<div class="blog-post">
|
||||
<div class="blog-image"><a href="#"><img src="./images/portfolio/blog-img_2.jpg" alt="blog-post-image" width="125" height="120" class="transparent" /></a></div>
|
||||
<div class="post-content">
|
||||
<div class="post-heading">
|
||||
<div class="post-data">
|
||||
<h3><a href="#">Sample blog post title here</a></h3>
|
||||
Posted by <a href="#">Admin</a> in <a href="#">Uncategorized</a> | June 8, 2011
|
||||
</div><!-- close .post-data -->
|
||||
<div class="comments"><a href="#">5</a></div>
|
||||
</div><!-- close .post-heading -->
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus nisi vitae nibh sollicitudin a sagittis urna viverra. Donec malesuada tempus enim eleifend egestas. Donec mattis mollis mauris, ut congue ante euismod quis. Phasellus nec rutrum arcu. Pellentesque condimentum.</p>
|
||||
</div><!-- close .post-content -->
|
||||
</div><!-- close .blog-post-->
|
||||
|
||||
<div class="divider"></div>
|
||||
<!-- END BLOG POST -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- BEGIN BLOG POST -->
|
||||
<div class="blog-post">
|
||||
<div class="blog-image"><a href="#"><img src="./images/portfolio/blog-img_3.jpg" alt="blog-post-image" width="125" height="120" class="transparent" /></a></div>
|
||||
<div class="post-content">
|
||||
<div class="post-heading">
|
||||
<div class="post-data">
|
||||
<h3><a href="#">Sample blog post title here</a></h3>
|
||||
Posted by <a href="#">Admin</a> in <a href="#">Uncategorized</a> | June 8, 2011
|
||||
</div>
|
||||
<div class="comments"><a href="#">5</a></div>
|
||||
</div><!-- close .post-heading -->
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus nisi vitae nibh sollicitudin a sagittis urna viverra. Donec malesuada tempus enim eleifend egestas. Donec mattis mollis mauris, ut congue ante euismod quis. Phasellus nec rutrum arcu. Pellentesque condimentum.</p>
|
||||
</div><!-- close .post-content -->
|
||||
</div><!-- close .blog-post-->
|
||||
|
||||
<div class="divider"></div>
|
||||
<!-- END BLOG POST -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- BEGIN BLOG POST -->
|
||||
<div class="blog-post">
|
||||
<div class="blog-image"><a href="#"><img src="./images/portfolio/blog-img_4.jpg" alt="blog-post-image" width="125" height="120" class="transparent" /></a></div>
|
||||
<div class="post-content">
|
||||
<div class="post-heading">
|
||||
<div class="post-data">
|
||||
<h3><a href="#">Sample blog post title here</a></h3>
|
||||
Posted by <a href="#">Admin</a> in <a href="#">Uncategorized</a> | June 8, 2011
|
||||
</div>
|
||||
<div class="comments"><a href="#">5</a></div>
|
||||
</div><!-- close .post-heading -->
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus nisi vitae nibh sollicitudin a sagittis urna viverra. Donec malesuada tempus enim eleifend egestas. Donec mattis mollis mauris, ut congue ante euismod quis. Phasellus nec rutrum arcu. Pellentesque condimentum.</p>
|
||||
</div><!-- close .post-content -->
|
||||
</div><!-- close .blog-post-->
|
||||
|
||||
<div class="divider"></div>
|
||||
<!-- END BLOG POST -->
|
||||
|
||||
|
||||
<!-- BEGIN BLOG POST -->
|
||||
<div class="blog-post">
|
||||
<div class="blog-image"><a href="#"><img src="./images/portfolio/blog-post-image.jpg" alt="blog-post-image" width="125" height="120" class="transparent" /></a></div>
|
||||
<div class="post-content">
|
||||
<div class="post-heading">
|
||||
<div class="post-data">
|
||||
<h3><a href="#">Sample blog post title here</a></h3>
|
||||
Posted by <a href="#">Admin</a> in <a href="#">Uncategorized</a> | June 8, 2011
|
||||
</div>
|
||||
<div class="comments"><a href="#">5</a></div>
|
||||
</div><!-- close .post-heading -->
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus nisi vitae nibh sollicitudin a sagittis urna viverra. Donec malesuada tempus enim eleifend egestas. Donec mattis mollis mauris, ut congue ante euismod quis. Phasellus nec rutrum arcu. Pellentesque condimentum.</p>
|
||||
</div><!-- close .post-content -->
|
||||
</div><!-- close .blog-post-->
|
||||
|
||||
<div class="divider"></div>
|
||||
<!-- END BLOG POST -->
|
||||
|
||||
|
||||
|
||||
<a id="previous_link-arrow" class="prev" href="#">← <span>Previous</span></a>
|
||||
<a id="next_link-arrow" class="next" href="#"><span>Next</span> →</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div><!-- close .scroll-pane -->
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="./js/jquery.mousewheel.js"></script>
|
||||
<script type="text/javascript" src="./js/jquery.jscrollpane.min.js"></script>
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
$('.scroll-pane').jScrollPane();
|
||||
});
|
||||
</script>
|
||||
|
||||
</div><!-- close #content-container -->
|
||||
|
||||
|
||||
<!-- Background Slides -->
|
||||
<div id="featured">
|
||||
<img src="./images/backgrounds/blog-background-tall.jpg" alt="background image" />
|
||||
</div><!-- close #featured -->
|
||||
<script type="text/javascript">
|
||||
$(window).load(function() {
|
||||
$('#featured').orbit({
|
||||
animation: 'fade', // fade, horizontal-slide, vertical-slide, horizontal-push
|
||||
animationSpeed: 1200, // how fast animtions are
|
||||
timer: true, // true or false to have the timer
|
||||
advanceSpeed: 4000, // if timer is enabled, time between transitions
|
||||
pauseOnHover: false, // if you hover pauses the slider
|
||||
startClockOnMouseOut: false, // if clock should start on MouseOut
|
||||
startClockOnMouseOutAfter: 1000, // how long after MouseOut should the timer start again
|
||||
directionalNav: false, // manual advancing directional navs
|
||||
captions: true, // do you want captions?
|
||||
captionAnimation: 'fade', // fade, slideOpen, none
|
||||
captionAnimationSpeed: 800, // if so how quickly should they animate in
|
||||
bullets: false, // true or false to activate the bullet navigation
|
||||
bulletThumbs: false, // thumbnails for the bullets
|
||||
bulletThumbLocation: '', // location from this file where thumbs will be
|
||||
afterSlideChange: function(){} // empty function
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- End Background Slides -->
|
||||
|
||||
|
||||
</div><!-- close #container -->
|
||||
|
||||
|
||||
<div id="footer">
|
||||
<div id="social-icons">
|
||||
<a href="http://www.facebook.com/" target="_blank"><img src="./images/social-icons/facebook_16.png" alt="Facebook" class="transparent" /></a>
|
||||
<a href="http://www.twitter.com/" target="_blank"><img src="./images/social-icons/twitter_16.png" alt="Twitter" class="transparent" /></a>
|
||||
<a href="http://www.flickr.com/" target="_blank"><img src="./images/social-icons/flickr_16.png" alt="Flickr" class="transparent" /></a>
|
||||
<a href="http://www.vimeo.com/" target="_blank"><img src="./images/social-icons/vimeo_16.png" alt="Vimeo" class="transparent" /></a>
|
||||
<a href="http://www.google.com/" target="_blank"><img src="./images/social-icons/google_16.png" alt="Google" class="transparent" /></a>
|
||||
<a href="http://www.stumbleupon.com/" target="_blank"><img src="./images/social-icons/stumbleupon_16.png" alt="StumbleUpon" class="transparent" /></a>
|
||||
<a href="http://www.youtube.com/" target="_blank"><img src="./images/social-icons/youtube_16.png" alt="YouTube" class="transparent" /></a>
|
||||
<a href="http://themeforest.net/user/ProgressionStudios?ref=ProgressionStudios" target="_blank"><img src="./images/social-icons/email_16.png" alt="E-Mail" class="transparent" /></a>
|
||||
</div>
|
||||
<div id="copyright">
|
||||
Copyright © 2011 – MQ – <a href="http://themeforest.net/user/ProgressionStudios?ref=ProgressionStudios" target="_blank">info@thespace.net</a>
|
||||
</div><!--close #copyright -->
|
||||
</div><!-- close #footer -->
|
||||
|
||||
|
||||
</div><!-- close #page-wrap -->
|
||||
</div><!-- close #box-container -->
|
||||
|
||||
<!-- Color Picker Code -->
|
||||
<div id="toppanel">
|
||||
<div id="panel">
|
||||
<div class="largeheading">Unlimited Colors</div>
|
||||
<div class="heading">Menu Background:</div>
|
||||
<div class="colorSelector"><div style="background-color: #000000"></div></div>
|
||||
<div class="heading">Headings Color:</div>
|
||||
<div class="colorSelector2"><div style="background-color: #b8174d"></div></div>
|
||||
<a href="./blog.php.html" class="reset">Reset colors</a><span class="reset"> | </span><a href="../Architects-Broadside/index.html" class="reset">Preview 2</a>
|
||||
</div><!-- close #panel -->
|
||||
<div class="panel_button" style="display: visible;"><img src="./images/expand.png" alt="expand" /></div> <!-- close #panel_button -->
|
||||
<div class="panel_button hide_button" style="display: none;"><img src="./images/collapse.png" alt="collapse" /> </div> <!-- close #panel_button -->
|
||||
|
||||
</div>
|
||||
<script src="./js/color-picker-slider.js" type="text/javascript"></script>
|
||||
<!-- Close Color Picker Code -->
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$("http://progressionstudios.com/broadside/The-Space-Broadside/ul.sf-menu").superfish({
|
||||
animation: {height:'show'}, // slide-down effect without fade-in
|
||||
delay: 1200 // 1.2 second delay on mouseout
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
331
columns.php.html
Normal file
@ -0,0 +1,331 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html dir="ltr" lang="en-US">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Broadside | Corporate & Portfolio Template</title>
|
||||
<link rel="stylesheet" href="./style.css" type="text/css" media="all" />
|
||||
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="./js/custom.js"></script><!-- Various Custom JavaScript including Lightbox Settings -->
|
||||
<script type="text/javascript" src="./js/jquery.fancybox.js"></script><!-- Lightbox JavaScript -->
|
||||
|
||||
<!-- Drop-Down Menu JavaScript -->
|
||||
<script type="text/javascript" src="./js/hoverIntent.js"></script>
|
||||
<script type="text/javascript" src="./js/superfish.js"></script>
|
||||
|
||||
<!-- Featured Slider JavaScript and CSS -->
|
||||
<script src="./js/jquery.orbit-1.2.3.min.js" type="text/javascript"></script>
|
||||
<!--[if IE]>
|
||||
<style type="text/css">
|
||||
.timer { display: none !important; }
|
||||
div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
<!--[if IE 7]>
|
||||
<link rel="stylesheet" type="text/css" href="./css/ie7.css" />
|
||||
<![endif]-->
|
||||
|
||||
<!-- Color Picker Styles and JavaScript -->
|
||||
<link rel="stylesheet" media="screen" type="text/css" href="./css/colorpicker.css" />
|
||||
<link rel="stylesheet" media="screen" type="text/css" href="./css/slider-color-picker.css" />
|
||||
<script type="text/javascript" src="./js/colorpicker.js"></script>
|
||||
<script type="text/javascript" src="./js/eye.js"></script>
|
||||
<script type="text/javascript" src="./js/utils.js"></script>
|
||||
<script type="text/javascript" src="./js/layout_e021f963.js"></script>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
|
||||
|
||||
<body>
|
||||
<!-- FULL BACKGROUND IMAGE -->
|
||||
<img src="./images/background-dark.jpg" id="bg" alt="background" />
|
||||
|
||||
<div id="box-container">
|
||||
<div id="page-wrap">
|
||||
|
||||
<div id="container">
|
||||
|
||||
<div id="left-container">
|
||||
|
||||
<div class="bottom-box">
|
||||
<div class="logo-menu">
|
||||
<a href="./index.php.html"><img src="./images/logo-space.png" alt="logo" /></a>
|
||||
</div><!-- close .logo-menu -->
|
||||
</div><!-- close .top-box or .bottom-box -->
|
||||
|
||||
<div class="side-barheading center-align">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="top-box">
|
||||
<div class="navigation-menu">
|
||||
<div class="hover-box">
|
||||
|
||||
<h1>Menu</h1>
|
||||
|
||||
<ul class="sf-menu sf-vertical">
|
||||
<li class="sliding-element">
|
||||
<a href="./index.php.html">Home</a>
|
||||
</li>
|
||||
<li class="current">
|
||||
<a href="./company.php.html">Company</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./services.php.html">Our Services</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./portfolio.php.html">Portfolio</a>
|
||||
<ul>
|
||||
<li class="sliding-element">
|
||||
<a href="./portfolio-thumbnails.php.html">Thumbnails</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./portfolio.php.html">Scrolling Portfolio</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./portfolio-gallery.php.html">Image Gallery</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./portfolio-full-width.php.html">Full-width</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./blog.php.html">Blog</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./video.php.html">Video Example</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./contact.php.html">Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div class="navigation-space"> </div>
|
||||
|
||||
</div><!-- close .hover-box -->
|
||||
</div><!-- close .navigation-menu -->
|
||||
</div><!-- close .top-box or .bottom-box -->
|
||||
|
||||
|
||||
|
||||
</div><!-- close #left-container -->
|
||||
|
||||
|
||||
<div class="content-container dark-fonts">
|
||||
<div class="content-heading right-align">
|
||||
<h5>Focus on</h5>
|
||||
<h1>Web & Design</h1>
|
||||
</div>
|
||||
<ul class="sub-navigation right-align">
|
||||
<li><a href="./company.php.html">About Us</a></li>
|
||||
<li><a href="./typography.php.html">Typography</a></li>
|
||||
<li class="current"><a href="./columns.php.html">Columns</a></li>
|
||||
<li><a href="./lightbox.php.html">Lightbox Examples</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div class="scroll-pane" style="height:370px;"><!-- customize the height for the scroll box -->
|
||||
|
||||
|
||||
<div class="col_1_2">
|
||||
<h5>1/2</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. n augue dolor, semper eu cursus et, pulvinar tempor nisl. Nullam iaculis rutrum posuere. Morbi volutpat tempus nisi sit amet ultrices.</p>
|
||||
</div>
|
||||
<div class="col_2_2">
|
||||
<h5>1/2</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. n augue dolor, semper eu cursus et, pulvinar tempor nisl. Nullam iaculis rutrum posuere. Morbi volutpat tempus nisi sit amet ultrices.</p>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
|
||||
|
||||
<br />
|
||||
|
||||
<div class="col_1_2">
|
||||
<h5>1/2</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. n augue dolor, semper eu cursus et, pulvinar tempor nisl. Nullam iaculis rutrum posuere. Morbi volutpat tempus nisi sit amet ultrices.</p>
|
||||
</div>
|
||||
<div class="col_3_4">
|
||||
<h5>1/4</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. n augue dolor, semper eu cursus et, pulvinar tempor nisl.</p>
|
||||
</div>
|
||||
<div class="col_4_4">
|
||||
<h5>1/4</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. n augue dolor, semper eu cursus et, pulvinar tempor nisl.</p>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<br />
|
||||
|
||||
<div class="col_1_4">
|
||||
<h5>1/4</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. n augue dolor, semper eu cursus et, pulvinar tempor nisl.</p>
|
||||
</div>
|
||||
<div class="col_2_4">
|
||||
<h5>1/4</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. n augue dolor, semper eu cursus et, pulvinar tempor nisl.</p>
|
||||
</div>
|
||||
<div class="col_3_4">
|
||||
<h5>1/4</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. n augue dolor, semper eu cursus et, pulvinar tempor nisl.</p>
|
||||
</div>
|
||||
<div class="col_4_4">
|
||||
<h5>1/4</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. n augue dolor, semper eu cursus et, pulvinar tempor nisl.</p>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<br />
|
||||
|
||||
<div class="col_1-3_4">
|
||||
<h5>3/4</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. n augue dolor, semper eu cursus et, pulvinar tempor nisl. n augue dolor, semper eu cur et, pulvinar tempor nisl. n augue dolor, semper eu cursus et, pulvinar tempor nisl. n augue dolor, semper eu cursus et, pulvinar tempor nisl.</p>
|
||||
</div>
|
||||
<div class="col_4_4">
|
||||
<h5>1/4</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. n augue dolor.</p>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<br />
|
||||
|
||||
|
||||
<div class="col_1_3">
|
||||
<div class="content">
|
||||
<h5>1/3</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. n augue dolor, semper eu cursus et, pulvinar tempor nisl.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col_2_3">
|
||||
<div class="content">
|
||||
<h5>1/3</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. n augue dolor, semper eu cursus et, pulvinar tempor nisl.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col_3_3">
|
||||
<div class="content">
|
||||
<h5>1/3</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. n augue dolor, semper eu cursus et, pulvinar tempor nisl.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<br />
|
||||
|
||||
<div class="col_1_3">
|
||||
<div class="content">
|
||||
<h5>1/3</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. n augue dolor, semper eu cursus et, pulvinar tempor nisl.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col_2-2_3">
|
||||
<div class="content">
|
||||
<h5>2/3</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. n augue dolor, semper eu cursus et, pulvinar tempor nisl.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<br />
|
||||
|
||||
|
||||
</div><!-- close .scroll-pane -->
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="./js/jquery.mousewheel.js"></script>
|
||||
<script type="text/javascript" src="./js/jquery.jscrollpane.min.js"></script>
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
$('.scroll-pane').jScrollPane();
|
||||
});
|
||||
</script>
|
||||
|
||||
</div><!-- close #content-container -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Background Slides -->
|
||||
<div id="featured">
|
||||
<img src="./images/backgrounds/company-background.jpg" alt="background image" />
|
||||
</div><!-- close #featured -->
|
||||
<script type="text/javascript">
|
||||
$(window).load(function() {
|
||||
$('#featured').orbit({
|
||||
animation: 'fade', // fade, horizontal-slide, vertical-slide, horizontal-push
|
||||
animationSpeed: 1200, // how fast animtions are
|
||||
timer: true, // true or false to have the timer
|
||||
advanceSpeed: 4000, // if timer is enabled, time between transitions
|
||||
pauseOnHover: false, // if you hover pauses the slider
|
||||
startClockOnMouseOut: false, // if clock should start on MouseOut
|
||||
startClockOnMouseOutAfter: 1000, // how long after MouseOut should the timer start again
|
||||
directionalNav: false, // manual advancing directional navs
|
||||
captions: true, // do you want captions?
|
||||
captionAnimation: 'fade', // fade, slideOpen, none
|
||||
captionAnimationSpeed: 800, // if so how quickly should they animate in
|
||||
bullets: false, // true or false to activate the bullet navigation
|
||||
bulletThumbs: false, // thumbnails for the bullets
|
||||
bulletThumbLocation: '', // location from this file where thumbs will be
|
||||
afterSlideChange: function(){} // empty function
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- End Background Slides -->
|
||||
|
||||
|
||||
</div><!-- close #container -->
|
||||
|
||||
|
||||
<div id="footer">
|
||||
<div id="social-icons">
|
||||
<a href="http://www.facebook.com/" target="_blank"><img src="./images/social-icons/facebook_16.png" alt="Facebook" class="transparent" /></a>
|
||||
<a href="http://www.twitter.com/" target="_blank"><img src="./images/social-icons/twitter_16.png" alt="Twitter" class="transparent" /></a>
|
||||
<a href="http://www.flickr.com/" target="_blank"><img src="./images/social-icons/flickr_16.png" alt="Flickr" class="transparent" /></a>
|
||||
<a href="http://www.vimeo.com/" target="_blank"><img src="./images/social-icons/vimeo_16.png" alt="Vimeo" class="transparent" /></a>
|
||||
<a href="http://www.google.com/" target="_blank"><img src="./images/social-icons/google_16.png" alt="Google" class="transparent" /></a>
|
||||
<a href="http://www.stumbleupon.com/" target="_blank"><img src="./images/social-icons/stumbleupon_16.png" alt="StumbleUpon" class="transparent" /></a>
|
||||
<a href="http://www.youtube.com/" target="_blank"><img src="./images/social-icons/youtube_16.png" alt="YouTube" class="transparent" /></a>
|
||||
<a href="http://themeforest.net/user/ProgressionStudios?ref=ProgressionStudios" target="_blank"><img src="./images/social-icons/email_16.png" alt="E-Mail" class="transparent" /></a>
|
||||
</div>
|
||||
<div id="copyright">
|
||||
Copyright © 2011 – MQ – <a href="http://themeforest.net/user/ProgressionStudios?ref=ProgressionStudios" target="_blank">info@thespace.net</a>
|
||||
</div><!--close #copyright -->
|
||||
</div><!-- close #footer -->
|
||||
|
||||
|
||||
</div><!-- close #page-wrap -->
|
||||
</div><!-- close #box-container -->
|
||||
|
||||
<!-- Color Picker Code -->
|
||||
<div id="toppanel">
|
||||
<div id="panel">
|
||||
<div class="largeheading">Unlimited Colors</div>
|
||||
<div class="heading">Menu Background:</div>
|
||||
<div class="colorSelector"><div style="background-color: #000000"></div></div>
|
||||
<div class="heading">Headings Color:</div>
|
||||
<div class="colorSelector2"><div style="background-color: #b8174d"></div></div>
|
||||
<a href="./columns.php.html" class="reset">Reset colors</a><span class="reset"> | </span><a href="../Architects-Broadside/index.html" class="reset">Preview 2</a>
|
||||
</div><!-- close #panel -->
|
||||
<div class="panel_button" style="display: visible;"><img src="./images/expand.png" alt="expand" /></div> <!-- close #panel_button -->
|
||||
<div class="panel_button hide_button" style="display: none;"><img src="./images/collapse.png" alt="collapse" /> </div> <!-- close #panel_button -->
|
||||
|
||||
</div>
|
||||
<script src="./js/color-picker-slider.js" type="text/javascript"></script>
|
||||
<!-- Close Color Picker Code -->
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$("http://progressionstudios.com/broadside/The-Space-Broadside/ul.sf-menu").superfish({
|
||||
animation: {height:'show'}, // slide-down effect without fade-in
|
||||
delay: 1200 // 1.2 second delay on mouseout
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
199
company.php.html
Normal file
@ -0,0 +1,199 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html dir="ltr" lang="es-ES">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Instaldeco | Servicios de montaje y decoración</title>
|
||||
<link rel="stylesheet" href="./style.css" type="text/css" media="all" />
|
||||
|
||||
<script type="text/javascript" src="./js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="./js/custom.js"></script><!-- Various Custom JavaScript including Lightbox Settings -->
|
||||
<script type="text/javascript" src="./js/jquery.fancybox.js"></script><!-- Lightbox JavaScript -->
|
||||
<link href='./fonts/marvel.css' rel='stylesheet' type='text/css'>
|
||||
|
||||
<!-- Drop-Down Menu JavaScript -->
|
||||
<script type="text/javascript" src="./js/hoverIntent.js"></script>
|
||||
<script type="text/javascript" src="./js/superfish.js"></script>
|
||||
|
||||
<!-- Featured Slider JavaScript and CSS -->
|
||||
<script src="./js/jquery.orbit-1.2.3.min.js" type="text/javascript"></script>
|
||||
<!--[if IE]>
|
||||
<style type="text/css">
|
||||
.timer { display: none !important; }
|
||||
div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
<!--[if IE 7]>
|
||||
<link rel="stylesheet" type="text/css" href="./css/ie7.css" />
|
||||
<![endif]-->
|
||||
|
||||
<!-- Color Picker Styles and JavaScript -->
|
||||
<link rel="stylesheet" media="screen" type="text/css" href="./css/colorpicker.css" />
|
||||
<link rel="stylesheet" media="screen" type="text/css" href="./css/slider-color-picker.css" />
|
||||
<script type="text/javascript" src="./js/colorpicker.js"></script>
|
||||
<script type="text/javascript" src="./js/eye.js"></script>
|
||||
<script type="text/javascript" src="./js/utils.js"></script>
|
||||
<script type="text/javascript" src="./js/layout_e021f963.js"></script>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
|
||||
|
||||
<body style="background: url(./images/camouflage.png) repeat;">
|
||||
<!-- FULL BACKGROUND IMAGE -->
|
||||
<!-- <img src="./images/background-dark.jpg" id="bg" alt="background" / -->
|
||||
|
||||
<div id="box-container">
|
||||
<div id="page-wrap">
|
||||
|
||||
<div id="container">
|
||||
|
||||
<div id="left-container">
|
||||
|
||||
<div class="bottom-box">
|
||||
<div class="logo-menu">
|
||||
<a href="./index.php.html"><img src="./images/logo-instaldeco.png" alt="logo" /></a>
|
||||
</div><!-- close .logo-menu -->
|
||||
</div><!-- close .top-box or .bottom-box -->
|
||||
|
||||
<div class="side-barheading center-align">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="top-box">
|
||||
<div class="navigation-menu">
|
||||
<div class="hover-box">
|
||||
|
||||
<h1>Menu</h1>
|
||||
|
||||
|
||||
<ul class="sf-menu sf-vertical">
|
||||
<li class="sliding-element">
|
||||
<a href="./index.php.html">Inicio</a>
|
||||
</li>
|
||||
<li class="current">
|
||||
<a href="./company.php.html">Acerca de</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./services.php.html">Servicios</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./portfolio-thumbnails.php.html">Trabajos</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./contact.php.html">Contacto</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div class="navigation-space"> </div>
|
||||
|
||||
</div><!-- close .hover-box -->
|
||||
</div><!-- close .navigation-menu -->
|
||||
</div><!-- close .top-box or .bottom-box -->
|
||||
|
||||
|
||||
|
||||
</div><!-- close #left-container -->
|
||||
|
||||
|
||||
<div class="content-container">
|
||||
<div class="content-heading right-align">
|
||||
<h5>Instaldeco</h5>
|
||||
<h1>La solución correcta</h1>
|
||||
</div>
|
||||
<!--<ul class="sub-navigation right-align">
|
||||
<li class="current"><a href="./company.php.html">About Us</a></li>
|
||||
<li><a href="./typography.php.html">Typography</a></li>
|
||||
<li><a href="./columns.php.html">Columns</a></li>
|
||||
<li><a href="./lightbox.php.html">Lightbox Examples</a></li>
|
||||
</ul>-->
|
||||
|
||||
|
||||
<div class="scroll-pane" style="height:370px;"><!-- customize the height for the scroll box -->
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at <a href="#">accumsan vitae</a>, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum.
|
||||
<br/><br/>
|
||||
Duis enim turpis, tempus at <a href="#">accumsan vitae</a>, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum.
|
||||
</p>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at <a href="#">accumsan vitae</a>, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum.
|
||||
</p>
|
||||
|
||||
|
||||
</div><!-- close .scroll-pane -->
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="./js/jquery.mousewheel.js"></script>
|
||||
<script type="text/javascript" src="./js/jquery.jscrollpane.min.js"></script>
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
$('.scroll-pane').jScrollPane();
|
||||
});
|
||||
</script>
|
||||
|
||||
</div><!-- close #content-container -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Background Slides -->
|
||||
<div id="featured">
|
||||
<img src="./images/backgrounds/projects-background-gray.jpg" alt="background image" />
|
||||
</div><!-- close #featured -->
|
||||
<script type="text/javascript">
|
||||
$(window).load(function() {
|
||||
$('#featured').orbit({
|
||||
animation: 'fade', // fade, horizontal-slide, vertical-slide, horizontal-push
|
||||
animationSpeed: 1200, // how fast animtions are
|
||||
timer: true, // true or false to have the timer
|
||||
advanceSpeed: 4000, // if timer is enabled, time between transitions
|
||||
pauseOnHover: false, // if you hover pauses the slider
|
||||
startClockOnMouseOut: false, // if clock should start on MouseOut
|
||||
startClockOnMouseOutAfter: 1000, // how long after MouseOut should the timer start again
|
||||
directionalNav: false, // manual advancing directional navs
|
||||
captions: true, // do you want captions?
|
||||
captionAnimation: 'fade', // fade, slideOpen, none
|
||||
captionAnimationSpeed: 800, // if so how quickly should they animate in
|
||||
bullets: false, // true or false to activate the bullet navigation
|
||||
bulletThumbs: false, // thumbnails for the bullets
|
||||
bulletThumbLocation: '', // location from this file where thumbs will be
|
||||
afterSlideChange: function(){} // empty function
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- End Background Slides -->
|
||||
|
||||
|
||||
</div><!-- close #container -->
|
||||
|
||||
|
||||
<div id="footer">
|
||||
</div><!-- close #footer -->
|
||||
|
||||
|
||||
</div><!-- close #page-wrap -->
|
||||
</div><!-- close #box-container -->
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$("ul.sf-menu").superfish({
|
||||
animation: {height:'show'}, // slide-down effect without fade-in
|
||||
delay: 1200 // 1.2 second delay on mouseout
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
227
contact.php.html
Normal file
@ -0,0 +1,227 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html dir="ltr" lang="es-ES">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Instaldeco | Servicios de montaje y decoración</title>
|
||||
<link rel="stylesheet" href="./style.css" type="text/css" media="all" />
|
||||
|
||||
<script type="text/javascript" src="./js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="./js/custom.js"></script><!-- Various Custom JavaScript including Lightbox Settings -->
|
||||
<script type="text/javascript" src="./js/jquery.fancybox.js"></script><!-- Lightbox JavaScript -->
|
||||
<link href='./fonts/marvel.css' rel='stylesheet' type='text/css'>
|
||||
|
||||
|
||||
<!-- Drop-Down Menu JavaScript -->
|
||||
<script type="text/javascript" src="./js/hoverIntent.js"></script>
|
||||
<script type="text/javascript" src="./js/superfish.js"></script>
|
||||
|
||||
<!-- Featured Slider JavaScript and CSS -->
|
||||
<script src="./js/jquery.orbit-1.2.3.min.js" type="text/javascript"></script>
|
||||
<!--[if IE]>
|
||||
<style type="text/css">
|
||||
.timer { display: none !important; }
|
||||
div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
<!--[if IE 7]>
|
||||
<link rel="stylesheet" type="text/css" href="./css/ie7.css" />
|
||||
<![endif]-->
|
||||
|
||||
<!-- Color Picker Styles and JavaScript -->
|
||||
<link rel="stylesheet" media="screen" type="text/css" href="./css/colorpicker.css" />
|
||||
<link rel="stylesheet" media="screen" type="text/css" href="./css/slider-color-picker.css" />
|
||||
<script type="text/javascript" src="./js/colorpicker.js"></script>
|
||||
<script type="text/javascript" src="./js/eye.js"></script>
|
||||
<script type="text/javascript" src="./js/utils.js"></script>
|
||||
<script type="text/javascript" src="./js/layout_e021f963.js"></script>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
|
||||
|
||||
<body style="background: url(./images/camouflage.png) repeat;">
|
||||
|
||||
<div id="box-container">
|
||||
<div id="page-wrap">
|
||||
|
||||
<div id="container">
|
||||
|
||||
<div id="left-container">
|
||||
|
||||
<div class="bottom-box">
|
||||
<div class="logo-menu">
|
||||
<a href="./index.php.html"><img src="./images/logo-instaldeco.png" alt="logo" /></a>
|
||||
</div><!-- close .logo-menu -->
|
||||
</div><!-- close .top-box or .bottom-box -->
|
||||
|
||||
<div class="side-barheading center-align">
|
||||
</div>
|
||||
|
||||
<div class="top-box">
|
||||
<div class="navigation-menu">
|
||||
<div class="hover-box">
|
||||
<h1>Menu</h1>
|
||||
<ul class="sf-menu sf-vertical">
|
||||
<li class="sliding-element">
|
||||
<a href="./index.php.html">Inicio</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./company.php.html">Acerca de</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
<a href="./services.php.html">Servicios</a>
|
||||
</li>
|
||||
<li class="sliding-element">
|
||||
|
||||
<a href="./portfolio-thumbnails.php.html">Trabajos</a>
|
||||
</li>
|
||||
<li class="current">
|
||||
|
||||
<a href="./contact.php.html">Contacto</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="navigation-space"> </div>
|
||||
|
||||
</div><!-- close .hover-box -->
|
||||
</div><!-- close .navigation-menu -->
|
||||
</div><!-- close .top-box or .bottom-box -->
|
||||
|
||||
|
||||
|
||||
</div><!-- close #left-container -->
|
||||
|
||||
|
||||
|
||||
<div class="content-container light-fonts">
|
||||
<div class="content-heading right-align">
|
||||
<h6>Instaldeco</h6>
|
||||
<h1>Contacto</h1>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="scroll-pane" style="height:400px;"><!-- customize the height for the scroll box -->
|
||||
|
||||
<br />
|
||||
|
||||
<div class="col_1_2">
|
||||
<div class="contact-details">
|
||||
<p>Avda. Monte Boyal, 100<br />
|
||||
Pol. Ind. Monte Boyal<br/>
|
||||
45950 – Casarrubios del Monte<br />
|
||||
Toledo<br/>
|
||||
<a href="http://maps.google.es/maps?q=Avda.+Monte+Boyal,+100+Pol.+Ind.+Monte+Boyal+45950+%E2%80%93+Casarrubios+del+Monte&hl=es&ie=UTF8&ll=40.207992,-4.060779&spn=0.00667,0.013937&safe=off&client=firefox-a&fb=1&gl=es&view=map&cid=7059151023224991364&t=m&z=17&vpsrc=0&iwloc=A" class="iframe-popup">Ver mapa</a><br />
|
||||
</p>
|
||||
|
||||
<p>Tel. 91 818 80 46<br />
|
||||
Fax. 91 818 80 61<br/>
|
||||
<a href="" target="_blank">info@insteldeco.com</a></p>
|
||||
</div><!-- close .contact-details -->
|
||||
</div>
|
||||
|
||||
<div class="col_2_2">
|
||||
<div class="contact-form">
|
||||
|
||||
<script src="./js/jquery.validate.min.js" type="text/javascript"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
$("#contactform").validate();
|
||||
});
|
||||
</script>
|
||||
<div id="contact-wrapper">
|
||||
|
||||
|
||||
<form method="post" action="./contact.php.html" id="contactform" />
|
||||
<div>
|
||||
<label>Nombre:</label>
|
||||
<input type="text" size="45" name="contactname" id="contactname" value="" class="required" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label>Email:</label>
|
||||
<input type="text" size="45" name="email" id="email" value="" class="required email" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<!--label for="message">Message:</label-->
|
||||
<textarea rows="5" cols="45" name="message" id="message"></textarea>
|
||||
</div>
|
||||
<input type="submit" class="submit-form" value="Enviar email ›" name="submit" />
|
||||
</form>
|
||||
</div><!-- close #contact-wrapper -->
|
||||
|
||||
<br /><br /><br />
|
||||
|
||||
</div><!-- close .contact-form -->
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div><!-- close .scroll-pane -->
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="./js/jquery.mousewheel.js"></script>
|
||||
<script type="text/javascript" src="./js/jquery.jscrollpane.min.js"></script>
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
$('.scroll-pane').jScrollPane();
|
||||
});
|
||||
</script>
|
||||
|
||||
</div><!-- close #content-container -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Background Slides -->
|
||||
<div id="featured">
|
||||
<img src="./images/backgrounds/background2-image-600tall.jpg" alt="background image" />
|
||||
</div><!-- close #featured -->
|
||||
<script type="text/javascript">
|
||||
$(window).load(function() {
|
||||
$('#featured').orbit({
|
||||
animation: 'fade', // fade, horizontal-slide, vertical-slide, horizontal-push
|
||||
animationSpeed: 1200, // how fast animtions are
|
||||
timer: true, // true or false to have the timer
|
||||
advanceSpeed: 4000, // if timer is enabled, time between transitions
|
||||
pauseOnHover: false, // if you hover pauses the slider
|
||||
startClockOnMouseOut: false, // if clock should start on MouseOut
|
||||
startClockOnMouseOutAfter: 1000, // how long after MouseOut should the timer start again
|
||||
directionalNav: false, // manual advancing directional navs
|
||||
captions: true, // do you want captions?
|
||||
captionAnimation: 'fade', // fade, slideOpen, none
|
||||
captionAnimationSpeed: 800, // if so how quickly should they animate in
|
||||
bullets: false, // true or false to activate the bullet navigation
|
||||
bulletThumbs: false, // thumbnails for the bullets
|
||||
bulletThumbLocation: '', // location from this file where thumbs will be
|
||||
afterSlideChange: function(){} // empty function
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- End Background Slides -->
|
||||
|
||||
|
||||
|
||||
</div><!-- close #container -->
|
||||
|
||||
|
||||
<div id="footer">
|
||||
</div><!-- close #footer -->
|
||||
|
||||
|
||||
</div><!-- close #page-wrap -->
|
||||
</div><!-- close #box-container -->
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$("ul.sf-menu").superfish({
|
||||
animation: {height:'show'}, // slide-down effect without fade-in
|
||||
delay: 1200 // 1.2 second delay on mouseout
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
162
css/colorpicker.css
Normal file
@ -0,0 +1,162 @@
|
||||
.colorpicker {
|
||||
width: 356px;
|
||||
height: 176px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
background: url(../images/colorpicker/colorpicker_background.png);
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
display: none;
|
||||
z-index:101;
|
||||
}
|
||||
.colorpicker_color {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
left: 14px;
|
||||
top: 13px;
|
||||
position: absolute;
|
||||
background: #f00;
|
||||
overflow: hidden;
|
||||
cursor: crosshair;
|
||||
}
|
||||
.colorpicker_color div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
background: url(../images/colorpicker/colorpicker_overlay.png);
|
||||
}
|
||||
.colorpicker_color div div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
overflow: hidden;
|
||||
background: url(../images/colorpicker/colorpicker_select.gif);
|
||||
margin: -5px 0 0 -5px;
|
||||
}
|
||||
.colorpicker_hue {
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
left: 171px;
|
||||
width: 35px;
|
||||
height: 150px;
|
||||
cursor: n-resize;
|
||||
}
|
||||
.colorpicker_hue div {
|
||||
position: absolute;
|
||||
width: 35px;
|
||||
height: 9px;
|
||||
overflow: hidden;
|
||||
background: url(../images/colorpicker/colorpicker_indic.gif) left top;
|
||||
margin: -4px 0 0 0;
|
||||
left: 0px;
|
||||
}
|
||||
.colorpicker_new_color {
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 30px;
|
||||
left: 213px;
|
||||
top: 13px;
|
||||
background: #f00;
|
||||
}
|
||||
.colorpicker_current_color {
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 30px;
|
||||
left: 283px;
|
||||
top: 13px;
|
||||
background: #f00;
|
||||
}
|
||||
.colorpicker input {
|
||||
background-color: transparent;
|
||||
border: 1px solid transparent;
|
||||
position: absolute;
|
||||
font-size: 10px;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
color: #898989;
|
||||
top: 4px;
|
||||
right: 11px;
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 11px;
|
||||
}
|
||||
.colorpicker_hex {
|
||||
position: absolute;
|
||||
width: 72px;
|
||||
height: 22px;
|
||||
background: url(../images/colorpicker/colorpicker_hex.png) top;
|
||||
left: 212px;
|
||||
top: 142px;
|
||||
}
|
||||
.colorpicker_hex input {
|
||||
right: 6px;
|
||||
}
|
||||
.colorpicker_field {
|
||||
height: 22px;
|
||||
width: 62px;
|
||||
background-position: top;
|
||||
position: absolute;
|
||||
}
|
||||
.colorpicker_field span {
|
||||
position: absolute;
|
||||
width: 12px;
|
||||
height: 22px;
|
||||
overflow: hidden;
|
||||
top: 0;
|
||||
right: 0;
|
||||
cursor: n-resize;
|
||||
}
|
||||
.colorpicker_rgb_r {
|
||||
background-image: url(../images/colorpicker/colorpicker_rgb_r.png);
|
||||
top: 52px;
|
||||
left: 212px;
|
||||
}
|
||||
.colorpicker_rgb_g {
|
||||
background-image: url(../images/colorpicker/colorpicker_rgb_g.png);
|
||||
top: 82px;
|
||||
left: 212px;
|
||||
}
|
||||
.colorpicker_rgb_b {
|
||||
background-image: url(../images/colorpicker/colorpicker_rgb_b.png);
|
||||
top: 112px;
|
||||
left: 212px;
|
||||
}
|
||||
.colorpicker_hsb_h {
|
||||
background-image: url(../images/colorpicker/colorpicker_hsb_h.png);
|
||||
top: 52px;
|
||||
left: 282px;
|
||||
}
|
||||
.colorpicker_hsb_s {
|
||||
background-image: url(../images/colorpicker/colorpicker_hsb_s.png);
|
||||
top: 82px;
|
||||
left: 282px;
|
||||
}
|
||||
.colorpicker_hsb_b {
|
||||
background-image: url(../images/colorpicker/colorpicker_hsb_b.png);
|
||||
top: 112px;
|
||||
left: 282px;
|
||||
}
|
||||
.colorpicker_submit {
|
||||
position: absolute;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
background: url(../images/colorpicker/colorpicker_submit.png) top;
|
||||
left: 322px;
|
||||
top: 142px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.colorpicker_focus {
|
||||
background-position: center;
|
||||
}
|
||||
.colorpicker_hex.colorpicker_focus {
|
||||
background-position: bottom;
|
||||
}
|
||||
.colorpicker_submit.colorpicker_focus {
|
||||
background-position: bottom;
|
||||
}
|
||||
.colorpicker_slider {
|
||||
background-position: bottom;
|
||||
}
|
||||
359
css/fancybox.css
Normal file
@ -0,0 +1,359 @@
|
||||
/*
|
||||
* FancyBox - jQuery Plugin
|
||||
* Simple and fancy lightbox alternative
|
||||
*
|
||||
* Examples and documentation at: http://fancybox.net
|
||||
*
|
||||
* Copyright (c) 2008 - 2010 Janis Skarnelis
|
||||
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
|
||||
*
|
||||
* Version: 1.3.4 (11/11/2010)
|
||||
* Requires: jQuery v1.3+
|
||||
*
|
||||
* Dual licensed under the MIT and GPL licenses:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* http://www.gnu.org/licenses/gpl.html
|
||||
*/
|
||||
|
||||
#fancybox-loading {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-top: -20px;
|
||||
margin-left: -20px;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
z-index: 1104;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fancybox-loading div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 40px;
|
||||
height: 480px;
|
||||
background-image: url('../images/fancybox/fancybox.png');
|
||||
}
|
||||
|
||||
#fancybox-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 1100;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fancybox-tmp {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
overflow: auto;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fancybox-wrap {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 20px;
|
||||
z-index: 1101;
|
||||
outline: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fancybox-outer {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#fancybox-content {
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding: 0;
|
||||
outline: none;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
z-index: 1102;
|
||||
border: 0px solid #fff;
|
||||
}
|
||||
|
||||
#fancybox-hide-sel-frame {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: transparent;
|
||||
z-index: 1101;
|
||||
}
|
||||
|
||||
#fancybox-close {
|
||||
position: absolute;
|
||||
top: -15px;
|
||||
right: -15px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: transparent url('../images/fancybox/fancybox.png') -40px 0px;
|
||||
cursor: pointer;
|
||||
z-index: 1103;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fancybox-error {
|
||||
color: #444;
|
||||
font: normal 12px/20px Arial;
|
||||
padding: 14px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#fancybox-img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
line-height: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#fancybox-frame {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#fancybox-left, #fancybox-right {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
height: 100%;
|
||||
width: 35%;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
background: transparent url('../images/fancybox/blank.gif');
|
||||
z-index: 1102;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fancybox-left {
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
#fancybox-right {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
#fancybox-left-ico, #fancybox-right-ico {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: -9999px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-top: -15px;
|
||||
cursor: pointer;
|
||||
z-index: 1102;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#fancybox-left-ico {
|
||||
background-image: url('../images/fancybox/fancybox.png');
|
||||
background-position: -40px -30px;
|
||||
}
|
||||
|
||||
#fancybox-right-ico {
|
||||
background-image: url('../images/fancybox/fancybox.png');
|
||||
background-position: -40px -60px;
|
||||
}
|
||||
|
||||
#fancybox-left:hover, #fancybox-right:hover {
|
||||
visibility: visible; /* IE6 */
|
||||
}
|
||||
|
||||
#fancybox-left:hover span {
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
#fancybox-right:hover span {
|
||||
left: auto;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.fancybox-bg {
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
#fancybox-bg-n {
|
||||
top: -20px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-image: url('../images/fancybox/fancybox-x.png');
|
||||
}
|
||||
|
||||
#fancybox-bg-ne {
|
||||
top: -20px;
|
||||
right: -20px;
|
||||
background-image: url('../images/fancybox/fancybox.png');
|
||||
background-position: -40px -162px;
|
||||
}
|
||||
|
||||
#fancybox-bg-e {
|
||||
top: 0;
|
||||
right: -20px;
|
||||
height: 100%;
|
||||
background-image: url('../images/fancybox/fancybox-y.png');
|
||||
background-position: -20px 0px;
|
||||
}
|
||||
|
||||
#fancybox-bg-se {
|
||||
bottom: -20px;
|
||||
right: -20px;
|
||||
background-image: url('../images/fancybox/fancybox.png');
|
||||
background-position: -40px -182px;
|
||||
}
|
||||
|
||||
#fancybox-bg-s {
|
||||
bottom: -20px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-image: url('../images/fancybox/fancybox-x.png');
|
||||
background-position: 0px -20px;
|
||||
}
|
||||
|
||||
#fancybox-bg-sw {
|
||||
bottom: -20px;
|
||||
left: -20px;
|
||||
background-image: url('../images/fancybox/fancybox.png');
|
||||
background-position: -40px -142px;
|
||||
}
|
||||
|
||||
#fancybox-bg-w {
|
||||
top: 0;
|
||||
left: -20px;
|
||||
height: 100%;
|
||||
background-image: url('../images/fancybox/fancybox-y.png');
|
||||
}
|
||||
|
||||
#fancybox-bg-nw {
|
||||
top: -20px;
|
||||
left: -20px;
|
||||
background-image: url('../images/fancybox/fancybox.png');
|
||||
background-position: -40px -122px;
|
||||
}
|
||||
|
||||
#fancybox-title {
|
||||
font-family: Helvetica;
|
||||
font-size: 12px;
|
||||
z-index: 1102;
|
||||
}
|
||||
|
||||
.fancybox-title-inside {
|
||||
padding-bottom: 10px;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fancybox-title-outside {
|
||||
padding-top: 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.fancybox-title-over {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
color: #FFF;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#fancybox-title-over {
|
||||
padding: 10px;
|
||||
background-image: url('../images/fancybox/fancy_title_over.png');
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fancybox-title-float {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -20px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
#fancybox-title-float-wrap {
|
||||
border: none;
|
||||
border-collapse: collapse;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#fancybox-title-float-wrap td {
|
||||
border: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#fancybox-title-float-left {
|
||||
padding: 0 0 0 15px;
|
||||
background: url('../images/fancybox/fancybox.png') -40px -90px no-repeat;
|
||||
}
|
||||
|
||||
#fancybox-title-float-main {
|
||||
color: #FFF;
|
||||
line-height: 29px;
|
||||
font-weight: bold;
|
||||
padding: 0 0 3px 0;
|
||||
background: url('../images/fancybox/fancybox-x.png') 0px -40px;
|
||||
}
|
||||
|
||||
#fancybox-title-float-right {
|
||||
padding: 0 0 0 15px;
|
||||
background: url('../images/fancybox/fancybox.png') -55px -90px no-repeat;
|
||||
}
|
||||
|
||||
/* IE6 */
|
||||
|
||||
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
|
||||
|
||||
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
|
||||
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
|
||||
|
||||
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
|
||||
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
|
||||
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
|
||||
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
|
||||
|
||||
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
|
||||
height: expression(this.parentNode.clientHeight + "px");
|
||||
}
|
||||
|
||||
#fancybox-loading.fancybox-ie6 {
|
||||
position: absolute; margin-top: 0;
|
||||
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
|
||||
}
|
||||
|
||||
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
|
||||
|
||||
/* IE6, IE7, IE8 */
|
||||
|
||||
.fancybox-ie .fancybox-bg { background: transparent !important; }
|
||||
|
||||
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
|
||||
3
css/ie7.css
Normal file
@ -0,0 +1,3 @@
|
||||
html {overflow:hidden; max-height:100%;}
|
||||
.side-barheading {display:none;}
|
||||
#panel, #toppanell, .panel_button {display: none!important;}
|
||||
1
css/reset.css
Normal file
@ -0,0 +1 @@
|
||||
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
|
||||
24
css/slider-color-picker.css
Normal file
@ -0,0 +1,24 @@
|
||||
#toppanel {position:absolute; top:250px; left:0px; z-index:100;}
|
||||
#panel {position:relative; left:-100px;}
|
||||
.panel_button { position: relative; left:0px; width:48px; cursor: pointer;}
|
||||
#panel {
|
||||
position: absolute;
|
||||
top:-28px;
|
||||
left:-200px;
|
||||
overflow: hidden;
|
||||
background:#000;
|
||||
-moz-border-radius: 0px 4px 4px 0px;
|
||||
-webkit-border-radius: 0px 4px 4px 0px;
|
||||
border-radius: 0px 4px 4px 0px;
|
||||
padding:15px 12px 15px 13px;
|
||||
width:125px;
|
||||
font-size:10px;
|
||||
color:#999;
|
||||
}
|
||||
.reset {position:relative; top:1px;}
|
||||
#panel a.reset {color:#999; }
|
||||
#panel a.reset:hover {color:#818181;}
|
||||
#panel .largeheading {border-bottom:1px solid #343434; font-family:Arial, sans-serif; font-weight:bold; font-size:13px; color:#9c9c9c; padding-bottom:4px; margin-bottom:8px;}
|
||||
#panel .heading {font-weight:bold; font-family:Arial, sans-serif; }
|
||||
#panel .colorSelector, #panel .colorSelector2 {border:1px solid #666; margin-bottom:7px;}
|
||||
#panel .colorSelector div, #panel .colorSelector2 div {height:22px; width:100%;}
|
||||
850
css/standard.css
Normal file
@ -0,0 +1,850 @@
|
||||
/* DEFAULT STYLES */
|
||||
body {
|
||||
background:#e8e8e8;
|
||||
font-size:12px;
|
||||
line-height:18px;
|
||||
min-width:1000px;
|
||||
min-height:20px;
|
||||
font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
|
||||
}
|
||||
|
||||
* { margin: 0; outline: none; }
|
||||
p {padding-bottom:18px;}
|
||||
ul {margin-bottom:24px;}
|
||||
.sf-menu, .blog-post .comments {font-family: 'Marvel', /*'BebasNeueRegular', */ arial, serif;}
|
||||
#randomdiv {font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;}
|
||||
h1, h2, h3, h4, h5, h6, .sub-navigation, #previous_link, #next_link, form#contactform input.submit-form {text-transform:uppercase; font-weight:normal; font-family: 'Marvel',/*'BebasNeueRegular', */ arial, serif;}
|
||||
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; }
|
||||
h1 { font-size:42px; line-height:38px; margin-bottom:3px;}
|
||||
h2 { font-size:35px; line-height:32px; margin-bottom:2px;}
|
||||
h3 { font-size:27px; line-height:24px; margin-bottom:2px; }
|
||||
h4 { font-size:24px; line-height:22px; margin-bottom:2px;}
|
||||
h5 {font-size:18px; line-height:19px; margin-bottom:2px;}
|
||||
h6 {font-size:14px; line-height:24px; margin-bottom:2px;}
|
||||
iframe {border:0px; margin:0px; padding:0px; }
|
||||
img.noborder {border:none !important;}
|
||||
#bg { position: fixed; top: 0; left: 0; }
|
||||
.bgwidth { width: 100%; }
|
||||
.bgheight { height: 100%; }
|
||||
.center-align {text-align:center;}
|
||||
.left-align {text-align:left;}
|
||||
.right-align {text-align:right;}
|
||||
.alignright {float:right; margin:0 0 10px 10px;}
|
||||
.alignleft {float:left; margin:0 10px 10px 0;}
|
||||
.aligncenter { margin:4px 0 10px 0; text-align:center;}
|
||||
|
||||
/* BODY LINK COLOUR AND MISC COLORS */
|
||||
body, a, ul.sub-navigation li a {color:#515151;} /* Dark Grey Color for Links and some Headings Default: #515151 */
|
||||
.content-heading h5, .content-heading h6, .side-barheading h2 {color:#515151 !important;}
|
||||
a:hover {color:#000;} /* Main hover link color */
|
||||
.portfolio_carousel .description h5 a, .portfolio_carousel .description h5 {color:#fff !important;}
|
||||
#footer, #footer a {color:#fff;} /* Footer Text and Link Color Default #fff */
|
||||
#footer a:hover {color:#e7e7e7;} /* Footer Link Hover Color Default #e7e7e7 */
|
||||
.sf-menu a, .sf-menu a:visited { color: #fff;} /* Color for the Navigation link Default #fff */
|
||||
.light-fonts, .light-fonts h1, .light-fonts a, .light-fonts h1, .navigation-menu h1 {color:#fff !important;} /* .light-fonts class Font Color Default #fff*/
|
||||
.light-fonts a:hover {color:#e7e7e7;} /* .light-fonts class Link Font Color Default #e7e7e7 */
|
||||
.custom-color {color:#fcc73c;} /* Custom Color Orange Used in Space Template Index Page Default #fcc73c */
|
||||
|
||||
|
||||
/* CAROUSEL and SCROLL HEIGHTS */
|
||||
.content-container .list_carousel li { height:370px;} /* Default Carousel Container Height */
|
||||
.portfolio-carousel ul li {height:300px !important;} /* Portfolio Carousel Image Gallery Height */
|
||||
.content-container .news_carousel li { height:356px;} /* Latest Carousel News Regular Height */
|
||||
.news_carousel .scroll-pane { height:315px;} /* Latest News Carousel Scrolling Height */
|
||||
|
||||
|
||||
/* MENU AND NAVIGATION POSITIONING AND WIDTH */
|
||||
#featured { position: relative; float:right;}
|
||||
#left-container { float:left; width:270px; position:relative; }
|
||||
.navigation-menu {width:180px; z-index:16; position:relative; top:0; }
|
||||
.side-barheading {width:210px; z-index:5; position:absolute; right:0; top:170px; }
|
||||
.logo-menu {text-align:center; position:relative; top:0; z-index:15; }
|
||||
.bottom-box .logo-menu {margin-bottom:65px;}
|
||||
.top-box { position:absolute; top:0px; right:0px; }
|
||||
.bottom-box {position:absolute; bottom:0px; right:0px; }
|
||||
.hover-box {padding:6px 15px 2px 15px; }
|
||||
.navigation-menu h1 {font-size:17px; margin:0px; line-height:20px; font-weight: bold; }
|
||||
.navigation-menu h1:hover {cursor:pointer;}
|
||||
ul.sub-navigation {width:650px; margin:18px 0 0 0; }
|
||||
ul.sub-navigation li {display:inline;}
|
||||
ul.sub-navigation li a {margin-right:25px; font-size:18px; text-decoration:none;}
|
||||
|
||||
|
||||
/* MAIN STYLES */
|
||||
#box-container {position:absolute; width:100%; top:50%;}
|
||||
.content-container {float:right; display:inline-block; width:650px; padding:60px 50px 0px 0px; position:relative; z-index:5;}
|
||||
#page-wrap { position: relative; width:980px; margin:0 auto; }
|
||||
#container {background:white; width:980px; margin-bottom:5px; }
|
||||
.featured-heading {margin:145px 180px 0 0; text-align:right; }
|
||||
.featured-text {width:200px; float:right; margin-right:50px;}
|
||||
.featured-heading2 {margin:120px 180px 0 0; text-align:right; }
|
||||
.content-heading {padding-left:25px; width:625px; overflow:hidden;}
|
||||
.latest-news-heading {float:left; position:absolute; left:0px; top:75px; z-index:25; }
|
||||
blockquote {font-style:italic; line-height:22px; font-size:13px; color:#626262; background:url(../images/blockquote.png) 15px 9px no-repeat; padding:5px 0 0 50px; margin-bottom:20px;}
|
||||
.content-container ul, .content-container ol {padding-bottom:18px;}
|
||||
.content-container ul.checkmark li { margin-left:0px; background:url(../images/checkmark.png) 0px 4px no-repeat; padding:0 0 2px 20px; list-style:none;}
|
||||
.content-container ul.arrow li { margin-left:0px; background:url(../images/sidebar-arrow.png) 0px 4px no-repeat; padding:0 0 2px 20px; list-style:none;}
|
||||
.content-container ul li {list-style:disc; margin-left:20px;}
|
||||
.content-container ol li {list-style:decimal; margin-left:23px;}
|
||||
a.button, a.big-button {font-family: Arial, sans-serif; display: inline-block; text-decoration: none; line-height: 1; border-radius: 4px; -moz-border-radius: 4px; padding: 10px 19px 11px 19px;}
|
||||
a.button {font-size:12px; font-weight:bold; color:#858585; background: #f6f6f6 url(../images/big-button-overlay.png) top left repeat-x; -moz-box-shadow: 0 1px 3px #ccc; -webkit-box-shadow: 0 1px 3px #ccc box-shadow:0 1px 3px #ccc; border-bottom: 1px solid #b8b8b8; position: relative; cursor: pointer;}
|
||||
a.button:hover {background-color:#fff; color:#787878;}
|
||||
a.big-button {font-size:14px; font-weight:bold; color:#fff; background: #434343 url(../images/big-button-overlay.png) top left repeat-x; -webkit-border-radius: 4px; -moz-box-shadow: 0 1px 4px #999; -webkit-box-shadow: 0 1px 4px #999; box-shadow:0 1px 4px #999; border-bottom: 1px solid #343434; position: relative; cursor: pointer; }
|
||||
a.big-button:hover {background-color:#373737; color:#fff;}
|
||||
table {border:1px solid #ccc; background:#ecebeb; width:100%; margin:8px 0 0 0; }
|
||||
table td {padding:8px; border:1px solid #d6d6d6;}
|
||||
table thead th {border:1px solid #ccc;}
|
||||
table thead {background:#dadada;}
|
||||
table tfoot td {padding:5px;}
|
||||
table thead th {padding:8px 0 8px 0;}
|
||||
table .t-headings {font-weight:bold; font-size:115%; background:#dadada;}
|
||||
table .t-footer {background:#e1e1e1; text-align:center; font-size:90%; font-style:italic;}
|
||||
.team-member {padding:10px 0 10px 0;}
|
||||
.team-member h5 {margin-bottom:3px; padding-top:5px;}
|
||||
.team-member img {margin-right:15px; float:left;}
|
||||
.divider {border-bottom:1px solid #b7b7b7; color:#9f9f9f; margin-bottom:30px; padding-bottom:10px;}
|
||||
|
||||
|
||||
/* BLOG SECTION STYLES */
|
||||
.blog-post {width:585px; overflow:hidden; margin-right:15px;}
|
||||
.blog-post .blog-image {float:left; width:150px; margin-bottom:15px;}
|
||||
.blog-post .post-content {float:right; width:435px; }
|
||||
.post-heading {width:435px; overflow:hidden; }
|
||||
.blog-post .post-data {font-size:11px; float:left; }
|
||||
.post-data h3 {margin-bottom:5px;}
|
||||
.blog-post .comments {float:right; text-align:center; width:31px; height:34px; font-size:15px; }
|
||||
.blog-post .comments a {color:#949494; margin-top:2px; background:url(../images/blog-comments.png) 0px 0px no-repeat; display:block; width:32px; height:28px; text-decoration:none; padding-top:6px;}
|
||||
.blog-post .comments a:hover {color:#6a6a6a; background:url(../images/blog-comments.png) 0px -34px no-repeat;}
|
||||
|
||||
|
||||
/* CONTACT FORM STYLES */
|
||||
form#contactform input, form#contactform textarea, #contact-wrapper input.error, #contact-wrapper textarea.error, #contact-wrapper div {color:#515151;}
|
||||
.light-fonts form#contactform input, .light-fonts form#contactform textarea, .light-fonts #contact-wrapper input.error, .light-fonts #contact-wrapper textarea.error, .light-fonts form#contactform input.submit-form {color:#fff;}
|
||||
.light-fonts #contact-wrapper p.success {color:#fff; margin-bottom:0px; padding-bottom:10px;}
|
||||
#contact-wrapper p.success {color:#00a651; margin-bottom:0px;}
|
||||
#contact-wrapper .error {color:#888;}
|
||||
.light-fonts #contact-wrapper div {color:#333;}
|
||||
.light-fonts form#contactform input, .light-fonts form#contactform textarea, .light-fonts form#contactform input.submit-form {/*border-color:#B7B7B7 #e3e3e3 #E8E8E8 #B7B7B7;*/}
|
||||
form#contactform input, form#contactform textarea, form#contactform input.submit-form {border-color:#4c4c4c;}
|
||||
body.contact-body {background:transparent !important; }
|
||||
.contact-form #social-icons {float:none; position:absolute; bottom:0px; right:0px;}
|
||||
.contact-details {border-right:1px solid #888; margin:25px 40px 25px 25px; font-size:13px;}
|
||||
.contact-details p, .contact-details a {color: #333!important; font-weight: bold;}
|
||||
.contact-form {margin:25px 0 25px 0; }
|
||||
#contact-wrapper { width:300px; overflow:hidden; display:block; font-size:13px;}
|
||||
#contact-wrapper div { clear:both; font-size:11px;}
|
||||
#contact-wrapper label { display:block; float:right; width:auto; position:relative; right:35px; top:5px; }
|
||||
form#contactform input, form#contactform textarea { font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:11px; float:left; margin-bottom:15px; background:transparent; border-style:solid; border-width:1px; padding:3px; }
|
||||
form#contactform textarea {float:none !important; margin-bottom:9px !important;}
|
||||
form#contactform input { width:205px; }
|
||||
#contact-wrapper .error { font-style:italic; margin-bottom:2px; margin-top:2px; font-size:10px; float:left; right:0px; top:0px;}
|
||||
form#contactform input.submit-form {cursor:pointer; display:inline-block; font-size:12px; line-height:1; text-decoration:none !important; width:100px; padding:5px 12px 4px 12px; }
|
||||
form#contactform input.submit-form:hover {background:#ccc; color:#5b5b5b;}
|
||||
|
||||
|
||||
/* FOOTER STYLES */
|
||||
#footer {width:980px; overflow:hidden; font-size:10px;}
|
||||
#social-icons {float:left; padding:3px 0px 0px 1px;}
|
||||
#social-icons img {margin-right:2px;}
|
||||
#copyright {float:right; text-align:right; padding-right:2px;}
|
||||
|
||||
|
||||
|
||||
/* CAROUSEL STYLES */
|
||||
.list_carousel, .portfolio_carousel, .news_carousel {
|
||||
margin: 0;
|
||||
width: 600px;
|
||||
}
|
||||
.list_carousel ul, .portfolio_carousel ul, .news_carousel ul {
|
||||
width: 600px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: block;
|
||||
}
|
||||
.portfolio-carousel ul li {
|
||||
text-align:center !important;
|
||||
}
|
||||
.content-container .list_carousel li {
|
||||
width: 570px;
|
||||
padding: 0;
|
||||
margin:0 0 0 30px;
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
.news_carousel .scroll-pane {
|
||||
width:370px;
|
||||
float:none;
|
||||
overflow: auto;
|
||||
margin:0px;
|
||||
padding:0 8px 0 0;
|
||||
}
|
||||
|
||||
.news_carousel .news-post {
|
||||
width:370px;
|
||||
padding:25px;
|
||||
background:#fff;
|
||||
color:#888;
|
||||
display:block;
|
||||
}
|
||||
.news_carousel .pagination {margin-top:7px;}
|
||||
|
||||
.content-container .news_carousel li {
|
||||
width: 475px;
|
||||
padding: 0;
|
||||
margin:0 0 0 125px;
|
||||
display: block;
|
||||
float: left;
|
||||
list-style:none;
|
||||
}
|
||||
.date-stamp h1, .date-stamp h2, .date-stamp h3, .date-stamp h5, .date-stamp h4, .date-stamp h6 {}
|
||||
.date-stamp {}
|
||||
.news_carousel .news-post a {color:#515151;}
|
||||
.news_carousel .news-post a:hover {color:#000;}
|
||||
.content-container .portfolio_carousel li a { display:block; height:210px; width:135px; text-decoration:none; color:#888 !important;}
|
||||
.content-container .portfolio_carousel li a:hover {background:#282828;}
|
||||
.content-container .portfolio_carousel li a:hover img, .thumbnails a:hover img {
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=80);
|
||||
-webkit-transition: opacity .5s ease-in-out;
|
||||
-moz-transition: opacity .5s ease-in-out;
|
||||
-o-transition: opacity .5s ease-in-out;
|
||||
transition: opacity .5s ease-in-out;
|
||||
}
|
||||
|
||||
.content-container .portfolio_carousel li {
|
||||
width: 135px;
|
||||
height:210px;
|
||||
padding: 0;
|
||||
margin:0 15px 0 0;
|
||||
display: block;
|
||||
float: left;
|
||||
background:#222;
|
||||
color:#888;
|
||||
font-size:10px;
|
||||
}
|
||||
.content-container .portfolio_carousel .description {padding:12px;}
|
||||
.content-container .portfolio_carousel li h5, .content-container .portfolio_carousel li h6, .content-container .portfolio_carousel li h4 {
|
||||
color:#fff;
|
||||
}
|
||||
.content-container .portfolio_carousel li a {}
|
||||
.clearfix {
|
||||
float: none;
|
||||
clear: both;
|
||||
}
|
||||
.prev {
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
padding-top:5px;
|
||||
font-size: 18px !important;
|
||||
}
|
||||
.next {
|
||||
float: right;
|
||||
margin-right: 10px;
|
||||
padding-top:5px;
|
||||
font-size: 18px !important;
|
||||
}
|
||||
|
||||
a.next.disabled, a.prev.disabled, a.next.disabled span, a.prev.disabled span {
|
||||
cursor:default;
|
||||
color:#ccc !important;
|
||||
}
|
||||
|
||||
a#previous_link-arrow, a#next_link-arrow {
|
||||
background:url(../images/arrow-navigation.png) top left no-repeat;
|
||||
width:20px;
|
||||
text-indent:-9999px;
|
||||
display:block;
|
||||
margin-top:15px;
|
||||
}
|
||||
a#next_link-arrow {background-position: top right !important;}
|
||||
|
||||
a#previous_link-arrow.disabled, a#next_link-arrow.disabled {
|
||||
opacity:0.4;
|
||||
filter: alpha(opacity=40);
|
||||
}
|
||||
|
||||
.pagination {text-align:center; padding-top:5px; width:300px; margin:0 auto;}
|
||||
|
||||
.pagination a {
|
||||
background: url(../images/orbit/bullets2.png) no-repeat top left;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
overflow: hidden;
|
||||
display:inline-block;
|
||||
cursor: pointer;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.pagination a.selected {
|
||||
color: #222;
|
||||
background-position: top right;
|
||||
}
|
||||
.pagination a span {
|
||||
display:none;
|
||||
}
|
||||
a#next_link, a#previous_link {text-decoration:none; font-size:13px;}
|
||||
a#next_link span {padding-right:5px;}
|
||||
a#previous_link span {padding-left:5px;}
|
||||
|
||||
|
||||
|
||||
/* COLUMN LAYOUTS */
|
||||
.column-container {width:100%; overflow:hidden;}
|
||||
.col_1_1,.col_1_2,.col_2_2,.col_1_3,.col_2_3,.col_3_3,.col_1-2_3,.col_2-3_3,.col_1_4,.col_2_4,.col_3_4,.col_4_4,.col_1-2_4,.col_2-3_4,.col_3-4_4,.col_1-3_4,.col_2-4_4,.col_1_5,.col_2_5,.col_3_5,.col_4_5,.col_5_5,.col_1-2_5,.col_2-3_5,.col_3-4_5,.col_4-5_5,.col_1-3_5,.col_2-4_5,.col_3-5_5,.col_1-4_5,.col_2-5_5{float:left;display:inline;overflow:hidden;}
|
||||
* html .col_1_1,* html .col_1_2,* html .col_2_2,* html .col_1_3,* html .col_2_3,* html .col_3_3,* html .col_1-2_3,* html .col_2-3_3,* html .col_1_4,* html .col_2_4,* html .col_3_4,* html .col_4_4,* html .col_1-2_4,* html .col_2-3_4,* html .col_3-4_4,* html .col_1-3_4,* html .col_2-4_4,* html .col_1_5,* html .col_2_5,* html .col_3_5,* html .col_4_5,* html .col_5_5,* html .col_1-2_5,* html .col_2-3_5,* html .col_3-4_5,* html .col_4-5_5,* html .col_1-3_5,* html .col_2-4_5,* html .col_3-5_5,* html .col_1-4_5,* html .col_2-5_5{margin-left:-.04em;}
|
||||
.col_1_1{width:100%;}
|
||||
.col_1_2,.col_2_2{width:50%;}
|
||||
.col_1_3,.col_2_3,.col_3_3{width:33.33%;}
|
||||
.col_1-2_3,.col_2-3_3{width:66.66%;}
|
||||
.col_1_4,.col_2_4,.col_3_4,.col_4_4{width:25%;}
|
||||
.col_1-2_4,.col_2-3_4,.col_3-4_4{width:50%;}
|
||||
.col_1-3_4,.col_2-4_4{width:75%;}
|
||||
.col_1_5,.col_2_5,.col_3_5,.col_4_5,.col_5_5{width:20%;}
|
||||
.col_1-2_5,.col_2-3_5,.col_3-4_5,.col_4-5_5{width:40%;}
|
||||
.col_1-3_5,.col_2-4_5,.col_3-5_5{width:60%;}
|
||||
.col_1-4_5,.col_2-5_5{width:80%;}
|
||||
.content{padding:0 10px;overflow:hidden;}
|
||||
.col_1_2 .content,.col_1_3 .content,.col_1-2_3 .content,.col_1_4 .content,.col_1-2_4 .content,.col_1-3_4 .content,.col_1_5 .content,.col_1-2_5 .content,.col_1-3_5 .content,.col_1-4_5 .content,.col_1-2_5 .content,.col_1-3_5 .content,.col_1-4_5 .content{padding-left:0;}
|
||||
.col_2_2 .content,.col_3_3 .content,.col_2-3_3 .content,.col_4_4 .content,.col_3-4_4 .content,.col_2-4_4 .content,.col_5_5 .content,.col_4-5_5 .content,.col_3-5_5 .content,.col_2-5_5 .content,.col_4-5_5 .content,.col_3-5_5 .content,.col_2-5_5 .content{padding-right:0;}
|
||||
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
|
||||
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* CSS Styles that are needed by jScrollPane for it to operate correctly.
|
||||
*
|
||||
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
|
||||
* may not operate correctly without them.
|
||||
*/
|
||||
|
||||
/* Styles specific to this particular page */
|
||||
.scroll-pane
|
||||
{
|
||||
width: 600px;
|
||||
float:right;
|
||||
overflow: auto;
|
||||
margin-top:15px;
|
||||
padding:0 8px 0 0;
|
||||
}
|
||||
|
||||
.list_carousel .scroll-pane, .portfolio_carousel .scroll-pane {width:570px; float:none; margin:0px; }
|
||||
|
||||
.horizontal-only
|
||||
{
|
||||
height: auto;
|
||||
max-height: 200px;
|
||||
}
|
||||
|
||||
.jspContainer
|
||||
{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspPane
|
||||
{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jspVerticalBar
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 7px;
|
||||
height: 100%;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspHorizontalBar
|
||||
{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspVerticalBar *,
|
||||
.jspHorizontalBar *
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.jspCap
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspCap
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.jspTrack
|
||||
{
|
||||
background: #ccc;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspDrag
|
||||
{
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspTrack,
|
||||
.jspHorizontalBar .jspDrag
|
||||
{
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspArrow
|
||||
{
|
||||
background: #50506d;
|
||||
text-indent: -20000px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspArrow.jspDisabled
|
||||
{
|
||||
cursor: default;
|
||||
background: #80808d;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow
|
||||
{
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspArrow
|
||||
{
|
||||
width: 16px;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.jspCorner
|
||||
{
|
||||
background: #eeeef4;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
|
||||
* html .jspCorner
|
||||
{
|
||||
margin: 0 -3px 0 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*** DEMO SKIN ***/
|
||||
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
|
||||
|
||||
.navigation-space {line-height:5px;}
|
||||
|
||||
.sf-vertical, .sf-vertical li {
|
||||
width: 165px !important;
|
||||
}
|
||||
|
||||
.sf-menu li li a {margin-left:15px; }
|
||||
.sf-vertical {padding:38px 0 28px 0 !important; position:relative; z-index:3000;}
|
||||
.sf-menu {
|
||||
float: left;
|
||||
}
|
||||
.sf-menu a {
|
||||
padding: 3px 0px 3px 1px;
|
||||
text-decoration:none;
|
||||
font-size:17px;
|
||||
}
|
||||
.sf-menu li li a {
|
||||
padding:7px 0 4px 1px;
|
||||
font-size:16px;
|
||||
}
|
||||
.sf-menu .current a {padding-left:7px; /*opacity:0.7; filter:alpha(opacity=70);*/ }
|
||||
.sf-menu .current .sliding-element a {padding-left:0px; opacity:1; filter:alpha(opacity=100); background:none; }
|
||||
.sf-menu a:hover {/*opacity:0.7;filter:alpha(opacity=70); */}
|
||||
.sf-menu li li a:hover, .sf-menu .current .sliding-element a:hover {background-position: 0px 9px !important;}
|
||||
.sf-menu li li:hover, .sf-menu li li.sfHover,
|
||||
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
|
||||
/*** ESSENTIAL STYLES ***/
|
||||
.sf-menu, .sf-menu * {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.sf-menu {
|
||||
line-height: 1.0;
|
||||
}
|
||||
.sf-menu ul {
|
||||
position: absolute;
|
||||
top: -999em;
|
||||
width: 165px; /* left offset of submenus need to match (see below) */
|
||||
}
|
||||
.sf-menu ul li {
|
||||
width: 100%;
|
||||
}
|
||||
.sf-menu li:hover {
|
||||
visibility: inherit; /* fixes IE7 'sticky bug' */
|
||||
}
|
||||
.sf-menu li {
|
||||
float: left;
|
||||
position: relative;
|
||||
font-weight: bold;
|
||||
}
|
||||
.sf-menu a {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.sf-menu li:hover ul,
|
||||
.sf-menu li.sfHover ul {
|
||||
left: 0;
|
||||
top: 2.5em; /* match top ul list item height */
|
||||
z-index: 99;
|
||||
}
|
||||
ul.sf-menu li:hover li ul,
|
||||
ul.sf-menu li.sfHover li ul {
|
||||
top: -999em;
|
||||
}
|
||||
ul.sf-menu li li:hover ul,
|
||||
ul.sf-menu li li.sfHover ul {
|
||||
left: 165px; /* match ul width */
|
||||
top: 0;
|
||||
}
|
||||
ul.sf-menu li li:hover li ul,
|
||||
ul.sf-menu li li.sfHover li ul {
|
||||
top: -999em;
|
||||
}
|
||||
ul.sf-menu li li li:hover ul,
|
||||
ul.sf-menu li li li.sfHover ul {
|
||||
left: 165px; /* match ul width */
|
||||
top: 0;
|
||||
}
|
||||
|
||||
|
||||
/*** arrows **/
|
||||
.sf-menu a.sf-with-ul {
|
||||
padding-right: 2.25em;
|
||||
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
|
||||
}
|
||||
.sf-sub-indicator {
|
||||
position: absolute;
|
||||
display: block;
|
||||
right: 1.45em;
|
||||
top: 1.75em; /* IE6 only */
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
text-indent: -999em;
|
||||
overflow: hidden;
|
||||
background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
|
||||
}
|
||||
a > .sf-sub-indicator { /* give all except IE6 the correct values */
|
||||
top: 4px;
|
||||
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
|
||||
}
|
||||
/* apply hovers to modern browsers */
|
||||
a:focus > .sf-sub-indicator,
|
||||
a:hover > .sf-sub-indicator,
|
||||
a:active > .sf-sub-indicator,
|
||||
li:hover > a > .sf-sub-indicator,
|
||||
li.sfHover > a > .sf-sub-indicator {
|
||||
background-position: -10px -100px; /* arrow hovers for modern browsers*/
|
||||
}
|
||||
|
||||
/* point right for anchors in subs */
|
||||
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
|
||||
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
|
||||
/* apply hovers to modern browsers */
|
||||
.sf-menu ul a:focus > .sf-sub-indicator,
|
||||
.sf-menu ul a:hover > .sf-sub-indicator,
|
||||
.sf-menu ul a:active > .sf-sub-indicator,
|
||||
.sf-menu ul li:hover > a > .sf-sub-indicator,
|
||||
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
|
||||
background-position: -10px 0; /* arrow hovers for modern browsers*/
|
||||
}
|
||||
|
||||
/*** shadows for all but IE6 ***/
|
||||
.sf-shadow ul {
|
||||
background: url('../images/shadow.png') no-repeat bottom right;
|
||||
padding: 0 8px 9px 0;
|
||||
-moz-border-radius-bottomleft: 17px;
|
||||
-moz-border-radius-topright: 17px;
|
||||
-webkit-border-top-right-radius: 17px;
|
||||
-webkit-border-bottom-left-radius: 17px;
|
||||
}
|
||||
.sf-shadow ul.sf-shadow-off {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
|
||||
.sf-vertical li:hover ul,
|
||||
.sf-vertical li.sfHover ul {
|
||||
left: 165px; /* match ul width */
|
||||
top: 0;
|
||||
}
|
||||
|
||||
|
||||
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
|
||||
.sf-vertical, .sf-vertical li {
|
||||
}
|
||||
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
|
||||
.sf-vertical li:hover ul,
|
||||
.sf-vertical li.sfHover ul {
|
||||
left: 165px; /* match ul width */
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/*** alter arrow directions ***/
|
||||
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
|
||||
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/
|
||||
|
||||
/* hover arrow direction for modern browsers*/
|
||||
.sf-vertical a:focus > .sf-sub-indicator,
|
||||
.sf-vertical a:hover > .sf-sub-indicator,
|
||||
.sf-vertical a:active > .sf-sub-indicator,
|
||||
.sf-vertical li:hover > a > .sf-sub-indicator,
|
||||
.sf-vertical li.sfHover > a > .sf-sub-indicator {
|
||||
background-position: -10px 0; /* arrow hovers for modern browsers*/
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 27, 2011 05:06:46 PM America/New_York */
|
||||
|
||||
|
||||
|
||||
/*@font-face {
|
||||
font-family: 'BebasNeueRegular';
|
||||
src: url('../bebas-neue/BebasNeue-webfont.eot');
|
||||
src: url('../bebas-neue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('../bebas-neue/BebasNeue-webfont.woff') format('woff'),
|
||||
url('../bebas-neue/BebasNeue-webfont.ttf') format('truetype'),
|
||||
url('../bebas-neue/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}*/
|
||||
|
||||
|
||||
/* CSS for jQuery Orbit Plugin 1.2.3
|
||||
* www.ZURB.com/playground
|
||||
* Copyright 2010, ZURB
|
||||
* Free to use under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
|
||||
|
||||
|
||||
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
|
||||
================================================== */
|
||||
|
||||
#featured {
|
||||
width: 980px;
|
||||
background: #000 url('../images/orbit/loading.gif') no-repeat center center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#featured div {width:980px; display:block;}
|
||||
|
||||
#featured>img,
|
||||
#featured>div,
|
||||
#featured>a { display: none; }
|
||||
|
||||
|
||||
/* CONTAINER
|
||||
================================================== */
|
||||
|
||||
div.orbit-wrapper {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
position: relative; }
|
||||
|
||||
div.orbit {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
position: relative;
|
||||
overflow: hidden }
|
||||
|
||||
div.orbit>img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: none; }
|
||||
|
||||
div.orbit>a {
|
||||
border: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
line-height: 0;
|
||||
display: none; }
|
||||
|
||||
.orbit>div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
|
||||
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
|
||||
|
||||
|
||||
/* TIMER
|
||||
================================================== */
|
||||
|
||||
div.timer {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
bottom: 22px;
|
||||
right: 25px;
|
||||
opacity: .8;
|
||||
cursor: pointer;
|
||||
z-index: 1001; }
|
||||
|
||||
span.rotator {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -10px;
|
||||
background: url(../images/orbit/rotator-black2.png) no-repeat;
|
||||
z-index: 3; }
|
||||
|
||||
span.mask {
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 2;
|
||||
overflow: hidden; }
|
||||
|
||||
span.rotator.move {
|
||||
left: 0 }
|
||||
|
||||
span.mask.move {
|
||||
width: 20px;
|
||||
left: 0;
|
||||
background: url(../images/orbit/timer-black2.png) repeat 0 0; }
|
||||
|
||||
span.pause {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: url(../images/orbit/pause-black2.png) no-repeat;
|
||||
z-index: 4;
|
||||
opacity: 0; }
|
||||
|
||||
span.pause.active {
|
||||
background: url(../images/orbit/pause-black2.png) no-repeat 0 -20px }
|
||||
|
||||
div.timer:hover span.pause,
|
||||
span.pause.active {
|
||||
opacity: 1 }
|
||||
|
||||
|
||||
/* CAPTIONS
|
||||
================================================== */
|
||||
|
||||
.orbit-caption {
|
||||
display: none;
|
||||
font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }
|
||||
|
||||
.orbit-wrapper .orbit-caption {
|
||||
background: #000;
|
||||
background: rgba(0,0,0,.6);
|
||||
z-index: 1000;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 7px 0;
|
||||
font-size: 13px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%; }
|
||||
|
||||
|
||||
/* DIRECTIONAL NAV
|
||||
================================================== */
|
||||
|
||||
div.slider-nav {
|
||||
display: block }
|
||||
|
||||
div.slider-nav span {
|
||||
width: 78px;
|
||||
height: 100px;
|
||||
text-indent: -9999px;
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
top: 50%;
|
||||
margin-top: -50px;
|
||||
cursor: pointer; }
|
||||
|
||||
div.slider-nav span.right {
|
||||
background: url(../images/orbit/right-arrow.png);
|
||||
right: 0; }
|
||||
|
||||
div.slider-nav span.left {
|
||||
background: url(../images/orbit/left-arrow.png);
|
||||
left: 0; }
|
||||
|
||||
/* BULLET NAV
|
||||
================================================== */
|
||||
|
||||
.orbit-bullets {
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
list-style: none;
|
||||
bottom: -3px;
|
||||
left: 50%;
|
||||
margin-left: -38px;
|
||||
padding: 0; }
|
||||
|
||||
.orbit-bullets li {
|
||||
float: left;
|
||||
margin-left: 5px;
|
||||
cursor: pointer;
|
||||
color: #999;
|
||||
text-indent: -9999px;
|
||||
background: url(../images/orbit/bullets2.png) no-repeat top left;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
overflow: hidden; }
|
||||
|
||||
.orbit-bullets li.active {
|
||||
color: #222;
|
||||
background-position: top right; }
|
||||
|
||||
.orbit-bullets li.has-thumb {
|
||||
background: none;
|
||||
width: 100px;
|
||||
height: 75px; }
|
||||
|
||||
.orbit-bullets li.active.has-thumb {
|
||||
background-position: 0 0;
|
||||
border-top: 2px solid #000; }
|
||||
BIN
fonts/J0cq0OkYfaWW0DXonfLChvesZW2xOQ-xsNqO47m55DA.woff
Normal file
BIN
fonts/L2PPfTze83vDMefumW3xvw.woff
Normal file
BIN
fonts/ZpxYuSK5Q2HHLP6KTdxKxobN6UDyHWBl620a-IRfuBk.woff
Normal file
BIN
fonts/fdSK0BiCsJzg1JgCoZQLET8E0i7KZn-EPnyo3HZu7kw.woff
Normal file
24
fonts/marvel.css
Normal file
@ -0,0 +1,24 @@
|
||||
@font-face {
|
||||
font-family: 'Marvel';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Marvel Bold Italic'), local('Marvel-BoldItalic'), url('ZpxYuSK5Q2HHLP6KTdxKxobN6UDyHWBl620a-IRfuBk.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Marvel';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Marvel Italic'), local('Marvel-Italic'), url('J0cq0OkYfaWW0DXonfLChvesZW2xOQ-xsNqO47m55DA.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Marvel';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Marvel'), local('Marvel-Regular'), url('L2PPfTze83vDMefumW3xvw.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Marvel';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Marvel Bold'), local('Marvel-Bold'), url('fdSK0BiCsJzg1JgCoZQLET8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
|
||||
}
|
||||
BIN
images/arrow-navigation.png
Normal file
|
After Width: | Height: | Size: 185 B |
BIN
images/arrows-ffffff.png
Normal file
|
After Width: | Height: | Size: 244 B |
BIN
images/background-dark.jpg
Normal file
|
After Width: | Height: | Size: 77 KiB |
BIN
images/backgrounds/background-image-600tall.jpg
Normal file
|
After Width: | Height: | Size: 52 KiB |
BIN
images/backgrounds/background2-image-600tall.jpg
Normal file
|
After Width: | Height: | Size: 43 KiB |
BIN
images/backgrounds/background3-image-600tall.jpg
Normal file
|
After Width: | Height: | Size: 364 KiB |
BIN
images/backgrounds/background4-image-600tall.jpg
Normal file
|
After Width: | Height: | Size: 62 KiB |
BIN
images/backgrounds/background6-image-600tall.jpg
Normal file
|
After Width: | Height: | Size: 260 KiB |
BIN
images/backgrounds/background7-image-600tall.jpg
Normal file
|
After Width: | Height: | Size: 115 KiB |
BIN
images/backgrounds/background8-image-600tall.jpg
Normal file
|
After Width: | Height: | Size: 111 KiB |
BIN
images/backgrounds/blog-background-tall.jpg
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
images/backgrounds/company-background.jpg
Normal file
|
After Width: | Height: | Size: 38 KiB |
BIN
images/backgrounds/contact-background-tall.jpg
Normal file
|
After Width: | Height: | Size: 28 KiB |
BIN
images/backgrounds/projects-background-blue.jpg
Normal file
|
After Width: | Height: | Size: 58 KiB |
BIN
images/backgrounds/projects-background-gray.jpg
Normal file
|
After Width: | Height: | Size: 36 KiB |
BIN
images/backgrounds/projects-background.jpg
Normal file
|
After Width: | Height: | Size: 62 KiB |
BIN
images/backgrounds/services-background-tall.jpg
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
images/big-button-overlay.png
Normal file
|
After Width: | Height: | Size: 198 B |
BIN
images/blockquote.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
images/blog-comments.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
images/camouflage.png
Normal file
|
After Width: | Height: | Size: 28 KiB |
BIN
images/checkmark.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
images/collapse.png
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
images/colorpicker/colorpicker_background.png
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
BIN
images/colorpicker/colorpicker_hex.png
Normal file
|
After Width: | Height: | Size: 532 B |
BIN
images/colorpicker/colorpicker_hsb_b.png
Normal file
|
After Width: | Height: | Size: 970 B |
BIN
images/colorpicker/colorpicker_hsb_h.png
Normal file
|
After Width: | Height: | Size: 1012 B |
BIN
images/colorpicker/colorpicker_hsb_s.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
images/colorpicker/colorpicker_indic.gif
Normal file
|
After Width: | Height: | Size: 86 B |
BIN
images/colorpicker/colorpicker_overlay.png
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
images/colorpicker/colorpicker_rgb_b.png
Normal file
|
After Width: | Height: | Size: 970 B |
BIN
images/colorpicker/colorpicker_rgb_g.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
BIN
images/colorpicker/colorpicker_rgb_r.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
BIN
images/colorpicker/colorpicker_select.gif
Normal file
|
After Width: | Height: | Size: 78 B |
BIN
images/colorpicker/colorpicker_submit.png
Normal file
|
After Width: | Height: | Size: 984 B |
BIN
images/expand.png
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
images/fancybox/blank.gif
Normal file
|
After Width: | Height: | Size: 43 B |
BIN
images/fancybox/fancy_title_over.png
Normal file
|
After Width: | Height: | Size: 70 B |
BIN
images/fancybox/fancybox-x.png
Normal file
|
After Width: | Height: | Size: 203 B |
BIN
images/fancybox/fancybox-y.png
Normal file
|
After Width: | Height: | Size: 176 B |
BIN
images/fancybox/fancybox.png
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
images/grunge.jpg
Normal file
|
After Width: | Height: | Size: 138 KiB |
BIN
images/logo-instaldeco.png
Normal file
|
After Width: | Height: | Size: 4.8 KiB |
BIN
images/logo-space.png
Normal file
|
After Width: | Height: | Size: 5.5 KiB |
BIN
images/nav-arrow.png
Normal file
|
After Width: | Height: | Size: 138 B |
BIN
images/orbit/bullets2.png
Normal file
|
After Width: | Height: | Size: 374 B |
BIN
images/orbit/left-arrow.png
Normal file
|
After Width: | Height: | Size: 679 B |
BIN
images/orbit/loading.gif
Normal file
|
After Width: | Height: | Size: 2.5 KiB |
BIN
images/orbit/pause-black2.png
Normal file
|
After Width: | Height: | Size: 279 B |
BIN
images/orbit/right-arrow.png
Normal file
|
After Width: | Height: | Size: 664 B |
BIN
images/orbit/rotator-black2.png
Normal file
|
After Width: | Height: | Size: 343 B |
BIN
images/orbit/timer-black2.png
Normal file
|
After Width: | Height: | Size: 325 B |
BIN
images/photo-left.jpg
Normal file
|
After Width: | Height: | Size: 9.4 KiB |
BIN
images/photo-right.jpg
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
images/portfolio/blog-img_2.jpg
Normal file
|
After Width: | Height: | Size: 8.1 KiB |
BIN
images/portfolio/blog-img_3.jpg
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
images/portfolio/blog-img_4.jpg
Normal file
|
After Width: | Height: | Size: 6.8 KiB |