1
1
---
2
2
---
3
-
3
+
4
4
@import " bootstrap" ;
5
5
6
- img { margin-bottom : 24px ;
7
- margin-top : 17px ;
8
- border-radius : 2% ;
6
+ img {
7
+ margin-bottom : 24px ;
8
+ margin-top : 17px ;
9
+ border-radius : 2% ;
9
10
}
10
11
11
- html , body {
12
- height : 100% ;
12
+ html ,
13
+ body {
14
+ height : 100% ;
13
15
}
14
16
15
17
body {
16
- padding-top : 70px ;
17
- display : flex ;
18
- flex-direction : column ;
18
+ padding-top : 70px ;
19
+ display : flex ;
20
+ flex-direction : column ;
19
21
}
20
22
21
23
.panel {
22
- flex-shrink : 0 ;
24
+ flex-shrink : 0 ;
23
25
}
24
26
25
-
26
27
figcaption {
27
- text-align : right ;
28
- margin-top : -20px ;
29
- margin-bottom : 20px ;
28
+ text-align : right ;
29
+ margin-top : -20px ;
30
+ margin-bottom : 20px ;
30
31
}
31
32
32
-
33
-
34
33
/* Top navigation bar */
35
34
36
35
.navbar-default {
37
- background-color : #292929 ;
38
-
39
- .navbar-brand ,
40
- .navbar-nav > li > a {
41
- color : rgb (236 , 236 , 236 );
42
- }
43
-
36
+ background-color : #292929 ;
44
37
45
- .dropdown-menu {
46
- background-color : #292929 ; /* Set the background color for the dropdown menu */
47
- }
38
+ .navbar-brand ,
39
+ .navbar-nav > li > a {
40
+ color : rgb (236 , 236 , 236 );
41
+ }
48
42
49
- .dropdown-menu > li > a {
50
- color : rgb ( 236 , 236 , 236 ) ; /* Set the font color for the dropdown menu items */
51
- }
43
+ .dropdown-menu {
44
+ background- color : #292929 ; /* Set the background color for the dropdown menu */
45
+ }
52
46
47
+ .dropdown-menu > li > a {
48
+ color : rgb (
49
+ 236 ,
50
+ 236 ,
51
+ 236
52
+ ); /* Set the font color for the dropdown menu items */
53
+ }
53
54
}
54
55
55
56
p .byline {
56
- text-align : center ;
57
- font-size : 18px ;
58
- line-height : 36px ;
59
- margin-top : -24px ;
60
- margin-bottom : 48px ;
57
+ text-align : center ;
58
+ font-size : 18px ;
59
+ line-height : 36px ;
60
+ margin-top : -24px ;
61
+ margin-bottom : 48px ;
61
62
}
62
63
63
-
64
64
pubtit {
65
- font-weight : bold ;
65
+ font-weight : bold ;
66
66
}
67
67
68
68
firstp {
@@ -77,96 +77,121 @@ firstp {
77
77
78
78
/* Home, News */
79
79
#newsid p {
80
- text-align : left ;
80
+ text-align : left ;
81
81
}
82
82
83
83
#homeidtmp h1 {
84
- text-align : center ;
84
+ text-align : center ;
85
85
}
86
86
87
87
#newsid img {
88
- margin-top : 6px ;
89
- margin-bottom : 6px ;
88
+ margin-top : 6px ;
89
+ margin-bottom : 6px ;
90
90
}
91
91
92
92
/* Team & Publications */
93
- #gridid img { margin : 16px 22px 6px 0 ; border-radius :10% ; box-shadow : 2px 2px 5px #888888 }
94
- #homeid img { margin : 0 0 0 0 ; border-radius :5% ; box-shadow : 0px 0px 0px #888888 }
95
- #picid img { margin : 6px 3px 60px 6px ; border-radius :1% ; box-shadow : 2px 2px 5px #888888 }
96
- #gridid .row { margin-bottom : 24px ; }
97
-
93
+ #gridid img {
94
+ margin : 16px 22px 6px 0 ;
95
+ border-radius : 10% ;
96
+ box-shadow : 2px 2px 5px #888888 ;
97
+ }
98
+ #homeid img {
99
+ margin : 0 0 0 0 ;
100
+ border-radius : 5% ;
101
+ box-shadow : 0px 0px 0px #888888 ;
102
+ }
103
+ #picid img {
104
+ margin : 6px 3px 60px 6px ;
105
+ border-radius : 1% ;
106
+ box-shadow : 2px 2px 5px #888888 ;
107
+ }
108
+ #gridid .row {
109
+ margin-bottom : 24px ;
110
+ }
98
111
99
112
/* Grid overrides */
100
- .col-sm-1 , .col-sm-2 , .col-sm-3 , .col-sm-5 , .col-sm-6 ,
101
- .col-sm-7 , .col-sm-8 , .col-sm-9 , .col-sm-10 , .col-sm-11 , .col-sm-12 {
102
- padding-left : 16px ;
103
- padding-right : 16px ;
113
+ .col-sm-1 ,
114
+ .col-sm-2 ,
115
+ .col-sm-3 ,
116
+ .col-sm-5 ,
117
+ .col-sm-6 ,
118
+ .col-sm-7 ,
119
+ .col-sm-8 ,
120
+ .col-sm-9 ,
121
+ .col-sm-10 ,
122
+ .col-sm-11 ,
123
+ .col-sm-12 {
124
+ padding-left : 16px ;
125
+ padding-right : 16px ;
104
126
}
105
127
106
128
/* Grid overrides */
107
129
.col-sm-4 {
108
- padding-left : 26px ;
109
- padding-right : 26px ;
130
+ padding-left : 26px ;
131
+ padding-right : 26px ;
110
132
}
111
133
112
-
113
134
/* Carusel */
114
135
115
136
.carousel {
116
- border-radius : 3px 3px 3px 3px ;
117
- margin-bottom : 20px ;
118
- margin-top : 20px ;
119
- margin-left : 30px ;
120
- margin-right : 30px ;
137
+ border-radius : 3px 3px 3px 3px ;
138
+ margin-bottom : 20px ;
139
+ margin-top : 20px ;
140
+ margin-left : 30px ;
141
+ margin-right : 30px ;
121
142
}
122
143
123
144
.carousel-caption {
124
- background : rgba (0 , 0 , 0 , 0.75 );
125
- position : unset ;
126
- // left: auto;
127
- // right: auto;
145
+ background : rgba (0 , 0 , 0 , 0.75 );
146
+ position : unset ;
147
+ // left: auto;
148
+ // right: auto;
128
149
}
129
150
130
151
.carousel-caption h4 {
131
- color : #fff ;
152
+ color : #fff ;
132
153
}
133
154
134
155
.carousel-caption p {
135
- margin : 1em ;
136
- font-style : italic ;
156
+ margin : 1em ;
157
+ font-style : italic ;
137
158
}
138
159
139
160
.carousel-control.left ,
140
161
.carousel-control.right {
141
- background : none ;
142
- z-index : 20 ;
143
- bottom : 20px ;
144
- top :unset ;
145
- height : 30px ;
162
+ background : none ;
163
+ z-index : 20 ;
164
+ bottom : 20px ;
165
+ top : unset ;
166
+ height : 30px ;
167
+ }
168
+ .carousel-control.left {
169
+ left : 20% ;
170
+ }
171
+ .carousel-control.right {
172
+ right : 20% ;
146
173
}
147
- .carousel-control.left { left : 20% ; }
148
- .carousel-control.right { right : 20% ; }
149
174
150
175
.nomarkul ul li {
151
- margin-top : -10px ;
152
- list-style-type : none ;
153
- margin-left : 10px ;
176
+ margin-top : -10px ;
177
+ list-style-type : none ;
178
+ margin-left : 10px ;
154
179
}
155
180
156
181
.grid-container {
157
- display : grid ;
182
+ display : grid ;
158
183
}
159
184
160
185
.grid-container--fill {
161
- grid-template-columns : repeat (auto-fill , minmax (130px , 1fr ));
186
+ grid-template-columns : repeat (auto-fill , minmax (130px , 1fr ));
162
187
}
163
188
164
189
.grid-container--fit {
165
- grid-template-columns : repeat (auto-fit , minmax (130px , 1fr ));
190
+ grid-template-columns : repeat (auto-fit , minmax (130px , 1fr ));
166
191
}
167
192
168
193
.grid-element {
169
- // background-color: #DFCFBE;
194
+ // background-color: #DFCFBE;
170
195
background-color : white ;
171
196
padding : 10px ;
172
197
color : #fff ;
@@ -175,26 +200,31 @@ firstp {
175
200
176
201
// _styles.scss
177
202
.jumbotron {
178
- background-color : rgb (255 , 255 , 255 );
179
- color : rgb (41 , 41 , 41 );
180
- }
181
-
203
+ background-color : rgb (255 , 255 , 255 );
204
+ color : rgb (41 , 41 , 41 );
205
+ }
182
206
183
207
// custom button style for Front Page, etc.
184
208
185
209
.custom-btn {
186
- background-color : #292929 ; /* Custom Button Color */
187
- color : #fff ; /* Custom Button text color */
188
- }
189
- // hover color for the custom button for Front Page, etc.
190
- .btn-primary :hover {
191
- background-color : #292929c7 !important ; /* Custom Button hover color */
192
- }
210
+ background-color : #292929 ; /* Custom Button Color */
211
+ color : #fff ; /* Custom Button text color */
212
+ }
213
+ // hover color for the custom button for Front Page, etc.
214
+ .btn-primary :hover {
215
+ background-color : #292929c7 !important ; /* Custom Button hover color */
216
+ }
193
217
194
218
/* fix in-page anchors to not be behind fixed header */
195
219
:target :before {
196
- content : " " ;
197
- display : block ;
198
- height : 50px ; /* navbar height */
199
- margin : -50px 0 0 ;
220
+ content : " " ;
221
+ display : block ;
222
+ height : 50px ; /* navbar height */
223
+ margin : -50px 0 0 ;
224
+ }
225
+
226
+ .author-image {
227
+ border-radius : 50% ;
228
+ width : 32px ;
229
+ height : 32px ;
200
230
}
0 commit comments