Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
Lucksi
GitHub Repository: Lucksi/Mr.Holmes
 Path: blob/master/GUI/Css/High-Contrast/Login.css
1613 views
1
/*ORIGINAL CREATOR: Luca Garofalo (Lucksi)

2
AUTHOR: Luca Garofalo (Lucksi)

3
Copyright (C) 2021-2023 Lucksi <[email protected]>

4
License: GNU General Public License v3.0*/

5


6
@import url("Style.css");

7


8
.Container form {

9
    display: block;

10
    border:3px solid;

11
    margin-left: auto;

12
    margin-right: auto;

13
    margin-top: 20px;

14
    border-color: rgba(196, 196, 196, 0.315);

15
    background-color: rgba(192, 197, 201, 0.288);

16
    width: 400px;

17
    border-radius: 10px;

18
}

19


20
.Container input {

21
    display: block;

22
    margin-bottom: 40px;

23
    height: 30px;

24
    width: 300px;

25
    border: 3px solid;

26
    border-color: #000000;

27
    border-radius: 10px;

28
    font-size: medium;

29
}

30


31
.Container input::placeholder {

32
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

33
    font-size: medium;

34
    color: #000000;

35
}

36


37
.Container button {

38
    display: inline-block;

39
    margin-right: auto;

40
    margin-left: 10px;

41
    height: 30px;

42
    font-size: medium;

43
    background-color: green;

44
    border: 3px solid;

45
    border-color: #000000;

46
    color: #ffffff;

47
    border-radius: 10px;

48
}

49


50
@media only screen and (min-width: 200px) and (max-width: 711px) {

51
    

52
    .Container form {

53
        width: fit-content;

54
    }

55


56
    .languages {

57
        display: block;

58
    }

59
    

60
    .Container input {

61
        min-width: 200px;

62
        max-width: 300px;

63
    }

64
}

65


66