@charset "UTF-8"; /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ root { display: block; } 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, button { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */ /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE6 works fine without this fix. */ @media all { body { min-width: 960px; } /* `Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 960px; } /* `Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_05, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; margin-left: 10px; margin-right: 10px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11 { position: relative; } /* `Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } .grid_row { margin-left: -10px; } /* `Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1, .container_12 .grid_05 { width: 60px; } .container_12 .grid_2 { width: 140px; } .container_12 .grid_3 { width: 220px; } .container_12 .grid_4 { width: 300px; } .container_12 .grid_5 { width: 380px; } .container_12 .grid_6 { width: 460px; } .container_12 .grid_7 { width: 540px; } .container_12 .grid_8 { width: 620px; } .container_12 .grid_9 { width: 700px; } .container_12 .grid_10 { width: 780px; } .container_12 .grid_11 { width: 860px; } .container_12 .grid_12 { width: 940px; } /* `Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left: 80px; } .container_12 .prefix_2 { padding-left: 160px; } .container_12 .prefix_3 { padding-left: 240px; } .container_12 .prefix_4 { padding-left: 320px; } .container_12 .prefix_5 { padding-left: 400px; } .container_12 .prefix_6 { padding-left: 480px; } .container_12 .prefix_7 { padding-left: 560px; } .container_12 .prefix_8 { padding-left: 640px; } .container_12 .prefix_9 { padding-left: 720px; } .container_12 .prefix_10 { padding-left: 800px; } .container_12 .prefix_11 { padding-left: 880px; } /* `Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right: 80px; } .container_12 .suffix_2 { padding-right: 160px; } .container_12 .suffix_3 { padding-right: 240px; } .container_12 .suffix_4 { padding-right: 320px; } .container_12 .suffix_5 { padding-right: 400px; } .container_12 .suffix_6 { padding-right: 480px; } .container_12 .suffix_7 { padding-right: 560px; } .container_12 .suffix_8 { padding-right: 640px; } .container_12 .suffix_9 { padding-right: 720px; } .container_12 .suffix_10 { padding-right: 800px; } .container_12 .suffix_11 { padding-right: 880px; } /* `Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left: 80px; } .container_12 .push_2 { left: 160px; } .container_12 .push_3 { left: 240px; } .container_12 .push_4 { left: 320px; } .container_12 .push_5 { left: 400px; } .container_12 .push_6 { left: 480px; } .container_12 .push_7 { left: 560px; } .container_12 .push_8 { left: 640px; } .container_12 .push_9 { left: 720px; } .container_12 .push_10 { left: 800px; } .container_12 .push_11 { left: 880px; } /* `Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left: -80px; } .container_12 .pull_2 { left: -160px; } .container_12 .pull_3 { left: -240px; } .container_12 .pull_4 { left: -320px; } .container_12 .pull_5 { left: -400px; } .container_12 .pull_6 { left: -480px; } .container_12 .pull_7 { left: -560px; } .container_12 .pull_8 { left: -640px; } .container_12 .pull_9 { left: -720px; } .container_12 .pull_10 { left: -800px; } .container_12 .pull_11 { left: -880px; } /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after, .container_12:before, .container_12:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .clearfix:after, .container_12:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix, .container_12 { zoom: 1; } } @media print { .container_12 .print-grid_1 { width: 60px; } .container_12 .print-grid_2 { width: 140px; } .container_12 .print-grid_3 { width: 220px; } .container_12 .print-grid_4 { width: 300px; } .container_12 .print-grid_5 { width: 380px; } .container_12 .print-grid_6 { width: 460px; } .container_12 .print-grid_7 { width: 540px; } .container_12 .print-grid_8 { width: 620px; } .container_12 .print-grid_9 { width: 700px; } .container_12 .print-grid_10 { width: 780px; } .container_12 .print-grid_11 { width: 860px; } .container_12 .print-grid_12 { width: 960px; } } .icon-grey { background-image: url("../bootstrap/img/glyphicons-halflings-grey.png"); } .icon-group { background-position: -2px -164px; } .icon-share-alt2 { background-position: -25px -164px; } .icon-updown-flyer { background-position: -47px -164px; } .icon-plus { background-position: -408px -97px; } .icon-minus { background-position: -432px -97px; } .icon-cog { background-position: -432px -1px; } .icon-discussion { background-position: -72px -164px; } .icon-camera { background-position: -120px -49px; } .icon-person { background-position: -168px -1px; } .icon-collection { background-position: -168px -24px; } .icon-resource { background-position: -24px -25px; } .icon-message { background-position: -72px -2px; } .mini-spinner { background-image: url("../images/ajax_spinner_mini.gif"); background-repeat: no-repeat; background-position: center; width: 18px; height: 16px; } .container_12 .grid_05 { width: 30px; } body { font-family: Arial, san-serif; font-size: 13px; color: #323232; } pre, code { font-family: monospace; } em { font-style: italic; } .text-justify { text-align: justify; } p { line-height: 1.4em; overflow: hidden; text-overflow: ellipsis; margin-top: 12px; } p:first-child, p.first { margin-top: 0; } .btn-link { padding-left: 0; padding-right: 0; } a, .btn-link { color: #323232; } a.btn, .btn-link.btn { text-decoration: none; } a.clean, ul.mailbox-menu li a, .btn-link.clean, ul.mailbox-menu li a.btn-link { border-bottom: none; text-decoration: none; } @media print { a.clean, ul.mailbox-menu li a, .btn-link.clean, ul.mailbox-menu li a.btn-link { border-bottom: none; text-decoration: none; } } a:hover, .btn-link:hover { color: #c81846; text-decoration: none; } a.white, .btn-link.white { color: #fbfbfb; } a.white:hover, .btn-link.white:hover { color: white; } h1, h2, h3, h4, h5, h6 { overflow: hidden; text-overflow: ellipsis; } h1 { font-weight: bold; font-size: 25px; line-height: 30px; margin-bottom: 10px; } h2 { font-size: 14px; font-weight: bold; margin-bottom: 10px; } h2.homepage { font-size: 20px; font-weight: normal; padding-bottom: 0.8em; } h3 { font-weight: bold; line-height: 1.4em; } h3.homepage { font-size: 16px; } h3.with-separator { padding-bottom: 5px; } h4 { display: inline; font-weight: bold; margin-right: 5px; line-height: 1.4em; } sup { font-size: 0.7em; } sub { font-size: 0.7em; } input[type="checkbox"] { margin: 0; } input[type="text"], input[type="password"], textarea { margin: 0; padding-top: 6px; padding-bottom: 6px; border: 1px solid #cfcfcf; background: white url("../images/input_bg.png") repeat-x left top; height: 16px; } input[type="text"][disabled], input[type="password"][disabled], textarea[disabled] { background: #e8e8e8; } textarea { height: 80px; resize: vertical; width: 100%; } textarea.resize-vertical { resize: vertical; } textarea.resize-horizontal { resize: horizontal; } textarea.resize-none { resize: none; } input::-webkit-input-placeholder { font-style: italic; } input:-moz-placeholder { font-style: italic; } *:focus { outline: none; } strong { font-weight: bold; } ul { list-style-position: inside; } ul li { margin-bottom: 10px; } ul.condensed li { margin-bottom: 2px; } ul.horizontal.inline { display: inline-block; *display: inline; zoom: 1; } ul.horizontal > li { float: left; margin-left: 5px; } ul.horizontal > li:first-child { margin-left: 0px; } ul.discs { list-style-type: disc; } ul.separated > li { border-left: 1px solid #323232; padding-left: 5px; } ul.separated > li:first-child, ul.separated > li.first { border: none; padding-left: 0; } ul.separated.muted li { border-color: #cfcfcf; } ul.with-bottom-margin { margin-bottom: 15px; } ul.indented { padding-left: 10px; } ul.pink-menu li { padding: 10px 6px; } ul.pink-menu li a { font-weight: bold; border: none; } ul.pink-menu li:hover { background: #c81846; cursor: pointer; color: white; } ul.pink-menu li:hover a { color: white; } .thumbnail { padding: 0; border: none; margin: auto; -webkit-border-radius: 0; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0px 0px 0 0 #323232; -webkit-box-shadow: 0px 0px 0 0 #323232; box-shadow: 0px 0px 0 0 #323232; width: auto; height: auto; max-width: 100px; max-height: 130px; } .thumbnail.thumbnail-mini-auto-size { max-width: 30px; max-height: 39px; } .thumbnail.thumbnail-mini { max-width: 30px; max-height: 39px; } .thumbnail.thumbnail-small { max-width: 60px; max-height: 78px; } .thumbnail.thumbnail-big { max-width: 140px; max-height: 182px; } div.thumbnail-container { vertical-align: middle !important; display: table-cell !important; text-align: center; width: 100px; height: 130px; margin-left: 0; margin-right: 4px; } div.thumbnail-container.thumbnail-mini-auto-size-container { width: 30px; height: 39px; } div.thumbnail-container.thumbnail-mini-container { width: 30px; height: 39px; } div.thumbnail-container.thumbnail-small-container { width: 60px; height: 78px; } div.thumbnail-container.thumbnail-big-container { width: 140px; height: 182px; } div.thumbnail-container img.thumbnail { margin-left: auto !important; margin-right: auto !important; } .auto-size { width: auto !important; height: auto !important; } .auto-width { width: auto !important; } .auto-height { height: auto !important; } .small { font-size: 10px; line-height: 12px; } .error { color: #c81846; } input.error, textarea.error, div.error { background: #f5e0e6; border: 1px solid #c81846; } .separator { color: #909090; } .button, .small-button { overflow: visible; display: inline-block; *display: inline; zoom: 1; padding: 0 0.5em; height: 30px; margin: 0 5px 0 0; background: #c81846; font-weight: bold; color: white; border: 1px solid #c81846; *border: none; } .button:hover, .small-button:hover { border: 1px solid #c80639; *border: none; background: #c80639; color: white; cursor: pointer; } .button.arrow, .arrow.small-button { background: #c81846 url("../images/white_flyer_16x16.png") no-repeat center; width: 30px; height: 30px; } .button.grey, .grey.small-button { background: #e8e8e8; /* Old browsers */ background: -moz-linear-gradient(top, #e8e8e8 0%, #c6c6c6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #c6c6c6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8e8e8 0%, #c6c6c6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8e8e8 0%, #c6c6c6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8e8e8 0%, #c6c6c6 100%); /* IE10+ */ background: linear-gradient(to bottom, #e8e8e8 0%, #c6c6c6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e8e8e8',endColorstr='#c6c6c6'); /* IE6-9 */ border-color: #bebebe; color: #323232; line-height: 2.05em; height: 2.05em; } .small-button { font-size: 12px; font-weight: normal; padding: 0 0.3em; line-height: 1em; height: 1.9em; text-transform: lowercase; position: relative; top: -0.4em; } .small-button:hover { background: #c81846; border-color: #c81846; filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; color: #fbfbfb; } select.dropdown-list { width: auto; } div.dropdown-list { border: 1px solid #cfcfcf; border-width: 1px; -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; float: left; } div.dropdown-list:focus { border-color: rgba(200, 24, 70, 0.4); } div.dropdown-list.disabled { pointer-events: none; cursor: not-allowed; color: #cfcfcf !important; } div.dropdown-list.disabled .flyer { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; } div.dropdown-list .flyer, div.dropdown-list .selected-option { display: inline-block; *display: inline; zoom: 1; float: right; cursor: pointer; } div.dropdown-list .flyer { border-left: 1px solid #cfcfcf; background: url("../images/up_down_black_flyer.png") no-repeat center; float: right; width: 28px; height: 28px; } div.dropdown-list .selected-option { padding: 7px 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div.dropdown-list ul.options-list { border: 1px solid #cfcfcf; display: none; position: absolute; z-index: 10; -moz-box-shadow: 0px 3px 7px -3px #323232; -webkit-box-shadow: 0px 3px 7px -3px #323232; box-shadow: 0px 3px 7px -3px #323232; max-height: 300px; overflow-y: auto; overflow-x: hidden; } div.dropdown-list ul.options-list li { cursor: pointer; line-height: 30px; height: 30px; padding: 0 8px; background-color: #fbfbfb; border-top: 1px solid #e8e8e8; background-repeat: repeat-x; background-position: 0 -50px; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div.dropdown-list ul.options-list li:first-child { border-top: none; } div.dropdown-list ul.options-list li:hover, div.dropdown-list ul.options-list li.hover { background: #c81846; color: white; } .align-left { float: left; } .align-right { float: right; } .align-right-absolute { position: absolute; right: 0; } .no-float { clear: both; } .inline-block { display: inline-block; *display: inline; zoom: 1; } p.mini-img.left { padding-left: 40px; } p.medium-img.left { padding-left: 60px; } p.big-img.left { padding-left: 80px; } .block { display: block; } ul.publications li, ul.references li { margin-bottom: 20px; } .pink, .pink-with-arrow { color: #c81846; text-decoration: none; } .grey { color: #909090; } .pink-with-arrow { padding-right: 10px; background: url("../images/pink_flyer_8x8.png") no-repeat; background-position: right 2px; } @media print { .pink-with-arrow { padding-right: 0; } } .pink-with-arrow.left-arrow { background: url("../images/pink_flyer_8x8_left.png") no-repeat; background-position: left 3px; padding-right: 0; padding-left: 10px; } .asset-search { padding-bottom: 30px; } .asset-search td { vertical-align: middle; } .asset-search input { margin-right: 10px; display: block; width: 98%; } .asset-search button { width: 160px; text-align: center; } .asset-search ul.criteria { clear: both; margin-top: 5px; } .asset-search ul.criteria li { float: right; } ul.tags { margin-top: 10px; } .tag { color: white; background: #c81846; padding: 4px 5px; height: 12px; margin: 0 2px; } .tag a.action-delete { font-weight: bold; color: white; border: none; border-left: 1px solid white; margin-left: 10px; padding: 0 3px 0 8px; } .result-info { border: 1px solid #cfcfcf; border-left: none; border-right: none; padding: 10px 0; } #top-bar { width: 100%; background-image: url("../images/pink-bg.png"); } #top-bar #top-bar-container { height: 30px; position: relative; } #top-bar #top-bar-container.logged { height: 1px; } #top-bar #top-bar-container.logged #login-menu { top: 2px; } #top-bar #top-bar-container ul.pick-language { margin-top: 10px; } #top-bar #top-bar-container ul.pick-language li { border-left: 1px solid white; padding: 0 7px; margin: 0; font-size: 12px; } #top-bar #top-bar-container ul.pick-language li:first-child { border: none; } #top-bar #top-bar-container ul.pick-language a { color: white; } #top-bar #top-bar-container div.register { font-size: 12px; color: white; display: inline-block; *display: inline; zoom: 1; position: relative; top: 8px; left: 170px; } #top-bar #top-bar-container div.register a { color: white; font-weight: bold; } #top-bar #top-bar-container div.register span.icon8 { position: relative; top: 1px; *top: 0px; float: none; } #top-bar #top-bar-container form.login-form div.login-form { margin-bottom: 6px; } #top-bar #top-bar-container form.login-form div.login-form input[type="text"], #top-bar #top-bar-container form.login-form div.login-form input[type="password"] { height: 16px; margin-top: 4px; width: 120px; float: left; margin-right: 5px; font-size: 12px; padding: 2px; } #top-bar #top-bar-container form.login-form div.login-form button { float: left; margin-top: 4px; position: relative; z-index: 5; } #top-bar #login-menu { clear: both; text-align: center; position: relative; left: 22px; } #top-bar #login-menu a { color: white; } #top-bar #login-menu a.profile-hidden-info { border-radius: 8px 0px 8px 0px; background-color: #fbfbfb; color: #c81846; padding-left: 5px; padding-right: 2px; font-size: 0.9em; margin-left: 5px; margin-right: 5px; } #top-bar #login-menu span { margin: 0; height: 19px; position: relative; z-index: 1; } #top-bar #login-menu span.end { background: url("../images/login_menu_bg_round.png") no-repeat; width: 33px; } #top-bar #login-menu span.end.right { background-position: -33px 0; } #top-bar #login-menu span.middle { background-image: url("../images/pink-bg.png"); font-size: 12px; color: white; position: relative; z-index: 6; display: inline-block; *display: inline; zoom: 1; } #top-bar #login-menu span.middle .login-options { font-size: 11px; color: white; margin-right: 64px; position: relative; top: -2px; } #top-bar #login-menu span.middle .login-options .checkbox { padding-left: 0px; } #top-bar #login-menu span.middle .login-options .checkbox input[type="checkbox"] { margin: 0 6px 0 0; } #top-bar #login-menu span.middle .login-options a { color: white; margin-left: 44px; text-transform: lowercase; } #top-bar #login-menu span.middle .top-links { position: relative; top: 1px; } #top-bar #login-menu span.middle .top-links > li { border-color: white; } @media print { #top-bar #login-menu span.middle .top-links { display: none; } } #top-bar #login-menu span.middle ul .pick-language { cursor: pointer; } #top-bar #login-menu span.middle ul li { margin-bottom: 0; } #top-bar #login-menu span.middle ul li #helpActivationLink { font-weight: bold; color: #c81846; background: #fbfbfb; display: inline-block; *display: inline; zoom: 1; padding: 1px 3px; -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #top-bar #login-menu span.middle ul li a { color: white; } #top-bar #login-menu span.middle #languages-list li { float: none; text-align: left; margin: 0; } #top-bar #login-menu span.middle #languages-list li a { color: #323232; } #cookiesWarning { display: none; padding: 10px 20px; position: relative; -moz-box-shadow: 0px 0px 10px -3px #323232; -webkit-box-shadow: 0px 0px 10px -3px #323232; box-shadow: 0px 0px 10px -3px #323232; background: #fbfbfb; /* Old browsers */ background: -moz-linear-gradient(top, #fbfbfb 0%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 0%, #f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 0%, #f1f1f1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 0%, #f1f1f1 100%); /* IE10+ */ background: linear-gradient(to bottom, #fbfbfb 0%, #f1f1f1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fbfbfb',endColorstr='#f1f1f1'); /* IE6-9 */ border-bottom: 1px solid white; } #cookiesWarning a.accept-warning { position: absolute; top: 5px; right: 5px; text-decoration: none; color: #c81846; } #wrapper { position: relative; background-image: url("../images/bg.png"); background-repeat: repeat-x; } #header { padding-top: 3px; margin-bottom: 5px; height: 80px; position: relative; } #header .infona-logo { display: inline-block; *display: inline; zoom: 1; margin-top: 16px; margin-left: 10px; float: left; } @media print { #header { margin-bottom: 40px; height: auto; } } .main-multilanguage-title .tab-pane { display: none; } .main-multilanguage-title .tab-pane.active { display: inline; } .main-title-languages { display: inline-block; *display: inline; zoom: 1; } .main-title-languages li { margin-bottom: 0; font-size: 12px; font-weight: normal; line-height: 16px; } .main-title-languages li.active a { text-decoration: none; } ul#main-menu { position: absolute; top: 22px; right: 360px; float: left; } ul#main-menu li { float: left; font-size: 13px; background: url("../images/menu_separator.png") no-repeat; background-position: left 12px; margin-bottom: 0; } ul#main-menu li:first-child { background: none; } ul#main-menu li.dashboard { font-weight: bold; } ul#main-menu li a { display: block; padding: 10px 10px; margin: 5px; } ul#main-menu li.active-menu-item a { background: #c81846; color: white; -moz-box-shadow: inset 0px 0px 3px #63031b; -webkit-box-shadow: inset 0px 0px 3px #63031b; box-shadow: inset 0px 0px 3px #63031b; -webkit-border-radius: 2px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 2px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .search-links { margin-top: 8px; } #header-searchbox { position: absolute; right: 0; top: 28px; width: 360px; } #header-searchbox input, #header-searchbox .dropdown-list, #header-searchbox .button, #header-searchbox .small-button { float: left; } #header-searchbox input, #header-searchbox .dropdown-list { margin-right: 5px; } #header-searchbox input[type="text"] { width: 173px; } #header-searchbox .button, #header-searchbox .small-button { width: 30px; } #header-searchbox .search-links { display: inline-block; *display: inline; zoom: 1; margin-left: 128px; margin-top: 4px; } #header-searchbox .search-links li { border-color: #cfcfcf; line-height: 9px; } #breadcrumbs { font-size: 11px; } #breadcrumbs a { margin-right: 5px; } #page-title { margin-top: 30px; margin-bottom: 22px; } #page-title h1 { display: inline-block; *display: inline; zoom: 1; } @media print { #page-title { margin: 40px 0; } } ul.publication-actions { color: #c81846; margin-bottom: 30px; } ul.publication-actions li { margin-bottom: 0; } ul.publication-actions li .publication-action { padding: 0 8px; line-height: 29px; margin: 0; } ul.publication-actions li .publication-action .icon, ul.publication-actions li .publication-action .icon-pink, ul.publication-actions li .publication-action .icon-grey { margin-top: 0px; } ul.publication-actions li .publication-action.with-hover:hover { background-color: #c81846; color: white; cursor: pointer; } ul.publication-actions li .publication-action.with-hover:hover .icon-pink { background-image: url("../bootstrap/img/glyphicons-halflings-white.png"); } ul.publication-actions li .publication-action.with-hover:hover a { color: white; } .grey-box, .numbered-grey-box { background: #f5f5f5; padding: 25px; margin-bottom: 20px; } .grey-box h3, .numbered-grey-box h3 { margin-bottom: 10px; } .numbered-grey-box { padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 30px; position: relative; } .numbered-grey-box.homepage { padding-top: 0; } .numbered-grey-box .number { color: white; font-size: 16px; font-weight: bold; background: #c81846; line-height: 30px; padding: 0 10px; position: absolute; top: 0; left: 0; } .text-right { text-align: right; } .centered { text-align: center; } .italic { font-style: italic; } form .required { margin-right: -5px; color: red; } form .formElement { margin-bottom: 10px; } form .formElement .formFieldCaption { clear: both; float: left; padding-top: 8px; font-size: 12px; } form .formElement .formFieldHint { margin-top: 0.5em; } form .formElement .formFieldBody.text-only { line-height: 30px; } form .formElement .formFieldBody input[type="checkbox"] { margin-right: 5px; } form .formElement .formFieldErrors { color: #c81846; clear: both; margin-top: 5px; } form .formElement .formFieldErrors a { color: #c81846; } fieldset { border: 1px solid #e8e8e8; padding: 10px; padding-top: 15px; position: relative; } fieldset legend { font-weight: bold; width: auto; position: absolute; left: 5px; top: -7px; background: white; padding: 0 5px; } .publication-action { display: block; } .publication-action i { margin-right: 8px; margin-top: 0; } .publication-action [class^="icon"] { width: 18px; height: 16px; margin-right: 5px; } .publication-action .icon { background-image: url("../images/publication_activity_icons.png"); background-repeat: no-repeat; background-position: left top; display: inline-block; *display: inline; zoom: 1; position: relative; top: 2px; } @media print { .publication-action .icon { display: none; } } .publication-action.disabled { color: #909090; pointer-events: none; text-decoration: none; } .publication-action.read-now .icon { background-position: 0 1px; } .publication-action.read-now.disabled .icon { background-position: -38px 1px; } .publication-action.read-now.with-hover:hover .icon { background-position: -19px 1px; } .publication-action.read-later .icon, .publication-action.read-later-single .icon { background-position: 0 -14px; } .publication-action.read-later.disabled .icon, .publication-action.disabled.read-later-single .icon { background-position: -38px -14px; } .publication-action.read-later.with-hover:hover .icon, .publication-action.with-hover.read-later-single:hover .icon { background-position: -19px -14px; } .publication-action.download .icon { background-position: 0 -29px; } .publication-action.download.disabled .icon { background-position: -38px -29px; } .publication-action.download.with-hover:hover .icon { background-position: -19px -29px; } .publication-action.save-bookmark .icon { background-position: 0 -44px; } .publication-action.save-bookmark.disabled .icon { background-position: -38px -44px; } .publication-action.save-bookmark.with-hover:hover .icon { background-position: -19px -44px; } .publication-action.add-collection .icon { background-position: 0 -59px; } .publication-action.add-collection.disabled .icon { background-position: -38px -59px; } .publication-action.add-collection.with-hover:hover .icon { background-position: -19px -59px; } .publication-action.share .icon { background-position: 0 -75px; } .publication-action.share.disabled .icon { background-position: -38px -75px; } .publication-action.share.with-hover:hover .icon { background-position: -19px -75px; } .publication-action.export .icon { background-position: 0 -92px; } .publication-action.export.disabled .icon { background-position: -38px -92px; } .publication-action.export.with-hover:hover .icon { background-position: -19px -92px; } .publication-action.see .icon { background-position: 0 -98px; } .publication-action.see.disabled .icon { background-position: -38px -98px; } .publication-action.see.with-hover:hover .icon { background-position: -19px -98px; } .icon8 { padding: 0 9px 0 4px; height: 1em; position: relative; top: -1px; display: inline-block; *display: inline; zoom: 1; } .icon8.black-arrow { background: url("../images/black_flyer_8x8.png") no-repeat left; background-position: center; } .icon8.white-arrow { background: url("../images/white_flyer_8x8.png") no-repeat left; background-position: center; } .icon16 { float: left; padding: 0 9px 0 8px; height: 16px; position: relative; top: -1px; } #footer { border-top: 1px solid #cfcfcf; color: #909090; font-size: 12px; padding-top: 5px; margin-top: 40px; } @media print { #footer { text-align: center; } } @media print { #footer .footer-links { display: none; } } .with-separator, ul.mailbox-menu li { border-bottom: 1px solid #cfcfcf; } .with-top-separator { border-top: 1px solid #cfcfcf; } .with-frame { border: 1px solid #cfcfcf; } .current-page { padding: 0 4px 2px 4px; display: inline-block; *display: inline; zoom: 1; } .section { padding: 22px 0; overflow: hidden; } .section.condensed { padding: 5px 0; } .section.first { padding-top: 0px; } .section .section-title { margin-bottom: 1.5em; } .section .section-content { margin-top: 5px; padding-top: 10px; border-top: 1px solid #cfcfcf; } .section .section-content .show-all { float: none; } .small-section { padding: 8px 0; } .small-section.first { padding-top: 0; } .publication-type { background: #C81846; text-align: center; width: 100px; color: white; padding: 1px 0; font-size: 10px; } .person-box .role { margin-bottom: 10px; font-size: 10px; } .person-box .institution { font-style: italic; font-size: 10px; color: #909090; } .person-box .interests { overflow: hidden; height: 38px; } .person-box .stats { margin-top: 10px; } .licensing-policy-type { position: absolute; top: 1px; right: 2px; } .licensing-policy-type .private-resource { display: inline-block; *display: inline; zoom: 1; width: 22px; height: 20px; background-image: url("../images/open-private-resource.png"); background-repeat: no-repeat; background-position: center; } .licensing-policy-type .private-resource.no-access { background-image: url("../images/private-resource.png"); } .publication-box { position: relative; padding-top: 0; margin-top: 15px; margin-bottom: 15px; } .publication-box .publication-image { position: relative; text-align: center; } .publication-box .publication-image .checkbox { position: absolute; top: 0; left: 0; padding-right: 5px; padding-bottom: 5px; cursor: pointer; } .publication-box .remove-single-resource-button { float: right; margin-left: 4px; } .publication-box .edit-resource-button { float: right; margin-left: 4px; } .publication-box .publication-info { height: 110px; margin-bottom: 13px; } .publication-box .publication-info.grid_7 { width: 580px; } .publication-box .publication-info.grid_4 { width: 340px; } .publication-box .publication-info h3 { margin-bottom: 5px; line-height: 16px; } .publication-box .publication-info h3 a { display: block; max-height: 2.5em; } .publication-box .publication-info div.contributors { height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .publication-box .publication-info div.ancestors { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: -5px; } .publication-box .publication-info div.ancestors a { line-height: 1.5em; font-size: 10px; } .publication-box .publication-info div.institution-roles { margin-top: 10px; } .publication-box .publication-info div.institution { margin-top: 10px; } .publication-box .publication-info div.disciplines { margin-top: 10px; } .publication-box .publication-info div.description { line-height: 1.4em; height: 58px; margin-top: 0px; margin-bottom: 5px; } .publication-box .publication-info div.contentDescription { font-style: italic; height: 40px; margin-top: 0; margin-bottom: 5px; } .publication-box .publication-info div.contentDescription span.information { font-style: italic; font-size: 75%; } .publication-box ul.publication-actions { margin: 0; } .publication-box ul.publication-actions .publication-action { padding-left: 0; paddinf-right: 10px; line-height: 10px; } .generic-panel { margin-top: 0 !important; } .generic-panel img.thumbnail { margin-right: 10px; margin-bottom: 20px; } .user-box .avatar { margin-right: 10px; } .user-box .username { margin-bottom: 20px; } .section-content.event { border-top: none; } .section-content.event.first { border-top: 1px solid #cfcfcf; } .section-content.event a.event-date { display: inline-block; *display: inline; zoom: 1; margin-bottom: 10px; } .mini-thumbnail { position: relative; padding-left: 40px; min-height: 40px; height: auto !important; height: 40px; } .mini-thumbnail img { width: 30px; position: absolute; left: 0; top: 0; } .group-search { position: absolute; top: 0; right: 0; } .group-search input { width: 300px; } div.topics { margin-bottom: 40px; } table.topics { width: 100%; margin: 20px 0; } table.topics thead td { text-align: center; padding-top: 0; } table.topics td { border-bottom: 1px solid #cfcfcf; padding: 10px 0; } table.topics .icon { width: 50px; text-align: center; } table.topics .icon span { display: inline-block; *display: inline; zoom: 1; width: 16px; height: 16px; background-image: url("../images/topic_icons.png"); background-repeat: no-repeat; background-position: -17px 0; position: relative; top: 10px; } table.topics .icon span.new-topic { background-position: 0px 0; } table.topics .topic { width: 400px; } table.topics .topic h3 { line-height: 15px; margin-bottom: 5px; } table.topics .answers, table.topics .last-answer { width: 115px; } table.topics .answers { text-align: center; } .similar-groups ul.stats li { padding-left: 20px; margin-right: 20px; } .similar-groups ul.stats li.topics { background: url("../images/card_icon.png") no-repeat left top; } .similar-groups ul.stats li.people { background: url("../images/person_icon.png") no-repeat left top; } .add-new-topic { font-weight: bold; display: inline-block; *display: inline; zoom: 1; margin-bottom: 20px; position: relative; top: -2px; } .add-new-topic .icon { display: inline-block; *display: inline; zoom: 1; width: 16px; height: 16px; margin-right: 10px; position: relative; top: 4px; background-image: url("../images/topic_icons.png"); background-repeat: no-repeat; background-position: 0 0; } #homepage-search-wrapper { background-image: url("../images/pattern.png"); background-position: center center; width: 960px; height: 430px; margin: 20px 0 0 0; -moz-box-shadow: inset 0px 0px 30px #cfcfcf; -webkit-box-shadow: inset 0px 0px 30px #cfcfcf; box-shadow: inset 0px 0px 30px #cfcfcf; display: table; } #homepage-search { background: #fbfbfb; padding: 20px 25px; -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0 0 13px 0 #cfcfcf; -webkit-box-shadow: 0 0 13px 0 #cfcfcf; box-shadow: 0 0 13px 0 #cfcfcf; border: 1px solid #cfcfcf; } #homepage-search p { font-size: 20px; } #homepage-search form { margin-top: 10px; font-size: 20px; } #homepage-search form table { width: 100%; } #homepage-search form .btn { width: auto; font-size: 18px; white-space: nowrap; } #homepage-search form input { font-size: 16px; height: 26px; width: 100%; margin-right: 5px; } ul.mailbox-menu li { margin-bottom: 0; line-height: 30px; font-weight: bold; padding-left: 7px; } ul.mailbox-menu li.active { background-color: #c81846; } ul.mailbox-menu li.active a { color: #fbfbfb; } form.mailbox-search input[type="text"] { width: 120px; } form.mail-create textarea { height: 18em; } .list-actions .list-mark { display: inline-block; *display: inline; zoom: 1; } .list-actions button { *padding: 5px; } .pages-wrapper { text-align: center; text-transform: lowercase; } .pages-wrapper ul.pages li { margin-bottom: 0; } .pages-wrapper ul.pages li.active { padding: 0 2px 2px 2px; position: relative; top: -1px; border: 1px solid #c81846; background: #c81846; color: #fbfbfb; font-weight: bold; } .collection-elements { margin-top: 20px; } .display-options-popup { background: #fbfbfb; border: 1px solid #cfcfcf; position: absolute; z-index: 99; margin-top: 5px; -moz-box-shadow: 0px 3px 7px -3px #323232; -webkit-box-shadow: 0px 3px 7px -3px #323232; box-shadow: 0px 3px 7px -3px #323232; } .display-options-popup dl { padding: 5px; } .display-options-popup dl dt, .display-options-popup dl dd { display: block; } .display-options-popup dl dt { margin-top: 5px; margin-bottom: 3px; font-size: 10px; } .display-options-popup dl dt:first-child { margin-top: 0; } .display-options-popup dl dd ul li.active a { color: #c81846; border: none; text-decoration: none; pointer-events: none; } .mail-messages .mail-message-row { position: relative; padding: 15px 5px; background: #fbfbfb; border-color: #eee; cursor: pointer; } .mail-messages .mail-message-row:hover { transition: background 100ms; -webkit-transition: background 100ms; /* Safari */ background: #f5f5f5; } .mail-messages .mail-message-row.mail-message-new { background: white; } .mail-messages .mail-message-row.mail-message-new:hover { background: #f5f5f5; } .mail-messages .mail-message-row div.checkbox { margin-right: -6px; } .mail-messages .mail-message-row .mail-message-author { font-weight: bold; } .mail-messages .mail-message-row .mail-message-subject { font-weight: bold; display: block; font-size: 14px; } .mail-messages .mail-message-row .mail-message-unread { margin-right: 10px; text-transform: lowercase; position: relative; top: -2px; } .mail-messages .mail-message-row .mail-message-preview { margin-top: 10px; } .mail-messages .mail-message-row .delete-single-message-button { position: relative; top: -2px; } .mail-single-message h3 { font-size: 14px; font-weight: bold; margin-bottom: 20px; } .mail-single-message .mail-message-body { margin-top: 10px; padding-bottom: 20px; margin-bottom: 0px; } .mail-single-message dl dt, .mail-single-message dl dd { margin-bottom: 10px; } .mail-single-message dl dt { float: left; margin-right: 10px; } ul.receivers li { margin-left: 10px; display: inline-block; *display: inline; zoom: 1; float: left; } ul.receivers li:first-child { margin-left: 0; } ul.receivers li .thumbnail, ul.receivers li .thumbnail-container { margin-right: 6px; margin-left: 10px; } ul.mail-message-author-options { height: 13px; width: 100px; } ul.mail-message-author-options.inbox { margin-top: -6px; } ul.mail-message-author-options li { margin-bottom: 0px; margin-left: 0px; } .sender .thumbnail { margin-right: 3px; } .sender span { position: relative; } .search-advanced .query-row-template { display: none; } .search-advanced .operator, .search-advanced .condition, .search-advanced .condition-value { height: 30px; } .search-advanced .operator { width: 100px; } .search-advanced .condition { margin-right: 10px; margin-left: 10px; } .search-advanced .condition-value { margin-left: 10px; } .search-advanced .condition-value .singleValueCondition input { width: 254px; } .search-advanced .condition-value .date div { position: relative; } .search-advanced .condition-value .date div .ui-datepicker-trigger { position: absolute; right: 2px; top: 1px; } .search-advanced .condition-value .date input { width: 229px; } .search-advanced .query-row { margin-bottom: 10px; } .search-advanced .delete-query-row { top: 4px; margin: 0; } .search-advanced .add-query-row { position: initial; } .datePickerModalCondition .datePicker div { position: relative; } .datePickerModalCondition .datePicker div .ui-datepicker-trigger { position: absolute; right: 2px; top: 1px; } .datePickerModalCondition .datePicker input { width: 229px; } #reportIssueForm .report-abuse-body-caption { width: 88px; float: left; margin: 0 0 0 10px; } #reportIssueForm textarea { height: 150px; } #reportIssueForm div.captcha { height: 132px; } #simplemodal-overlay { background-color: #fbfbfb; } #simplemodal-container a.modalCloseImg { background: url(../images/pink_x.png) no-repeat; /* adjust url as required */ width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: 5px; right: -3px; cursor: pointer; border: none; } .contacts-wrapper { height: auto; min-height: 110px; max-height: 330px; overflow: auto; position: relative; } .contacts-wrapper.error #contactDiv { padding-top: 0px; } .contacts-wrapper .contacts-not-found { font-style: italic; padding: 20px; text-align: center; } .contacts-wrapper ul.contacts { padding-top: 5px; background: white; } .contacts-wrapper ul.contacts li.contact-wrapper { margin-bottom: 0; margin-right: 0; position: relative; z-index: 1; height: 75px; padding: 10px 0 10px 0; } .contacts-wrapper ul.contacts li.contact-wrapper .contact { width: 100%; -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; cursor: pointer; position: relative; z-index: 2; } .contacts-wrapper ul.contacts li.contact-wrapper .contact .contact-delete { display: none; position: relative; z-index: 10; top: -4px; } .contacts-wrapper ul.contacts li.contact-wrapper .contact .contact-info { overflow: hidden; height: 75px; } .contacts-wrapper ul.contacts li.contact-wrapper .contact .contact-info .contact-name { font-weight: bold; margin-bottom: 5px; } .contacts-wrapper ul.contacts li.contact-wrapper .contact .contact-info .contact-institution, .contacts-wrapper ul.contacts li.contact-wrapper .contact .contact-info .contact-role, .contacts-wrapper ul.contacts li.contact-wrapper .contact .contact-info .contact-city { font-size: 11px; color: #909090; overflow: hidden; } .contacts-wrapper ul.contacts li.contact-wrapper .contact .contact-info .contact-role { font-style: italic; margin-bottom: 10px; } .contacts-wrapper ul.contacts li.contact-wrapper .contact .contact-info .contact-city { margin-top: 5px; color: #cfcfcf; } .contacts-wrapper ul.contacts li.contact-wrapper .contact .contact-actions { clear: both; position: absolute; right: 0; bottom: 0; text-align: center; } .contacts-wrapper ul.contacts li.contact-wrapper:hover { z-index: 2; } .contacts-wrapper ul.contacts li.contact-wrapper:hover .contact { position: relative; z-index: 10; } .contacts-wrapper ul.contacts li.contact-wrapper:hover .contact .contact-delete { display: inline; } .contacts-wrapper ul.contacts li.contact-wrapper:hover .contact .contact-delete:hover { color: #c81846; opacity: 1; } .queries .query .mark-query { margin-right: 20px; margin-top: 10px; } .queries .query .query-content { font-size: 16px; font-weight: bold; margin-top: 10px; display: inline-block; *display: inline; zoom: 1; } .queries .query .query-delete { position: relative; top: 8px; margin-left: 20px; cursor: pointer; } .highlighted { background-color: #ffccdd; } .emphasized { font-style: italic; } .pink-box { text-align: center; border: 1px solid #c81846; padding: 10px; border-radius: 3px; background: #ffccda; color: #323232; } .field-icon { padding: 10px; background: #e8e8e8; border: 1px solid #cfcfcf; } .people-big-number { color: #323232; font-size: 20px; font-weight: bold; padding: 3px; border: 1px solid #cfcfcf; background: #e8e8e8; -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; display: inline-block; *display: inline; zoom: 1; margin-bottom: 5px; text-align: center; } .jquerybubblepopup-tooltip .jquerybubblepopup-innerHtml { background-color: black; color: #fbfbfb; } @media print { .noprint, #breadcrumbs { display: none !important; } } #error-page, #info-page { background: url("../images/error.png") no-repeat right bottom; min-height: 350px; height: auto !important; height: 350px; padding-right: 250px; } #error-page .additional-info, #info-page .additional-info { color: #909090; } #info-page { background: url("../images/info.png") no-repeat right bottom; } .security-image { background: url("../images/security.png") no-repeat right bottom; min-height: 350px; height: auto !important; height: 350px; } .error-image { background: url("../images/error.png") no-repeat right bottom; min-height: 350px; height: auto !important; height: 350px; } .info-image { background: url("../images/info.png") no-repeat right bottom; min-height: 350px; height: auto !important; height: 350px; } ul.steps li.step { margin-right: -12px; width: 171px; height: 43px; background: url("../images/steps.png") no-repeat left center; float: left; position: relative; cursor: pointer; } ul.steps li.step .step-info { padding: 7px 0 5px 22px; } ul.steps li.step .step-info h2 { font-size: 13px; margin-bottom: 2px; } ul.steps li.step .step-info h3 { font-size: 11px; font-weight: normal; margin-bottom: 0; } ul.steps li.step.active { background-position: -171px 0; color: #fbfbfb; cursor: default; pointer-events: none; } ul.steps li.step.last { background-position: -344px 0; } ul.steps li.step.last.active { background-position: -513px 0; } .hint p { color: #909090; } .resource-type { font-weight: bold; width: 90px; margin-right: 6px; } form.add-resource .keywords { clear: both; } form.add-resource .keywords textarea { resize: none; height: 140px; width: 98%; } form.add-resource .abstract textarea { resize: vertical; width: 100%; height: 200px; } tbody.files td { vertical-align: middle; padding-right: 5px; } tbody.files td.preview { padding-right: 10px; } .x { background: url("../images/pink_x.png") no-repeat center center; cursor: pointer; } .progressbar { width: 120px; } .icon-left-arrow { background-image: url("../images/flyer_left_8x8.png"); background-position: 2px 3px; } .full-size-user-photo { width: 100px; } .popup-list { display: none; } #loginForm label.checkbox { display: inline-block; *display: inline; zoom: 1; } .contributor { margin-bottom: 10px; } .nav-tabs > li > a { text-decoration: none; } .nav-tabs > li > a:hover { color: #c81846; } #addContactModal { width: 460px; } #addContactModal .contact-wrapper { height: 75px; padding: 5px 10px; } #addContactModal .contact-wrapper:hover { background: #f5f5f5; } a.template { display: none; } .nav-tabs.languages li a { padding-right: 15px; position: relative; } .nav-tabs.languages li a.add-language { padding-right: 10px; } .nav-tabs.languages li a .remove-language { position: absolute; right: 1px; top: -3px; color: #c81846; font-size: 16px; font-weight: bold; cursor: pointer; } .small-panel p { margin-top: 5px; height: 60px; } .rss-icon { background-image: url("../images/rss.png"); background-repeat: no-repeat; background-position: center; padding: 8px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)"; /* IE 5-7 */ filter: alpha(opacity=60); /* Netscape */ -moz-opacity: 0.6; /* Safari 1.x */ -khtml-opacity: 0.6; /* Good browsers */ opacity: 0.6; } .rss-icon:hover { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .author-info { margin-bottom: 22px; } .section-options { position: relative; top: 3px; } .section-options li.active a { text-decoration: none; pointer-events: none; } .avatar-upload { margin-left: 20px; } .avatar-upload .progress { margin: -10px 5px; } .avatar-upload .fileinput-button { margin-top: 10px; width: 110px; } .avatar-upload .fileinput-button:first-child { margin-top: 0px; } .thumbnail-upload { margin-left: 0px; } .publisher-info .caption, .license-info .caption { padding-right: 5px; vertical-align: top; } .thumbnail-info { margin-top: 10px; } .publisher-info > td { padding-bottom: 10px; } .license-info .license-type { text-align: center; } .license-info .license-type .license-image { margin-bottom: 3px; } .license-info .license-type .license-name { display: block; } .disabled { color: #909090 !important; pointer-events: none !important; } .modal-window-overlay { height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 99 !important; background-color: white; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)"; /* IE 5-7 */ filter: alpha(opacity=80); /* Netscape */ -moz-opacity: 0.8; /* Safari 1.x */ -khtml-opacity: 0.8; /* Good browsers */ opacity: 0.8; } .modal-window-placeholder { display: none; } .modal-window { background: white; width: 690px; -moz-box-shadow: 0px 0px 10px -3px #323232; -webkit-box-shadow: 0px 0px 10px -3px #323232; box-shadow: 0px 0px 10px -3px #323232; border-radius: 3px; position: fixed; top: 0; left: 0; z-index: 100; border-top: 3px solid #C81846; border-bottom: 3px solid #C81846; text-align: left; color: #323232; display: none; } .modal-window .modal-window-wrapper { margin: 30px; } .modal-window.fullscreen-modal-window { width: 99%; height: 99%; } .modal-window .top .modal-window-close { position: absolute; top: 8px; right: 8px; } .modal-window h2 { margin-top: 5px; line-height: 35px; font-size: 20px; } .modal-window h3 { font-weight: normal; } .modal-window .buttons { margin-top: 20px; } .modal-window.confirmation-window { width: 450px; } #addContactModal { width: 520px; } #addMembersModal { width: 520px; } #addUserModal, #addModeratorModal, #addContributorModal { width: 480px; } #addUserModal .user-search, #addModeratorModal .user-search, #addContributorModal .user-search { margin-bottom: 10px; } #addToCollectionModal textarea { height: 80px; resize: vertical; } #addToCollectionModal .add-collection { margin-left: 10px; position: relative; top: 2px; } #addCollectionModal { width: 768px; } #addCollectionModal .slidepane { width: 740px; height: auto; border: none; } #addCollectionModal .slidepane .pane { width: 740px; height: 460px; } #addCollectionModal .slidepane #pane1 .pane1-buttons { padding-top: 26px; } #addCollectionModal .slidepane #pane2 .formFieldCaption { padding-top: 0; } #addCollectionModal .slidepane #pane2 .form-buttons { padding-top: 15px; } #addCollectionModal .slidepane .disciplines-picker { width: 680px; } #addCollectionModal .slidepane .disciplines-picker .fields-wrapper, #addCollectionModal .slidepane .disciplines-picker .disciplines-wrapper { width: 332px; } #addCollectionModal .slidepane .disciplines-picker ul.fields li.field { padding: 3px 8px; } #addCollectionModal .slidepane .disciplines-picker ul.fields li.field img { width: 28px; height: 28px; } #addCollectionModal .steps { font-weight: bold; position: absolute; top: 46px; right: 40px; } #referencesExportModal { width: auto; } #referencesExportModal textarea { height: 200px; resize: vertical; } #shareModal form { margin-bottom: 20px; } #shareModal .send-email { margin: 0 10px; width: 93%; } #shareModal #shareUrl { width: 590px; } #newThreadModal .modal-window-content, #joinGroupModal .modal-window-content { min-height: 200px; } #joinGroupModal { width: 530px; } #resourceContentListModal { width: 500px; } #resourceContentListModal .modal-window-content { max-height: 400px; overflow: auto; } #resourceContentListModal ul ul { padding-left: 20px; margin-top: 10px; } .add-language-modal .languages-wrapper { height: 300px; overflow: auto; } #changeEmailModal .modal-window-content { min-height: 200px; } #confirmDeleteModal { width: 500px; } .messageBoard { position: relative; } .messageBoard .close-notifications { position: absolute; top: 1px; right: 0px; font-size: 12px; } .messageBoard .messages { text-align: center; } .messageBoard .messages div.alert { margin-bottom: 5px; } .messageBoard .messages div.alert a { font-style: italic; color: inherit; } .messageBoard .next-page a { color: white; background-position: right center; } #notificationMessageBoard { display: none; } ul.fields { margin-top: 20px; margin-bottom: 10px; } ul.fields li { background: #f5f5f5; margin-right: 10px; margin-bottom: 20px; text-align: center; cursor: pointer; } ul.fields li .field { border: 1px solid #e8e8e8; -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } ul.fields li .field:hover { border-color: #c81846; } ul.fields li .field img { margin-top: 10px; margin-bottom: 10px; } ul.fields li .field .name { background: #c81846; /* Old browsers */ background: -moz-linear-gradient(top, #c81846 0%, #a5052f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c81846), color-stop(100%, #a5052f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c81846 0%, #a5052f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c81846 0%, #a5052f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c81846 0%, #a5052f 100%); /* IE10+ */ background: linear-gradient(to bottom, #c81846 0%, #a5052f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c81846',endColorstr='#a5052f'); /* IE6-9 */ height: 55px; } ul.fields li .field .name h2 { font-size: 13px; font-weight: bold; padding: 0 10px; line-height: 1.2em; margin: 0; color: #fbfbfb; } div.resource-main-page h2, div.people-main-page h2, div.collections-main-page h2, div.groups-main-page h2 { font-size: 18px; line-height: 1.1em; margin-right: 20px; } div.resource-main-page div.journals ul, div.resource-main-page div.yours ul, div.resource-main-page div.resources ul, div.people-main-page div.journals ul, div.people-main-page div.yours ul, div.people-main-page div.resources ul, div.collections-main-page div.journals ul, div.collections-main-page div.yours ul, div.collections-main-page div.resources ul, div.groups-main-page div.journals ul, div.groups-main-page div.yours ul, div.groups-main-page div.resources ul { position: relative; top: 4px; } div.resource-main-page div.journals ul li, div.resource-main-page div.yours ul li, div.resource-main-page div.resources ul li, div.people-main-page div.journals ul li, div.people-main-page div.yours ul li, div.people-main-page div.resources ul li, div.collections-main-page div.journals ul li, div.collections-main-page div.yours ul li, div.collections-main-page div.resources ul li, div.groups-main-page div.journals ul li, div.groups-main-page div.yours ul li, div.groups-main-page div.resources ul li { position: relative; top: -2px; } div.resource-main-page div.detailed-areas ul.level-0 li, div.people-main-page div.detailed-areas ul.level-0 li, div.collections-main-page div.detailed-areas ul.level-0 li, div.groups-main-page div.detailed-areas ul.level-0 li { font-size: 20px; font-weight: bold; line-height: 1.25em; position: relative; padding-top: 10px; margin-bottom: 20px; } div.resource-main-page div.detailed-areas ul.level-0 li img.field-icon, div.people-main-page div.detailed-areas ul.level-0 li img.field-icon, div.collections-main-page div.detailed-areas ul.level-0 li img.field-icon, div.groups-main-page div.detailed-areas ul.level-0 li img.field-icon { position: absolute; top: 0; left: 0; width: 40px; } div.resource-main-page div.detailed-areas ul.level-0 li div, div.people-main-page div.detailed-areas ul.level-0 li div, div.collections-main-page div.detailed-areas ul.level-0 li div, div.groups-main-page div.detailed-areas ul.level-0 li div { padding-left: 80px; } div.resource-main-page div.detailed-areas ul.level-0 li div .name, div.people-main-page div.detailed-areas ul.level-0 li div .name, div.collections-main-page div.detailed-areas ul.level-0 li div .name, div.groups-main-page div.detailed-areas ul.level-0 li div .name { margin-bottom: 16px; display: inline-block; *display: inline; zoom: 1; } div.resource-main-page div.detailed-areas ul.level-0 li ul.level-1, div.people-main-page div.detailed-areas ul.level-0 li ul.level-1, div.collections-main-page div.detailed-areas ul.level-0 li ul.level-1, div.groups-main-page div.detailed-areas ul.level-0 li ul.level-1 { padding-left: 20px; } div.resource-main-page div.detailed-areas ul.level-0 li ul.level-1 li, div.people-main-page div.detailed-areas ul.level-0 li ul.level-1 li, div.collections-main-page div.detailed-areas ul.level-0 li ul.level-1 li, div.groups-main-page div.detailed-areas ul.level-0 li ul.level-1 li { font-size: 16px; font-weight: normal; padding-top: 0; margin-bottom: 5px; } div.resource-main-page div.detailed-areas ul.level-0 li ul.level-1 li .name, div.people-main-page div.detailed-areas ul.level-0 li ul.level-1 li .name, div.collections-main-page div.detailed-areas ul.level-0 li ul.level-1 li .name, div.groups-main-page div.detailed-areas ul.level-0 li ul.level-1 li .name { margin-bottom: 8px; } div.resource-main-page div.detailed-areas ul.level-0 li ul.level-1 li ul.level-2, div.people-main-page div.detailed-areas ul.level-0 li ul.level-1 li ul.level-2, div.collections-main-page div.detailed-areas ul.level-0 li ul.level-1 li ul.level-2, div.groups-main-page div.detailed-areas ul.level-0 li ul.level-1 li ul.level-2 { padding-left: 20px; margin-bottom: 10px; } div.resource-main-page div.detailed-areas ul.level-0 li ul.level-1 li ul.level-2 li, div.people-main-page div.detailed-areas ul.level-0 li ul.level-1 li ul.level-2 li, div.collections-main-page div.detailed-areas ul.level-0 li ul.level-1 li ul.level-2 li, div.groups-main-page div.detailed-areas ul.level-0 li ul.level-1 li ul.level-2 li { font-size: 14px; font-weight: normal; } .cover { margin-right: 20px; margin-bottom: 20px; position: relative; } .cover .licensing-policy-type { position: absolute; top: 0px; right: 2px; } .cover .publication-type { width: 140px; } .disciplines-picker { padding: 9px; border: 1px solid #e8e8e8; -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; display: inline-block; *display: inline; zoom: 1; position: relative; } .disciplines-picker .fields-wrapper { border: 1px solid #e8e8e8; position: relative; width: 285px; } .disciplines-picker .fields-wrapper .flyer { background: url("../images/discipline_picker_flyer.png") no-repeat center center; position: absolute; display: none; } .disciplines-picker .fields-wrapper ul.fields { margin: 0; } .disciplines-picker .fields-wrapper ul.fields li.field { padding: 10px 0; margin: 0; border-top: 1px solid #e8e8e8; padding: 8px; background: #fbfbfb; cursor: pointer; height: auto; text-align: left; } .disciplines-picker .fields-wrapper ul.fields li.field:first-child { border-top: none; } .disciplines-picker .fields-wrapper ul.fields li.field:hover { background: #e8e8e8; } .disciplines-picker .fields-wrapper ul.fields li.field.active { background: #ffccda; } .disciplines-picker .fields-wrapper ul.fields li.field.partially-checked img, .disciplines-picker .fields-wrapper ul.fields li.field.partially-checked .name { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)"; /* IE 5-7 */ filter: alpha(opacity=30); /* Netscape */ -moz-opacity: 0.3; /* Safari 1.x */ -khtml-opacity: 0.3; /* Good browsers */ opacity: 0.3; } .disciplines-picker .fields-wrapper ul.fields li.field input[type="checkbox"] { margin: 0 10px 0 0; position: relative; top: 7px; } .disciplines-picker .fields-wrapper ul.fields li.field img { width: 30px; height: 30px; } .disciplines-picker .fields-wrapper ul.fields li.field span.name { width: 205px; line-height: 16px; } .disciplines-picker .disciplines-wrapper { border: 1px solid #e8e8e8; } .disciplines-picker .disciplines-wrapper .flyer { background: url("../images/discipline_picker_flyer.png") no-repeat center center; position: absolute; display: none; } .disciplines-picker .disciplines-wrapper .actions { background: #fbfbfb; padding: 5px; margin: 0; border: 0; border-bottom: 1px solid #cfcfcf; -webkit-border-radius: 0; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .disciplines-picker .disciplines-wrapper .actions ul.horizontal li { margin-bottom: 0; padding-right: 0; } .disciplines-picker .disciplines-wrapper .actions ul.horizontal li button { font-size: 10px; line-height: 10px; padding: 0; } .disciplines-picker .disciplines-wrapper div.disciplines { overflow-y: auto; overflow-x: hidden; position: relative; cursor: pointer; } .disciplines-picker .disciplines-wrapper div.disciplines .placeholder { font-size: 12px; color: #cfcfcf; position: absolute; } .disciplines-picker .disciplines-wrapper div.disciplines ul.disciplines { display: none; background: white; position: relative; z-index: 5; min-height: 100%; height: auto !important; height: 100%; } .disciplines-picker .disciplines-wrapper div.disciplines ul.disciplines li.discipline { border-top: 1px solid #e8e8e8; margin: 0; padding: 7px 5px; } .disciplines-picker .disciplines-wrapper div.disciplines ul.disciplines li.discipline:first-child { border-top: none; } .disciplines-picker .disciplines-wrapper div.disciplines ul.disciplines li.discipline.active { background: #ffccda; } .disciplines-picker .disciplines-wrapper div.disciplines ul.disciplines li.discipline input[type="checkbox"] { margin-right: 10px; float: left; } .disciplines-picker .disciplines-wrapper div.disciplines ul.disciplines li.discipline span.name { display: block; overflow: hidden; } .btn.focus { border-color: rgba(200, 24, 70, 0.4); } .btn-search { padding: 6px 8px 7px 8px; } .btn-small [class^="icon-"] { margin-top: 1px; } .btn-mini [class^="icon-"] { margin-top: 0px; } .nav-tabs { border-bottom: 1px solid #c81846; } .nav-tabs li a { background: #fbfbfb; /* Old browsers */ background: -moz-linear-gradient(top, #fbfbfb 50%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fbfbfb), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 50%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 50%, #eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 50%, #eeeeee 100%); /* IE10+ */ background: linear-gradient(to bottom, #fbfbfb 50%, #eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fbfbfb',endColorstr='#eeeeee'); /* IE6-9 */ -webkit-border-radius: 0px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 0px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cfcfcf; border-bottom-color: #c81846; border-left: 0px; margin-right: 0; position: relative; min-height: 20px; } .nav-tabs li a .close { position: absolute; top: 0px; right: 3px; } .nav-tabs li a:hover { background: #fbfbfb; /* Old browsers */ background: -moz-linear-gradient(top, #fbfbfb 50%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fbfbfb), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 50%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 50%, #eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 50%, #eeeeee 100%); /* IE10+ */ background: linear-gradient(to bottom, #fbfbfb 50%, #eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fbfbfb',endColorstr='#eeeeee'); /* IE6-9 */ border-color: #cfcfcf; border-bottom-color: #c81846; } .nav-tabs li:first-child a, .nav-tabs li:first-child a:hover { border-left: 1px solid #cfcfcf; } .nav-tabs li.active { margin-left: -1px; } .nav-tabs li.active a, .nav-tabs li.active a:hover { border: 1px solid #c81846; border-bottom-color: white; background: white; } .nav-tabs li.active a [class^="icon"], .nav-tabs li.active a:hover [class^="icon"] { background-image: url("../bootstrap/img/glyphicons-halflings.png"); } .nav-tabs li.active:first-child { margin-left: 0; } .subtitle { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dropdown-menu { padding: 0; -webkit-border-radius: 0; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; min-width: 10px; width: auto !important; width: 10px; background-color: #fbfbfb; } .dropdown-menu li { border-top: 1px solid #e8e8e8; } .dropdown-menu li:first-child { border-top: none; } .dropdown-menu li a:hover { background: #c81846; color: #fbfbfb !important; } li.facet-hidden { display: none; } ul.areas li.area .area-img { margin-right: 10px; margin-bottom: 20px; } ul.areas li.area .area-name { display: inline-block; *display: inline; zoom: 1; font-weight: bold; margin-bottom: 10px; margin-top: 5px; } ul.areas li.area ul.disciplines { overflow: hidden; padding-left: 20px; list-style: disc; } ul.areas li.area ul.disciplines li.discipline { line-height: 1.3em; } ul.breadcrumb { font-size: 13px; padding: 0 5px; } ul.breadcrumb img.field-icon { height: 20px; padding: 0; border: none; background: none; position: relative; top: 5px; } .collection-disciplines { margin-top: 10px; } .join-request { clear: both; margin-top: 20px; } .join-request:first-child { margin-top: 0; } .join-request .info .message { margin-top: 8px; } .join-request .actions { text-align: center; padding-top: 30px; } .contact-template { display: none; } .editors-wrapper, .moderators-wrapper, .members-wrapper { border: 1px solid #cfcfcf; -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: auto; margin-bottom: 10px; } .editors-wrapper .contacts, .moderators-wrapper .contacts, .members-wrapper .contacts { padding: 0; } .editors-wrapper .contact-wrapper, .moderators-wrapper .contact-wrapper, .members-wrapper .contact-wrapper { width: 200px; height: 39px; float: left; margin: 0 10px; border: none; } .editors-wrapper .contact-wrapper .contact, .moderators-wrapper .contact-wrapper .contact, .members-wrapper .contact-wrapper .contact { cursor: default; width: 100%; } .editors-wrapper .contact-wrapper .contact .contact-info, .moderators-wrapper .contact-wrapper .contact .contact-info, .members-wrapper .contact-wrapper .contact .contact-info { height: 39px; } .receiver-wrapper { width: 190px !important; } .popup-list-overlay { height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 99 !important; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .high-contrast-only-block, .high-contrast-only-inline, .high-contrast-only-inline-block { display: none; } .alignment-icon { margin-top: 3px; } .required-information { margin-top: 10px; } .lang-pl ul#main-menu { right: 395px; } .lang-pl #top-bar #login-menu span.middle .login-options { margin-right: 72px !important; } .lang-pl #top-bar #login-menu span.middle .login-options a { margin-left: 20px; }