-
Notifications
You must be signed in to change notification settings - Fork 2
/
style.css
54 lines (47 loc) · 1.38 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
* {
font-family: Lato;
}
body {
width: 1200px;
margin: 0px auto 25px;
}
@media only screen and (max-width: 600px) {
body {
width: auto;
margin: 0px 10% 25px;
background-color: #f1f1f1;
}
}
#buttonWidth {
border: none; /* Remove borders */
outline: none; /* Remove outline */
background-color: #ed6a5b; /* Set a background color */
color: white; /* Text color */
cursor: pointer; /* Add a mouse pointer on hover */
padding: 15px; /* Some padding */
border-radius: 5px; /* Rounded corners */
font-size: 12px; /* Increase font size */
font-weight: bold;
}
#buttonWidth:hover {
background-color: #555; /* Add a dark-grey background on hover */
}
#myBtn {
display: none; /* Hidden by default */
position: fixed; /* Fixed/sticky position */
bottom: 25px; /* Place the button at the bottom of the page */
right: 30px; /* Place the button 30px from the right */
z-index: 99; /* Make sure it does not overlap */
border: none; /* Remove borders */
outline: none; /* Remove outline */
background-color: #ed6a5b; /* Set a background color */
color: white; /* Text color */
cursor: pointer; /* Add a mouse pointer on hover */
padding: 15px; /* Some padding */
border-radius: 5px; /* Rounded corners */
font-size: 12px; /* Increase font size */
font-weight: bold;
}
#myBtn:hover {
background-color: #555; /* Add a dark-grey background on hover */
}