Difference between revisions of "Template:Team:Groningen/CSS/DEFAULT"

Line 584: Line 584:
  
 
/*figure object*/  
 
/*figure object*/  
−
.default .object.figure .image {
 
−
background-clip: content-box;
 
−
}
 
−
 
 
.default .object.figure {
 
.default .object.figure {
 
line-height: 0;
 
line-height: 0;

Revision as of 22:11, 16 September 2015

@charset "UTF-8";

@font-face { font-family: "Myriad Pro"; src: local("?"), url(../resources/fonts/MyriadPro-Regular.otf) format("opentype"); }

@font-face { font-family: "Myriad Pro"; font-style: italic; src: local("?"), url(../resources/fonts/MyriadPro-It.otf) format("opentype"); }

@font-face { font-family: "Myriad Pro"; font-weight: bold; src: local("?"), url(../resources/fonts/MyriadPro-Bold.otf) format("opentype"); }

.hspacer { clear: both; height: 0; padding: 0; margin: 0; line-height: 0; }

.wrapper { padding: 0; margin: 0; line-height: 0; }

.wrapper > *{ line-height: 1; }

.overlay { position: absolute; padding: 0; margin: 0; line-height: 0; white-space: normal; z-index: 2; }

.default .menu, .default .sponsors, .default .meta, .default .readmore, .default .postscriptum, .default .references, .default .remarks, .default .subtitle, .default .listing, .default .title, .default .object .caption, .default .text { padding-left: 128pt; padding-right: 128pt; }

.default .object.data .wrapper { overflow-y: hidden; overflow-x: auto; margin-left: 128pt; margin-right: 128pt; white-space: nowrap; }

.default .object.code .raw { margin-left: 128pt; margin-right: 128pt; font-family: monospace,Courier; }

body, .default { font-size: 18pt; font-family: "Myriad Pro", Arial, Helvetica; z-index: 0; line-height: 1.2; }

.default .sponsors { padding-right: 98pt; padding-top: 42pt; padding-bottom: 26pt }

.default.p1080 .sponsors .item { padding-right: 30pt; height: 66pt; display: inline-block; background-size: auto 66pt; background-repeat: no-repeat; position: relative; padding-bottom: 16pt; }

.default .logo { height: 128pt; width: 128pt; background-size: auto 92pt; background-repeat: no-repeat; position: absolute; background-position: center; z-index: 1; top: 16pt; left: 0; }

.default .text, .default .listing, .default .text { padding-bottom: 34pt; text-align: justify; line-height: 1.2; }

.default .object { margin-bottom: 34pt; }

.default .entry.header { padding-top: 16pt; }

.default .entry.header > .title { padding-top: 28pt; position: relative; padding-right: 36pt; }

.default .entry.header .title { padding-bottom: 0; }

.default a { text-decoration: none; }

.default .entry .breadcrumb, .default .references .item .group .field { display: inline; }

.default .enumeration:before, .default .content .text:before, .default .content .title { font-size: 30pt; padding-bottom: 42pt; }

.default .entry.header > .title { font-size: 38pt; }

.default.home .text:before, .default .entry > .title { font-size: 36pt; padding-bottom: 42pt; }

.default .entry.main { padding-top: 50pt; }

.default .module { padding-top: 45pt; }

.default .module .title, .default .module .subtitle { padding-bottom: 21pt; }

.default .copyright { line-height: 21pt; padding-right: 36pt; padding-left: 36pt; }

.default .copyright, .default .meta { font-size: 8pt; }

.default .meta .item { display: inline; }

.default .button { }

.default .postscriptum { padding-bottom: 50pt; }

.default .logs .item .meta, .default .copyright, .default .logs .item .meta .item.executor, .default .postscriptum, .default .readmore { text-align: right; }

.default .reftitle, .default .text:before, .default .enumeration:before, .default .title, .default .subtitle, .default .text:before, .default .postscriptum, .default .readmore { text-transform: uppercase; display: block; }

.default .data { font-size: 14pt }

.default .data .header { padding-bottom: 25pt; padding-top: 26pt; }

.default .data .record { padding-bottom: 16pt; }

.default .data .header .field, .default .data .record .field { display: inline-block; vertical-align: top; }

.default .caption { font-size: 11pt; padding-top: 16pt; padding-bottom: 16pt; white-space: normal; line-height: 1.2; }

.default .text:before { font-size: 18pt; padding-bottom: 28pt; }

.default .references { counter-reset: reference; }

.default .remarks { counter-reset: remark; }

.default .content { counter-reset: figure; counter-reset: graph; counter-reset: data; counter-reset: formula; counter-reset: movie; counter-reset: code; }

.default .figure { counter-increment: figure; }

.default .movie { counter-increment: movie; }

.default .graph { counter-increment: graph; }

.default .data { counter-increment: data; }

.default .formula { counter-increment: formula; }

.default .code { counter-increment: code; }

.default .steps { counter-reset: step; }

.default .enumeration > .item { padding-bottom: 48pt; }

.default .enumeration:last-child { padding-bottom: 84pt; }

.default .references, .default .remarks { padding-bottom: 42pt; }

.default .ref { display: inline; }

.default .references .item:before, .default .remarks .item:before, .default .cite, .default .remark { vertical-align: super; font-size: 11pt; display: inline; }

.default .references .item:before, .default .remarks .item:before { position: absolute; left: 0; top: 0; }

.default .references .item .group, .default .remarks .item .text { padding: 0; padding-left: 40pt; }

.default .references .item, .default .remarks .item { padding-bottom: 21pt; position: relative; left: 0; top: 0; }

.default .references .item:last-child, .default .remarks .item:last-child { padding-bottom: 0pt; }

.default .logs > .item { padding-top: 45pt; margin-bottom: 45pt; }

.default .logs { padding-top: 0; }

.default .ref.for:before { content: "formula (" }

.default .ref.mov:before { content: "movie (" }

.default .ref.cod:before { content: "code (" }

.default .ref.fig:before { content: "figure (" }

.default .ref.tbl:before { content: "table (" }

.default .ref.grf:before { content: "graph (" }

.default .readmore:before { content: "Read More"; }

.default .references .item .group .field:after, .default .meta .item:after { content: ", "; }

.default .references .item .group .field:last-child:after, .default .meta .item:last-child:after { content: ""; }

.default .references .item:before { counter-increment: reference; content: "["counter(reference)"]"; }

.default .remarks .item:before { counter-increment: remark; content: counter(remark); }

.default .movie .caption:before { content: "Movie "counter(movie)": "; }

.default .figure .caption:before { content: "Figure "counter(figure)": "; }

.default .graph .caption:before { content: "Graph "counter(graph)": "; }

.default .data .caption:before { content: "Table "counter(data)": "; }

.default .code .caption:before { content: "Code "counter(data)": "; }

.default .formula:after { content: "("counter(formula)")"; }

.default .steps .item .title:before { counter-increment: step; content: "Step "counter(step)" | "; }

.default .logs .item .title:before { content: "Log | "; }

.default .remark:before { content: " "; }

.default .cite:before { content: " ["; }

.default .cite:after { content: "]"; }

.default .ref:before { content: "("; }

.default .ref:after { content: ")"; }

.default .references:before { content: "References"; } .default .remarks:before { content: "Remarks"; }

.default .text.bluebioenergy:before { content: "Blue Bio Energy"; }

.default .text.abstract:before { content: "Abstract"; }

.default .text.description:before { content: "Description"; }

.default .text.introduction:before { content: "Introduction"; }

.default .text.goal:before { content: "Goal"; }

.default .text.conclusion:before { content: "Conclusion"; }

.default .postscriptum.safetylevel:before { content: "Safety Level | "; }

.default .postscriptum.protocol:before { content: "Protocol | "; }

.default .meta .item.datetime:before { content: "Date: "; }

.default .meta .item.author:before { content: "Author: "; }

.default .meta .item.function:before { content: "Function: "; }

.default .meta .item.linkedin:before { content: "linkedin: "; }

.default .meta .item.category:before { content: "Category: "; }

.default .meta .item.location:before { content: "Location: "; }

.default .meta .item.activity:before { content: "Activity: "; }

.default .meta .item.participant:before { content: "Participant: "; }

.default .meta .item.executor:before { content: "Executor: "; }

.default .copyright:before { content: "© "; }

.default .entry.footer { padding-bottom: 16pt; }

.default .entry.protocol > .title:first-child:before { content: "Protocol | "; }

.default .entry.article > .title:first-child:before { content: "Article | "; }

.default .entry.experiment > .title:first-child:before { content: "Experiment | "; }

.default .refdoi:before { content: "doi:" }

/*formula object*/ .default .object.formula { position: relative; margin-bottom: 0; padding-left: 128pt; padding-right: 170pt; }

.default .formula:after { position: absolute; right: 0; padding-left: 128pt; padding-right: 128pt; height: 100%; width: 40pt; text-align: right; vertical-align: middle; display: block; top: 20%; }

/*code object*/


/*figure object*/ .default .object.figure { line-height: 0; }

.default .object.figure.small { height: 320pt; white-space: normal; position: relative; overflow: hidden; vertical-align: top; }

.default .object.figure.small .caption { height: 288pt; top: 0; position: absolute; }

.default .object.figure:nth-child(even).small .caption { left: 622pt; }

.default .object.figure:nth-child(odd).small .caption { right: 622pt; }

.default .object.figure.small .image { height: 320pt; width: 582pt; display: block; z-index: 2; position: absolute; padding-left: 128pt; padding-right: 128pt; top: 0; }

.default .object.figure:nth-child(even).small .image { left: 0; }

.default .object.figure:nth-child(odd).small .image { right: 0; }

.default .object.figure.large .image { width: 100%; }

/*data object*/ .default .object.data .header, .default .object.data .record { line-height: 0; }

.default .object.data .field { width: 24%; white-space: pre-line; line-height: 1.2; }

.default .object.data .field.fw13 { width: 624pt; }

.default .object.data .field.fw12 { width: 576pt; }

.default .object.data .field.fw11 { width: 528pt; }

.default .object.data .field.fw10 { width: 480pt; }

.default .object.data .field.fw9 { width: 432pt; }

.default .object.data .field.fw8 { width: 384pt; }

.default .object.data .field.fw7 { width: 336pt; }

.default .object.data .field.fw6 { width: 288pt; }

.default .object.data .field.fw5 { width: 240pt; }

.default .object.data .field.fw4 { width: 192pt; }

.default .object.data .field.fw3 { width: 144pt; }

.default .object.data .field.fw2 { width: 96pt; }

.default .object.data .field.fw1 { width: 48pt; }

.default .object.data .field.fwn { width: 100%; }

.default .object.data .field.fwx { width: auto; }

/* blog enumeration*/ .default .blogs .item .meta { padding-bottom: 11pt; } .default .enumeration.blogs { padding-bottom: 0; }

.default .enumeration.blogs .item { height: 390pt; position: relative; left: 0; top: 0; margin-bottom: 20pt; padding-bottom: 0; }

.default .blogs .item:last-child{ margin-bottom: 0; }

.default .blogs .item .overlay, .default .blogs .item .image{ width: 431pt; height: 390pt; position: absolute; right: 0; }

.default .blogs .item .wrapper { padding-top: 45pt; padding-bottom: 52pt; height: 293pt; }

.default .blogs .item .title { padding-bottom: 64pt; } .default .blogs .item .text { height: 121pt; overflow: hidden; margin-bottom: 40pt; padding-bottom: 0; position: absolute; top: 163pt; }

.default .blogs .item .readmore { position: absolute; bottom: 52pt; }

.default .blogs .item:nth-child(odd) .readmore { right: 0; }

.default .blogs .item:nth-child(odd) .text { left: 333pt; }

.default .blogs .item:nth-child(odd) .wrapper { padding-left: 333pt; }

.default .blogs .item:nth-child(odd) .overlay, .default .blogs .item:nth-child(odd) .image { left: 0; }

.default .blogs .item:nth-child(even) .readmore { right: 333pt; }

.default .blogs .item:nth-child(even) .text { right: 333pt; }

.default .blogs .item:nth-child(even) .wrapper{ padding-right: 333pt; }

.default .blogs .item:nth-child(even) .overlay, .default .blogs .item:nth-child(even) .image { }

/*show and slides*/ .default .show { position: relative; line-height: 0; }

.default .show .placeholder { width: 100%; }

.default .show .slide .background, .default .show .slide { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background-size: auto 100%; background-repeat: no-repeat; }

.default .show .slide { line-height: 1.2; }

/*listing*/ .default .listing .item { background-repeat: no-repeat; background-size: 10pt auto; background-position: 16pt 6pt; padding-left: 50pt; padding-bottom: 12pt; }

/*menu and secondarymenu*/ .default .menu.secondary .icon { height: 56pt; width: 56pt; background-repeat: no-repeat; background-position: center; background-size: auto 20pt; float: right; }

.default .menu.secondary .button { height: 56pt; float: right; white-space: normal; }

.default .menu.secondary .button .title { line-height: 56pt; text-align: right; }

.default .menu.secondary .title, .default .menu.secondary .icon { display: inline-block; }

.default .menu .title { padding: 0; }

.default .menu .item { display: inline-block; padding-right: 30pt; line-height: 64pt; }

.default .menu.secondary .item { display: block; padding-right: 0pt; line-height: 33pt; }

.default .menu { overflow: hidden; position: relative; height: 64pt; padding-right: 6pt; }

.default .menu.secondary { float: right; top: 16pt; right: 18pt; position: absolute; z-index: 3; width: auto; padding: 0; height: auto; }

.default .menu.secondary:hover { width: 418pt; }

.default .menu.secondary .group { padding-left: 18pt; padding-top: 6pt; padding-bottom: 6pt; }

.default .menu.secondary > .group { padding-top: 80pt; padding-left: 34pt; padding-right: 34pt; padding-bottom: 34pt }

.default .menu .wrapper { display: none; }

.default .menu.secondary > .group { display: none; }

.default .menu.secondary:hover .wrapper, .default .menu.secondary:hover > .group { display: block; }

/*movie object*/ .default .object.movie { line-height: 0; }

.default .object.movie.small { height: 320pt; white-space: normal; position: relative; overflow: hidden; vertical-align: top; }

.default .object.movie.small .caption { height: 288pt; top: 0; position: absolute; }

.default .object.movie:nth-child(even).small .caption { left: 622pt; }

.default .object.movie:nth-child(odd).small .caption { right: 622pt; }

.default .object.movie.small .image { height: 320pt; width: 582pt; display: block; z-index: 2; position: absolute; padding-left: 128pt; padding-right: 128pt; top: 0; }

.default .object.movie:nth-child(even).small .image { left: 0; }

.default .object.movie:nth-child(odd).small .image { right: 0; }

.default .object.movie.large .image { width: 100%; }

/* member enumeration*/ .default .members .item .meta { padding-bottom: 11pt; } .default .enumeration.members { padding-bottom: 0; }

.default .enumeration.members .item { height: 256pt; position: relative; left: 0; top: 0; margin-bottom: 20pt; padding-bottom: 0; }

.default .members .item:last-child{ margin-bottom: 0; }

.default .members .item .overlay, .default .members .item .image{ width: 256pt; height: 256pt; position: absolute; right: 0; }

.default .members .item .wrapper { padding-top: 45pt; padding-bottom: 52pt; height: 159pt; }

.default .members .item .title { padding-bottom: 64pt; } .default .members .item .text { height: 108pt; overflow: hidden; margin-bottom: 40pt; padding-bottom: 0; position: absolute; top: 104pt; }

.default .members .item .readmore { position: absolute; bottom: 52pt; }

.default .members .item:nth-child(odd) .readmore { right: 0; }

.default .members .item:nth-child(odd) .text { left: 181pt; }

.default .members .item:nth-child(odd) .wrapper { padding-left: 181pt; }

.default .members .item:nth-child(odd) .overlay, .default .members .item:nth-child(odd) .image { left: 0; }

.default .members .item:nth-child(even) .readmore { right: 181pt; }

.default .members .item:nth-child(even) .text { right: 181pt; }

.default .members .item:nth-child(even) .wrapper{ padding-right: 181pt; }

.default .members .item:nth-child(even) .overlay, .default .members .item:nth-child(even) .image { }

/* event enumeration*/ .default .events .item .meta { padding-bottom: 11pt; } .default .enumeration.events { padding-bottom: 0; }

.default .enumeration.events .item { height: 390pt; position: relative; left: 0; top: 0; margin-bottom: 20pt; padding-bottom: 0; }

.default .events .item:last-child{ margin-bottom: 0; }

.default .events .item .overlay, .default .events .item .image{ width: 431pt; height: 390pt; position: absolute; right: 0; }

.default .events .item .wrapper { padding-top: 45pt; padding-bottom: 52pt; height: 293pt; }

.default .events .item .title { padding-bottom: 64pt; } .default .events .item .text { height: 121pt; overflow: hidden; margin-bottom: 40pt; padding-bottom: 0; position: absolute; top: 163pt; }

.default .events .item .readmore { position: absolute; bottom: 52pt; }

.default .events .item:nth-child(odd) .readmore { right: 0; }

.default .events .item:nth-child(odd) .text { left: 333pt; }

.default .events .item:nth-child(odd) .wrapper { padding-left: 333pt; }

.default .events .item:nth-child(odd) .overlay, .default .events .item:nth-child(odd) .image { left: 0; }

.default .events .item:nth-child(even) .readmore { right: 333pt; }

.default .events .item:nth-child(even) .text { right: 333pt; }

.default .events .item:nth-child(even) .wrapper{ padding-right: 333pt; }

.default .events .item:nth-child(even) .overlay, .default .events .item:nth-child(even) .image { }