HA AAP - moderate box

Developer
Eddy
Size
3,223 Kb
Views
26,312
  1. HA AAP - moderate box Previews
  2. HA AAP - moderate box HTML Codes
  3. HA AAP - moderate box CSS Codes

How do I make an ha aap - moderate box?

What is a ha aap - moderate box? How do you make a ha aap - moderate box? This script and codes were developed by Eddy on 21 August 2022, Sunday.

HA AAP - moderate box Previews
IQ Test

HA AAP - moderate box - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>HA AAP - moderate box</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="moderateBox" class="moderate-box-overlay hidden"> <span class="title">Modérer le projet</span> <div class="state-container"> <input id="stateAnalyzing" type="radio" name="state" value="ANALYZING" /> <label for="stateAnalyzing">En cours d'analyse</label> <input id="stateMissing" type="radio" name="state" value="MISSING_INFORMATIONS" /> <label for="stateMissing">Informations<br/>supplémentaires</label> <input id="statePreselected" type="radio" name="state" value="PRESELECTED" /> <label for="statePreselected">Préselectionné</label> <input id="stateRefusedRri" type="radio" name="state" value="REFUSED_RRI" /> <label for="stateRefusedRri">Refusé RRI</label> <input id="stateRefusedCaa" type="radio" name="state" value="REFUSED_CAA" /> <label for="stateRefusedCaa">Refusé CAA</label> <input id="stateLaureate" type="radio" name="state" value="LAUREATE" /> <label for="stateLaureate">Lauréat</label> </div> <span class="infos-supp-desc"> L'organisme a omis de renseigner certains éléments. Merci d'indiquet les informations manquantes. Ce que vous écrivez incrémentera le mail "Demandes d'informations supplémentaires" envoyé à l'organisme. </span> <textarea class="infos-supp" placeholder="Informations manquantes"></textarea> <div id="moderate" class="big button">Valider</div> </div>
</body>
</html>

HA AAP - moderate box - Script Codes CSS Codes

* { font-family: Raleway;
}
input[type="radio"],
input[type="checkbox"] { position: absolute!important; left: -9999px;
}
input[type="radio"] ~ label:before,
input[type="checkbox"] ~ label:before { box-sizing: border-box; position: relative; top: 5px; content: ''; display: inline-block; width: 20px; height: 20px; border: 1px solid #c8cbd2; background: white; margin-right: 0.5em; /*left: 0;*/ -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out;
}
input[type="radio"] ~ label:before { border-radius: 10px;
}
input[type="radio"]:checked ~ label:before { border: 1px solid #009698; background: #009698; box-shadow: 0 0 0 4px white inset;
}
.moderate-box-overlay { width: 80%; margin: 40px auto; font-size: 20pt; font-weight: bold; color: #162243; background-color: #FFF;
}
.moderate-box-overlay .state-container { display: table; margin: 40px auto; border-collapse: separate; border-spacing: 10px;
}
.moderate-box-overlay input[type="radio"] + label { font-weight: normal; display: table-cell; font-size: 12pt; background-color: #eeedea; width: 170px; text-align: center; height: 50px; vertical-align: middle;
}
.moderate-box-overlay input[type="radio"] + label:before { display: none;
}
.moderate-box-overlay input[type="radio"]:checked + label { color: #FFF; background-color: #fdb400;
}
.moderate-box-overlay input[type="radio"]:checked + label:before { display: none;
}
.moderate-box-overlay .infos-supp-desc { font-size: 15pt; font-weight: 600; display: block; text-align: center;
}
.moderate-box-overlay .infos-supp { width: 80%; height: 100px; display: table; margin: 20px auto;
}
HA AAP - moderate box - Script Codes
HA AAP - moderate box - Script Codes
Home Page Home
Developer Eddy
Username emnbdx
Uploaded August 21, 2022
Rating 3
Size 3,223 Kb
Views 26,312
Do you need developer help for HA AAP - moderate box?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Eddy (emnbdx) Script Codes
Name
Infinite horizontal slider
Bus css animation
LBCA - Mail canvas
Instructables homeslide
HA AAP - help part
Sticky test
Tip joke
Nice social button
HA - story
Animation
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!