3415 lines
No EOL
69 KiB
CSS
3415 lines
No EOL
69 KiB
CSS
/* $This file is distributed under the terms of the license in LICENSE$ */
|
|
|
|
@charset "UTF-8";
|
|
/* CSS Document */
|
|
|
|
/* Tell the browser to render HTML 5 elements as block */
|
|
header,
|
|
hgroup,
|
|
section,
|
|
nav,
|
|
article,
|
|
aside,
|
|
footer{
|
|
display: block;
|
|
}
|
|
time{
|
|
font-weight: normal;
|
|
}
|
|
html,
|
|
body {
|
|
padding: 0;
|
|
height: 100%; /* needed for container min-height */
|
|
font-family: "IPH Astra Serif","Roboto","IPH Serif","Lucida Sans Unicode","Lucida Grande", Geneva, helvetica, sans-serif;
|
|
height: auto !important; /* real browsers */
|
|
height: 100%; /* IE6: treaded as min-height*/;
|
|
min-height: 100%; /* real browsers */
|
|
margin: 0 auto;
|
|
font-size: 16px;
|
|
}
|
|
body {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
min-width: 700px;
|
|
max-width: 1920px;
|
|
width: 100%;
|
|
background-size: 100%;
|
|
background: url(../images/header-image.png) center 0 no-repeat;
|
|
height: 200px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
}
|
|
a {
|
|
color: #000000;
|
|
text-decoration: none;
|
|
font-size: 1.2rem;
|
|
}
|
|
a:hover {
|
|
color: #8B4513;
|
|
}
|
|
|
|
h2 a:hover,
|
|
h2 a:active,
|
|
ul#header-nav a:link,
|
|
ul#header-nav a:visited,
|
|
.pagination.menupage li a {
|
|
text-decoration: none;
|
|
}
|
|
em {
|
|
font-style: italic;
|
|
}
|
|
/* h1,h2,h3,h4,h5,h6 ------> */
|
|
h2 {
|
|
padding: 10px 0 12px 0;
|
|
margin: 0;
|
|
font-size: 1.375em;
|
|
color: #000000;
|
|
line-height: 1.5em;
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.2rem;
|
|
}
|
|
h2 a {
|
|
color: #8B4513;
|
|
}
|
|
h2 a:link,
|
|
h2 a:visited {
|
|
text-decoration: underline;
|
|
}
|
|
h3 {
|
|
padding: 10px 0 12px 0;
|
|
margin: 0;
|
|
font-size: 1.125em;
|
|
color: #8B4513;
|
|
}
|
|
h4 {
|
|
padding: 10px 0 12px 0;
|
|
margin: 0;
|
|
font-size: 1em;
|
|
color: #064d68;
|
|
}
|
|
h5 {
|
|
padding: 10px 0 12px 0;
|
|
margin: 0;
|
|
font-size: .875em;
|
|
color: #8B4513;
|
|
}
|
|
/* -------------------------------------------------> */
|
|
/* EDITING STYLES ----------------------------------> */
|
|
/* -------------------------------------------------> */
|
|
input[type="text"],
|
|
select,
|
|
input[type="password"] {
|
|
border: 0;
|
|
font-size: 1rem;
|
|
font-family: "Roboto";
|
|
padding: .5em;
|
|
font-style: italic;
|
|
background: #fff;
|
|
border: 1px dashed #000000;
|
|
/*border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;*/
|
|
/*margin-bottom: .8em;*/
|
|
outline: none;
|
|
}
|
|
|
|
select.form-control {
|
|
padding: 5px 8px 5px 5px;
|
|
font-family: "Roboto";
|
|
font-style: normal;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
cursor:pointer;
|
|
background-image: url(../images/select_button.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 96% 50%;
|
|
background-size: 18px 7px;
|
|
}
|
|
|
|
select.form-control >option {
|
|
padding-right: 30px;
|
|
|
|
}
|
|
|
|
input.form-control {
|
|
font-family: "Roboto";
|
|
font-size: 1rem;
|
|
color: #363636;
|
|
}
|
|
.btn-success.set-json {
|
|
background-color: #ffffff;
|
|
border: 1px dashed #000000;
|
|
font-size: 1rem;
|
|
font-family: Roboto;
|
|
flex-grow: 1;
|
|
margin-right: 10px;
|
|
}
|
|
input.block {
|
|
margin-bottom: 20px;
|
|
}
|
|
.label {
|
|
margin-top: .5em;
|
|
margin-bottom: .5em;
|
|
font-size: 1.2rem;
|
|
font-family: "IPH Astra Serif";
|
|
color: #000000;
|
|
}
|
|
label.inline {
|
|
display: inline;
|
|
font-weight: normal;
|
|
font-size: .9em;
|
|
}
|
|
.verbose-toggle,
|
|
.verbose-toggle:visited,
|
|
#showAddFormButton,
|
|
#showAddFormButton:visited,
|
|
input.submit,
|
|
input.submit:visited,
|
|
/* the id selectors are used temporarily due to the custom jsp tags (<v:input>)
|
|
for editing forms which require an id and do not allow a class. This will be
|
|
removed once we refactor the editing forms to Freemarker */
|
|
input#submit,
|
|
input#submit:visited,
|
|
input.form-button,
|
|
input.form-button:visited {
|
|
background: #222 url(../images/alert-overlay.png) repeat-x;
|
|
display: inline-block;
|
|
padding: 5px 18px 7px;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
position: relative;
|
|
border: 0;
|
|
margin: 0;
|
|
background-color: #DD9F00;
|
|
color: #fff;
|
|
font-size: 1rem;
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
margin-right: .6em;
|
|
margin-top: .5em;
|
|
margin-bottom: .5em;
|
|
}
|
|
#verbose-mode .small {
|
|
font-size: 12px;
|
|
color: #fff;
|
|
}
|
|
#verbose-mode b {
|
|
color: #595B5B;
|
|
}
|
|
#verbose-mode .verbose-off{
|
|
background: #706a66;
|
|
}
|
|
input.delete,
|
|
input.delete:visited,
|
|
input#delete,
|
|
input#delete:visited {
|
|
background: #222 url(../images/alert-overlay.png) repeat-x;
|
|
display: inline-block;
|
|
padding: 5px 18px 7px;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
border: 0;
|
|
margin: 0;
|
|
background-color: #DD9F00;
|
|
color: #fff;
|
|
font-size: 1rem;
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
margin-right: .6em;
|
|
}
|
|
.verbose-toggle:hover,
|
|
#showAddFormButton:hover,
|
|
input.submit:hover,
|
|
input#submit:hover,
|
|
input.form-button:hover {
|
|
color: #fff;
|
|
background-color: #DD9F00;
|
|
}
|
|
input.delete:hover,
|
|
input#delete:hover {
|
|
color: #fff;
|
|
background-color: #93c3d4;
|
|
}
|
|
.verbose-toggle,
|
|
.verbose-toggle:active,
|
|
#showAddFormButton:active,
|
|
input.delete:active,
|
|
input#delete:active,
|
|
input.submit:active,
|
|
input#submit:active,
|
|
input.form-button:active,
|
|
.button:active,
|
|
input.add-account:active,
|
|
section.accounts input.delete:active {
|
|
top: 1px;
|
|
}
|
|
form textarea {
|
|
border: 1px solid #e0dfdf;
|
|
border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
}
|
|
.maxWidth {
|
|
margin-top: 20px;
|
|
width: 100%;
|
|
}
|
|
#itemList a.remove:link,
|
|
#itemList a.remove:visited,
|
|
#showAddForm a.cancel:link,
|
|
form a:link.cancel,
|
|
form a:visited.cancel,
|
|
a.return:link,
|
|
a.return:visited {
|
|
text-decoration: underline;
|
|
color: #f70;
|
|
border-color: none;
|
|
padding-left: 3px;
|
|
}
|
|
#itemList a.remove:hover,
|
|
#itemList a.remove:active,
|
|
#showAddForm a.cancel:hover,
|
|
#showAddForm a.cancel:active,
|
|
form a:hover.cancel,
|
|
form a:active.cancel {
|
|
text-decoration: none;
|
|
color: #f70;
|
|
background: none;
|
|
}
|
|
.validationError {
|
|
font-weight: normal;
|
|
color: #cc0000;
|
|
margin-bottom: .3em;
|
|
}
|
|
p.submit {
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
}
|
|
.editingForm table {
|
|
border-color: #dfe6e6;
|
|
}
|
|
.editingForm td {
|
|
padding: 3px;
|
|
}
|
|
.editingForm .entryFormHead {
|
|
background-color: #f1f2ee;
|
|
border-color: #dfe6e6;
|
|
}
|
|
.form-item {
|
|
margin-top:.3em;
|
|
background-color: #fff;
|
|
border-color: #e0dfdf;
|
|
font-size: .8em;
|
|
border-width: 1px;
|
|
color: #595B5B;
|
|
padding: .3em;
|
|
}
|
|
a.return:hover,
|
|
a.return:active {
|
|
text-decoration: none;
|
|
color: #f70;
|
|
background: none;
|
|
}
|
|
.database_header {
|
|
background-color: #f1f2ee;
|
|
color: #DD9F00;
|
|
font-size: 1em;
|
|
}
|
|
.database_upperleftcorner {
|
|
color: #5F6464;
|
|
font-size: 1em;
|
|
}
|
|
.database_upperleftcenter {
|
|
background-color: #B0C4DE;
|
|
color: #5F6464;
|
|
font-size: 1em;
|
|
}
|
|
.rownumheader,
|
|
.rownum {
|
|
background-color: #F1F2EE;
|
|
color: #5F6464;
|
|
font-size: 1em;
|
|
}
|
|
.headercenter {
|
|
color: #5F6464;
|
|
font-size: 10pt;
|
|
font-style: normal;
|
|
text-align: center;
|
|
}
|
|
.postheader {
|
|
background-color: #E6E6FA;
|
|
color: #777;
|
|
font-size: 1em;
|
|
}
|
|
.database_postheader {
|
|
background-color: #f7f9f9;
|
|
font-size: 1em;
|
|
}
|
|
.postheadercenter,
|
|
.postheaderright {
|
|
font-size: 1em;
|
|
}
|
|
.verticalfieldlabel {
|
|
color: #5E6363; /*#5F6464;*/
|
|
font-style: normal !important;
|
|
font-size: 10pt !important;
|
|
line-height: 2em !important;
|
|
}
|
|
.row, .rowvert {
|
|
background-color: #f7f9f9;
|
|
color: #5F6464;
|
|
font-size: 10pt;
|
|
font-style: normal;
|
|
text-align: left;
|
|
line-height: 2em;
|
|
}
|
|
.rowalternate {
|
|
background-color: #fff;
|
|
color: #5F6464;
|
|
font-size: 1em;
|
|
line-height: 2em;
|
|
}
|
|
.rowbold {
|
|
background-color: #FFFAFA;
|
|
color: #5F6464;
|
|
font-size: 10pt; /*1em;*/
|
|
line-height: 2em;
|
|
}
|
|
.form-background {
|
|
background-color: #fff;
|
|
}
|
|
.formsEdit p {
|
|
/*padding-top: 1em;*/
|
|
margin-bottom: 1em;
|
|
padding-bottom: 0;
|
|
margin-top: 0;
|
|
}
|
|
.formsEdit p.validationError {
|
|
margin-bottom: 1.8em;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
font-size: .8em;
|
|
}
|
|
form.deleteForm {
|
|
margin-top: 2em;
|
|
padding-top: 1em;
|
|
border-top: 1px dotted #e3e9e9;
|
|
}
|
|
form.editForm span {
|
|
color: #c00;
|
|
font-weight: normal;
|
|
font-size: small;
|
|
}
|
|
form h3.delete-entry {
|
|
padding-right: .8em;
|
|
display: inline;
|
|
}
|
|
form h2 {
|
|
margin-bottom: 0;
|
|
padding-bottom: 10px;
|
|
}
|
|
form select {
|
|
border: 0;
|
|
font-size: 14px;
|
|
padding: .5em;
|
|
background: #fff;
|
|
border: 1px solid #e0dfdf;
|
|
border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
margin-bottom: .8em;
|
|
margin-top: .7em;
|
|
margin-right: .5em;
|
|
}
|
|
.notice {
|
|
margin-top: 1em;
|
|
border: 1px dotted #FFD324;
|
|
}
|
|
a.ingestMenu:link,
|
|
a.ingestMenu:visited,
|
|
a.account-menu:link,
|
|
a.account-menu:visited {
|
|
text-decoration: none;
|
|
color: #DD9F00;
|
|
}
|
|
a.ingestMenu:hover,
|
|
a.ingestMenu:active,
|
|
a.account-menu:hover,
|
|
a.account-menu:active,
|
|
ul#alpha-browse-individuals a,
|
|
ul#browse-classes a,
|
|
ul#find-filters a,
|
|
ul#vgraph-classes a {
|
|
text-decoration: none;
|
|
color: #5E6363;
|
|
}
|
|
ul#browse-classes a {
|
|
width: 90%;
|
|
}
|
|
ul.ingestMenu {
|
|
margin-bottom: 1.5em;
|
|
}
|
|
.toBeDeleted {
|
|
margin-bottom: 0;
|
|
}
|
|
/* BACK-END FORMS --------------> */
|
|
.display-inline {
|
|
display: inline-block;
|
|
}
|
|
.theme-dir,
|
|
#noContentMsg {
|
|
clear: both;
|
|
}
|
|
tr.editformcell td input[type="text"] {
|
|
width: 30% !important;
|
|
}
|
|
tr.editformcell td input.fullWidthInput {
|
|
width: 70% !important;
|
|
margin-top: 0.7em !important;
|
|
}
|
|
tr.editformcell td input.shortInput {
|
|
width: 20% !important;
|
|
margin-top: 0.7em !important;
|
|
}
|
|
tr.editformcell td textarea.matchingInput {
|
|
width: 95%;
|
|
height:10ex;
|
|
margin-top:0.7em;
|
|
font-family: "IPH Serif","Roboto","Lucida Sans Unicode","Lucida Grande", Geneva, helvetica, sans-serif;
|
|
font-size:0.95em;
|
|
}
|
|
hr.formDivider {
|
|
background-color: #DD9F00;
|
|
border: 0 none;
|
|
height: 1px;
|
|
margin-bottom: 20px;
|
|
margin-top: 15px;
|
|
opacity: 0.3;
|
|
}
|
|
.editingForm table {
|
|
width: 100%;
|
|
border: none;
|
|
}
|
|
/* -------------------------------------------------> */
|
|
/* HOMEPAGE AND INTERIOR PAGES STYLES --------------> */
|
|
/* -------------------------------------------------> */
|
|
|
|
/* HEADER ------> */
|
|
#branding {
|
|
position: relative;
|
|
width: 80%;
|
|
height: 200px;
|
|
margin: 0 auto;
|
|
padding: 0px 0px 0px 0px;
|
|
}
|
|
/* BRANDING ------> */
|
|
h1.vivo-logo {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100px;
|
|
top: 35px;
|
|
/* left: 0; */
|
|
background: url(../images/site-title-padding.png) center 0 no-repeat;
|
|
}
|
|
h1.vivo-logo a {
|
|
display: block;
|
|
width: 386px;
|
|
height: 59px;
|
|
}
|
|
/* HEADER NAV------> */
|
|
ul#header-nav {
|
|
float: right;
|
|
list-style: none;
|
|
height: 30px;
|
|
padding-top: 10px;
|
|
/*padding-right: 10px;
|
|
padding-left: 10px;*/
|
|
background-color: #000000;
|
|
opacity: 0.7;
|
|
/* margin-right: 13px; */
|
|
font-size: 1.1rem;
|
|
}
|
|
ul#header-nav li {
|
|
float: left;
|
|
display: block;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
border-right: 1px solid #7c7d7f;
|
|
font-size: 1rem;
|
|
color: #fff;
|
|
}
|
|
ul#header-nav li:last-child {
|
|
/*padding-left: 1px;
|
|
padding-right: 0;*/
|
|
border-right: none;
|
|
}
|
|
ul#header-nav a:hover,
|
|
ul#header-nav a:active {
|
|
text-decoration: none;
|
|
color: #999;
|
|
}
|
|
ul#header-nav a.log-out {
|
|
/* padding-left: 10px; */
|
|
}
|
|
/* SEARCH ------> */
|
|
.search-form-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
width: 100%;
|
|
/*float: left;*/
|
|
|
|
}
|
|
.searchResultsHeader {
|
|
width: 100%;
|
|
}
|
|
.searchResultsHeader >div#querybuilder-container {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.searchResultsHeader >div#simple-search-container {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
#switch-to-extended-searchform {
|
|
border:none;
|
|
background-color:unset;
|
|
color: #8B4513;
|
|
text-align: right;
|
|
width: 100%;
|
|
font-size: 1.1rem;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
padding-top: 10px;
|
|
font-family: "Roboto";
|
|
font-style: normal;
|
|
}
|
|
#custom-search {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
|
|
.custom-search-input {
|
|
width: 90%;
|
|
border-radius: unset !important;
|
|
-webkit-border-radius: unset !important;
|
|
float: left;
|
|
height: 2rem;
|
|
padding: 0px 0px 0px 5px !important;
|
|
border-style: solid !important;
|
|
border-color: #8B4513 !important;
|
|
margin-bottom: 0 !important;
|
|
background-color: #F3F3F3 !important;
|
|
height: 36px;
|
|
}
|
|
.search-submit-button{
|
|
all: unset;
|
|
border-radius: unset !important;
|
|
-webkit-border-radius: unset !important;
|
|
float: left;
|
|
color: transparent;
|
|
height: 36px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #8B4513;
|
|
border-left: 0px;
|
|
background: #F3F3F3;
|
|
width: 10%;
|
|
}
|
|
input.search-submit-button {
|
|
background-image: url(../images/search-icon.png)!important;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
}
|
|
.custom-search-select{
|
|
border-radius: unset !important;
|
|
-webkit-border-radius: unset !important;
|
|
margin: 0;
|
|
float: left;
|
|
/*height: 36px;*/
|
|
border-style: solid;
|
|
border-color: #8B4513;
|
|
border-left: 0px;
|
|
width: 20%;
|
|
background-color: #F3F3F3;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
cursor:pointer;
|
|
background-image: url(../images/select_button.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 94% 50%;
|
|
background-size: 18px 7px;
|
|
}
|
|
#searchRightpanel {
|
|
width: 30%;
|
|
}
|
|
#search {
|
|
/*position: absolute;*/
|
|
width: 100%;
|
|
height: 38px;
|
|
/* top: 90px;
|
|
right: 10px;*/
|
|
}
|
|
#search-field {
|
|
width: 396px;
|
|
height: 38px;
|
|
background: url(../images/search-interior-pages.png) 0 0 no-repeat;
|
|
}
|
|
#search-field input.search {
|
|
text-decoration: none;
|
|
background-color: transparent;
|
|
color: #fff;
|
|
font-size: 14px;
|
|
border: none;
|
|
padding-left: 25px;
|
|
padding-top: 8px;
|
|
cursor: pointer;
|
|
}
|
|
input.search-vivo {
|
|
float: left;
|
|
width: 290px;
|
|
height: 25px;
|
|
border: 0;
|
|
font-size: 16px;
|
|
color: #5e6363;
|
|
margin-left: 10px;
|
|
margin-top: 5px;
|
|
padding: 0;
|
|
}
|
|
#search-form-modifier {
|
|
display: none;
|
|
}
|
|
|
|
.btn-group-bottom {
|
|
/*background-color: #F1F1F1;*/
|
|
/*padding: 5px 5px 5px 5px;*/
|
|
/*border-left: 1px solid #8B4513;
|
|
border-right: 1px solid #8B4513;
|
|
border-bottom: 1px solid #8B4513;*/
|
|
/*width: 100%;*/
|
|
/*margin: 0 10px 0 10px;*/
|
|
}
|
|
|
|
#settingsButtons {
|
|
color: #000000;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
background-color: #F1F1F1;
|
|
/*margin-top: 1%;
|
|
margin-bottom: 0;
|
|
margin-left: 2%;
|
|
margin-right: 2%;*/
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
#CounterSearchWrapper {
|
|
border: 1px solid #8B4513;
|
|
box-shadow: 0px 4px 4px #aeaeae;
|
|
|
|
}
|
|
|
|
#wrapperButtons {
|
|
/*width: 70%;
|
|
margin-left: 4%;*/
|
|
display: flex;
|
|
justify-content: space-around;
|
|
background-color: #ffffff;
|
|
padding: 5px;
|
|
box-shadow: 0px 4px 4px #aeaeae;
|
|
}
|
|
|
|
#OuterWrapperButtons {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: auto;
|
|
margin-left: 2%;
|
|
background-color: #F1F1F1;
|
|
padding: 15px 10px 15px 10px;
|
|
/*border-left: 1px solid #8B4513;
|
|
border-right: 1px solid #8B4513;
|
|
border-bottom: 1px solid #8B4513;*/
|
|
}
|
|
|
|
#SearchTitle {
|
|
background-color: #F1F1F1;
|
|
font-size: 1.3rem;
|
|
padding-left: 20px;
|
|
padding-top: 15px;
|
|
font-family: Roboto;
|
|
}
|
|
|
|
#SelectResults {
|
|
font-size: 1rem;
|
|
border: 1px dashed #000000;
|
|
color: #000000;
|
|
padding-left: 5px;
|
|
margin-left: 10px;
|
|
}
|
|
#SelectResults >label {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
font-family: "Roboto";
|
|
font-style: normal;
|
|
|
|
}
|
|
#btn-search-expand {
|
|
width: 15%;
|
|
margin-right: 2%;
|
|
background-color: #ffffff;
|
|
border: 1px solid #DD9F00;
|
|
font-size: 1rem;
|
|
height: 49px;
|
|
cursor: pointer;
|
|
outline: none;
|
|
}
|
|
|
|
#btn-reset-button {
|
|
background-color: #ffffff;
|
|
border: 1px dashed #000000;
|
|
font-size: 1rem;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
#hitsPerPageSelect {
|
|
border-left: 1px dashed #000000;
|
|
border-right: 0px;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
font-family: Roboto;
|
|
font-size: 1rem;
|
|
font-style: normal;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
cursor:pointer;
|
|
background-image: url(../images/select_button.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 90% 50%;
|
|
background-size: 18px 7px;
|
|
padding-right: 25px;
|
|
}
|
|
|
|
#btn-get-standard-searchform {
|
|
/*margin-bottom: 10px;*/
|
|
background: transparent;
|
|
border: 0px;
|
|
padding-top: 8px;
|
|
padding-left: 15px;
|
|
font-family: Roboto;
|
|
font-size: 1.2rem;
|
|
cursor: pointer;
|
|
}
|
|
#backgroundForm {
|
|
height: 39px;
|
|
background-image: url(../images/custom_search_button.png);
|
|
background-repeat: no-repeat;
|
|
/*clip-path:polygon(0% 0%, 0% 1000%, 80% 0%);*/
|
|
|
|
}
|
|
|
|
|
|
/* MAIN NAVIGATION------> */
|
|
ul#main-nav {
|
|
display: flex;
|
|
flex-direction:row;
|
|
flex-wrap:nowrap;
|
|
justify-content: center;
|
|
align-content: center;
|
|
width: 80%;
|
|
padding: 0px 0px 0px 0px;
|
|
height: 46px;
|
|
/* border: 1px solid #dce4e3;*/
|
|
background-color: #000000;
|
|
opacity: 0.8;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: -46px;
|
|
list-style: none;
|
|
font-size: 1.2rem;
|
|
color: #ffffff;
|
|
}
|
|
|
|
#main-nav li:last-child {
|
|
background: none;
|
|
}
|
|
|
|
#main-nav li {
|
|
float: left;
|
|
line-height: 46px;
|
|
background: url(../images/separator-main-nav.jpg) right no-repeat;
|
|
}
|
|
#main-nav li a {
|
|
padding-left: 20px;
|
|
font-family: "Roboto";
|
|
font-style: normal;
|
|
padding-right: 20px;
|
|
display: block;
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
}
|
|
#main-nav li a:hover {
|
|
color: #EECFA1;
|
|
}
|
|
#main-nav li a.selected {
|
|
color: #DD9F00;
|
|
/* background: url(../images/selected-main-nav.jpg) left -1px no-repeat; */
|
|
/* margin-left: 18px; */
|
|
}
|
|
/* WRAPPER CONTENT------> */
|
|
#wrapper-content {
|
|
clear: both;
|
|
width: 80%;
|
|
/*margin: 0 auto;*/
|
|
background: #fff;
|
|
min-height: 710px;
|
|
padding-top: 20px ;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 20px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
#wrapperDescription {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
|
|
}
|
|
#projectDescription {
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
#titleProject {
|
|
width: 100%;
|
|
color: #8B4513;
|
|
font-size: 1.4rem;
|
|
padding: 0 0px 10px 25px;
|
|
font-family: "Roboto";
|
|
background-image: url(../images/circle.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
}
|
|
|
|
p.aboutProject {
|
|
font-size: 0.8em;
|
|
text-align: justify;
|
|
line-height: 1.2;
|
|
padding: 15px 0px 10px 10px;
|
|
border-top: 1px solid #8B4513;
|
|
margin-right: 5px;
|
|
text-indent: 35px;
|
|
}
|
|
|
|
#membersDescription {
|
|
width: 49%;
|
|
border-top: 1px solid #8B4513;
|
|
margin-left: 1%;
|
|
}
|
|
|
|
|
|
#contactDescription {
|
|
width: 50%;
|
|
border-top: 1px solid #000000;
|
|
}
|
|
|
|
#registrationDescription {
|
|
width: 50%;
|
|
border-top: 1px solid #000000;
|
|
}
|
|
|
|
|
|
/* INTRO-BLURB ------> */
|
|
#intro {
|
|
float: left;
|
|
/* width: 570px; */
|
|
padding-bottom: 50px;
|
|
}
|
|
body.loggedIn #intro {
|
|
width: 98%;
|
|
}
|
|
#intro h2 {
|
|
padding: 35px 0 12px 24px;
|
|
border-bottom: none;
|
|
color: #2485AE;
|
|
}
|
|
#intro p {
|
|
/* font-size: 16px;
|
|
color: #5f6464;
|
|
line-height: 1.3em;
|
|
padding: 0 24px 0 24px;*/
|
|
}
|
|
#intro a,
|
|
#individual-intro ul.individual-urls li a,
|
|
#revision-build-date h3,
|
|
#terms h3,
|
|
#visual-graph h5,
|
|
.blue,
|
|
p.forgot-password a,
|
|
ul#individual-personInPosition li a,
|
|
ul.individual-urls li a,
|
|
ul.individual-urls-people li a {
|
|
color: #8B4513
|
|
}
|
|
/* LOG IN------> */
|
|
#login {
|
|
float: right;
|
|
width: 314px;
|
|
border: 1px solid #e8ece9;
|
|
margin-right: 25px;
|
|
padding-bottom: 30px;
|
|
margin-bottom: 30px;
|
|
overflow: hidden;
|
|
margin-top: 20px;
|
|
}
|
|
body.login #login {
|
|
float: none;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
#login h2 {
|
|
font-size: 1.4rem;
|
|
color: #8B4513;
|
|
padding-left: 38px;
|
|
padding-top: 18px;
|
|
border-bottom: none;
|
|
font-family: "IPH Astra Serif";
|
|
}
|
|
h3.internal-auth:hover {
|
|
color: #47B6D0;
|
|
}
|
|
#error-alert {
|
|
margin-left: 0;
|
|
margin-bottom: 12px;
|
|
padding: 12px;
|
|
padding-bottom: 12px;
|
|
border: 1px dotted #a12424;
|
|
}
|
|
#error-alert img {
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
vertical-align: middle;
|
|
}
|
|
#error-alert p {
|
|
padding-left: 40px;
|
|
font-size: .8em;
|
|
line-height: 1.3em;
|
|
color: #a12424;
|
|
padding-top: 5px;
|
|
}
|
|
#login-form label {
|
|
display: block;
|
|
color: #5e6363;
|
|
padding-top: 0;
|
|
padding-left: 38px;
|
|
font-size: 14px;
|
|
}
|
|
#login-form input.text-field {
|
|
border: 0;
|
|
font-size: 14px;
|
|
padding: 5px;
|
|
width: 219px;
|
|
height: 24px;
|
|
margin-left: 38px;
|
|
background: #fff;
|
|
border: 1px solid #e0dfdf;
|
|
border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
}
|
|
#login-form input.text-field:focus {
|
|
border: 1px solid #8B4513;
|
|
background-color: #ffffff;
|
|
}
|
|
#login-form p.submit {
|
|
width: 100px;
|
|
height: 40px;
|
|
margin-top: 20px;
|
|
margin-left: 38px;
|
|
}
|
|
#login-form p.submit-password {
|
|
height: 40px;
|
|
margin-top: 20px;
|
|
margin-left: 38px;
|
|
}
|
|
#login-form input.checkbox-remember-me {
|
|
float: left;
|
|
height: 14px;
|
|
width: 14px;
|
|
color: #5e6363;
|
|
padding: 0;
|
|
margin-top: 33px;
|
|
margin-left: 20px;
|
|
}
|
|
#login-form label.label-remember-me {
|
|
display: block;
|
|
float: right;
|
|
color: #5e6363;
|
|
font-size: 12px;
|
|
width: 100px;
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-top: 29px;
|
|
margin-right: 32px;
|
|
}
|
|
p.forgot-password {
|
|
clear: both;
|
|
margin-left: 38px;
|
|
font-size: 12px;
|
|
padding-top: 1.2em;
|
|
padding-bottom: 1.2em;
|
|
}
|
|
p.request-account {
|
|
width: 219px;
|
|
clear: both;
|
|
float: left;
|
|
margin-left: 38px;
|
|
margin-top: 10px;
|
|
padding-top: 20px;
|
|
border-top: 1px solid #e8ece9;
|
|
}
|
|
p.password-note {
|
|
font-size: 12px;
|
|
color: #949696;
|
|
padding-left: 38px;
|
|
}
|
|
#flash-message {
|
|
border: 1px dotted #E2C822;
|
|
background-color: #FFF9D7;
|
|
padding: .5em;
|
|
margin-bottom: 10px;
|
|
}
|
|
#welcome-message {
|
|
border: 1px dotted #E2C822;
|
|
background-color: #FFF9D7;
|
|
padding: .25em;
|
|
margin-bottom: 8px;
|
|
}
|
|
#flash-msg-container,
|
|
#welcome-msg-container {
|
|
margin-bottom: 8px;
|
|
margin-top: -10px;
|
|
margin-right:-10px;
|
|
height:34px;
|
|
}
|
|
p.external-auth {
|
|
margin: 0 auto;
|
|
}
|
|
p.external-auth a.blue,
|
|
p.external-auth a.blue:visited {
|
|
background-color: #398AAC;
|
|
width: 180px;
|
|
margin-bottom: 17px;
|
|
line-height: 1.3em;
|
|
padding-top: 10px;
|
|
}
|
|
p.external-auth a.blue:hover {
|
|
background-color: #58A2C1;
|
|
color: #fff;
|
|
}
|
|
/* HOME SEARCH ------> */
|
|
#search-home {
|
|
/*float: left;*/
|
|
margin-bottom: 30px;
|
|
margin-top: 10px;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
}
|
|
|
|
#simple-search-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
align-content: center;
|
|
width: 50%;
|
|
}
|
|
|
|
|
|
|
|
|
|
#search-home h3 {
|
|
padding: 0;
|
|
font-size: 22px;
|
|
margin-bottom: 15px;
|
|
color: #2485AE;
|
|
/*padding-left: 24px;*/
|
|
}
|
|
#search-home-field {
|
|
width: 483px;
|
|
height: 44px;
|
|
background: url(../images/search-field-and-button.gif) 0 0 no-repeat;
|
|
}
|
|
#search-home-field input.search {
|
|
text-decoration: none;
|
|
background-color: transparent;
|
|
color: #fff;
|
|
font-size: 18px;
|
|
border: none;
|
|
padding-left: 23px;
|
|
padding-top: 8px;
|
|
cursor: pointer;
|
|
}
|
|
input.search-home-vivo {
|
|
float: left;
|
|
margin: 10px 0 0 8px;
|
|
width: 350px;
|
|
height: 20px;
|
|
border: 0;
|
|
font-size: 18px;
|
|
color: #5e6363;
|
|
margin-left: 4px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
/* SEARCH HOME EXPANDED------> */
|
|
|
|
#querybuilder-container {
|
|
width: 60%;
|
|
/*display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: center;*/
|
|
}
|
|
|
|
|
|
|
|
|
|
/* SEARCH HOME------> */
|
|
|
|
#search-home-field {
|
|
background: url(../images/search-field-and-button.gif) 0 0 no-repeat;
|
|
width: 520px;
|
|
}
|
|
#search-home-field input.search {
|
|
background-color: transparent;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
a.filter-search {
|
|
right: 109px;
|
|
}
|
|
input.search-homepage {
|
|
border: 0;
|
|
background-color: #f9fafa;
|
|
background-position: right;
|
|
opacity: .5;
|
|
text-align:right;
|
|
}
|
|
#search-homepage {
|
|
width:520px;
|
|
}
|
|
|
|
#limitedToClassGroup {
|
|
font-size: 1rem;
|
|
display: none;
|
|
}
|
|
#searchQueryResults {
|
|
font-size: 1.3rem;
|
|
font-family: "IPH Astra Serif";
|
|
margin-top: 25px;
|
|
color: #8B4513;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
img#downloadIcon {
|
|
display: inline;
|
|
vertical-align: bottom;
|
|
}
|
|
#limitedToType {
|
|
font-size: 1rem;
|
|
display: none;
|
|
}
|
|
|
|
.filter-default {
|
|
background: url(../images/filteredSearch.gif) 0 0 no-repeat;
|
|
}
|
|
.filter-active {
|
|
background: url(../images/filteredSearchActive.gif) 0 0 no-repeat;
|
|
}
|
|
#filter-search-nav {
|
|
background-color: #2d3535;
|
|
color: #fff;
|
|
background-color: #2d3535;
|
|
color: #fff;
|
|
right: 109px;
|
|
}
|
|
#filter-search-nav li {
|
|
background-image: none;
|
|
padding-left: 0;
|
|
margin-left: 0;
|
|
}
|
|
#filter-search-nav a.active,
|
|
#stats p,
|
|
p.request-account a,
|
|
ul#header-nav a {
|
|
color: #fff;
|
|
font-family: "Roboto";
|
|
}
|
|
#filter-search-nav a {
|
|
border-bottom: 1px dotted #4f5656;
|
|
color: #1483A4;
|
|
}
|
|
|
|
/* BROWSE ------> */
|
|
ul#browse-classgroups a {
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
}
|
|
ul#browse-classgroups a.selected,
|
|
ul#browse-classgroups a:hover,
|
|
ul#classes-in-classgroup a:hover,
|
|
ul#classes-in-classgroup a.selected,
|
|
ul#vgraph-classes a:hover,
|
|
ul#vgraph-classes a.selected {
|
|
background: url(../images/arrow.gif) 0 10px no-repeat;
|
|
color: #2ea0cf;
|
|
}
|
|
svg text:hover {
|
|
color: #2EA0CF;
|
|
}
|
|
p.view-all {
|
|
clear: both;
|
|
width: 200px;
|
|
font-size: 14px;
|
|
text-align: right;
|
|
color: #303e4e;
|
|
}
|
|
a.view-all-style {
|
|
color: #303e4e
|
|
}
|
|
|
|
/* HOME STATS-----> */
|
|
|
|
.home-sections {
|
|
/* border-top: 1px dotted #dbe3e3; /* stroke */
|
|
/* border-bottom: 1px dotted #dbe3e3; /* stroke */
|
|
/* background-color: #fff; /* layer fill content */
|
|
|
|
}
|
|
.home-sections h4 {
|
|
/*border-top: 1px solid rgba(220,228,227,.42); /* stroke */
|
|
/*border-bottom: 1px solid rgba(220,228,227,.42); /* stroke */
|
|
background-color: none; /* layer fill content */
|
|
/*border-bottom: 2px solid #62b6d7;*/
|
|
color: #DD9F00;
|
|
font-size: 1.5em;
|
|
line-height: normal;
|
|
margin-left: 0px;
|
|
|
|
}
|
|
|
|
section#home-stats.home-sections {
|
|
display: flex !important;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
#home-stats h4 {
|
|
padding-bottom: 0px;
|
|
display: block;
|
|
height: 1.5rem;
|
|
font-family: "Roboto";
|
|
}
|
|
|
|
|
|
#home-stats {
|
|
margin-top: 0px !important;
|
|
height: 120px;
|
|
width: 40%;
|
|
}
|
|
|
|
#stats {
|
|
margin-top: 5px;
|
|
width: auto;
|
|
}
|
|
|
|
#stats li {
|
|
-moz-border-radius: 6px;
|
|
-webkit-border-radius: 6px;
|
|
background-color: #4c4c4c;
|
|
border-width: 2px;
|
|
border-radius: 6px; /* border radius */
|
|
-moz-background-clip: padding;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box; /* prevents bg color from leaking outside the border */
|
|
border-color: #DD9F00;
|
|
border-style: solid;
|
|
color: #fff;
|
|
margin-top: 0px;
|
|
margin-right: 0px;
|
|
width:90px;
|
|
}
|
|
|
|
|
|
|
|
#stats >li {
|
|
height: 60px;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
#stats li:first-child {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
|
|
#stats li a:hover {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
#stats .stats-count {
|
|
font-size: 2.2em;
|
|
padding-top: 8px;
|
|
height: 28px;
|
|
vertical-align: middle;
|
|
border-bottom: 1px dashed #ffffff;
|
|
font-family: "Roboto";
|
|
}
|
|
|
|
#stats .stats-type {
|
|
height: 23px;
|
|
padding-top: 0px;
|
|
margin-top: 0px;
|
|
font-size: 1.1em;
|
|
font-family: "Roboto";
|
|
}
|
|
|
|
#stats .stats-count span {
|
|
color: #fff;
|
|
opacity: .5;
|
|
}
|
|
#home-research {
|
|
width: 297px;
|
|
float: left;
|
|
clear: both;
|
|
}
|
|
#home-research ul {
|
|
padding: 0.7em 0 0.6em 0.75em;
|
|
}
|
|
#home-research li {
|
|
line-height: 1.25em;
|
|
margin-top: 0.7em;
|
|
font-size: 0.9em;
|
|
}
|
|
#home-research li:last-child {
|
|
text-align:right;
|
|
padding: 4px 16px 0 0;
|
|
}
|
|
#home-research li span {
|
|
color: #fff;
|
|
background: url(../../../images/count-background.png) no-repeat;
|
|
width: 65px;
|
|
height: 27px;
|
|
display: inline-block;
|
|
padding: 6px 8px 0 0;
|
|
margin-left: 4px;
|
|
text-align: center;
|
|
}
|
|
#home-academic-depts {
|
|
width: 297px;
|
|
margin-left: 15px;
|
|
float: left;
|
|
}
|
|
#home-academic-depts h4,
|
|
#home-faculty-mbrs h4,
|
|
#home-geo-focus h4,
|
|
#home-research h4 {
|
|
display: inline;
|
|
padding: 3px 10px;
|
|
}
|
|
#home-academic-depts ul {
|
|
list-style: disc outside url(../../../images/arrowIcon.gif);
|
|
padding: 0.4em 0 0.6em 1.8em;
|
|
}
|
|
#home-academic-depts li {
|
|
line-height: 1.25em;
|
|
padding-top: 1.0em;
|
|
padding-right: 4px;
|
|
font-size: 0.9em;
|
|
}
|
|
#home-faculty-mbrs {
|
|
width: 297px;
|
|
margin: 0 0 20px 15px;
|
|
float: left;
|
|
}
|
|
div#tempSpacing {
|
|
margin-top:30px;
|
|
padding-left:20px;
|
|
height:325px;
|
|
}
|
|
div#research-faculty-mbrs {
|
|
font-size: 0.9em;
|
|
line-height: 16px;
|
|
}
|
|
div#research-faculty-mbrs li.individual {
|
|
clear: both;
|
|
}
|
|
div#research-faculty-mbrs ul li.individual:first-child {
|
|
clear: both;
|
|
padding-top: 20px
|
|
}
|
|
div#research-faculty-mbrs li h1 {
|
|
padding: 6px 0 2px 0;
|
|
}
|
|
div#research-faculty-mbrs li img {
|
|
width: 60px;
|
|
float: left;
|
|
padding: 0px 8px 10px 10px;
|
|
}
|
|
div#research-faculty-mbrs li span.title {
|
|
display: block;
|
|
font-size: 0.825em;
|
|
line-height: 1.25em;
|
|
padding-bottom: 8px;
|
|
}
|
|
div#research-faculty-mbrs ul#viewMoreFac {
|
|
list-style:none;
|
|
}
|
|
div#research-faculty-mbrs ul#viewMoreFac li {
|
|
text-align:right;
|
|
padding: 0 16px 8px 0;
|
|
clear:both;
|
|
}
|
|
div#adjImgHeight {
|
|
height:65px;
|
|
overflow:hidden;
|
|
float:left;
|
|
margin-bottom:10px;
|
|
}
|
|
#home-geo-focus {
|
|
clear: both;
|
|
display: inline-block;
|
|
margin-top: 30px;
|
|
height: 632px;
|
|
width: 921px;
|
|
}
|
|
#home-geo-focus div#timeIndicatorGeo {
|
|
text-align:center;
|
|
margin-top:100px;
|
|
}
|
|
/* FOOTER------> */
|
|
|
|
#footerWrapper {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
width: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
div#footerWrapper >nav {
|
|
width: 30%;
|
|
font-family: "Roboto";
|
|
font-style: normal;
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
footer {
|
|
padding: 0px 0px 0px 0px;
|
|
clear: both;
|
|
width: 100%;
|
|
height: 120px;
|
|
margin: 0 auto;
|
|
font-size: .7em;
|
|
color: #ffffff;
|
|
background-color: #4c4c4c;
|
|
}
|
|
footer p.copyright {
|
|
float: left;
|
|
padding-top: 55px;
|
|
/*padding-left: 30px;*/
|
|
width: 30%;
|
|
color: #ffffff;
|
|
font-family: "Roboto";
|
|
font-style: normal;
|
|
}
|
|
footer p.copyright small {
|
|
font-size: 1rem;
|
|
}
|
|
ul#footer-nav {
|
|
float: right;
|
|
list-style: none;
|
|
/* width: 30%;*/
|
|
height: 20px;
|
|
margin: 0;
|
|
padding: 0;
|
|
padding-top: 55px;
|
|
/*padding-right: 20px;*/
|
|
color: #ffffff;
|
|
}
|
|
ul#footer-nav li {
|
|
float: left;
|
|
display: block;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
border-right: 1px solid #c9c8c8;
|
|
}
|
|
ul#footer-nav li:last-child,
|
|
ul#header-nav li.last,
|
|
ul#individual-hasResearchArea li:last-child,
|
|
ul#individual-facultyMemberships li:last-child {
|
|
border-right: none;
|
|
}
|
|
#footer-nav a {
|
|
color: #ffffff;
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.2rem;
|
|
}
|
|
#footer-nav a:hover,
|
|
a.terms,
|
|
a.powered-by-vivo {
|
|
color: #DD9F00;
|
|
text-decoration: none;
|
|
}
|
|
a.terms:hover,
|
|
a.powered-by-vivo:hover {
|
|
color: #4e5051;
|
|
text-decoration: none;
|
|
}
|
|
p {
|
|
margin-bottom: 1.3em;
|
|
}
|
|
|
|
/* STYLED BUTTONS ------> */
|
|
.button,
|
|
.button:visited {
|
|
background: #222 url(../images/alert-overlay.png) repeat-x;
|
|
display: inline-block;
|
|
padding: 7px 22px 8px;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
border-radius: 4px; /*This box should have a rounded corners in browsers supporting CSS3*/
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
border: 0;
|
|
}
|
|
.button:hover {
|
|
background-color: #111;
|
|
color: #fff;
|
|
}
|
|
.green,
|
|
ul#individual-tools li a,
|
|
ul#individual-tools-people li a {
|
|
color: #b2d15a;
|
|
}
|
|
.small.button,
|
|
.small.button:visited {
|
|
font-size: 11px
|
|
}
|
|
.button,
|
|
.button:visited {
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
}
|
|
.green.button,
|
|
.green.button:visited {
|
|
background-color: #DD9F00;
|
|
color: #fff;
|
|
}
|
|
.green.button:hover {
|
|
background-color: #DD9F00;
|
|
}
|
|
.blue.button,
|
|
.blue.button:visited {
|
|
background-color: #398aac;
|
|
color: #fff;
|
|
}
|
|
.blue.button:hover {
|
|
background-color: #58a2c1;
|
|
}
|
|
|
|
/* -------------------------------------------------> */
|
|
/* INDIVIDUAL LIST ---------------------------------> */
|
|
/* -------------------------------------------------> */
|
|
.pagination li.selectedNavPage {
|
|
color: #91b039;
|
|
}
|
|
.rdfLink a {
|
|
color: #84a655;
|
|
}
|
|
.individualList ul.individualData li {
|
|
border-right: solid 1px #a0a0a0;
|
|
}
|
|
.individualList ul {
|
|
margin-left: 0;
|
|
}
|
|
.individualList li,
|
|
.individualList li span {
|
|
color: #9c9c9c;
|
|
}
|
|
.individualList li a {
|
|
font-weight: normal;
|
|
color: #2485AE;
|
|
}
|
|
|
|
/* -------------------------------------------------> */
|
|
/* MENU PAGES --------------------------------------> */
|
|
/* -------------------------------------------------> */
|
|
|
|
/* VISUAL GRAPH------> */
|
|
.property-group,
|
|
#menupage-intro {
|
|
width: 100%;
|
|
text-align: left;
|
|
background: #fff;
|
|
}
|
|
#menupage-intro {
|
|
margin: 0.7em auto;
|
|
}
|
|
#menupage-intro h2 {
|
|
font-size: 1.4em;
|
|
color: #000000;
|
|
font-weight: normal;
|
|
padding: 0 25px 10px 20px;
|
|
font-family: Roboto;
|
|
display: none;
|
|
}
|
|
#menupage-intro.people h2 {
|
|
float: left;
|
|
}
|
|
#menupage-content.people {
|
|
border-right: 1px solid #e8ece9;
|
|
}
|
|
#menupage-content {
|
|
width: 900px;
|
|
}
|
|
#menupage-content h3 {
|
|
font-size: 1.5em;
|
|
color: #002b44;
|
|
font-weight: normal;
|
|
border-bottom: 1px solid #f3f3f4;
|
|
}
|
|
/* FIND BY ------> */
|
|
#find-by {
|
|
border: 1px solid #e4eae9;
|
|
}
|
|
#find-by h3 {
|
|
font-size: 1.125em;
|
|
color: #2485ae;
|
|
font-weight: normal;
|
|
}
|
|
ul#find-filters a:hover,
|
|
ul#find-filters a.selected {
|
|
background: url(../images/arrow.gif) 0 6px no-repeat;
|
|
color: #2ea0cf;
|
|
}
|
|
/* RESEARCHERS ------> */
|
|
#researchers {
|
|
width: 920px;
|
|
background: #f7f9f9;
|
|
border: 1px solid #d7e6e6;
|
|
}
|
|
#researchers h3 {
|
|
font-size: 1.25em;
|
|
color: #2485ae;
|
|
font-weight: normal;
|
|
background: url(../images/arrow.gif) 140px 27px no-repeat;
|
|
}
|
|
#researchers p {
|
|
font-size: 1.125em;
|
|
color: #5e6363;
|
|
}
|
|
#researchers-slider {
|
|
border: 1px solid #e8e8e8;
|
|
background: #fff;
|
|
}
|
|
#alpha-display {
|
|
font-size: 4.375em;
|
|
text-align: center;
|
|
float: left;
|
|
color: #2485ae;
|
|
border-right: 1px dotted #dde4e3;
|
|
font-weight: bold;
|
|
}
|
|
#profile-photo-display {
|
|
width: 600px;
|
|
}
|
|
#profile-photo-display img {
|
|
border: 1px solid #dde4e3;
|
|
}
|
|
#nav-display p {
|
|
font-size: 26px;
|
|
color: #2485ae;
|
|
}
|
|
#nav-display img {
|
|
border-left: 1px solid #e8e8e8;
|
|
}
|
|
/* BROWSE BY ------> */
|
|
#browse-by {
|
|
width: 100%;
|
|
}
|
|
nav#alpha-browse-container {
|
|
/* width: 894px;*/
|
|
float: left;
|
|
padding-left: 20px;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
#browse-by h2 {
|
|
background: #5e6363;
|
|
font-size: 1.375em;
|
|
color: #fff;
|
|
}
|
|
/* BROWSE CLASSES ------> */
|
|
ul#browse-classes {
|
|
border: 1px solid #efe9d9;
|
|
border-right: 0;
|
|
background-color: #efe9d9;
|
|
margin-left: 0px;
|
|
width: 25%;
|
|
outline-color: #efe9d9;
|
|
outline-style: solid;
|
|
outline-width: 1px;
|
|
min-height: 78px;
|
|
}
|
|
ul#browse-classes li,
|
|
ul#vgraph-classes li {
|
|
border-bottom: 1px solid #dde4e3;
|
|
font-size: 1em;
|
|
}
|
|
ul#browse-classes li {
|
|
width: 90%;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.2rem;
|
|
line-height: 1.3;
|
|
}
|
|
ul#browse-classes a:hover,
|
|
ul#browse-classes a.selected {
|
|
background: url(../images/arrow_brown.png) 4px 5px no-repeat;
|
|
color: #000000;
|
|
}
|
|
ul#browse-classes .count-classes {
|
|
font-size: 12px;
|
|
}
|
|
/* ALPHA BROWSE------> */
|
|
ul#alpha-browse-individuals {
|
|
background-color: #fff;
|
|
font-family: "IPH Astra Serif";
|
|
float: left;
|
|
width: auto;
|
|
list-style: none;
|
|
font-size: 1.6rem;
|
|
}
|
|
ul#alpha-browse-individuals a:hover,
|
|
ul#alpha-browse-individuals a.selected {
|
|
background: url(../images/arrow_small.png) -3px 8px no-repeat;
|
|
color: #DD9F00;
|
|
}
|
|
ul#alpha-browse-individuals .count-classes,
|
|
ul#vgraph-classes .count-classes {
|
|
font-size: .75em;
|
|
}
|
|
.alphaIndex,
|
|
tr.editformcell td select,
|
|
ul#alpha-browse-individuals li {
|
|
font-size: .8em;
|
|
}
|
|
.pagination.menupage {
|
|
font-size: 1rem;
|
|
font-family: "IPH Astra Serif";
|
|
margin-bottom: 10px;
|
|
margin-left: 0px;
|
|
}
|
|
.pagination li.selected {
|
|
font-size: 1.2rem;
|
|
background: #FDF5E6;
|
|
color: #8B4513;
|
|
}
|
|
nav#alpha-browse-container {
|
|
border-top: 1px solid #efe9d9;
|
|
background-color: #fff;
|
|
border-left: 1px solid #efe9d9;
|
|
border-bottom: none;
|
|
width: 73%;
|
|
}
|
|
/* BROWSE INDIVIDUALS------> */
|
|
#individuals-in-class {
|
|
width: 100%;
|
|
border-top: 1px solid #dde4e3;
|
|
background-color: #fff;
|
|
margin-right: 0;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
h3.selected-class {
|
|
padding-bottom: 0.3em;
|
|
color: #8B4513;
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.3rem;
|
|
}
|
|
|
|
#individuals-in-class li.individual {
|
|
border-bottom: 1px solid #dde4e3;
|
|
}
|
|
#individuals-in-class li img {
|
|
border: 2px solid #dde4e3;
|
|
}
|
|
#individuals-in-class li h1,
|
|
#property-group-menu ul,
|
|
article.property ul.property-list {
|
|
color: #5e6363;
|
|
font-size: 1em;
|
|
}
|
|
.pagination.menupage li a:hover {
|
|
font-size: 1.2rem;
|
|
background: #ffffff;
|
|
color: #8B4513;
|
|
}
|
|
.pagination h3 {
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.2rem;
|
|
}
|
|
li.individual {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
width: 100%;
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.3rem;
|
|
}
|
|
|
|
/* -------------------------------------------------> */
|
|
/* IMAGE UPLOAD-------------------------------------> */
|
|
/* -------------------------------------------------> */
|
|
/* <------ UPLOAD PICTURE*/
|
|
#photoUploadDefaultImage img {
|
|
border: 4px solid #DDE4E3;
|
|
}
|
|
#photoUploadForm {
|
|
border-left: 1px dotted #DDE4E3;
|
|
}
|
|
/* <------ CROP PICTURE*/
|
|
#photoCropping img {
|
|
border: 1px solid #DDE4E3;
|
|
}
|
|
#photoCropping {
|
|
margin-left: 20px;
|
|
padding-left: 40px;
|
|
background: url(../images/pointToCropPreview.jpg) 0 30px no-repeat;
|
|
}
|
|
#photoCroppingPreview {
|
|
width: 210px;
|
|
}
|
|
.photoCroppedPreview {
|
|
border: 4px solid #DDE4E3;
|
|
}
|
|
/* <------ DELETE PICTURE*/
|
|
#photoDeletingContainer {
|
|
border: 1px solid #bdbcbc;
|
|
}
|
|
/* -------------------------------------------------> */
|
|
/* INDIVIDUAL DISPLAY ------------------------------> */
|
|
/* -------------------------------------------------> */
|
|
|
|
/* ADMIN PANEL ------> */
|
|
#admin {
|
|
background-color: #efe9d9;
|
|
}
|
|
#admin h3 {
|
|
background: #DD9F00;
|
|
color: #fff;
|
|
}
|
|
#admin .uri-link,
|
|
#verbose-mode span {
|
|
color: #888c8c;
|
|
}
|
|
#admin a {
|
|
color: #8B4513;
|
|
}
|
|
/* INDIVIDUAL INTRO FOR ANY CLASS ------> */
|
|
.preferred {
|
|
padding-top: .2em;
|
|
}
|
|
#individual-intro h1 {
|
|
font-size: 1.375em;
|
|
color: #000000;
|
|
}
|
|
#individual-intro span.display-title,
|
|
h1.fn .display-title {
|
|
font-size: .825em;
|
|
color: #5e6363;
|
|
border-left: 1px solid #a6b1b0;
|
|
}
|
|
ul#individual-tools {
|
|
color: #8AA149;
|
|
}
|
|
h2#webpage {
|
|
font-weight: bold;
|
|
}
|
|
/* INDIVIDUAL INTRO - LEFT SIDE CONTENT ------> */
|
|
img.individual-photo {
|
|
border: 7px solid #ebebeb;
|
|
}
|
|
.rdf-url {
|
|
padding-top: .8em;
|
|
display: block;
|
|
}
|
|
ul#individual-tools {
|
|
color: #8AA149
|
|
}
|
|
#share-contact a.email,
|
|
#share-contact a.tel,
|
|
.editingForm .entryFormHead h2,
|
|
.header,
|
|
.navlinkblock {
|
|
color: #5f6464;
|
|
}
|
|
ul.individual-urls {
|
|
list-style: url(../images/arrow-brown.png);
|
|
}
|
|
ul.individual-urls li {
|
|
font-size: .875em;
|
|
line-height: 1.6em;
|
|
}
|
|
ul.individual-urls-people {
|
|
list-style: url(../../../images/individual/arrow-grey.gif);
|
|
}
|
|
/* INDIVIDUAL RIGHT CONTENT ------> */
|
|
#individual-info,
|
|
#property-group-menu a,
|
|
.grey,
|
|
h2#mainImage,
|
|
#share-contact h2,
|
|
h3.internal-auth {
|
|
color: #5e6363;
|
|
}
|
|
#individual-info {
|
|
border-bottom: 1px solid #8B4513;
|
|
font-family: "IPH Astra Serif";
|
|
}
|
|
#titleContainer {
|
|
font-family: "IPH Astra Serif";
|
|
width: auto!important;
|
|
}
|
|
#individual-info h1.fn {
|
|
font-size: 1.5rem;
|
|
color: #595B5B;
|
|
background-image: url(../images/circle_title.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
padding-left: 22px;
|
|
padding-bottom: 5px;
|
|
color: #000000;
|
|
font-family: "IPH Astra Serif";
|
|
border-right: none !important;
|
|
margin-top: 5px;
|
|
margin-right: 0px;
|
|
}
|
|
#individual-info h2 {
|
|
color: #5E6363;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
}
|
|
#individual-info h3 {
|
|
font-size: 1.125em;
|
|
line-height: 1.2em;
|
|
}
|
|
ul#individual-personInPosition {
|
|
font-size: 1em;
|
|
list-style: url("../images/arrow-brown.png");
|
|
}
|
|
ul#individual-personInPosition li {
|
|
line-height: 1.8em;
|
|
}
|
|
.individual-overview {
|
|
font-size: 1em;
|
|
padding-right: 10px;
|
|
padding-top: 10px;
|
|
width: 100%;
|
|
}
|
|
ul#individual-hasResearchArea li {
|
|
border-right: 1px solid #A6B1B0;
|
|
}
|
|
ul#individual-facultyMemberships li {
|
|
border-right: 1px solid #A6B1B0;
|
|
}
|
|
|
|
.display-title-not-editable {
|
|
color: #4F4F4F;
|
|
display: block;
|
|
padding-top: 7px;
|
|
padding-left: 10px;
|
|
border-left: 1px solid #5e6363;
|
|
}
|
|
|
|
/* INDIVIDUAL VISUALIZATION ------> */
|
|
.publication-year-range,
|
|
p.view-all-coauthors {
|
|
font-size: .875em;
|
|
}
|
|
a.all-vivo-publications {
|
|
font-size: .875em;
|
|
color: #5e6363;
|
|
}
|
|
/* <------ TEMPORAL GRAPH and MAP O' SCIENCE */
|
|
#temporal-graph h3 a,
|
|
#map-of-science h3 a {
|
|
color: #2485AE;
|
|
font-size: .8em !important;
|
|
text-decoration: underline;
|
|
vertical-align:text-top;
|
|
}
|
|
/* COAUTHORS ------> */
|
|
img.co-author {
|
|
border: 2px solid #ebebeb;
|
|
}
|
|
#co-authors h3,
|
|
#right-hand-column h3 {
|
|
font-size: 1.25em;
|
|
color: #2485ae;
|
|
}
|
|
/* PROPERTY GROUP MENU ------> */
|
|
#property-group-menu {
|
|
width: 920px;
|
|
background: #f1f2ee;
|
|
}
|
|
#property-group-menu li {
|
|
background: url(../../../images/individual/separator-property-group-nav.jpg) right 10px no-repeat;
|
|
}
|
|
#property-group-menu a:hover {
|
|
color: #002b44;
|
|
}
|
|
#property-group-menu li:last-child {
|
|
background: none;
|
|
}
|
|
/* PROPERTY GROUP ------> */
|
|
section.property-group h2,
|
|
#menupage-content h4 {
|
|
font-size: 1.25em;
|
|
color: #8B4513;
|
|
font-weight: normal;
|
|
}
|
|
article.property {
|
|
width: 95%;
|
|
}
|
|
article.property h3 {
|
|
background: #fafaf9;
|
|
font-size: 1.4rem;
|
|
color: #8B4513;
|
|
font-family: "IPH Astra Serif";
|
|
font-style: normal;
|
|
}
|
|
article.property ul.property-list li.subclass h3 {
|
|
font-size: 1.063em;
|
|
color: #5E6363;
|
|
}
|
|
article.property .data-property-statement {
|
|
background: #fff;
|
|
font-size: 1em;
|
|
color: #5e6363;
|
|
}
|
|
article.property ul.property-list li a {
|
|
/*color: #2485ae;*/ /* cappadona: seems unnecessarily specific and is overriding .more-less from individual.css so I'm commenting out for now */
|
|
line-height: 1.6em;
|
|
}
|
|
/* MISCELLANEOUS ------> */
|
|
.displace {
|
|
position: absolute;
|
|
left: -9999px;
|
|
}
|
|
|
|
.middle {
|
|
vertical-align: middle;
|
|
}
|
|
input[type="submit"] {
|
|
cursor: pointer;
|
|
}
|
|
.checkboxSpacer {
|
|
margin-left:80px;
|
|
}
|
|
p.address-line {
|
|
margin-bottom: 0.3em;
|
|
}
|
|
/* EDITING DISPLAY------> */
|
|
.edit-individual {
|
|
border-left: 1px dotted #B2D15A;
|
|
}
|
|
/* -------------------------------------------------> */
|
|
/* SITE ADMIN DASHBOARD ----------------------------> */
|
|
/* -------------------------------------------------> */
|
|
#adminDashboard .pageBodyGroup {
|
|
padding: 0 1em .5em 1em;
|
|
}
|
|
#adminDashboard .pageBodyGroup h3 {
|
|
background-color: #fff;
|
|
border-bottom: 1px dotted #AFB2B2;
|
|
font-weight: bold;
|
|
padding: .625em;
|
|
color: #8B4513;
|
|
margin-bottom: .625em;
|
|
}
|
|
#adminDashboard .pageBodyGroup ul {
|
|
margin: 0 0 1em .6em;
|
|
}
|
|
#adminDashboard .pageBodyGroup h4 {
|
|
color: #5E6363;
|
|
font-size: 1em;
|
|
margin-left: .6em;
|
|
font-weight: bold;
|
|
}
|
|
#adminDashboard .pageBodyGroup h4 a {
|
|
color: #5E6363;
|
|
font-size: 1em;
|
|
margin-left: 0;
|
|
font-weight: bold;
|
|
}
|
|
.siteAdmin.loggedIn >div#articleWrapper >div#wrapper-content >div.tab >h2 {
|
|
text-align: center;
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.5rem;
|
|
padding-bottom: 0px;
|
|
border-bottom: 1px solid #8B4513;
|
|
}
|
|
|
|
|
|
|
|
/* -------------------------------------------------> */
|
|
/* REVISION INFO -----------------------------------> */
|
|
/* -------------------------------------------------> */
|
|
|
|
#revision-build-date {
|
|
border-left: 1px solid #DFE6E6;
|
|
}
|
|
#revision-levels caption {
|
|
font-size: 18px;
|
|
color: #2485ae;
|
|
}
|
|
#revision-levels th {
|
|
font-weight: bold;
|
|
border: 1px solid #DFE6E6;
|
|
}
|
|
#revision-levels td {
|
|
border: 1px solid #DFE6E6;
|
|
}
|
|
|
|
/* -------------------------------------------------> */
|
|
/* IE message when JS is disabled -----------------> */
|
|
/* -------------------------------------------------> */
|
|
.ie-alert {
|
|
color: #f00;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* -------------------------------------------------> */
|
|
/* VERBOSE DISPLAY --------------------------------> */
|
|
/* -------------------------------------------------> */
|
|
section.verbosePropertyListing {
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
color: #5E6363;
|
|
}
|
|
section.verbosePropertyListing span {
|
|
color: #9bae5a;
|
|
}
|
|
h2#email .verbosePropertyListing,
|
|
h2#phoneNumber .verbosePropertyListing {
|
|
margin-top: 10px;
|
|
line-height: 1.4em;
|
|
}
|
|
article.property h3 {
|
|
padding: 10px 0 10px 20px;
|
|
margin: 0;
|
|
}
|
|
h2#personInPosition .verbosePropertyListing,
|
|
h2#hasResearchArea .verbosePropertyListing,
|
|
h2#preferredTitle .verbosePropertyListing {
|
|
display: block;
|
|
}
|
|
|
|
/* -------------------------------------------------> */
|
|
/* ACCOUNT PAGE ------------------------------------> */
|
|
/* -------------------------------------------------> */
|
|
form.customForm p {
|
|
margin-top: 8px;
|
|
}
|
|
section.accounts input.delete,
|
|
section.accounts input.delete:visited {
|
|
background-color: #FFF;
|
|
color: #8B4513;
|
|
border: 1px solid #8B4513;
|
|
}
|
|
section.accounts input.delete:hover {
|
|
color: #fff;
|
|
background-color: #ffffff;
|
|
border: 1px solid #8B4513;
|
|
}
|
|
input.add-account,
|
|
input.add-account:visited {
|
|
background: url(../images/addNewAccount.png) 0 center no-repeat;
|
|
color: #fff;
|
|
padding-left: 35px;
|
|
}
|
|
input.add-account:hover {
|
|
color: #fff;
|
|
background-color: #ffffff;
|
|
background: url(../images/addNewAccountOver.png) 0 center no-repeat;
|
|
}
|
|
.disabledSubmit {
|
|
color: #000000 ! important;
|
|
background-color: #DD9F00 ! important;
|
|
cursor: default ! important;
|
|
}
|
|
/* -------------------------------------------------> */
|
|
/* CONTACT FORM ------------------------------------> */
|
|
/* -------------------------------------------------> */
|
|
#contact_form input[type="text"] {
|
|
width: 20em;
|
|
}
|
|
#contact_form textarea {
|
|
width: 40em;
|
|
}
|
|
/* -------------------------------------------------> */
|
|
/* ASSOCIATE PROFILE -------------------------------> */
|
|
/* -------------------------------------------------> */
|
|
#associateProfileBackgroundThree {
|
|
padding:7px 94px 26px 12px;
|
|
margin-top:-136px;
|
|
}
|
|
#associateProfileBackgroundTwo {
|
|
padding:7px 94px 40px 0;
|
|
margin-top:-136px;
|
|
}
|
|
#associateProfileBackgroundFour {
|
|
margin-top:-12px;
|
|
}
|
|
|
|
/* -------------------------------------------------> */
|
|
/* CLASS HIERARCHY --------------------------------> */
|
|
/* -------------------------------------------------> */
|
|
span.headerSpanPlus {
|
|
width: 12px;
|
|
background: url(../images/green_plus_sign.gif) left center no-repeat;
|
|
cursor:default;
|
|
}
|
|
span.headerSpanMinus {
|
|
width: 12px;
|
|
background: url(../images/green_minus_sign.gif) left center no-repeat;
|
|
cursor:default;
|
|
}
|
|
span.subclassExpandPlus {
|
|
padding-right: 14px;
|
|
background: url(../images/green_plus_sign.gif) left center no-repeat;
|
|
cursor:default;
|
|
}
|
|
span.subclassExpandMinus {
|
|
padding-right: 14px;
|
|
background: url(../images/green_minus_sign.gif) left center no-repeat;
|
|
cursor:default;
|
|
}
|
|
/* -------------------------------------------------> */
|
|
/* PAGE MANAGEMENT --------------------------------> */
|
|
/* -------------------------------------------------> */
|
|
.expandArrow {
|
|
background:url(../images/green_plus_sign.gif) right center no-repeat;
|
|
min-height:18px;
|
|
}
|
|
.collapseArrow {
|
|
background:url(../images/green_minus_sign.gif) right center no-repeat;
|
|
min-height:18px;
|
|
}
|
|
|
|
.affiliations {
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.2rem;
|
|
font-weight: bold;
|
|
}
|
|
/* -------------------------------------------------> */
|
|
/* ARTICLESTYLES --------------------------------> */
|
|
/* -------------------------------------------------> */
|
|
.articleExcerpt {
|
|
background-color: #ffffff;
|
|
/*border: 1px solid #F6F6F6;*/
|
|
font-family: "IPH Astra Serif" !important;
|
|
font-size: 1.4rem !important;
|
|
}
|
|
.articleExcerpt >div.htmlExcerpt >p.Textbody {
|
|
font-family: "IPH Astra Serif" !important;
|
|
font-size: 1.3rem !important;
|
|
}
|
|
.htmlExcerpt >li >p.Textbody {
|
|
font-family: "IPH Astra Serif" !important;
|
|
font-size: 1.3rem !important;
|
|
}
|
|
.articleExcerpt >div.htmlExcerpt >p.Textbody >span {
|
|
font-family: "IPH Astra Serif" !important;
|
|
font-size: 1.3rem !important;
|
|
}
|
|
button.collapsible {
|
|
background-color: #F6F6F6;
|
|
/*border: 1px solid #F6F6F6 !important;*/
|
|
outline: none;
|
|
background-image: url(../images/arrow-down-big.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: 1% 50%;
|
|
padding-left: 40px !important;
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.4rem !important;
|
|
cursor: pointer;
|
|
padding: 18px;
|
|
width: 100%;
|
|
text-align: left;
|
|
border: none;
|
|
}
|
|
button.collapsible:visited {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
border: 0px;
|
|
}
|
|
|
|
button.collapsible.active {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
border: 1px solid #F6F6F6;
|
|
outline: none;
|
|
background-image: url(../images/arrow-top-big.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: 1% 50%;
|
|
}
|
|
button.collapsible.active:focus {
|
|
background-color: #F6F6F6;
|
|
border: 1px solid #F6F6F6;
|
|
}
|
|
button.collapsible.metadataAuthors {
|
|
background-color: #FFFAF0;
|
|
border-bottom: 1px dashed #9C9C9C;
|
|
padding: 18px;
|
|
width: 100%;
|
|
outline: none;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-top: 0px;
|
|
text-align:left;
|
|
margin-top: 0px;
|
|
background-image: url(../images/arrow-top.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: 1% 50%;
|
|
}
|
|
button.collapsible.metadataAuthors.active {
|
|
background-color: #ffffff;
|
|
border-bottom: 1px dashed #9C9C9C;
|
|
padding: 18px;
|
|
width: 100%;
|
|
outline: none;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-top: 0px;
|
|
text-align:left;
|
|
margin-top: 0px;
|
|
background-image: url(../images/arrow-down.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: 1% 50%;
|
|
}
|
|
.metadataAuthors {
|
|
margin-top: 10px;
|
|
padding-left: 15px;
|
|
}
|
|
.metadataRubrics {
|
|
margin-top: 10px;
|
|
padding-left: 15px;
|
|
}
|
|
button.collapsible.metadataRubrics {
|
|
background-color: #FFFAF0;
|
|
border-bottom: 1px dashed #9C9C9C;
|
|
padding: 18px;
|
|
width: 100%;
|
|
outline: none;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-top: 0px;
|
|
text-align:left;
|
|
margin-top: 0px;
|
|
background-image: url(../images/arrow-top.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: 1% 50%;
|
|
}
|
|
button.collapsible.metadataRubrics.active {
|
|
background-color: #ffffff;
|
|
border-bottom: 1px dashed #9C9C9C;
|
|
padding: 18px;
|
|
width: 100%;
|
|
outline: none;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-top: 0px;
|
|
text-align:left;
|
|
margin-top: 0px;
|
|
background-image: url(../images/arrow-down.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: 1% 50%;
|
|
}
|
|
.authors {
|
|
width: 100%;
|
|
border-top: 1px solid #8B4513;
|
|
margin-top: 20px;
|
|
margin-bottom: 10px;
|
|
text-align: right;
|
|
padding-top: 10px;
|
|
font-family: IPH Astra Serif;
|
|
font-style: italic;
|
|
font-size: 1.3rem;
|
|
}
|
|
.works {
|
|
font-family: IPH Astra Serif;
|
|
font-style: italic;
|
|
font-size: 1.2rem;
|
|
margin-left: 30px;
|
|
padding-left: 20px;
|
|
}
|
|
.works >li {
|
|
font-family: IPH Astra Serif;
|
|
font-style: italic;
|
|
font-size: 1.2rem;
|
|
margin-bottom: 1.3em;
|
|
display: list-item;
|
|
list-style-image: url(../images/bullet_icon.png);
|
|
}
|
|
.works >div.work >p {
|
|
font-family: IPH Astra Serif;
|
|
font-style: italic;
|
|
font-size: 1.2rem;
|
|
}
|
|
.works >h2.label {
|
|
background-image: url(../images/book_icon.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
padding-left: 40px;
|
|
font-family: IPH Astra Serif;
|
|
font-size: 1.4rem;
|
|
font-style: normal;
|
|
margin-left: -50px;
|
|
}
|
|
.virtualWorks {
|
|
font-family: IPH Astra Serif;
|
|
font-style: italic;
|
|
font-size: 1.2rem;
|
|
margin-top: 10px;
|
|
}
|
|
.virtualArticleWorks >div.virtualWorks >div.work {
|
|
background-image: url(../images/bullet_icon.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
margin-left: 30px;
|
|
padding-left: 20px;
|
|
}
|
|
.bibliography {
|
|
margin-left: 30px;
|
|
padding-left: 20px;
|
|
font-family: IPH Astra Serif;
|
|
font-style: italic;
|
|
font-size: 1.2rem;
|
|
}
|
|
.bibliography_entry >p {
|
|
font-family: IPH Astra Serif;
|
|
font-style: italic;
|
|
font-size: 1.2rem;
|
|
}
|
|
.excerptSearchResult {
|
|
margin-top: 15px;
|
|
font-family: "IPH Astra Serif";
|
|
font-style: normal;
|
|
font-size: 1.4rem;
|
|
border-bottom: 1px solid #dde4e3;
|
|
}
|
|
.excerptSearchResult >a {
|
|
font-family: IPH Astra Serif;
|
|
font-style: normal;
|
|
font-size: 1.4rem;
|
|
}
|
|
.excerptSearchResult >a:hover {
|
|
color: #8B4513;
|
|
}
|
|
.virtualArticleBiblio >div.virtualBibliography {
|
|
margin-top: 10px;
|
|
}
|
|
.expandedAffilations {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
padding-left: 20px;
|
|
}
|
|
.expandedAffilations span {
|
|
color: #696969;
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.2rem;
|
|
line-height: 1.4em;
|
|
}
|
|
.virtualArticleSwitch {
|
|
border-top: 1px solid #8B4513;
|
|
}
|
|
.virtualArticleSwitch >label.switch {
|
|
font-family: IPH Astra Serif;
|
|
font-style: normal;
|
|
font-size: 1.3rem;
|
|
padding-bottom: 15px;
|
|
border-bottom: 1px solid #dde4e3;
|
|
}
|
|
.virtualArticleBiblio >div.virtualBibliography >div.bibliography {
|
|
background-image: url(../images/bullet_icon.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
}
|
|
.searchhits li {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
ul.dropdown li#user-menu a {
|
|
font-family: "Roboto";
|
|
font-size: 1rem;
|
|
}
|
|
ul.dropdown ul.sub_menu {
|
|
background-color: #000000;
|
|
}
|
|
ul.dropdown ul.sub_menu li {
|
|
background: url(../images/arrow-menu-account.gif) 7px 8px no-repeat;
|
|
}
|
|
ul.dropdown ul.sub_menu li a {
|
|
background-color: #000000;
|
|
color: #ffffff !important;
|
|
}
|
|
ul.dropdown ul.sub_menu li a:hover {
|
|
color: #DD9F00;
|
|
}
|
|
.individual.loggedIn >div#articleWrapper {
|
|
width: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
}
|
|
.individual >div#articleWrapper {
|
|
width: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
}
|
|
.display.loggedIn >div#articleWrapper {
|
|
width: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
}
|
|
.display >div#articleWrapper {
|
|
width: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
}
|
|
.individual.loggedIn >div#articleWrapper >div#searchRightpanel {
|
|
width: 27%;
|
|
margin-left: 3%;
|
|
}
|
|
.individual >div#articleWrapper >div#searchRightpanel {
|
|
width: 30%;
|
|
margin-left: 3%;
|
|
}
|
|
.display > div#articleWrapper > div#searchRightpanel {
|
|
width: 30%;
|
|
margin-left: 3%;
|
|
}
|
|
.individual.loggedIn >div#articleWrapper >div#wrapper-content {
|
|
width: 70%;
|
|
}
|
|
.individual >div#articleWrapper >div#wrapper-content {
|
|
width: 70%;
|
|
}
|
|
.individual >div#articleWrapper >div#searchRightpanel >section#search >div.search-form-container >form#custom-search {
|
|
justify-content: right;
|
|
}
|
|
.individual.loggedIn >div#articleWrapper >div#searchRightpanel >section#search >div.search-form-container >form#custom-search {
|
|
justify-content: right;
|
|
}
|
|
.home.loggedIn >div#wrapper-content {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.home >div#wrapper-content {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.issues >div >p {
|
|
font-size: 1.3rem;
|
|
font-family: "IPH Astra Serif";
|
|
}
|
|
.rubrics >div#articleWrapper >div#wrapper-content >div.rubricContents >button.collapsible {
|
|
background-color: #efe9d9;
|
|
background-image: none;
|
|
padding-left: 1%;
|
|
}
|
|
.rubrics >div#articleWrapper >div#wrapper-content >button.collapsible {
|
|
padding-left: 1% !important;
|
|
}
|
|
.rubrics >div#articleWrapper >div#wrapper-content >div.rubricContents >div.rubricContents >button.collapsible {
|
|
background-image: none;
|
|
}
|
|
.rubrics >div#articleWrapper >div#wrapper-content >div.rubricContents >div.rubricContents >div.rubricContents >button.collapsible {
|
|
background-image: none;
|
|
}
|
|
.rubrics >div#articleWrapper >div#wrapper-content >div.rubricContents >div.rubricContents >div.rubricContents >div.rubricContents >button.collapsible {
|
|
background-image: none;
|
|
}
|
|
button.collapsible.active {
|
|
background-color: #F6F6F6;
|
|
}
|
|
.rubrics >div#articleWrapper >div#wrapper-content >button.collapsible {
|
|
background-color: transparent;
|
|
border-bottom: 1px solid #dde4e3 !important;
|
|
background-image: none;
|
|
}
|
|
.affiliations >span {
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.1rem;
|
|
}
|
|
.parentRubric >li >a {
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.2rem;
|
|
color: #8B4513;
|
|
}
|
|
.parentRubric >li {
|
|
margin-bottom: 8px;
|
|
}
|
|
.childRubric a {
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.2rem;
|
|
}
|
|
.childRubric {
|
|
list-style:none;
|
|
border:none;
|
|
padding: 5px;
|
|
width: 100%;
|
|
text-align:left;
|
|
}
|
|
.childRubric > a:hover {
|
|
color: #8B4513;
|
|
}
|
|
#individual-intro.person {
|
|
margin-top: 0px;
|
|
}
|
|
#articleHeaderWrapper {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
.keywords {
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.2rem;
|
|
}
|
|
.biblio >h2.label {
|
|
background-image: url(../images/book_icon.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.4rem;
|
|
padding-left: 40px;
|
|
}
|
|
.biblio >li {
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.2rem;
|
|
font-style: italic;
|
|
margin-bottom: 1.3em;
|
|
display: list-item;
|
|
list-style-image: url(../images/bullet_icon.png);
|
|
margin-left: 40px;
|
|
}
|
|
#individual-intro.person #individual-info {
|
|
width:80%;
|
|
margin-bottom: 0px;
|
|
}
|
|
#share-contact {
|
|
width: 16%;
|
|
}
|
|
li.nonSelectedGroupTab {
|
|
background-color: #efe9d9;
|
|
}
|
|
button#scrollToTopBtn {
|
|
all: unset;
|
|
background-image: url(../images/to_up.png);
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
cursor: pointer;
|
|
font-size: 0.8rem;
|
|
text-transform: uppercase;
|
|
font-family: "Roboto";
|
|
color: #ffffff;
|
|
height: 62px;
|
|
margin-top: 45px;
|
|
}
|
|
button#scrollToTopBtn:hover {
|
|
background-image: url(../images/to_up_hover.png);
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
}
|
|
span.iconControlsNotEditable {
|
|
top: 0px;
|
|
position: relative;
|
|
padding-top: 5px;
|
|
}
|
|
span.iconControlsEditable {
|
|
position: relative;
|
|
top: 0px;
|
|
padding-top: 5px;
|
|
}
|
|
.expandSwitch {
|
|
width: 20%;
|
|
font-family: "Roboto";
|
|
font-size: 1rem;
|
|
text-align: right;
|
|
/*background-color: #000000;*/
|
|
background-image: url(../images/expand-label-image.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: right bottom;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
#articleTitleWrapper {
|
|
width: 70%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: flex-start;
|
|
}
|
|
#articleIconsWrapper {
|
|
margin-top: 25px;
|
|
}
|
|
#print {
|
|
all: unset;
|
|
cursor: pointer;
|
|
padding-left: 8px;
|
|
padding-top: 5px;
|
|
}
|
|
.articleButtons {
|
|
width: 10%;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
#save {
|
|
all: unset;
|
|
}
|
|
#exportPdf {
|
|
all: unset;
|
|
}
|
|
|
|
#tocPlaceHolder {
|
|
margin-top: 10px;
|
|
border: 1px solid #8B4513;
|
|
}
|
|
#tocName {
|
|
text-align: center;
|
|
font-family: "Roboto";
|
|
font-size: 1.2rem;
|
|
border-bottom: 1px solid #8B4513;
|
|
padding-top: 7px;
|
|
padding-bottom: 7px;
|
|
}
|
|
#wrapperTocButtons {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
font-size: 1rem;
|
|
font-family: "Roboto";
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
border-bottom: 1px dashed #8B4513;
|
|
color: #000000;
|
|
background-color: #ffffff!important;
|
|
}
|
|
#tocExpandAll:hover {
|
|
cursor: pointer;
|
|
color: #8B4513;
|
|
}
|
|
#tocCollapseAll:hover {
|
|
cursor: pointer;
|
|
color: #8B4513;
|
|
}
|
|
#tocExpandImageAll {
|
|
float: left;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
padding-top: 2px;
|
|
}
|
|
#tocCollapseImageAll {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
padding-top: 2px;
|
|
float: right;
|
|
}
|
|
.tocElementSwitchImage {
|
|
padding-right: 10px;
|
|
cursor: pointer;
|
|
}
|
|
.tocElement >div.tocElement {
|
|
padding-left: 20px;
|
|
background-color: #ffffff;
|
|
}
|
|
.tocElement >div.tocElement >div.tocElementName {
|
|
padding-left: 14px;
|
|
background-image: none;
|
|
margin-left: 0px;
|
|
}
|
|
#tocPlaceHolder >div {
|
|
background-color: #F6F6F6;
|
|
}
|
|
#tocPlaceHolder a {
|
|
font-family: "Roboto";
|
|
font-size: 1rem;
|
|
}
|
|
.tocElementName {
|
|
padding-left: 5px;
|
|
margin-left: 8px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.display-title-editable {
|
|
font-size: 1.15em!important;
|
|
padding-top: 7px;
|
|
}
|
|
.collapsibleLink {
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.3rem;
|
|
cursor: pointer;
|
|
}
|
|
.collapsibleLink:hover {
|
|
color: #8B4513;
|
|
}
|
|
.label.collapsible {
|
|
padding-top: 10px;
|
|
padding-right: 10px;
|
|
padding-bottom: 10px;
|
|
border-bottom: 1px dashed #9C9C9C;
|
|
}
|
|
.collapsible.collapsed {
|
|
padding: 18px 18px 18px 10px;
|
|
}
|
|
.collapsible.collapsed >div.collapsibleLink {
|
|
background-image: url(../images/arrow-down-big.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
cursor: pointer;
|
|
padding-left: 30px;
|
|
}
|
|
.collapsible.expanded {
|
|
padding: 18px 18px 18px 10px;
|
|
border-bottom: 1px solid #dde4e3;
|
|
}
|
|
.collapsible.expanded >div.collapsibleLink {
|
|
background-image: url(../images/arrow-top-big.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
cursor: pointer;
|
|
padding-left: 30px;
|
|
}
|
|
.searchTOC {
|
|
display: none;
|
|
}
|
|
span#searchHelp {
|
|
display: none;
|
|
}
|
|
.searchpages >span {
|
|
font-size: 1.2rem;
|
|
font-family: "IPH Astra Serif";
|
|
background-color: #FDF5E6;
|
|
padding: 0 0.4em;
|
|
border-radius: 3px;
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
}
|
|
.searchpages a {
|
|
margin-left: 0.3em;
|
|
margin-right: 0.3em;
|
|
}
|
|
p.snippet {
|
|
font-size: 1.1rem;
|
|
}
|
|
.searchpages {
|
|
border-top: 1px solid #dde4e3;
|
|
padding-top: 20px;
|
|
}
|
|
.expandedContent {
|
|
padding-left: 20px;
|
|
padding-top: 10px;
|
|
margin-bottom: 10px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.expandedContent li {
|
|
padding: 5px;
|
|
}
|
|
.expandedContent a {
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.2rem;
|
|
}
|
|
.childArticle {
|
|
list-style:none;
|
|
border:none;
|
|
padding: 5px;
|
|
width: 100%;
|
|
text-align:left;
|
|
}
|
|
.childArticle a {
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.2rem;
|
|
}
|
|
.childExcerpt {
|
|
list-style:none;
|
|
border:none;
|
|
padding: 5px;
|
|
width: 100%;
|
|
text-align:left;
|
|
}
|
|
.childExcerpt a {
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.2rem;
|
|
}
|
|
input#expandCB {
|
|
display: none;
|
|
}
|
|
label.switch {
|
|
padding-top: 10px;
|
|
padding-right: 9px;
|
|
}
|
|
label.switch >#expandTextControl >img {
|
|
padding-left: 6px;
|
|
}
|
|
label.switch >#collapseTextControl >img {
|
|
padding-left: 6px;
|
|
}
|
|
.firstPub {
|
|
border-bottom: 1px solid #dde4e3;
|
|
padding-bottom: 10px;
|
|
background-color: #fffcf7;
|
|
padding-top: 10px;
|
|
padding-left: 15px;
|
|
}
|
|
.firstPub .label {
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.3rem;
|
|
margin-top: 0px;
|
|
}
|
|
.firstPub li {
|
|
font-family: "IPH Astra Serif";
|
|
font-size: 1.2rem;
|
|
}
|
|
/* -------------------------------------------------> */
|
|
/* FONTS --------------------------------> */
|
|
/* -------------------------------------------------> */
|
|
@font-face {
|
|
font-family: "IPH Serif";
|
|
font-weight: normal;
|
|
src: url("../fonts/IPHSerif-Regular.woff2") format("woff2"),
|
|
url("../fonts/IPHSerif-Regular.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "IPH Serif";
|
|
font-style: italic;
|
|
src: url("../fonts/IPHSerif-Italic.woff2") format("woff2"),
|
|
url("../fonts/IPHSerif-Italic.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "IPH Serif";
|
|
font-weight: bold;
|
|
src: url("../fonts/IPHSerif-Bold.woff2") format("woff2"),
|
|
url("../fonts/IPHSerif-Bold.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "IPH Serif";
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
src: url("../fonts/IPHSerif-BoldItalic.woff2") format("woff2"),
|
|
url("../fonts/IPHSerif-BoldItalic.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "IPH Astra Serif";
|
|
font-weight: normal;
|
|
src: url("../fonts/IPHAstraSerif-Regular.woff2") format("woff2"),
|
|
url("../fonts/IPHAstraSerif-Regular.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "IPH Astra Serif";
|
|
font-weight: bold;
|
|
src: url("../fonts/IPHAstraSerif-Bold.woff2") format("woff2"),
|
|
url("../fonts/IPHAstraSerif-Bold.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "IPH Astra Serif";
|
|
font-style: italic;
|
|
src: url("../fonts/IPHAstraSerif-Italic.woff2") format("woff2"),
|
|
url("../fonts/IPHAstraSerif-Italic.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "IPH Astra Serif";
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
src: url("../fonts/IPHAstraSerif-BoldItalic.woff2") format("woff2"),
|
|
url("../fonts/IPHAstraSerif-BoldItalic.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "Roboto";
|
|
font-weight: normal;
|
|
src: url("../fonts/Roboto-Regular.woff2") format("woff2"),
|
|
url("../fonts/Roboto-Regular.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "Roboto";
|
|
font-weight: bold;
|
|
src: url("../fonts/Roboto-Bold.woff2") format("woff2"),
|
|
url("../fonts/Roboto-Bold.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "Roboto";
|
|
font-style: italic;
|
|
src: url("../fonts/Roboto-Italic.woff2") format("woff2"),
|
|
url("../fonts/Roboto-Italic.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "Roboto";
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
src: url("../fonts/Roboto-BoldItalic.woff2") format("woff2"),
|
|
url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
|
|
}
|
|
/* -------------------------------------------------> */
|
|
/* SCREEN RESOLUTION --------------------------------> */
|
|
/* -------------------------------------------------> */
|
|
@media screen and (max-width: 1630px) {
|
|
#querybuilder-container {
|
|
width: 70%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1500px) {
|
|
#branding {
|
|
width: 90%;
|
|
}
|
|
ul#main-nav {
|
|
width: 90%;
|
|
}
|
|
#wrapper-content {
|
|
width: 90%;
|
|
}
|
|
#switch-to-extended-searchform {
|
|
width: 100%;
|
|
}
|
|
#querybuilder-container {
|
|
width: 70%;
|
|
}
|
|
#footerWrapper {
|
|
width: 90%;
|
|
}
|
|
.individual >div#articleWrapper {
|
|
width: 90%;
|
|
}
|
|
.individual.loggedIn >div#articleWrapper {
|
|
width: 90%;
|
|
}
|
|
.display.loggedIn >div#articleWrapper {
|
|
width: 90%;
|
|
}
|
|
.display >div#articleWrapper {
|
|
width: 90%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1300px) {
|
|
#branding {
|
|
width: 100%;
|
|
}
|
|
ul#main-nav {
|
|
width: 100%;
|
|
}
|
|
h1.vivo-logo {
|
|
top: 45px;
|
|
}
|
|
#wrapper-content {
|
|
width: 95%;
|
|
}
|
|
#querybuilder-container {
|
|
width: 90%;
|
|
}
|
|
#footerWrapper {
|
|
width: 95%;
|
|
}
|
|
ul#alpha-browse-individuals {
|
|
font-size: 1.3rem;
|
|
}
|
|
ul#browse-classes {
|
|
width: 24%;
|
|
}
|
|
ul#browse-classes li {
|
|
font-size: 1.1rem;
|
|
}
|
|
.individual >div#articleWrapper {
|
|
width: 95%;
|
|
}
|
|
.individual.loggedIn >div#articleWrapper {
|
|
width: 95%;
|
|
}
|
|
.display.loggedIn >div#articleWrapper {
|
|
width: 95%;
|
|
}
|
|
.display >div#articleWrapper {
|
|
width: 95%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1100px) {
|
|
ul#alpha-browse-individuals {
|
|
font-size: 1.2rem;
|
|
}
|
|
ul#alpha-browse-individuals a {
|
|
padding-left: 4px;
|
|
}
|
|
h3.selected-class {
|
|
font-size: 1.2rem;
|
|
}
|
|
ul#alpha-browse-individuals a:hover, ul#alpha-browse-individuals a.selected {
|
|
background: none;
|
|
}
|
|
ul#main-nav {
|
|
font-size: 1rem;
|
|
}
|
|
#simple-search-container {
|
|
width: 70%;
|
|
}
|
|
#switch-to-extended-searchform {
|
|
width: 100%;
|
|
}
|
|
footer p.copyright small {
|
|
font-size: 0.8rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 900px) {
|
|
h1.vivo-logo {
|
|
background-size: 100%;
|
|
top: 50px;
|
|
}
|
|
ul#main-nav {
|
|
font-size: 1rem;
|
|
}
|
|
#main-nav li a {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
#wrapper-content {
|
|
width: 95%;
|
|
padding-top: 10px;
|
|
}
|
|
#querybuilder-container {
|
|
width: 100%;
|
|
}
|
|
#custom-search {
|
|
width: 80%;
|
|
}
|
|
#switch-to-extended-searchform {
|
|
width: 80%;
|
|
}
|
|
#projectDescription {
|
|
width: 100%;
|
|
}
|
|
#membersDescription {
|
|
width: 100%;
|
|
}
|
|
#contactDescription {
|
|
width: 100%;
|
|
}
|
|
#registrationDescription {
|
|
width: 100%;
|
|
}
|
|
#footerWrapper {
|
|
width: 100%;
|
|
}
|
|
#stats > li {
|
|
margin-left: 5px;}
|
|
#stats li {
|
|
width: 80px;
|
|
}
|
|
button.collapsible {
|
|
background-position: 2% 50%;
|
|
}
|
|
ul#alpha-browse-individuals a {
|
|
padding-left: 3px;
|
|
}
|
|
ul#browse-classes a {
|
|
line-height: 1.3em;
|
|
font-size: 0.92rem;
|
|
}
|
|
p.aboutProject {
|
|
padding-right: 10px;
|
|
}
|
|
#simple-search-container {
|
|
width: 80%;
|
|
}
|
|
#titleProject {
|
|
text-align: center;
|
|
background-image: none;
|
|
}
|
|
#registrationDescription >p.TableContents {
|
|
padding-left: 10px !important;
|
|
}
|
|
footer p.copyright {
|
|
padding-left: 30px;
|
|
}
|
|
ul#footer-nav {
|
|
padding-right: 30px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 800px) {
|
|
input.form-control {
|
|
font-size: 0.8rem;
|
|
}
|
|
input[type="text"],
|
|
select,
|
|
input[type="password"] {
|
|
font-size: 0.8rem;
|
|
}
|
|
.btn-success.set-json {
|
|
font-size: 0.8rem;
|
|
}
|
|
#btn-reset-button {
|
|
font-size: 0.8rem;
|
|
}
|
|
#btn-search-expand {
|
|
font-size: 0.8rem;
|
|
height: 44px;
|
|
}
|
|
.query-builder .btn-xs, .query-builder .btn-group-xs>.btn {
|
|
font-size: 0.8rem;
|
|
}
|
|
#SelectResults {
|
|
font-size: 0.8rem;
|
|
}
|
|
#hitsPerPageSelect {
|
|
font-size: 0.8rem;
|
|
}
|
|
#OuterWrapperButtons {
|
|
padding-top: 10px;
|
|
}
|
|
#builder_group_0 {
|
|
padding-bottom: 5px;
|
|
}
|
|
.btn.btn-xs.btn-success {
|
|
font-size: 0.8rem;
|
|
}
|
|
.btn.btn-xs.btn-danger {
|
|
font-size: 0.8rem;
|
|
}
|
|
.query-builder .btn-primary.active {
|
|
font-size: 0.8rem;
|
|
}
|
|
.btn.btn-xs.btn-primary {
|
|
font-size: 0.8rem;
|
|
}
|
|
ul#main-nav {
|
|
font-size: 0.9rem;
|
|
}
|
|
#main-nav li a {
|
|
padding-left: 14px;
|
|
padding-right: 14px;
|
|
}
|
|
#SearchTitle {
|
|
font-size: 1.1rem;
|
|
}
|
|
nav#alpha-browse-container {
|
|
width: 72%;
|
|
}
|
|
ul#browse-classes a {
|
|
font-size: 0.81rem;
|
|
line-height: 1.3em;
|
|
}
|
|
#menupage-intro h2 {
|
|
padding-bottom: 15px;
|
|
}
|
|
ul#alpha-browse-individuals {
|
|
font-size: 1rem;
|
|
}
|
|
ul#alpha-browse-individuals a {
|
|
padding-left: 1px;
|
|
}
|
|
#btn-get-standard-searchform {
|
|
font-size: 1.1rem;
|
|
padding-left: 24px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 720px) {
|
|
#stats li {
|
|
width: 80px;
|
|
}
|
|
#stats > li {
|
|
margin-left: 5px;
|
|
}
|
|
ul#main-nav {
|
|
font-size: 0.9rem;
|
|
}
|
|
#main-nav li a {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
#SearchTitle {
|
|
font-size: 1.1rem;
|
|
}
|
|
#backgroundForm {
|
|
height: 30px;
|
|
}
|
|
#btn-get-standard-searchform {
|
|
font-size: 1.1rem;
|
|
padding-top: 4px;
|
|
padding-left: 25px;
|
|
}
|
|
ul#browse-classes a {
|
|
font-size: 0.8rem;
|
|
line-height: 1.2em;
|
|
}
|
|
} |