Difference between revisions of "Template:Team:Groningen/CSS/DEFAULT"
| Line 70: | Line 70: | ||
margin-right: 128pt; | margin-right: 128pt; | ||
white-space: nowrap; | white-space: nowrap; | ||
| + | } | ||
| + | |||
| + | .default .object.code .raw { | ||
| + | margin-left: 128pt; | ||
| + | margin-right: 128pt; | ||
} | } | ||
| Line 138: | Line 143: | ||
} | } | ||
| + | .default .entry .breadcrumb, | ||
.default .references .item .group .field { | .default .references .item .group .field { | ||
display: inline; | display: inline; | ||
| Line 145: | Line 151: | ||
.default .content .text:before, | .default .content .text:before, | ||
.default .content .title { | .default .content .title { | ||
| − | font-size: | + | font-size: 30pt; |
padding-bottom: 42pt; | padding-bottom: 42pt; | ||
| + | } | ||
| + | |||
| + | .default .entry.header > .title { | ||
| + | font-size: 38pt; | ||
} | } | ||
| Line 255: | Line 265: | ||
counter-reset: data; | counter-reset: data; | ||
counter-reset: formula; | counter-reset: formula; | ||
| + | counter-reset: movie; | ||
| + | counter-reset: code; | ||
} | } | ||
.default .figure { | .default .figure { | ||
counter-increment: figure; | counter-increment: figure; | ||
| + | } | ||
| + | |||
| + | .default .movie { | ||
| + | counter-increment: movie; | ||
} | } | ||
| Line 271: | Line 287: | ||
.default .formula { | .default .formula { | ||
counter-increment: formula; | counter-increment: formula; | ||
| + | } | ||
| + | |||
| + | .default .code { | ||
| + | counter-increment: code; | ||
} | } | ||
| Line 340: | Line 360: | ||
.default .ref.for:before { | .default .ref.for:before { | ||
content: "formula (" | content: "formula (" | ||
| + | } | ||
| + | |||
| + | .default .ref.mov:before { | ||
| + | content: "movie (" | ||
| + | } | ||
| + | |||
| + | .default .ref.cod:before { | ||
| + | content: "code (" | ||
} | } | ||
| Line 376: | Line 404: | ||
counter-increment: remark; | counter-increment: remark; | ||
content: counter(remark); | content: counter(remark); | ||
| + | } | ||
| + | |||
| + | .default .movie .caption:before { | ||
| + | content: "Movie "counter(movie)": "; | ||
} | } | ||
| Line 388: | Line 420: | ||
.default .data .caption:before { | .default .data .caption:before { | ||
content: "Table "counter(data)": "; | content: "Table "counter(data)": "; | ||
| + | } | ||
| + | |||
| + | .default .code .caption:before { | ||
| + | content: "Code "counter(data)": "; | ||
} | } | ||
| Line 468: | Line 504: | ||
.default .meta .item.author:before { | .default .meta .item.author:before { | ||
content: "Author: "; | content: "Author: "; | ||
| + | } | ||
| + | |||
| + | .default .meta .item.function:before { | ||
| + | content: "Function: "; | ||
| + | } | ||
| + | |||
| + | .default .meta .item.linkedin:before { | ||
| + | content: "linkedin: "; | ||
} | } | ||
.default .meta .item.category:before { | .default .meta .item.category:before { | ||
content: "Category: "; | content: "Category: "; | ||
| + | } | ||
| + | |||
| + | .default .meta .item.location:before { | ||
| + | content: "Location: "; | ||
| + | } | ||
| + | |||
| + | .default .meta .item.activity:before { | ||
| + | content: "Activity: "; | ||
| + | } | ||
| + | |||
| + | .default .meta .item.participant:before { | ||
| + | content: "Participant: "; | ||
} | } | ||
| Line 522: | Line 578: | ||
top: 20%; | top: 20%; | ||
} | } | ||
| + | |||
| + | /*code object*/ | ||
| + | |||
/*figure object*/ | /*figure object*/ | ||
| Line 637: | Line 696: | ||
} | } | ||
| − | .default .object. | + | .default .object.data .field.fwn { |
width: 100%; | width: 100%; | ||
} | } | ||
| Line 853: | Line 912: | ||
.default .menu.secondary:hover > .group { | .default .menu.secondary:hover > .group { | ||
display: block; | 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 { | ||
} | } | ||
Revision as of 01:22, 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; }
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 { }