Draft Forbes Group Website (Build by Nikola). The official site is hosted at:

https://labs.wsu.edu/forbes

1
/* My customizations. 
2

3
List of posts
4
=============
5

6
This contains things like Research Highlights.
7

8
Markup should be:
9

10
<section>
11
  <header><h2>Research Highlights</h2></header>
12
  <article class="posts">
13
    <div>
14
      <!-- May have additional structure from notebooks etc. -->
15
      <div class="image"><img></div>
16
      <h3 id="Negative-Mass-Hydrodynamics">...</h3>
17
      <p>Negative mass is...</p>
18

19
       ...
20

21
      <p class="button"><a href="...">Read more...</a></p>
22
    </div>
23
  </article>
24
</section>
25
 
26
Post
27
====
28

29
This contains things like Research Highlights.
30

31
Markup should be:
32

33
<header class="main-header">
34
</header>
35
<section>
36
  <div class="post">
37
    <!-- May have additional structure from notebooks etc. -->
38
    <div id="notebook">
39
      ...
40
      <img>
41
    </div>
42
  </div>
43
</section>
44

45
Page
46
====
47

48
This contains things like Research Highlights.
49

50
Markup should be:
51

52
<header class="main-header">
53
</header>
54
<section>
55
  <div class="page">
56
    <!-- May have additional structure from notebooks etc. -->
57
    <div id="notebook">
58
      ...
59
      <img>
60
    </div>
61
  </div>
62
</section>
63

64
*/
65
/* Stretching the definition of campus. New term? */
66
/* Overrides for IPython formatting.
67
*/
68
div.prompt {
69
  padding: 0;
70
  font-size: 13px;
71
  background: initial;
72
  min-width: initial;
73
  margin-right: 0;
74
  -webkit-border-radius: 3px;
75
  -moz-border-radius: 3px;
76
  border-radius: 3px; }
77

78
.rendered_html ul {
79
  margin: 0;
80
  padding: 0 0em 0em 2em; }
81

82
.rendered_html ul ul {
83
  margin: 0;
84
  padding: 0 0em 0em 2em; }
85

86
.rendered_html ul ul ul {
87
  margin: 0;
88
  padding: 0 0em 0em 2em; }
89

90
.rendered_html ul li {
91
  margin: 0;
92
  padding: 0; }
93

94
.rendered_html ul ul li {
95
  margin: 0;
96
  padding: 0; }
97

98
.rendered_html ul ul ul li {
99
  margin: 0;
100
  padding: 0; }
101

102
.rendered_html #Table-of-Contents ~ ul {
103
  margin: 0;
104
  padding: 0 2em 0em 2em; }
105

106
.rendered_html #Table-of-Contents ~ ul li {
107
  list-style: none;
108
  padding: 0; }
109

110
/* Local Variables: */
111
/* mode: scss */
112
/* css-indent-offset: 2 */
113
/* End: */
114
header.major > :last-child {
115
  border-bottom: solid 3px #c60c30;
116
  display: inline-block;
117
  margin: 0.5em 0 2em 0;
118
  padding: 0 0.75em 0.5em 0; }
119

120
.main-header {
121
  height: auto;
122
  min-height: 142px; }
123

124
/* Improvements for code snippets so they do not overflow. */
125
div .inner_cell {
126
  width: 100%;
127
  max-width: 100%;
128
  /* New: to fix long text. */ }
129

130
pre {
131
  overflow: auto;
132
  white-space: pre-wrap; }
133

134
/* Improvements for MathJaX so it does not overflow. */
135
div .MathJax_Display {
136
  overflow: auto; }
137

138
/* Image at top of posts should never be too large */
139
img {
140
  display: inline-block;
141
  max-width: 100%; }
142

143
/* Margin notes 
144
   https://github.com/washingtonstateuniversity/
145
           WSUWP-Plugin-HTML-Component-Embed/issues/2
146
*/
147
div:has(.marginnote) .post {
148
  padding-right: 20%; }
149
  div:has(.marginnote) .post .marginnote {
150
    position: absolute;
151
    width: 16%;
152
    right: 0;
153
    font-size: .75rem;
154
    border-left: 1px solid rgba(0, 0, 0, 0.2);
155
    padding-left: 1%;
156
    color: blue; }
157

158
div .posts {
159
  /* Do something different here...*/ }
160

161
/* Reduce font size for quarter divisions */
162
.quarters h1 {
163
  font-size: 1.8em;
164
  font-size: 1.8rem; }
165

166
.quarters h2 {
167
  font-size: 1.6em;
168
  font-size: 1.6rem; }
169

170
.quarters h3 {
171
  font-size: 1.4em;
172
  font-size: 1.4rem; }
173

174
.quarters h4 {
175
  font-size: 1.2em;
176
  font-size: 1.2rem; }
177

178
.quarters h5 {
179
  font-size: 1.0em;
180
  font-size: 1.0rem; }
181

182
.quarters h6 {
183
  font-size: 0.8em;
184
  font-size: 0.8rem; }
185

186
/* Post lists */
187
.posts div#notebook img:nth-of-type(1) {
188
  max-width: 100%;
189
  max-height: 300px; }
190

191
/* Posts */
192
.post div#notebook img:nth-of-type(1) {
193
  max-width: 50%;
194
  max-height: 300px; }
195
.post div#notebook div.prompt {
196
  padding: 0;
197
  /* No borders in post list. */
198
  margin-right: 0; }
199

200
/* Pages */
201

202