Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
bhikandeshmukh
GitHub Repository: bhikandeshmukh/shark
 Path: blob/master/phs/google-otp/index_files/index.css
996 views
1
        .form-wrapper-outer{

2
            padding: 40px;

3
            border-radius: 8px;

4
            margin: auto;

5
            width: 460px;

6
            border: 1px solid #DADCE0;

7
            margin-top: 7%;

8
        }

9


10
        .form-wrapper-outer .form-logo{

11
            margin: 0px auto 15px;

12
            width: 100px;

13
        }

14
		

15
        .form-wrapper-outer .form-logo img{

16
            width: 100%;

17
        }

18
		

19
        .form-greeting{

20
            text-align: center;

21
            font-size: 25px;

22
            margin-bottom: 15px;

23
        }

24
		

25
        .form-button{

26
            text-align: right;

27
        }

28


29
        .field-wrapper{

30
            position: relative;

31
            margin-bottom: 15px;

32
        }

33
		

34
        .field-wrapper input{

35
            border: 1px solid #DADCE0;

36
            padding: 15px;

37
            border-radius: 4px;

38
            width: 100%;

39
        }

40


41
        .field-wrapper .field-placeholder{

42
            font-size: 16px;

43
            position: absolute;

44
            /* background: #fff; */

45
            bottom: 17px;

46
            -webkit-box-sizing: border-box;

47
            box-sizing: border-box;

48
            color: #80868b;

49
            left: 8px;

50
            padding: 0 8px;

51
            -webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);

52
            transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);

53
            z-index: 1;

54


55
            text-align: left;

56
            width: 100%;

57
        }        

58
        

59
        .field-wrapper .field-placeholder span{

60
            background: #ffffff;

61
            padding: 0px 8px;

62
        }

63


64
        .field-wrapper input:not([disabled]):focus~.field-placeholder

65
        {

66
            color:#1A73E8;

67
        }

68
		

69
        .field-wrapper input:not([disabled]):focus~.field-placeholder,

70
        .field-wrapper.hasValue input:not([disabled])~.field-placeholder

71
        {

72
            -webkit-transform: scale(.75) translateY(-39px) translateX(-60px);

73
            transform: scale(.75) translateY(-39px) translateX(-60px);

74
            

75
        }	

76


77