Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add ID Guessing Based on Entered Field Title #10

Open
wants to merge 13 commits into
base: master
Choose a base branch
from
94 changes: 88 additions & 6 deletions assets/css/style.css
Original file line number Diff line number Diff line change
@@ -1,12 +1,16 @@
body {
padding-top: 40px;
padding-top: 20px;
font-family: "Open Sans";
font-size: 14px;
}

.maintitle {
font-size: 28px;
}
.maintitle .fa {
/*color: rgba(253, 172, 95, 0.5);*/
color: #ddd;
}

.section-dark {
background-color: #efefef;
Expand All @@ -17,14 +21,92 @@ body {
}

.section {
margin-top: 20px;
padding: 50px 0px;
border-top: 1px solid #bbbbbb;
padding: 30px 0px;
}

.section h2 {
font-size: 20px;
}

.section h3 {
font-size: 17px;
}
.section h4 {
font-size: 14px;
}
#bulk-example, #bulk-input {
font-family: 'Source Code Pro';
font-size: 14px;
}
#show-bulk {
margin-top: -4px;
}
#bulk-wrap {
display: none;
}
#parse-bulk-input {
margin-bottom: 15px;
}
.row.processing {
position: relative;
}
.row.processing > div {
opacity: 0.4;
}
.row.processing::before {
content: "\f1ce"; /* spinner */
display: inline-block;
font-family: fontawesome;
font-size: 50px;
font-style: normal;
left: 50%;
position: absolute;
top: 40%;
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}

/* TODO TEMP for dev */
/*#parse-bulk-input, #code-generator {
position: fixed;
bottom: 20px;
}*/
form {
margin-top: 20px;
}
Expand All @@ -51,7 +133,7 @@ form {
}

.hero {
margin-bottom: 50px;
margin-bottom: 30px;
}

.generate {
Expand All @@ -64,7 +146,7 @@ pre[class*="language-"] {
font-family: 'Source Code Pro';
}

#code {
#code-output {
background-color: #272822;
padding: 20px;
font-size: 18px;
Expand Down