www-bocal/mainsite/static/css/screen.css
2017-10-15 21:56:03 +02:00

210 lines
5 KiB
CSS

/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url("https://fonts.googleapis.com/css?family=Bitter:400,700|Source+Sans+Pro:400,700");
/* line 5, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
/* line 22, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
line-height: 1;
}
/* line 24, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
list-style: none;
}
/* line 26, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* line 28, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
/* line 30, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
quotes: none;
}
/* line 103, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
/* line 32, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
border: none;
}
/* line 116, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
/* line 11, ../sass/screen.scss */
*, *:after, *:before {
box-sizing: border-box;
}
/* line 15, ../sass/screen.scss */
body, html {
background: #660022;
padding: 0;
margin: 0;
height: 100%;
font-family: "Source Sans Pro", sans-serif;
font-size: 18px;
line-height: 1.45;
}
/* line 26, ../sass/screen.scss */
body.plain #main {
max-width: 500px;
position: absolute;
text-align: center;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
background: #fff7cc;
padding: 25px;
}
/* line 38, ../sass/screen.scss */
h1, h2, h3, h4 {
font-family: "Bitter", serif;
}
/* line 42, ../sass/screen.scss */
h2 {
font-size: 1.8em;
text-align: center;
}
/* line 47, ../sass/screen.scss */
strong, b {
font-weight: bold;
}
/* line 51, ../sass/screen.scss */
i, em {
font-style: italic;
}
/* line 55, ../sass/screen.scss */
a {
color: #990033;
text-decoration: none;
font-weight: bold;
}
/* line 61, ../sass/screen.scss */
.container, header {
background: #fff;
margin: 0 auto;
max-width: 800px;
}
/* line 67, ../sass/screen.scss */
header {
text-align: center;
border-bottom: 2px solid #000;
position: relative;
padding-bottom: 40px;
}
/* line 73, ../sass/screen.scss */
header:after {
content: " ";
position: absolute;
width: 100%;
z-index: 1;
left: 0;
bottom: 25px;
border-bottom: 2px solid #000;
}
/* line 84, ../sass/screen.scss */
.container {
display: table;
display: flex;
padding: 15px;
width: 100%;
}
/* line 91, ../sass/screen.scss */
.sidebar {
width: 210px;
}
/* line 94, ../sass/screen.scss */
.sidebar ul.nav li {
display: block;
font-weight: normal;
margin: 5px 0;
}
/* line 98, ../sass/screen.scss */
.sidebar ul.nav li a {
background: #fff7cc;
padding: 10px 0;
display: block;
text-align: center;
background: linear-gradient(to bottom, rgba(255, 247, 204, 0) 60%, #fff7cc 60%) no-repeat;
}
/* line 109, ../sass/screen.scss */
.main {
flex-grow: 1;
padding: 20px;
width: 100%;
}
/* line 114, ../sass/screen.scss */
.main .last-publication {
display: block;
max-width: 300px;
margin: 15px auto;
text-align: center;
font-size: 1.5em;
background: #ffe766;
padding: 30px;
}
/* line 125, ../sass/screen.scss */
.publication-list {
margin: 10px 5px;
margin-left: 30px;
}
/* line 128, ../sass/screen.scss */
.publication-list td {
padding: 3px 5px;
}
/* line 131, ../sass/screen.scss */
.publication-list .publication-date {
text-align: right;
font-weight: light;
font-size: 0.8em;
}