start
BIN
src/10.png
|
Before Width: | Height: | Size: 54 KiB |
BIN
src/11.png
|
Before Width: | Height: | Size: 1.4 KiB |
BIN
src/12.png
|
Before Width: | Height: | Size: 89 KiB |
BIN
src/13.png
|
Before Width: | Height: | Size: 1.4 KiB |
BIN
src/18.png
|
Before Width: | Height: | Size: 61 KiB |
BIN
src/19.png
|
Before Width: | Height: | Size: 1.4 KiB |
312
src/Frame1.html
@@ -1,312 +0,0 @@
|
|||||||
<div class="frame-1">
|
|
||||||
<div class=""></div>
|
|
||||||
<div class="rectangle-1"></div>
|
|
||||||
<svg
|
|
||||||
class="vector-1"
|
|
||||||
width="1368"
|
|
||||||
height="948"
|
|
||||||
viewBox="0 0 1368 948"
|
|
||||||
fill="none"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<g filter="url(#filter0_f_19_24)">
|
|
||||||
<path
|
|
||||||
d="M799.571 0C639.538 124.856 410.691 77.161 510.712 226.738C610.732 376.316 655.275 422.013 786.235 444.987C849.049 456.006 865.413 435.371 868.613 421.025C864.622 401.269 871.318 408.902 868.613 421.025C869.746 426.631 871.74 434.444 875.053 444.987C903.859 536.631 984.142 530.388 912.928 628.025C841.713 725.663 863.851 752.881 775.033 786.093C686.215 819.305 704.085 844.276 615.267 838.033C526.449 831.79 400.022 867.249 417.626 786.093C435.23 704.937 406.424 669.478 493.108 648.751C579.793 628.025 581.927 646.754 657.409 628.025C732.891 609.297 744.093 632.271 759.563 588.571C775.033 544.871 875.053 582.078 692.883 503.169C510.712 424.26 510.979 451.229 493.108 405.532C475.238 359.835 453.367 357.837 444.298 301.652C435.23 245.467 417.626 236.727 417.626 199.52C417.626 162.313 386.42 166.308 461.902 116.366C537.384 66.4234 544.319 70.6685 579.793 43.6996C608.172 22.1245 738.136 5.5769 799.571 0Z"
|
|
||||||
fill="#7000FF"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
d="M975.874 317.883C975.874 295.159 1029.22 244.967 1071.36 176.297C1123.19 188.782 1226.86 221.245 1226.86 251.21C1226.86 288.667 1188.98 303.15 1173.51 340.607C1158.04 378.064 1175.65 386.554 1188.98 450.98C1202.32 515.405 1211.12 498.675 1226.86 525.893C1242.6 553.112 1251.13 561.103 1262.33 579.831C1273.53 598.559 1284.47 609.047 1300.21 646.504C1315.94 683.961 1337.81 679.716 1359.95 737.899C1382.09 796.081 1355.69 779.351 1315.68 883.481C1275.67 987.611 1242.33 933.423 1115.64 937.418C988.943 941.414 1051.36 891.721 1049.22 754.629C1047.09 617.537 1071.36 669.228 1115.64 629.773C1159.91 590.319 1146.84 606.8 1160.18 579.831C1173.51 552.862 1180.18 525.893 1160.18 498.675C1140.17 471.456 1102.3 450.98 1071.36 450.98C1040.42 450.98 1026.82 423.761 989.21 386.554C951.602 349.347 975.874 340.607 975.874 317.883Z"
|
|
||||||
fill="#7000FF"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
d="M400.289 544.871C417.893 498.924 380.285 472.205 360.548 401.537C256.882 431.336 44.643 501.721 25.0123 544.871C0.473925 598.809 7.14195 638.513 0.473913 702.939C-6.19412 767.365 58.3524 730.158 140.503 730.158C222.653 730.158 229.321 730.158 289.333 702.939C349.345 675.72 320.54 669.727 360.548 628.025C400.556 586.323 382.686 590.818 400.289 544.871Z"
|
|
||||||
fill="#7000FF"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<filter
|
|
||||||
id="filter0_f_19_24"
|
|
||||||
x="-530"
|
|
||||||
y="-530"
|
|
||||||
width="2428"
|
|
||||||
height="2008"
|
|
||||||
filterUnits="userSpaceOnUse"
|
|
||||||
color-interpolation-filters="sRGB"
|
|
||||||
>
|
|
||||||
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
|
||||||
<feBlend
|
|
||||||
mode="normal"
|
|
||||||
in="SourceGraphic"
|
|
||||||
in2="BackgroundImageFix"
|
|
||||||
result="shape"
|
|
||||||
/>
|
|
||||||
<feGaussianBlur
|
|
||||||
stdDeviation="265"
|
|
||||||
result="effect1_foregroundBlur_19_24"
|
|
||||||
/>
|
|
||||||
</filter>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
|
||||||
<svg
|
|
||||||
class="vector-2"
|
|
||||||
width="1665"
|
|
||||||
height="1550"
|
|
||||||
viewBox="0 0 1665 1550"
|
|
||||||
fill="none"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<g filter="url(#filter0_f_52_3)">
|
|
||||||
<path
|
|
||||||
d="M1000.44 1232.78C1063.68 1039.9 1280.24 951.9 1113.81 883.498C947.384 815.096 884.928 801.997 763.405 855.944C705.116 881.82 703.038 908.073 708.38 921.767C722.708 935.941 712.894 933.338 708.38 921.767C704.313 917.744 698.302 912.37 689.674 905.466C614.663 845.45 551.498 895.395 556.177 774.636C560.856 653.877 527.303 643.625 582.516 566.534C637.73 489.442 608.972 478.676 686.184 434.337C763.396 389.998 848.576 290.071 879.212 367.257C909.848 444.443 953.532 457.818 893.128 523.355C832.724 588.893 820.511 574.535 768.293 632.168C716.074 689.801 693.966 676.976 705.489 721.878C717.012 766.78 613.236 791.661 808.459 755.595C1003.68 719.528 988.424 697.289 1028.74 725.26C1069.05 753.231 1088.32 742.695 1127.18 784.28C1166.03 825.865 1185.52 823.305 1206.26 854.192C1227.01 885.079 1250.69 864.363 1215.87 947.908C1181.06 1031.45 1172.93 1031.8 1158.52 1073.96C1146.99 1107.7 1048.33 1193.9 1000.44 1232.78Z"
|
|
||||||
fill="#DF85FF"
|
|
||||||
fill-opacity="0.6"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
d="M676.847 1067.19C689.517 1086.06 673.219 1157.47 676.524 1237.97C626.534 1256.5 522.378 1287.36 505.67 1262.48C484.785 1231.39 508.151 1198.25 500.109 1158.53C492.066 1118.81 472.719 1121.57 425.727 1075.53C378.735 1029.48 380.757 1048.28 352.517 1034.46C324.278 1020.63 312.737 1018.76 292.995 1009.46C273.254 1000.16 258.328 997.549 224.38 975.229C190.432 952.908 174.643 968.627 123.825 932.671C73.007 896.714 104.255 895.88 79.4088 787.131C54.5621 678.382 112.452 704.776 215.396 630.82C318.341 556.865 294.236 632.915 372.445 745.53C450.653 858.145 401.684 828.768 386.927 886.207C372.171 943.646 373.831 922.678 377.797 952.502C381.763 982.325 391.265 1008.43 423.047 1019.87C454.829 1031.31 497.687 1027.19 523.371 1009.94C549.055 992.693 575.523 1007.7 627.488 1017.62C679.453 1027.54 664.177 1048.33 676.847 1067.19Z"
|
|
||||||
fill="#DF85FF"
|
|
||||||
fill-opacity="0.6"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
d="M1028.1 557.837C1039.1 605.795 1085.22 607.007 1141.01 654.666C1210.45 572.129 1347.39 395.363 1339.63 348.597C1329.93 290.14 1302.25 260.898 1271.87 203.698C1241.48 146.498 1208.65 213.374 1140.45 259.178C1072.25 304.981 1066.72 308.699 1032.08 364.755C997.434 420.811 1024.69 409.725 1014.73 466.65C1004.77 523.575 1017.1 509.88 1028.1 557.837Z"
|
|
||||||
fill="#DF85FF"
|
|
||||||
fill-opacity="0.6"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<filter
|
|
||||||
id="filter0_f_52_3"
|
|
||||||
x="-456.322"
|
|
||||||
y="-348.361"
|
|
||||||
width="2326.27"
|
|
||||||
height="2150.14"
|
|
||||||
filterUnits="userSpaceOnUse"
|
|
||||||
color-interpolation-filters="sRGB"
|
|
||||||
>
|
|
||||||
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
|
||||||
<feBlend
|
|
||||||
mode="normal"
|
|
||||||
in="SourceGraphic"
|
|
||||||
in2="BackgroundImageFix"
|
|
||||||
result="shape"
|
|
||||||
/>
|
|
||||||
<feGaussianBlur
|
|
||||||
stdDeviation="265"
|
|
||||||
result="effect1_foregroundBlur_52_3"
|
|
||||||
/>
|
|
||||||
</filter>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
|
||||||
<img class="2" src="2.png" />
|
|
||||||
<div class="rectangle-30"></div>
|
|
||||||
<div class="lucky-diamond">LUCKY DIAMOND</div>
|
|
||||||
<div class="minecraft-casino-spm">MINECRAFT CASINO - SPM</div>
|
|
||||||
<div class="3">онлайн-казино</div>
|
|
||||||
<img class="4" src="4.png" />
|
|
||||||
<div class="5">
|
|
||||||
<img class="6" src="6.png" />
|
|
||||||
<div class="double-game">DOUBLE<br />GAME</div>
|
|
||||||
<div class="rectangle-14"></div>
|
|
||||||
<div class="play">PLAY</div>
|
|
||||||
<img class="right-arrow-1" src="right-arrow-1.png" /><img
|
|
||||||
class="7"
|
|
||||||
src="7.png"
|
|
||||||
/>
|
|
||||||
<div class="_34-player">34 player</div>
|
|
||||||
<img class="dice-1" src="dice-1.png" />
|
|
||||||
</div>
|
|
||||||
<div class="5">
|
|
||||||
<img class="8" src="8.png" />
|
|
||||||
<div class="rectangle-142"></div>
|
|
||||||
<div class="play2">PLAY</div>
|
|
||||||
<img class="right-arrow-12" src="right-arrow-12.png" />
|
|
||||||
<div class="jacpot-game">JACPOT<br />GAME</div>
|
|
||||||
<img class="9" src="9.png" />
|
|
||||||
<div class="_53-player">53 player</div>
|
|
||||||
<img class="jackpot-1" src="jackpot-1.png" />
|
|
||||||
</div>
|
|
||||||
<div class="5">
|
|
||||||
<img class="10" src="10.png" />
|
|
||||||
<div class="rectangle-143"></div>
|
|
||||||
<div class="play3">PLAY</div>
|
|
||||||
<img class="right-arrow-13" src="right-arrow-13.png" /><img
|
|
||||||
class="11"
|
|
||||||
src="11.png"
|
|
||||||
/>
|
|
||||||
<div class="_14-player">14 player</div>
|
|
||||||
<div class="mines-game">MINES<br />GAME</div>
|
|
||||||
<img class="bomb-1" src="bomb-1.png" />
|
|
||||||
</div>
|
|
||||||
<div class="5">
|
|
||||||
<img class="12" src="12.png" />
|
|
||||||
<div class="slots">SLOTS</div>
|
|
||||||
<div class="rectangle-144"></div>
|
|
||||||
<div class="play4">PLAY</div>
|
|
||||||
<img class="right-arrow-14" src="right-arrow-14.png" /><img
|
|
||||||
class="diamond-1"
|
|
||||||
src="diamond-1.png"
|
|
||||||
/><img class="13" src="13.png" />
|
|
||||||
<div class="_126-player">126 player</div>
|
|
||||||
</div>
|
|
||||||
<div class="14">Главная</div>
|
|
||||||
<div class="15">Профиль</div>
|
|
||||||
<div class="16">Помощь</div>
|
|
||||||
<svg
|
|
||||||
class="line-1"
|
|
||||||
width="78"
|
|
||||||
viewBox="0 0 78 0"
|
|
||||||
fill="none"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<path d="M0 0H77.0621" stroke="#FFB400" stroke-width="2.3" />
|
|
||||||
</svg>
|
|
||||||
|
|
||||||
<div class="rectangle-15"></div>
|
|
||||||
<div class="rectangle-16"></div>
|
|
||||||
<div class="_25000">25000</div>
|
|
||||||
<div class="17">КОШЕЛЁК</div>
|
|
||||||
<div class="lucky-diamond2">LUCKY DIAMOND</div>
|
|
||||||
<div class="play-now">PLAY NOW</div>
|
|
||||||
<div class="5">
|
|
||||||
<img class="18" src="18.png" /><img class="19" src="19.png" />
|
|
||||||
<div class="_68-player">68 player</div>
|
|
||||||
<div class="crash-game">CRASH GAME</div>
|
|
||||||
<div class="rectangle-145"></div>
|
|
||||||
<div class="play5">PLAY</div>
|
|
||||||
<img
|
|
||||||
class="free-icon-rocket-launch-3384333-1"
|
|
||||||
src="free-icon-rocket-launch-3384333-1.png"
|
|
||||||
/><img class="right-arrow-15" src="right-arrow-15.png" />
|
|
||||||
</div>
|
|
||||||
<div class="20">РЕЖИМЫ ИГРЫ</div>
|
|
||||||
<img
|
|
||||||
class="deepslate-diamond-ore-29-1"
|
|
||||||
src="deepslate-diamond-ore-29-1.png"
|
|
||||||
/>
|
|
||||||
<div class="5">
|
|
||||||
<img class="diamond-2" src="diamond-2.png" /><img
|
|
||||||
class="dice-2"
|
|
||||||
src="dice-2.png"
|
|
||||||
/><img class="graph-bar-2" src="graph-bar-2.png" /><img
|
|
||||||
class="free-icon-rocket-launch-3384333-2"
|
|
||||||
src="free-icon-rocket-launch-3384333-2.png"
|
|
||||||
/><img class="jackpot-2" src="jackpot-2.png" /><img
|
|
||||||
class="free-icon-home-button-6490332-1"
|
|
||||||
src="free-icon-home-button-6490332-1.png"
|
|
||||||
/><img class="bomb-2" src="bomb-2.png" />
|
|
||||||
</div>
|
|
||||||
<div class="5">
|
|
||||||
<div class="rectangle-29"></div>
|
|
||||||
<div class="rectangle-27"></div>
|
|
||||||
<svg
|
|
||||||
class="rectangle-20"
|
|
||||||
width="421"
|
|
||||||
height="806"
|
|
||||||
viewBox="0 0 421 806"
|
|
||||||
fill="none"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<g filter="url(#filter0_d_19_7)">
|
|
||||||
<path
|
|
||||||
d="M0 10C0 4.47715 4.47715 0 10 0H210.5H411C416.523 0 421 4.47715 421 10V796C421 801.523 416.523 806 411 806H10C4.47716 806 0 801.523 0 796V10Z"
|
|
||||||
fill="#1D202B"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<filter
|
|
||||||
id="filter0_d_19_7"
|
|
||||||
x="-4"
|
|
||||||
y="0"
|
|
||||||
width="429"
|
|
||||||
height="814"
|
|
||||||
filterUnits="userSpaceOnUse"
|
|
||||||
color-interpolation-filters="sRGB"
|
|
||||||
>
|
|
||||||
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
|
||||||
<feColorMatrix
|
|
||||||
in="SourceAlpha"
|
|
||||||
type="matrix"
|
|
||||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
||||||
result="hardAlpha"
|
|
||||||
/>
|
|
||||||
<feOffset dy="4" />
|
|
||||||
<feGaussianBlur stdDeviation="2" />
|
|
||||||
<feComposite in2="hardAlpha" operator="out" />
|
|
||||||
<feColorMatrix
|
|
||||||
type="matrix"
|
|
||||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
|
|
||||||
/>
|
|
||||||
<feBlend
|
|
||||||
mode="normal"
|
|
||||||
in2="BackgroundImageFix"
|
|
||||||
result="effect1_dropShadow_19_7"
|
|
||||||
/>
|
|
||||||
<feBlend
|
|
||||||
mode="normal"
|
|
||||||
in="SourceGraphic"
|
|
||||||
in2="effect1_dropShadow_19_7"
|
|
||||||
result="shape"
|
|
||||||
/>
|
|
||||||
</filter>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
|
||||||
<div class="21">А за это бан на СПМ не дадут???</div>
|
|
||||||
<div class="22">Я проиграл все алмазы в слотах</div>
|
|
||||||
<div class="_282">282</div>
|
|
||||||
<div class="23">Чат игроков</div>
|
|
||||||
<div class="artemka">Artemka</div>
|
|
||||||
<div class="24">Верхнега попустил</div>
|
|
||||||
<div class="25">Шкравнэд заипаааааал</div>
|
|
||||||
<div class="_64-640">Положил 64 алмаза вывел 640 алмазов</div>
|
|
||||||
<div class="26">Дизайн сайта очень оригинальный!</div>
|
|
||||||
<div class="27">БАН</div>
|
|
||||||
<div class="grafend">GRAFEND</div>
|
|
||||||
<div class="f-upir">FUpir</div>
|
|
||||||
<div class="dabol-valody">DabolValody</div>
|
|
||||||
<div class="k-ruto-y-ch-el">kRutoY ChEl</div>
|
|
||||||
<div class="to-pvanya-2010-top">TOPvanya2010TOP</div>
|
|
||||||
<div class="_5-opka">5opka</div>
|
|
||||||
<div class="lucky-060">LUCKY060</div>
|
|
||||||
<img
|
|
||||||
class="free-icon-user-1077063-1"
|
|
||||||
src="free-icon-user-1077063-1.png"
|
|
||||||
/><img
|
|
||||||
class="free-icon-user-1077063-2"
|
|
||||||
src="free-icon-user-1077063-2.png"
|
|
||||||
/><img
|
|
||||||
class="free-icon-user-1077063-3"
|
|
||||||
src="free-icon-user-1077063-3.png"
|
|
||||||
/><img
|
|
||||||
class="free-icon-user-1077063-4"
|
|
||||||
src="free-icon-user-1077063-4.png"
|
|
||||||
/><img
|
|
||||||
class="free-icon-man-user-74472-1"
|
|
||||||
src="free-icon-man-user-74472-1.png"
|
|
||||||
/><img
|
|
||||||
class="free-icon-arrowhead-thin-outline-to-the-left-32542-1"
|
|
||||||
src="free-icon-arrowhead-thin-outline-to-the-left-32542-1.png"
|
|
||||||
/><img
|
|
||||||
class="free-icon-russia-6211549-1"
|
|
||||||
src="free-icon-russia-6211549-1.png"
|
|
||||||
/><img
|
|
||||||
class="_1-d-759-d-8-e-1-b-9130-f-75584-bc-6-a-45767901-1"
|
|
||||||
src="_1-d-759-d-8-e-1-b-9130-f-75584-bc-6-a-45767901-1.png"
|
|
||||||
/>
|
|
||||||
<div class="28">
|
|
||||||
<img class="avatar-1" src="avatar-1.png" /><img
|
|
||||||
class="image-5"
|
|
||||||
src="image-5.png"
|
|
||||||
/><img class="image-6" src="image-6.png" />
|
|
||||||
<div class="rectangle-17"></div>
|
|
||||||
<div class="rectangle-18"></div>
|
|
||||||
<div class="29">Напишите сообщение...</div>
|
|
||||||
<img
|
|
||||||
class="free-icon-send-message-3717583-1"
|
|
||||||
src="free-icon-send-message-3717583-1.png"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<img class="image-7" src="image-7.png" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
Before Width: | Height: | Size: 7.6 KiB |
BIN
src/avatar-1.png
|
Before Width: | Height: | Size: 7.1 KiB |
BIN
src/bomb-1.png
|
Before Width: | Height: | Size: 1.3 KiB |
BIN
src/bomb-2.png
|
Before Width: | Height: | Size: 2.2 KiB |
396
src/css/style.css
Normal file
@@ -0,0 +1,396 @@
|
|||||||
|
/* http://meyerweb.com/eric/tools/css/reset/
|
||||||
|
v2.0-modified | 20110126
|
||||||
|
License: none (public domain)
|
||||||
|
*/
|
||||||
|
|
||||||
|
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, 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,
|
||||||
|
article, aside, canvas, details, embed,
|
||||||
|
figure, figcaption, footer, header, hgroup,
|
||||||
|
menu, nav, output, ruby, section, summary,
|
||||||
|
time, mark, audio, video {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
font-size: 100%;
|
||||||
|
font: inherit;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* make sure to set some focus styles for accessibility */
|
||||||
|
:focus {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* HTML5 display-role reset for older browsers */
|
||||||
|
article, aside, details, figcaption, figure,
|
||||||
|
footer, header, hgroup, menu, nav, section {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol, ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote, q {
|
||||||
|
quotes: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote:before, blockquote:after,
|
||||||
|
q:before, q:after {
|
||||||
|
content: '';
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=search]::-webkit-search-cancel-button,
|
||||||
|
input[type=search]::-webkit-search-decoration,
|
||||||
|
input[type=search]::-webkit-search-results-button,
|
||||||
|
input[type=search]::-webkit-search-results-decoration {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=search] {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: auto;
|
||||||
|
vertical-align: top;
|
||||||
|
resize: vertical;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
|
||||||
|
*/
|
||||||
|
|
||||||
|
audio,
|
||||||
|
canvas,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
*display: inline;
|
||||||
|
*zoom: 1;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prevent modern browsers from displaying `audio` without controls.
|
||||||
|
* Remove excess height in iOS 5 devices.
|
||||||
|
*/
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
|
||||||
|
* Known issue: no IE 6 support.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[hidden] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
|
||||||
|
* `em` units.
|
||||||
|
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
||||||
|
* user zoom.
|
||||||
|
*/
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-size: 100%; /* 1 */
|
||||||
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
|
-ms-text-size-adjust: 100%; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Address `outline` inconsistency between Chrome and other browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a:focus {
|
||||||
|
outline: thin dotted;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Improve readability when focused and also mouse hovered in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a:active,
|
||||||
|
a:hover {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
|
||||||
|
* 2. Improve image quality when scaled in IE 7.
|
||||||
|
*/
|
||||||
|
|
||||||
|
img {
|
||||||
|
border: 0; /* 1 */
|
||||||
|
-ms-interpolation-mode: bicubic; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
|
||||||
|
*/
|
||||||
|
|
||||||
|
figure {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct margin displayed oddly in IE 6/7.
|
||||||
|
*/
|
||||||
|
|
||||||
|
form {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Define consistent border, margin, and padding.
|
||||||
|
*/
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
border: 1px solid #c0c0c0;
|
||||||
|
margin: 0 2px;
|
||||||
|
padding: 0.35em 0.625em 0.75em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct color not being inherited in IE 6/7/8/9.
|
||||||
|
* 2. Correct text not wrapping in Firefox 3.
|
||||||
|
* 3. Correct alignment displayed oddly in IE 6/7.
|
||||||
|
*/
|
||||||
|
|
||||||
|
legend {
|
||||||
|
border: 0; /* 1 */
|
||||||
|
padding: 0;
|
||||||
|
white-space: normal; /* 2 */
|
||||||
|
*margin-left: -7px; /* 3 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct font size not being inherited in all browsers.
|
||||||
|
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
|
||||||
|
* and Chrome.
|
||||||
|
* 3. Improve appearance and consistency in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
font-size: 100%; /* 1 */
|
||||||
|
margin: 0; /* 2 */
|
||||||
|
vertical-align: baseline; /* 3 */
|
||||||
|
*vertical-align: middle; /* 3 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
|
||||||
|
* the UA stylesheet.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input {
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
||||||
|
* All other form control elements do not inherit `text-transform` values.
|
||||||
|
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
|
||||||
|
* Correct `select` style inheritance in Firefox 4+ and Opera.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
select {
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
||||||
|
* and `video` controls.
|
||||||
|
* 2. Correct inability to style clickable `input` types in iOS.
|
||||||
|
* 3. Improve usability and consistency of cursor style between image-type
|
||||||
|
* `input` and others.
|
||||||
|
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
|
||||||
|
* Known issue: inner spacing remains in IE 6.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
html input[type="button"], /* 1 */
|
||||||
|
input[type="reset"],
|
||||||
|
input[type="submit"] {
|
||||||
|
-webkit-appearance: button; /* 2 */
|
||||||
|
cursor: pointer; /* 3 */
|
||||||
|
*overflow: visible; /* 4 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Re-set default cursor for disabled elements.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button[disabled],
|
||||||
|
html input[disabled] {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Address box sizing set to content-box in IE 8/9.
|
||||||
|
* 2. Remove excess padding in IE 8/9.
|
||||||
|
* 3. Remove excess padding in IE 7.
|
||||||
|
* Known issue: excess padding remains in IE 6.
|
||||||
|
*/
|
||||||
|
|
||||||
|
input[type="checkbox"],
|
||||||
|
input[type="radio"] {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
padding: 0; /* 2 */
|
||||||
|
*height: 13px; /* 3 */
|
||||||
|
*width: 13px; /* 3 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
|
||||||
|
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
|
||||||
|
* (include `-moz` to future-proof).
|
||||||
|
*/
|
||||||
|
|
||||||
|
input[type="search"] {
|
||||||
|
-webkit-appearance: textfield; /* 1 */
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
-webkit-box-sizing: content-box; /* 2 */
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove inner padding and search cancel button in Safari 5 and Chrome
|
||||||
|
* on OS X.
|
||||||
|
*/
|
||||||
|
|
||||||
|
input[type="search"]::-webkit-search-cancel-button,
|
||||||
|
input[type="search"]::-webkit-search-decoration {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove inner padding and border in Firefox 3+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button::-moz-focus-inner,
|
||||||
|
input::-moz-focus-inner {
|
||||||
|
border: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
|
||||||
|
* 2. Improve readability and alignment in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: auto; /* 1 */
|
||||||
|
vertical-align: top; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove most spacing between table cells.
|
||||||
|
*/
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
color: #222;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
::-moz-selection {
|
||||||
|
background: #b3d4fc;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
::selection {
|
||||||
|
background: #b3d4fc;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
border: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
resize: vertical;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chromeframe {
|
||||||
|
margin: 0.2em 0;
|
||||||
|
background: #ccc;
|
||||||
|
color: #000;
|
||||||
|
padding: 0.2em 0;
|
||||||
|
}
|
||||||
|
/* montserrat-alternates-regular - latin */
|
||||||
|
@font-face {
|
||||||
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||||
|
font-family: 'Montserrat Alternates';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url('../fonts/montserrat-alternates-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||||
|
}
|
||||||
|
/* montserrat-alternates-700 - latin */
|
||||||
|
@font-face {
|
||||||
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||||
|
font-family: 'Montserrat Alternates';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
src: url('../fonts/montserrat-alternates-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||||
|
}
|
||||||
|
|
||||||
|
html{
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
*, *::before, *::after{
|
||||||
|
box-sizing: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item{
|
||||||
|
width: 200px;
|
||||||
|
height: 100px;
|
||||||
|
background: green;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 6.5 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
BIN
src/dice-1.png
|
Before Width: | Height: | Size: 1.5 KiB |
BIN
src/dice-2.png
|
Before Width: | Height: | Size: 2.8 KiB |
BIN
src/fonts/montserrat-alternates-v17-latin-700.woff2
Normal file
BIN
src/fonts/montserrat-alternates-v17-latin-regular.woff2
Normal file
|
Before Width: | Height: | Size: 364 B |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 613 B |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 793 B |
|
Before Width: | Height: | Size: 1018 B |
|
Before Width: | Height: | Size: 987 B |
|
Before Width: | Height: | Size: 987 B |
|
Before Width: | Height: | Size: 987 B |
|
Before Width: | Height: | Size: 987 B |
|
Before Width: | Height: | Size: 754 B |
BIN
src/image-5.png
|
Before Width: | Height: | Size: 6.5 KiB |
BIN
src/image-6.png
|
Before Width: | Height: | Size: 2.6 KiB |
BIN
src/image-7.png
|
Before Width: | Height: | Size: 6.5 KiB |
277
src/index.html
|
Before Width: | Height: | Size: 652 B |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 676 B |
|
Before Width: | Height: | Size: 676 B |
|
Before Width: | Height: | Size: 676 B |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 676 B |
1006
src/style.css
@@ -1,8 +0,0 @@
|
|||||||
/* Figma Styles of your File */
|
|
||||||
:root {
|
|
||||||
/* Colors */
|
|
||||||
|
|
||||||
/* Fonts */
|
|
||||||
|
|
||||||
/* Effects */
|
|
||||||
}
|
|
||||||