Guest User

Untitled

a guest
Jul 19th, 2018
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.60 KB | None | 0 0
  1. .content-main{
  2. form {
  3. margin-top: 22px;
  4. margin-left: 10px;
  5. span {
  6. &.select-doc {
  7. font-size: 11px;
  8. font-family: "museo300";
  9. }
  10. }
  11. .file {
  12. display: none;
  13. }
  14. .text-file {
  15. line-height: 30px;
  16. box-sizing: border-box;
  17. vertical-align: middle;
  18. width: 300px;
  19. height: 34px;
  20. border-radius: 6px;
  21. background-color: #f2f2f2;
  22. border: solid 1px #bbbbbb;
  23. margin-top: 5px;
  24. margin-bottom: 10px;
  25. padding: 5px 10px;
  26. color: #a4a4a4;
  27. font-family: "museoSans500";
  28. font-size: 12px;
  29. &::placeholder {
  30. color: #a4a4a4;
  31. font-family: "museoSans500";
  32. }
  33. }
  34. ul {
  35. padding-left: 15px !important;
  36. list-style: disc;
  37. li {
  38. span {
  39. font-family: "museo300";
  40. font-size: 11px;
  41. font-weight: 300;
  42. color: #000000;
  43. &.document-text {
  44. font-size: 13px;
  45. font-weight: bold;
  46. letter-spacing: normal;
  47. color: #00aeef;
  48. font-family: "museo700";
  49. }
  50. }
  51. }
  52. }
  53. .glyphicon-search {
  54. margin-top: 10px;
  55. background-color: #f2f2f2;
  56. font-size: 18px;
  57. }
  58. .select-image {
  59. margin-right: 35px;
  60. span {
  61. font-family: "museo300";
  62. font-size: 11px;
  63. }
  64. .glyphicon-search {
  65. transform: translatex(-105%);
  66. }
  67. }
  68. .select-document {
  69. span {
  70. font-family: "museo300";
  71. font-size: 11px;
  72. }
  73. .glyphicon-search {
  74. transform: translatex(-125%);
  75. }
  76. }
  77. }
  78. }
  79.  
  80. <div class="content-main col-xs-12">
  81. <div class="col-xs-12">
  82. <form novalidate>
  83. <div class="col-xs-6 select-image ">
  84. <span>Selecione seu documento: </span>
  85. <input type="file" class="file">
  86. <input type="text" class="text-file col-xs-10" required autocomplete="off" placeholder="Busque um arquivo…" readonly="readonly">
  87. <button class="col-xs-1 glyphicon glyphicon-search ci-text-white ci-bt-search"></button>
  88. <ul class="col-xs-12">
  89. <li>
  90. <span class="info-doc">Utilize uma imagem do RG ou da CNH mostrando a frente do documento</span>
  91. </li>
  92. </ul>
  93. </div>
  94. <div class="col-xs-5 select-document">
  95. <span>Selecione seu documento: </span>
  96. <input type="file" class="file">
  97. <input type="text" class="text-file col-xs-10" required autocomplete="off" placeholder="Busque um arquivo…" readonly="readonly">
  98. <button class="col-xs-1 glyphicon glyphicon-search ci-text-white ci-bt-search"></button>
  99. <ul class="col-xs-12">
  100. <li>
  101. <span class="info-doc">Utilize uma imagem do verso do seu documento</span>
  102. </li>
  103. </ul>
  104. </div>
  105. </form>
  106. </div>
  107. </div>
Add Comment
Please, Sign In to add comment