11---
22---
3-
3+
44@import " bootstrap" ;
55
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% ;
910}
1011
11- html , body {
12- height : 100% ;
12+ html ,
13+ body {
14+ height : 100% ;
1315}
1416
1517body {
16- padding-top : 70px ;
17- display : flex ;
18- flex-direction : column ;
18+ padding-top : 70px ;
19+ display : flex ;
20+ flex-direction : column ;
1921}
2022
2123.panel {
22- flex-shrink : 0 ;
24+ flex-shrink : 0 ;
2325}
2426
25-
2627figcaption {
27- text-align : right ;
28- margin-top : -20px ;
29- margin-bottom : 20px ;
28+ text-align : right ;
29+ margin-top : -20px ;
30+ margin-bottom : 20px ;
3031}
3132
32-
33-
3433/* Top navigation bar */
3534
3635.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 ;
4437
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+ }
4842
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+ }
5246
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+ }
5354}
5455
5556p .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 ;
6162}
6263
63-
6464pubtit {
65- font-weight : bold ;
65+ font-weight : bold ;
6666}
6767
6868firstp {
@@ -77,96 +77,121 @@ firstp {
7777
7878/* Home, News */
7979#newsid p {
80- text-align : left ;
80+ text-align : left ;
8181}
8282
8383#homeidtmp h1 {
84- text-align : center ;
84+ text-align : center ;
8585}
8686
8787#newsid img {
88- margin-top : 6px ;
89- margin-bottom : 6px ;
88+ margin-top : 6px ;
89+ margin-bottom : 6px ;
9090}
9191
9292/* 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+ }
98111
99112/* 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 ;
104126}
105127
106128/* Grid overrides */
107129.col-sm-4 {
108- padding-left : 26px ;
109- padding-right : 26px ;
130+ padding-left : 26px ;
131+ padding-right : 26px ;
110132}
111133
112-
113134/* Carusel */
114135
115136.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 ;
121142}
122143
123144.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;
128149}
129150
130151.carousel-caption h4 {
131- color : #fff ;
152+ color : #fff ;
132153}
133154
134155.carousel-caption p {
135- margin : 1em ;
136- font-style : italic ;
156+ margin : 1em ;
157+ font-style : italic ;
137158}
138159
139160.carousel-control.left ,
140161.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% ;
146173}
147- .carousel-control.left { left : 20% ; }
148- .carousel-control.right { right : 20% ; }
149174
150175.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 ;
154179}
155180
156181.grid-container {
157- display : grid ;
182+ display : grid ;
158183}
159184
160185.grid-container--fill {
161- grid-template-columns : repeat (auto-fill , minmax (130px , 1fr ));
186+ grid-template-columns : repeat (auto-fill , minmax (130px , 1fr ));
162187}
163188
164189.grid-container--fit {
165- grid-template-columns : repeat (auto-fit , minmax (130px , 1fr ));
190+ grid-template-columns : repeat (auto-fit , minmax (130px , 1fr ));
166191}
167192
168193.grid-element {
169- // background-color: #DFCFBE;
194+ // background-color: #DFCFBE;
170195 background-color : white ;
171196 padding : 10px ;
172197 color : #fff ;
@@ -175,26 +200,31 @@ firstp {
175200
176201// _styles.scss
177202.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+ }
182206
183207// custom button style for Front Page, etc.
184208
185209.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+ }
193217
194218/* fix in-page anchors to not be behind fixed header */
195219: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 ;
200230}
0 commit comments