Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .content-main{
- form {
- margin-top: 22px;
- margin-left: 10px;
- span {
- &.select-doc {
- font-size: 11px;
- font-family: "museo300";
- }
- }
- .file {
- display: none;
- }
- .text-file {
- line-height: 30px;
- box-sizing: border-box;
- vertical-align: middle;
- width: 300px;
- height: 34px;
- border-radius: 6px;
- background-color: #f2f2f2;
- border: solid 1px #bbbbbb;
- margin-top: 5px;
- margin-bottom: 10px;
- padding: 5px 10px;
- color: #a4a4a4;
- font-family: "museoSans500";
- font-size: 12px;
- &::placeholder {
- color: #a4a4a4;
- font-family: "museoSans500";
- }
- }
- ul {
- padding-left: 15px !important;
- list-style: disc;
- li {
- span {
- font-family: "museo300";
- font-size: 11px;
- font-weight: 300;
- color: #000000;
- &.document-text {
- font-size: 13px;
- font-weight: bold;
- letter-spacing: normal;
- color: #00aeef;
- font-family: "museo700";
- }
- }
- }
- }
- .glyphicon-search {
- margin-top: 10px;
- background-color: #f2f2f2;
- font-size: 18px;
- }
- .select-image {
- margin-right: 35px;
- span {
- font-family: "museo300";
- font-size: 11px;
- }
- .glyphicon-search {
- transform: translatex(-105%);
- }
- }
- .select-document {
- span {
- font-family: "museo300";
- font-size: 11px;
- }
- .glyphicon-search {
- transform: translatex(-125%);
- }
- }
- }
- }
- <div class="content-main col-xs-12">
- <div class="col-xs-12">
- <form novalidate>
- <div class="col-xs-6 select-image ">
- <span>Selecione seu documento: </span>
- <input type="file" class="file">
- <input type="text" class="text-file col-xs-10" required autocomplete="off" placeholder="Busque um arquivo…" readonly="readonly">
- <button class="col-xs-1 glyphicon glyphicon-search ci-text-white ci-bt-search"></button>
- <ul class="col-xs-12">
- <li>
- <span class="info-doc">Utilize uma imagem do RG ou da CNH mostrando a frente do documento</span>
- </li>
- </ul>
- </div>
- <div class="col-xs-5 select-document">
- <span>Selecione seu documento: </span>
- <input type="file" class="file">
- <input type="text" class="text-file col-xs-10" required autocomplete="off" placeholder="Busque um arquivo…" readonly="readonly">
- <button class="col-xs-1 glyphicon glyphicon-search ci-text-white ci-bt-search"></button>
- <ul class="col-xs-12">
- <li>
- <span class="info-doc">Utilize uma imagem do verso do seu documento</span>
- </li>
- </ul>
- </div>
- </form>
- </div>
- </div>
Add Comment
Please, Sign In to add comment