-
Notifications
You must be signed in to change notification settings - Fork 0
/
custom.css
77 lines (70 loc) · 1.1 KB
/
custom.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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
body {
padding-top: 20px;
padding-bottom: 40px;
}
td {
margin-right:5px;
margin-left:5px;
border: 100px;
position: relative;
}
h3 {
font-family:Times
}
/* Custom container */
.container-narrow {
margin: 0 auto;
max-width: 700px;
}
.container-narrow > hr {
margin: 30px 0;
}
/* Main marketing message and sign up button */
.jumbotron {
margin: 60px 0;
text-align: center;
}
.jumbotron h1 {
font-size: 72px;
line-height: 1;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
.hover {
height:133px;
width:200px;
opacity:0;
position:absolute;
background-color:#000000;
color:#FFFFFF;
}
.overlay {
top:20px;
left:15px;
font-size: 20px;
font-family: Arial
font-style: bold;
}
.links {
color:#FFFFFF;
}
/* Found on stack overflow
http://stackoverflow.com/questions/1183633/can-you-overlay-a-transparent-
div-on-an-image
*/
div.imageSub { position: relative; }
div.imageSub img { z-index: 1; }
div.imageSub div {
position: absolute;
bottom: 0;
height: 133px;
line-height: 16px;
text-align: center;
overflow: hidden;
}
div.imageSub div.label {
z-index: 3;
color: white;
}