eis.css
2.24 KB
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
body {
/*background-image: url("static/img/bg1.jpg");*/
width: 100%;
}
.judul {
/*margin-top: 1.175em;*/
margin-bottom: 0;
padding: 1.125em;
color: #0097e6;
}
.judul h1 {
margin-top: 0;
text-transform: uppercase;
font-size: 30px;
font-weight: 800;
text-align: right;
letter-spacing: normal;
}
.judul h2 {
text-transform: uppercase;
font-weight: 400;
text-align: right;
}
.judul img {
max-width: 90px;
}
.well {
border-top: 5px solid #fff;
position: relative;
margin-bottom: 5px;
/*padding: 0 auto;*/
}
.welcome {
margin: 0 auto;
}
.welcome h2 {
font-size: 1.525em;
font-weight: bold;
color: #485460;
text-align: left;
}
.welcome h3 {
text-transform: capitalize;
font-weight: normal;
color: #7f8c8d;
}
.card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
width: 100%;
}
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.card img {
display: block;
margin-top: 1.25px;
min-width: 100%;
}
.card-content {
padding: 2px 16px;
}
.card-content h4 {
margin-top: 1.125em;
margin-bottom: 1.5em;
font-size: .925em;
font-weight: bold;
color: #3d3d3d;
}
/*@media (min-width: 767px) {
.judul {
margin-top: 10px;
color: #777;
font-size: 40px;
font-weight: normal;
padding-left:320px;
}
}*/
/*@media (min-width: 767px) {
.subjudul {
padding-left:320px;
}
}*/
/*.subjudul {
margin-bottom: 0px;
margin-bottom: 20px;
color: #777;
padding-left:0px;
}*/
.alert {
border-radius: 0px !important;
}
.alert-judul {
color: #fff;
background-color: #6497C9;
border-color: #5580AA;
}
.alert-judul h3 {
margin-top: 4px !important;
margin-bottom: 4px !important;
font-weight: bold;
}
@media only screen and (max-width: 750px) {
canvas {
width: 100% !important;
height: auto !important;
}
.judul {
margin: 0 auto;
padding: 0;
}
.judul h1, .judul h2 {
text-align: center;
}
.judul h1 {
font-size: 1.275em;
}
.judul h2 {
font-size: .925em;
}
.judul img {
display: block;
margin-left: auto;
margin-right: auto;
width: 40%;
}
.alert-judul h3 {
font-size: 1.125em;
}
}