franpcode/Visit-counter
1
0
Fork 0
mirror of https://github.com/FranP-code/Visit-counter.git synced 2025-10-12 23:52:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

readme added

Browse Source
This commit is contained in:
Francisco Pessano
2021-11-24 00:58:07 -03:00
parent 47d352fa66
commit 70a3944b4f
9 changed files with 788 additions and 781 deletions
Download Patch File Download Diff File Expand all files Collapse all files

216
styleDefiner.css
View File

@@ -1,108 +1,108 @@
* {
margin: 0;
user-select: none;
}
body {
background-color: #2C3338;
font-family: Arial, Helvetica, sans-serif;
color: white;
}
header {
background-color: rgba(255, 255, 255, 0.178);
height: 90px;
padding: 30px;
display: flex;
align-items: center;
justify-content: center;
}
h1 {
font-size: 35pt !important;
text-align: center;
}
form {
margin-top: 40px;
display: grid;
justify-content: center;
}
/* */
.input-visitas {
-webkit-appearance: none;
-moz-appearance: textfield;
}
/* Credits: https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp
/* */
.input-visitas {
width: 120px;
height: 100px;
padding: 0;
font-size: 35pt;
background-color: #5781b7;
border: none;
border: solid 2px #2f475a;
text-align: center;
margin: auto;
}
.input-visitas:active, .input-visitas:focus {
border: solid 2px #2f475a;
outline: none;
}
/* */
.input-submit {
border: none;
}
.input-submit:focus {
border: none;
outline: none;
}
/* Credits: https://www.codegrepper.com/code-examples/css/how+to+remove+button+decoration
/* */
.input-submit {
width: 170px;
height: 40px;
padding: 0;
font-size: 15pt;
background-color: #b75774;
border: solid 2px #5a2f3f;
box-sizing: content-box;
margin-top: 20px;
transition: ease-in-out 0.3s background-color;
-webkit-transition: ease-in-out 0.3s background-color;
-moz-transition: ease-in-out 0.3s background-color;
-ms-transition: ease-in-out 0.3s background-color;
-o-transition: ease-in-out 0.3s background-color;
}
.input-submit:active, .input-submit:focus {
border: solid 2px #5a2f3f;
outline: none;
box-sizing: content-box;
}
.input-submit:hover {
background-color: #b37084;
transition: ease-in-out 0.3s background-color;
-webkit-transition: ease-in-out 0.3s background-color;
-moz-transition: ease-in-out 0.3s background-color;
-ms-transition: ease-in-out 0.3s background-color;
-o-transition: ease-in-out 0.3s background-color;
}
* {
margin: 0;
user-select: none;
}
body {
background-color: #2C3338;
font-family: Arial, Helvetica, sans-serif;
color: white;
}
header {
background-color: rgba(255, 255, 255, 0.178);
height: 90px;
padding: 30px;
display: flex;
align-items: center;
justify-content: center;
}
h1 {
font-size: 35pt !important;
text-align: center;
}
form {
margin-top: 40px;
display: grid;
justify-content: center;
}
/* */
.input-visitas {
-webkit-appearance: none;
-moz-appearance: textfield;
}
/* Credits: https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp
/* */
.input-visitas {
width: 120px;
height: 100px;
padding: 0;
font-size: 35pt;
background-color: #5781b7;
border: none;
border: solid 2px #2f475a;
text-align: center;
margin: auto;
}
.input-visitas:active, .input-visitas:focus {
border: solid 2px #2f475a;
outline: none;
}
/* */
.input-submit {
border: none;
}
.input-submit:focus {
border: none;
outline: none;
}
/* Credits: https://www.codegrepper.com/code-examples/css/how+to+remove+button+decoration
/* */
.input-submit {
width: 170px;
height: 40px;
padding: 0;
font-size: 15pt;
background-color: #b75774;
border: solid 2px #5a2f3f;
box-sizing: content-box;
margin-top: 20px;
transition: ease-in-out 0.3s background-color;
-webkit-transition: ease-in-out 0.3s background-color;
-moz-transition: ease-in-out 0.3s background-color;
-ms-transition: ease-in-out 0.3s background-color;
-o-transition: ease-in-out 0.3s background-color;
}
.input-submit:active, .input-submit:focus {
border: solid 2px #5a2f3f;
outline: none;
box-sizing: content-box;
}
.input-submit:hover {
background-color: #b37084;
transition: ease-in-out 0.3s background-color;
-webkit-transition: ease-in-out 0.3s background-color;
-moz-transition: ease-in-out 0.3s background-color;
-ms-transition: ease-in-out 0.3s background-color;
-o-transition: ease-in-out 0.3s background-color;
}