first release

2022-04-09 17:38:00 +02:00
commit 414692240a
27 changed files with 6706 additions and 0 deletions
@@ -0,0 +1,203 @@
+body {
+  font-family: sans-serif;
+  color: #333;
+}
+
+main {
+  margin: 0 auto;
+}
+
+h1 {
+  font-size: 2em;
+  margin-bottom: 2.5em;
+  margin-top: 2em;
+  text-align: center;
+}
+
+h1 span{
+  text-transform: capitalize;
+}
+
+a:link{
+  text-decoration: none;
+}
+
+a:active {
+  color: #1F1F1F;
+}
+
+.user p{
+  text-transform: capitalize;
+}
+.edit {
+  display: none;
+}
+
+form[name="fullNameForm"] input{
+  text-transform: capitalize;
+}
+
+
+form {
+/*  border-radius: 0.2rem;
+  border: 1px solid #CCC;*/
+  margin: 0 auto;
+  max-width: 16rem;
+  padding: 2rem 2.5rem 1.5rem 2.5rem;
+}
+
+input {
+  background-color: #FAFAFA;
+  border-radius: 0.2rem;
+  border: 1px solid #CCC;
+  box-shadow: inset 0 1px 3px #DDD;
+  box-sizing: border-box;
+  display: block;
+  font-size: 1em;
+  padding: 0.4em 0.6em;
+  vertical-align: middle;
+  width: 100%;
+}
+
+.form-buttons{
+  display:flex;
+  flex-direction:row;
+}
+
+.form-buttons > a, .form-buttons > button{
+  flex-grow:1; 
+}
+
+input:focus {
+  background-color: #FFF;
+  border-color: #51A7E8;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(81, 167, 232, 0.5);
+  outline: 0;
+}
+
+input.not-required {
+  background-color: #E0E0E0;
+}
+
+label {
+  color: #666;
+  display: block;
+  font-size: 0.9em;
+  font-weight: bold;
+  margin: 1em 0 0.25em 0;
+}
+
+button {
+  border-radius: 0.2rem;
+  border: 1px solid;
+  box-sizing: border-box;
+  color: #fff;
+  cursor: pointer;
+  display: block;
+  font-size: 0.9em;
+  font-weight: bold;
+  margin: 2em 0 0.5em 0;
+  padding: 0.5em 0.7em;
+  text-align: center;
+  text-decoration: none;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
+  user-select: none;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+
+button.green {
+  background-color: #60B044;
+  background-image: linear-gradient(#8ADD6D, #60B044);
+  border-color: #5CA941;
+}
+button.green:focus,
+button.green:hover {
+  background-color: #569E3D;
+  background-image: linear-gradient(#79D858, #569E3D);
+  border-color: #4A993E;
+}
+
+button.red {
+  background-color: #E74C3C;
+  background-image: linear-gradient(#CF0B04, #E74C3C);
+  border-color: #C0392B;
+}
+button.red:focus,
+button.red:hover{
+  background-color: #D13E2E;
+  background-image: linear-gradient(#CF0000, #D13E2E);
+  border-color: #C92F1E;
+}
+
+
+/*alerts*/
+.alerts {
+  margin: 2rem auto 0 auto;
+  max-width: 30rem;
+  animation-duration: 5s;
+  animation-fill-mode: both;
+  -webkit-animation-duration: 5s;
+  -webkit-animation-fill-mode: both;
+}
+
+.alert {
+  border-radius: 0.2rem;
+  border: 1px solid;
+  color: #fff;
+  padding: 0.7em 1.5em;
+}
+
+.alert.error {
+  background-color: #E74C3C;
+  border-color: #C0392B;
+}
+
+.alert.success {
+  background-color: #60B044;
+  border-color: #5CA941;
+}
+
+@-webkit-keyframes fadeOut {
+  0% {opacity: 1;}
+  70% {opacity: 1;}
+  100% {opacity: 0;}
+}
+
+@keyframes fadeOut {
+  0% {opacity: 1;}
+  60% {opacity: 1;}
+  100% {opacity: 0;}
+}
+
+.fadeOut {
+  -webkit-animation-name: fadeOut;
+  animation-name: fadeOut;
+}
+
+/**/
+.grid-container {
+  display: grid;
+  grid-template-columns: 90% 10%;
+  margin: 0 auto;
+  max-width: 16rem;
+  padding: 0 2.5rem 0 2.5rem;
+  align-items: first baseline;
+}
+.grid-item a {
+  color: #222;
+}
+.grid-item a:visited {
+  color: #888;
+}
+.grid-item h5 {
+  text-transform: capitalize;
+}
+
+/**/
+@media only screen and (max-width: 480px) {
+
+  form {
+    border: 0;
+  }
+}