2016-11-30 21:18:06 +00:00
|
|
|
/* "Big screen" means, approximately, bigger than a phone */
|
|
|
|
|
|
|
|
.column:nth-child(odd) {
|
|
|
|
clear: both;
|
|
|
|
float: left;
|
|
|
|
width: 49%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.column:nth-child(even) {
|
|
|
|
float: right;
|
|
|
|
width: 49%;
|
|
|
|
}
|
2016-11-30 21:24:28 +00:00
|
|
|
|
2016-12-01 20:04:55 +00:00
|
|
|
.left {
|
|
|
|
float: left;
|
|
|
|
margin-right: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.right {
|
|
|
|
float: right;
|
|
|
|
margin-left: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.picture {
|
|
|
|
width: 30em;
|
2016-12-19 17:25:27 +00:00
|
|
|
max-width: 35%;
|
2016-12-01 20:04:55 +00:00
|
|
|
padding: .75em;
|
|
|
|
}
|
|
|
|
|
2016-11-30 21:24:28 +00:00
|
|
|
#contractpatch-follow {
|
|
|
|
float: left;
|
|
|
|
width: 30em;
|
|
|
|
margin-right: 1.5em;
|
|
|
|
/* Below from .shaded, but we don't want the class on non-big screens. */
|
|
|
|
padding: .75em;
|
|
|
|
background: #F0FFB8;
|
|
|
|
}
|
|
|
|
|
|
|
|
#contractpatch-follow h2 {
|
|
|
|
font-size: large;
|
|
|
|
}
|
2016-12-31 03:13:50 +00:00
|
|
|
|
|
|
|
#contractpatch-blog h3:first-child {
|
|
|
|
/* Don't let the first blog headline clear below #contractpatch-follow. */
|
|
|
|
clear: right;
|
|
|
|
}
|