Advertisement
deyanivanov966

Js Event Task Styles

Jan 6th, 2022
826
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.14 KB | None | 0 0
  1. body
  2. {
  3.     font-family:Gill Sans MT;
  4.     padding:10px;
  5. }
  6. input.add
  7. {
  8.     float:right;
  9. }
  10. input.fieldname
  11. {
  12.     float:left;
  13.     clear:left;
  14.     display:block;
  15.     margin:5px;
  16. }
  17. input.remove
  18. {
  19.     float:left;
  20.     display:block;
  21.     margin:5px;
  22. }
  23. #yourform label
  24. {
  25.     display:block;
  26.     margin:5px;
  27.     border-top: 1px solid lightgrey;
  28. }
  29. #yourform input, #yourform textarea
  30. {
  31.     float:left;
  32.     display:block;
  33.     margin:5px;
  34. }
  35. /*  */
  36. .field-buttons{
  37.     float: right;
  38.     width: 329px;
  39. }
  40. .field-buttons input{
  41.     padding: 5px;
  42. }
  43. .fieldwrapper{
  44.     display: flex;
  45.     padding: 10px;
  46. }
  47. .field-subject{
  48.     margin-right: 10%;
  49.     display: flex;
  50.     height: 30px;
  51. }
  52. .field-buttons{
  53.     padding-top: 20px;
  54. }
  55. #add{
  56.     border-radius: inherit;
  57. }
  58. #preview{
  59.     border-radius: 0px 5px 5px 0px;
  60. }
  61. #empty{
  62.     border-radius: 5px 0px 0px 5px;
  63. }
  64. #yourform{
  65.     display: contents;
  66. }
  67. .table-first-column{
  68.     padding-right: 10%;
  69. }
  70. legend{
  71.     float: none;
  72.     font-size: 14px;
  73.     font-weight: bold;
  74.     padding-top: 6%;
  75. }
  76. #hovertext {
  77.     opacity: 0;
  78. }
  79. #btn-remove:hover~#hovertext{
  80.     opacity: 1;
  81.     -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  82.        -moz-animation: fadein 2s; /* Firefox < 16 */
  83.         -ms-animation: fadein 2s; /* Internet Explorer */
  84.          -o-animation: fadein 2s; /* Opera < 12.1 */
  85.             animation: fadein 2s;
  86. }
  87. .span-field{
  88.     width: -webkit-fill-available
  89. }
  90. .span-btn{
  91.     margin-top: 20px;
  92.     margin-left: 24px;
  93. }
  94. .span-number{
  95.     padding-top: 25px;
  96.     font-size: 21px;
  97.     font-family: sans-serif;
  98.     padding-right: 40px;
  99. }
  100. @keyframes fadein {
  101.     from { opacity: 0; }
  102.     to   { opacity: 1; }
  103. }
  104.  
  105. /* Firefox < 16 */
  106. @-moz-keyframes fadein {
  107.     from { opacity: 0; }
  108.     to   { opacity: 1; }
  109. }
  110.  
  111. /* Safari, Chrome and Opera > 12.1 */
  112. @-webkit-keyframes fadein {
  113.     from { opacity: 0; }
  114.     to   { opacity: 1; }
  115. }
  116.  
  117. /* Internet Explorer */
  118. @-ms-keyframes fadein {
  119.     from { opacity: 0; }
  120.     to   { opacity: 1; }
  121. }
  122.  
  123. /* Opera < 12.1 */
  124. @-o-keyframes fadein {
  125.     from { opacity: 0; }
  126.     to   { opacity: 1; }
  127. }
  128.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement