diff --git a/sleeky-frontend/frontend/assets/css/base.css b/sleeky-frontend/frontend/assets/css/base.css
index 16014a0..4b186a9 100755
--- a/sleeky-frontend/frontend/assets/css/base.css
+++ b/sleeky-frontend/frontend/assets/css/base.css
@@ -1 +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,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:top}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}body{font-size:15px;line-height:140%}h1,h2,h3,h4,h5,h6{line-height:140%}.container{width:960px;margin:0 auto}header{float:left;width:940px;margin-left:10px;margin-right:10px;padding-left:0;padding-right:0}article{float:left;width:620px;margin-left:10px;margin-right:10px;padding-left:0;padding-right:0}aside{float:left;width:300px;margin-left:10px;margin-right:10px;padding-left:0;padding-right:0}footer{float:left;width:940px;margin-left:10px;margin-right:10px;padding-left:0;padding-right:0}.main-content{float:left;width:620px;margin-left:170px;margin-right:10px;padding-left:0;padding-right:0}body{color:#000;font-family:'Open Sans',sans-serif}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700}h1{font-size:3em;margin-top:.75em;margin-bottom:.25em}h2{font-size:2em;margin-top:1em;margin-bottom:.75em}h3{font-size:1.5em;margin-top:1.25em;margin-bottom:.5em;font-weight:400}h4{font-size:1.25em;margin-top:1em;margin-bottom:.5em;font-weight:400;color:#4d4d4d}h5{font-size:1.125em;margin-top:.5em;margin-bottom:.5em}h6{font-size:1em;margin-top:.5em;margin-bottom:.5em}p{margin:1em 0}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}abbr,acronym{border-bottom:1px dotted;cursor:help}address{font-size:1em;font-style:italic}blockquote{margin:1em 0;padding:0 0 0 2em}cite{font-style:italic}code{font-size:1em;font-family:monospace;background:#ebebeb;border:1px solid #dedede;padding:.125em .25em;line-height:150%}em,i{font-style:italic}strong,b{font-weight:700}hr{outline:0;border:0;margin:1em 0;padding:0;border-top:1px solid #ebebeb}ol,ul{margin:1em 0;padding:0 0 0 2em}ol li,ul li{font-size:1em;list-style-position:outside}ul li{list-style:disc}ol li{list-style:decimal}form{margin:1em 0}dl{margin:1em 0}dl dt{font-weight:700}dl dd{margin:0 0 .5em}table{width:100%;margin:1em 0}table th{padding:.5em;border:1px solid #ebebeb;background:#f1f1f1;text-align:left;font-weight:700}table td{padding:.5em;border:1px solid #ebebeb}form{display:block}fieldset{display:block;margin:1.25em 0;padding:0}legend{display:block;width:100%;margin:0 0 1em;font-weight:700;border-bottom:1px solid #ebebeb}label{display:block;margin:0 0 .25em;font-weight:700}select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=image],input[type=color]{display:block;padding:.5em;margin:0 0 .625em;vertical-align:middle;border:1px solid #ebebeb;outline:0;font-family:inherit;font-size:1em;-webkit-appearance:none;border-radius:0}select:hover,textarea:hover,input[type=text]:hover,input[type=password]:hover,input[type=datetime]:hover,input[type=datetime-local]:hover,input[type=date]:hover,input[type=month]:hover,input[type=time]:hover,input[type=week]:hover,input[type=number]:hover,input[type=email]:hover,input[type=url]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=image]:hover,input[type=color]:hover{border:1px solid #e3e3e3}select:focus,textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=image]:focus,input[type=color]:focus{border:1px solid #dedede}input[type=submit],input[type=button]{display:block;border-radius:0}input[type=file]{padding:.125em;margin:0 0 .625em;font-family:inherit;font-size:1em;-webkit-appearance:none;border-radius:0;line-height:100%}textarea{padding:.25em}progress,meter{padding:.125em;margin:0 0 .625em;font-family:inherit;font-size:1em}.button,button,input[type=button],input[type=submit],input[type=reset]{-webkit-appearance:none;padding:.625em 1.25em;margin:0 0 .625em;font-family:inherit;font-size:1em;border:0;outline:0;background:#ebebeb;line-height:100%;cursor:pointer;text-decoration:none;display:inline-block;zoom:1;*display:inline}.button:hover,button:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover{background:#e3e3e3;text-decoration:none}.button:active,button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active{background:#dcdcdc}.button.disabled,button.disabled,input[type=button].disabled,input[type=submit].disabled,input[type=reset].disabled{background:#f1f1f1;color:#c5c5c5;cursor:default}button.primary,.button-primary{background:#007bff;color:#fff}button.primary:hover,.button-primary:hover{background:#006fe6}button.primary:active,.button-primary:active{background:#0062cc}button.primary.disabled,.button-primary.disabled{background:#66b0ff;color:#007bff;cursor:default}button.secondary,.button-secondary{background:#000;color:#fff}button.secondary:hover,.button-secondary:hover{background:#000}button.secondary:active,.button-secondary:active{background:#000}button.secondary.disabled,.button-secondary.disabled{background:#333;color:#000;cursor:default}ul[class*=menu-]{margin:1em 0;padding:0}ul[class*=menu-] li{position:relative;list-style:none}ul[class*=menu-] li a{padding:.75em 1.25em;line-height:100%;color:#000;text-decoration:none}ul[class*=menu-] li:hover>a,ul[class*=menu-] li a:hover,ul[class*=menu-] li a.selected,ul[class*=menu-] li.selected a{background:#ebebeb}ul[class*=menu-] li a:active,ul[class*=menu-] li a.selected:hover,ul[class*=menu-] li.selected a:hover{background:#e3e3e3}.menu-primary li{display:inline}.menu-primary li a{display:inline-block;zoom:1;*display:inline}.menu-primary li ul{display:none;margin:0;padding:0;position:absolute;top:2.25em;left:0;border:1px solid #ebebeb;background:#fff;z-index:1000}.menu-primary li ul li{display:block}.menu-primary li ul li a{display:block;white-space:nowrap}.menu-primary li:hover ul,.menu-primary li ul:hover{display:inline}.menu-secondary{border:1px solid #ebebeb}.menu-secondary li{display:block}.menu-secondary li a{display:block}body{background-color:#007bff}h5{font-size:1em}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.verticle-center{min-height:100%;min-height:100vh;display:flex;align-items:center}.main-content{background-color:#fff;border-radius:5px;position:relative}.above{text-align:center;margin-top:-50px}.logo{float:left;padding-top:.45em;padding-right:1em}.head-text{display:flex}.head{width:26em;margin:auto;width:100%;padding:1em;width:65%}.material-icons{font-size:2em}.field-section{margin:auto;width:80%;padding-bottom:1em}.link-section{margin:auto;width:60%;padding-bottom:1em}input.url,input.short-url{background-color:#ebebeb;padding-right:50px;display:inline;vertical-align:top;width:87%;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;height:3em;font-family:Montserrat,sans-serif;font-weight:700;color:#000}input.url:hover,input.short-url:hover,input.url :active,input.short-url :active,input.url:focus,input.short-url:focus{border:1px solid #ebebeb}input:focus::-webkit-input-placeholder{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out;color:transparent}input:focus:-moz-placeholder{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out;color:transparent}input:focus::-moz-placeholder{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out;color:transparent}input:focus:-ms-input-placeholder{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out;color:transparent}input::-webkit-input-placeholder{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}input:-moz-placeholder{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}input::-moz-placeholder{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}input:-ms-input-placeholder{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.customise-button{font-size:.8em;color:#757575;text-transform:uppercase;font-weight:600;font-family:Montserrat,sans-serif;padding:5px;border-radius:6px;cursor:pointer;transition:.2s all}.customise-button img{width:18px;margin-top:1px}.customise-button:hover{background:#ebebeb}.customise-container{margin-top:20px;padding-left:5px}.customise-container span{display:inline-block;padding-top:1px;font-family:Montserrat,sans-serif}.customise-container input{background-color:#ebebeb;display:inline;vertical-align:top;width:50%;border-radius:6px;height:2em;font-family:Montserrat,sans-serif;font-weight:700;font-size:.8em;color:#000}.customise-container input:hover,.customise-container input :active,.customise-container input:focus{border:1px solid #ebebeb}input[type=submit],.short-url-button{background-color:#007bff;margin-left:-50px;height:3em;width:81px;font-family:Montserrat,sans-serif;font-weight:700;color:#fff;text-transform:uppercase;width:22%;-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}input[type=submit]:hover,.short-url-button:hover{background-color:#0062cc}input.short-url{width:80%;text-transform:none}.short-url-button{width:30%}.footer{position:absolute;height:2.2em;padding-top:.8em;color:#fff;font-family:Montserrat,sans-serif;text-transform:uppercase;font-weight:700;font-size:1em;text-align:center;z-index:99999}.footer span{padding-right:1.5em}.footer .footer-links{display:inline}.footer a{color:#fff;-webkit-transition:color .1s ease-in-out;-moz-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}.footer a:hover{text-decoration:none;color:#e6e6e6}.success-screen{width:100%;height:100%;background-color:#007bff}.info{color:#000;display:inline-block;width:100%;font-family:Montserrat;padding-bottom:2em;max-width:100%;overflow-x:scroll}.close{position:absolute;top:0;right:0;width:100px;text-align:right;padding:.3em}.close a{color:#000}.spin{-webkit-transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out}.spin:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.light{font-weight:400}.error{color:#F44336;text-align:center}.error h5{overflow-wrap:break-word}
\ No newline at end of file
+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:top}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}body{font-size:15px;line-height:140%}h1,h2,h3,h4,h5,h6{line-height:140%}.container{width:960px;margin:0 auto}header{float:left;width:940px;margin-left:10px;margin-right:10px;padding-left:0;padding-right:0}article{float:left;width:620px;margin-left:10px;margin-right:10px;padding-left:0;padding-right:0}aside{float:left;width:300px;margin-left:10px;margin-right:10px;padding-left:0;padding-right:0}footer{float:left;width:940px;margin-left:10px;margin-right:10px;padding-left:0;padding-right:0}.main-content{float:left;width:620px;margin-left:170px;margin-right:10px;padding-left:0;padding-right:0}body{color:#000;font-family:'Open Sans',sans-serif}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700}h1{font-size:3em;margin-top:.75em;margin-bottom:.25em}h2{font-size:2em;margin-top:1em;margin-bottom:.75em}h3{font-size:1.5em;margin-top:1.25em;margin-bottom:.5em;font-weight:400}h4{font-size:1.25em;margin-top:1em;margin-bottom:.5em;font-weight:400;color:#4d4d4d}h5{font-size:1.125em;margin-top:.5em;margin-bottom:.5em}h6{font-size:1em;margin-top:.5em;margin-bottom:.5em}p{margin:1em 0}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}abbr,acronym{border-bottom:1px dotted;cursor:help}address{font-size:1em;font-style:italic}blockquote{margin:1em 0;padding:0 0 0 2em}cite{font-style:italic}code{font-size:1em;font-family:monospace;background:#ebebeb;border:1px solid #dedede;padding:.125em .25em;line-height:150%}em,i{font-style:italic}strong,b{font-weight:700}hr{outline:0;border:0;margin:1em 0;padding:0;border-top:1px solid #ebebeb}ol,ul{margin:1em 0;padding:0 0 0 2em}ol li,ul li{font-size:1em;list-style-position:outside}ul li{list-style:disc}ol li{list-style:decimal}form{margin:1em 0}dl{margin:1em 0}dl dt{font-weight:700}dl dd{margin:0 0 .5em}table{width:100%;margin:1em 0}table th{padding:.5em;border:1px solid #ebebeb;background:#f1f1f1;text-align:left;font-weight:700}table td{padding:.5em;border:1px solid #ebebeb}form{display:block}fieldset{display:block;margin:1.25em 0;padding:0}legend{display:block;width:100%;margin:0 0 1em;font-weight:700;border-bottom:1px solid #ebebeb}label{display:block;margin:0 0 .25em;font-weight:700}select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=image],input[type=color]{display:block;padding:.5em;margin:0 0 .625em;vertical-align:middle;border:1px solid #ebebeb;outline:0;font-family:inherit;font-size:1em;-webkit-appearance:none;border-radius:0}select:hover,textarea:hover,input[type=text]:hover,input[type=password]:hover,input[type=datetime]:hover,input[type=datetime-local]:hover,input[type=date]:hover,input[type=month]:hover,input[type=time]:hover,input[type=week]:hover,input[type=number]:hover,input[type=email]:hover,input[type=url]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=image]:hover,input[type=color]:hover{border:1px solid #e3e3e3}select:focus,textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=image]:focus,input[type=color]:focus{border:1px solid #dedede}input[type=submit],input[type=button]{display:block;border-radius:0}input[type=file]{padding:.125em;margin:0 0 .625em;font-family:inherit;font-size:1em;-webkit-appearance:none;border-radius:0;line-height:100%}textarea{padding:.25em}progress,meter{padding:.125em;margin:0 0 .625em;font-family:inherit;font-size:1em}.button,button,input[type=button],input[type=submit],input[type=reset]{-webkit-appearance:none;padding:.625em 1.25em;margin:0 0 .625em;font-family:inherit;font-size:1em;border:0;outline:0;background:#ebebeb;line-height:100%;cursor:pointer;text-decoration:none;display:inline-block;zoom:1;*display:inline}.button:hover,button:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover{background:#e3e3e3;text-decoration:none}.button:active,button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active{background:#dcdcdc}.button.disabled,button.disabled,input[type=button].disabled,input[type=submit].disabled,input[type=reset].disabled{background:#f1f1f1;color:#c5c5c5;cursor:default}button.primary,.button-primary{background:#007bff;color:#fff}button.primary:hover,.button-primary:hover{background:#006fe6}button.primary:active,.button-primary:active{background:#0062cc}button.primary.disabled,.button-primary.disabled{background:#66b0ff;color:#007bff;cursor:default}button.secondary,.button-secondary{background:#000;color:#fff}button.secondary:hover,.button-secondary:hover{background:#000}button.secondary:active,.button-secondary:active{background:#000}button.secondary.disabled,.button-secondary.disabled{background:#333;color:#000;cursor:default}ul[class*=menu-]{margin:1em 0;padding:0}ul[class*=menu-] li{position:relative;list-style:none}ul[class*=menu-] li a{padding:.75em 1.25em;line-height:100%;color:#000;text-decoration:none}ul[class*=menu-] li:hover>a,ul[class*=menu-] li a:hover,ul[class*=menu-] li a.selected,ul[class*=menu-] li.selected a{background:#ebebeb}ul[class*=menu-] li a:active,ul[class*=menu-] li a.selected:hover,ul[class*=menu-] li.selected a:hover{background:#e3e3e3}.menu-primary li{display:inline}.menu-primary li a{display:inline-block;zoom:1;*display:inline}.menu-primary li ul{display:none;margin:0;padding:0;position:absolute;top:2.25em;left:0;border:1px solid #ebebeb;background:#fff;z-index:1000}.menu-primary li ul li{display:block}.menu-primary li ul li a{display:block;white-space:nowrap}.menu-primary li:hover ul,.menu-primary li ul:hover{display:inline}.menu-secondary{border:1px solid #ebebeb}.menu-secondary li{display:block}.menu-secondary li a{display:block}body{background-color:#007bff}h5{font-size:1em}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.verticle-center{min-height:100%;min-height:100vh;display:flex;align-items:center}.main-content{background-color:#fff;border-radius:5px;position:relative}.above{text-align:center;margin-top:-50px}.logo{float:left;padding-top:.45em;padding-right:1em}.head-text{display:flex}.head{width:26em;margin:auto;width:100%;padding:1em;width:65%}.head h2{text-transform:uppercase}.material-icons{font-size:2em}.field-section{margin:auto;width:80%;padding-bottom:1em}.link-section{margin:auto;width:60%;padding-bottom:1em}input.url,input.short-url{background-color:#ebebeb;padding-right:50px;display:inline;vertical-align:top;width:87%;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;height:3em;font-family:Montserrat,sans-serif;font-weight:700;color:#000}input.url::-webkit-input-placeholder,input.short-url::-webkit-input-placeholder{text-transform:uppercase}input.url::-moz-placeholder,input.short-url::-moz-placeholder{text-transform:uppercase}input.url:-ms-input-placeholder,input.short-url:-ms-input-placeholder{text-transform:uppercase}input.url:hover,input.short-url:hover,input.url :active,input.short-url :active,input.url:focus,input.short-url:focus{border:1px solid #ebebeb}input:focus::-webkit-input-placeholder{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out;color:transparent}input:focus:-moz-placeholder{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out;color:transparent}input:focus::-moz-placeholder{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out;color:transparent}input:focus:-ms-input-placeholder{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out;color:transparent}input::-webkit-input-placeholder{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}input:-moz-placeholder{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}input::-moz-placeholder{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}input:-ms-input-placeholder{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.customise-button{font-size:.8em;color:#757575;text-transform:uppercase;font-weight:600;font-family:Montserrat,sans-serif;padding:5px;border-radius:6px;cursor:pointer;transition:.2s all}.customise-button img{width:18px;margin-top:1px}.customise-button:hover{background:#ebebeb}.customise-container{margin-top:20px;padding-left:5px}.customise-container span{display:inline-block;padding-top:1px;font-family:Montserrat,sans-serif}.customise-container input{background-color:#ebebeb;display:inline;vertical-align:top;width:50%;border-radius:6px;height:2em;font-family:Montserrat,sans-serif;font-weight:700;font-size:.8em;color:#000}.customise-container input::-webkit-input-placeholder{text-transform:uppercase}.customise-container input::-moz-placeholder{text-transform:uppercase}.customise-container input:-ms-input-placeholder{text-transform:uppercase}.customise-container input:hover,.customise-container input :active,.customise-container input:focus{border:1px solid #ebebeb}input[type=submit],.short-url-button{background-color:#007bff;margin-left:-50px;height:3em;width:81px;font-family:Montserrat,sans-serif;font-weight:700;color:#fff;text-transform:uppercase;width:22%;-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}input[type=submit]:hover,.short-url-button:hover{background-color:#0062cc}input.short-url{width:80%;text-transform:none}.short-url-button{width:30%}.footer{position:absolute;height:2.2em;padding-top:.8em;color:#fff;font-family:Montserrat,sans-serif;text-transform:uppercase;font-weight:700;font-size:1em;text-align:center;z-index:99999}.footer span{padding-right:1.5em}.footer .footer-links{display:inline}.footer a{color:#fff;-webkit-transition:color .1s ease-in-out;-moz-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}.footer a:hover{text-decoration:none;color:#e6e6e6}.success-screen{width:100%;height:100%;background-color:#007bff}.info{color:#000;display:inline-block;width:100%;font-family:Montserrat;padding-bottom:2em;max-width:100%;overflow-x:scroll}.close{position:absolute;top:0;right:0;width:100px;text-align:right;padding:.3em}.close a{color:#000}.spin{-webkit-transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out}.spin:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.light{font-weight:400}.error{color:#F44336;text-align:center}.error h5{overflow-wrap:break-word}
\ No newline at end of file
diff --git a/sleeky-frontend/frontend/assets/less/_mixins.less b/sleeky-frontend/frontend/assets/less/_mixins.less
index d163173..85b6d24 100755
--- a/sleeky-frontend/frontend/assets/less/_mixins.less
+++ b/sleeky-frontend/frontend/assets/less/_mixins.less
@@ -285,6 +285,20 @@
filter: alpha(opacity=@iefactor);
}
+// Placeholder
+
+.placeholder(@transform) {
+ &::-webkit-input-placeholder {
+ text-transform: @transform; // Chrome, Safari, Opera
+ }
+ &::-moz-placeholder {
+ text-transform: @transform; // Firefox 19+
+ }
+ &:-ms-input-placeholder {
+ text-transform: @transform; // IE 10+
+ }
+}
+
// Transforms
.transform(@args) {
diff --git a/sleeky-frontend/frontend/assets/less/base.less b/sleeky-frontend/frontend/assets/less/base.less
index 5b6ea15..e22c778 100755
--- a/sleeky-frontend/frontend/assets/less/base.less
+++ b/sleeky-frontend/frontend/assets/less/base.less
@@ -86,6 +86,10 @@ h5 {
width: 100%;
padding: 1em;
width: 65%;
+
+ h2 {
+ text-transform: uppercase;
+ }
}
.material-icons {
@@ -119,6 +123,8 @@ input.short-url {
font-weight: 700;
color: #000;
+ .placeholder(uppercase);
+
&:hover,:active, &:focus {
border: 1px solid @baseColor;
}
@@ -176,6 +182,9 @@ input:-ms-input-placeholder { .transition(color 0.2s ease-in-out); } /* IE 10+ *
font-weight: 700;
font-size: 0.8em;
color: #000;
+
+ .placeholder(uppercase);
+
&:hover,:active, &:focus {
border: 1px solid @baseColor;
}
diff --git a/sleeky-frontend/index.php b/sleeky-frontend/index.php
index 4fee04b..2f7c5cd 100644
--- a/sleeky-frontend/index.php
+++ b/sleeky-frontend/index.php
@@ -84,7 +84,7 @@ function shorten() {
close
- YOUR SHORTENED LINK:
+ Your shortened link: