diff --git a/assets/scss/_layout.scss b/assets/scss/_layout.scss index 1199246..4b0b417 100644 --- a/assets/scss/_layout.scss +++ b/assets/scss/_layout.scss @@ -1,3 +1,126 @@ -.test { - color: red; + +button{ + background-color:#f2e527 ; + height: 70px; + width: 350px; + border-radius: 8px; + color:#253340; + font-size: 30px; + font-weight: bolder; + +} +div#catornot{ + background-image:linear-gradient(rgba(0, 0, 0, 0.726),rgba(0, 0, 0, 0.767)),url(../../static/img/catsornot.jpg); + background-repeat: no-repeat; + color:#f2e527; + width:1400px; + height: 788px; + margin: 0 auto; + +} +body{ + background-color: #283643; +} +div#text{ + width: 100%; + font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + font-size: 90px; + padding-left:10px; + padding-top: 110px; + text-align: center; +} +Button#button{ + margin: 1% 40.5%; + +} +div.image-container{ + font-family: Verdana, Geneva, Tahoma, sans-serif; + font-size: 50px; + color: #f2e527; + width: 1050px; + height: 550px; + border: 5px dashed #f2e527; + display: inline-block; + text-align: center; + background-image:linear-gradient(rgba(0, 0, 0, 0.76),rgba(0, 0, 0, 0.80),rgba(0,0,0,0.90)),url(../../static/img/catsornot.jpg); + background-repeat: no-repeat; + margin:150px 350px 100px 450px ; +} +div#cloud{ + font-size: 100px; + padding-top: 40px; +} +div#browse{ + background-color: #5d653f; + height: 60px; + width: 330px; + text-align: center; + border-style: none solid solid none; + border-color: #f2e527; + border-radius: 5px; + font-size: 50px; + font-family: Georgia, 'Times New Roman', Times, serif; + color: #f2e527; + margin-left: 350px; + +} +h4{ + font-size: 35px; +} +label.file-input-label{ + font-size: 35px; + color: #f2e527; + position: absolute; + left: 450px; + top: 121px; +} +div#con{ + padding-left: 800px; +} +div#false{ + color:red; + font-size: 70px; + text-align: center; + position: relative; + top:-50px; + left: -600px; +} +div#true{ + color: green; + font-size: larger; + text-align: center; + font-size: 70px; + position: relative; + top:-50px; + left: -600px; +} +div#buttons{ + margin-top:50px; +} +button#again{ + position: relative; + left: -400px; + top:-50px; +} +button#con{ + position: relative; + left: 100px; + top:-50px; +} +div#loading{ + z-index: 10; + height: 100%; + width: 100%; + animation-name: loading; + animation-duration: 2s; + margin: auto; + font-size: 100px; + text-align: center; +} +@keyframes loading{ + 0%{color: red;font-weight: bolder;} + 25%{color: #f2e527;font-weight: lighter;} + 50%{color:red ; font-weight: bolder;} + 75%{color:#f2e527;font-weight:lighter;} + 100%{color:red ; font-weight: bolder;} } \ No newline at end of file diff --git a/components/InputFile.vue b/components/InputFile.vue index cfca886..be0ca81 100644 --- a/components/InputFile.vue +++ b/components/InputFile.vue @@ -20,8 +20,18 @@ alt="obrazek" > -