2676 lines
72 KiB
CSS
Executable File
2676 lines
72 KiB
CSS
Executable File
/*
|
|
* Global Style Document for ResourceSpace
|
|
*
|
|
* Standard structural styling
|
|
*
|
|
*/
|
|
|
|
/* Default font-family */
|
|
body, input, textarea, select, h2, h3, h4, h5, h6, .Title, .ListviewTitleStyle, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget {
|
|
font-family: Tahoma, Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
select {font-size:1em; height:1.8rem;}
|
|
|
|
/*Create Base font for relative sizing*/
|
|
html {height:100%;-webkit-text-size-adjust: 100%;}
|
|
body {width:100%;height:100%; margin:0;padding:0;font-size:15px;text-align: center; line-height: 1.4; overflow: hidden;}
|
|
|
|
/*Basic tag setup for creating standards across platforms and browsers*/
|
|
p, h1, h2, h3, h4, h5 {padding:0; margin:0; vertical-align:top;}
|
|
p {padding:0 0 1em; margin:0; font-size:1em;}
|
|
h1 {padding:0.5em 0;margin:0;font-weight: normal;font-size: 1.5rem;}
|
|
h2 {padding:0.1em 0;margin:0;font-weight: normal;font-size:1.5em;}
|
|
h3 {font-size:1.25em; padding:0.5em 0 0.5em 0; margin:0;font-weight:normal;}
|
|
h4 {font-size:1em; padding:0.5em 0 0.5em; margin:0;font-weight:normal;}
|
|
h5 {font-size:0.75em; padding:0.5em 0 0.5em 0; margin:0;font-weight:normal;}
|
|
img {border:0}
|
|
em {font-style: italic;}
|
|
strong {font-weight: bold;}
|
|
ol, ul {margin:0 0 0 2.5em;padding:0 0 1em;}
|
|
ul ul, ul ol, ol ul, ol ol {margin:0 0 0 2.5em;padding:1em 0 0;}
|
|
li {padding:0 0 1em;margin:0;}
|
|
blockquote {padding:0 0 2em; margin:0 2.5em;}
|
|
blockquote blockquote {padding:1em 0 2em; margin:0 2.5em;}
|
|
a:link, a:visited {text-decoration:none;}
|
|
a:hover, a:active {text-decoration:underline;}
|
|
input,textarea {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
|
|
option {font-size:1em;}
|
|
|
|
p.tight {padding:0 0 0.75em;}
|
|
input[readonly] {background: none;}
|
|
input.defaultbutton {position: absolute; left: -100%; width: 0; height: 0;}
|
|
|
|
/* Form elements */
|
|
input, textarea, button, select, .RecordPanel .RecordDownloadSpace .DownloadDBlend a, .sp-replacer, .toolbox{
|
|
font-size: 0.875rem;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
input[type="text"], input[type="password"], input[type="url"],input[type="email"], input[type="number"], input[type="date"], textarea, select {
|
|
padding: 4px 6px 4px 8px;
|
|
vertical-align: middle;
|
|
min-height: 32px;
|
|
margin: 3px 0;
|
|
}
|
|
|
|
input[type="submit"], input[type="button"], button {
|
|
padding: 6px 14px;
|
|
vertical-align: middle;
|
|
min-height: 28px;
|
|
min-width: 100px;
|
|
margin: 3px 0;
|
|
}
|
|
|
|
input[type="submit"]:disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
input[type="file"] {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.TopInpageNavLeft select, .TopInpageNavLeft select:focus {
|
|
border: none;
|
|
}
|
|
|
|
.vjs-menu-button, .vjs-menu-button-popup, .vjs-resolution-button, .vjs-button {
|
|
box-shadow:none;
|
|
margin: 0px;
|
|
}
|
|
|
|
button, input[type=submit], input[type=button], .RecordPanel .RecordDownloadSpace .DownloadDBlend a, .UploadButton a {
|
|
background-image: none;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
font-weight: 600;
|
|
}
|
|
|
|
|
|
.RecordPanel .RecordDownloadSpace .DownloadDBlend .MissingFile a {
|
|
border-radius: 5px;
|
|
cursor: default;
|
|
}
|
|
.RecordPanel .RecordDownloadSpace .DownloadDBlend a {
|
|
line-height: 1.8rem;
|
|
padding: 0 1rem;
|
|
vertical-align: middle;
|
|
display: block;
|
|
margin: 0.15rem 0 0.3rem 0;
|
|
}
|
|
|
|
button, input[type=submit], input[type=button], .RecordPanel .RecordDownloadSpace .DownloadDBlend a {
|
|
text-align: center;
|
|
max-width: 500px;
|
|
}
|
|
|
|
#ResourceDownloadOptions td.DownloadFileName.AlternativeFile a {
|
|
background-color: transparent;
|
|
border-top: none;
|
|
box-shadow: none;
|
|
padding: 0px;
|
|
}
|
|
|
|
.AlternativeFileText { max-width: 165px; }
|
|
.AlternativeFileImage, .AlternativeFileText {
|
|
float: left;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.RecordPanel:not(.RecordPanelLarge) .DownloadFileSizePicker > #size {
|
|
max-width: 230px;
|
|
}
|
|
|
|
button:hover, input[type=submit]:hover, input[type=button]:hover, .RecordPanel .RecordDownloadSpace .DownloadDBlend a:hover,.UploadButton a:hover {
|
|
filter: brightness(1.08);
|
|
-moz-filter: brightness(1.08);
|
|
-webkit-filter: brightness(1.08);
|
|
}
|
|
|
|
button:active, input[type=submit]:active, input[type=button]:active, .RecordPanel .RecordDownloadSpace .DownloadDBlend a:active,.UploadButton a:active {
|
|
filter: brightness(0.92);
|
|
-moz-filter: brightness(0.92);
|
|
-webkit-filter: brightness(0.92);
|
|
}
|
|
|
|
/* Prevent iOS overriding button styling */
|
|
input[type=submit], input[type=button] {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
span+input {
|
|
margin-left: 2rem;
|
|
}
|
|
|
|
select, .sp-replacer {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDIyIDEzIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTQpIj4KICAgIDxyZWN0IHdpZHRoPSIyMiIgaGVpZ2h0PSIxMSIgeT0iMiIvPgogICAgPHBvbHlsaW5lIHN0cm9rZT0iIzJFOTlFNiIgc3Ryb2tlLXdpZHRoPSIyIiBwb2ludHM9IjkuNTk2IDEuNDc1IDkuNTk2IDguNTk2IDIuNDc1IDguNTk2IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA2LjAzNiA1LjAzNikiLz4KICA8L2c+Cjwvc3ZnPgo=);
|
|
background-repeat: no-repeat;
|
|
background-position: right 65%;
|
|
position: relative;
|
|
z-index: 0;
|
|
padding-right: 30px;
|
|
display: inline-block;
|
|
}
|
|
|
|
select:before {
|
|
content: "\f078";
|
|
display: inline-block;
|
|
font: normal normal normal 14px/1 "Font Awesome 5 Free", sans-serif;
|
|
font-weight: 600;
|
|
outline: 1px solid red;
|
|
text-rendering: auto;
|
|
position: absolute;
|
|
right: 2rem;
|
|
z-index: 1;
|
|
}
|
|
|
|
#clearbutton {margin: 10px 5px 0 0;width: 122px; font-weight: 600;}
|
|
#searchbutton{ width: 122px;margin: 10px 0 0 0; font-weight: 600;}
|
|
/*General tags*/
|
|
.clearer {clear:both;}
|
|
.clearerleft {clear:left;}
|
|
.Hidden {visibility: hidden;height: 0;width: 0;overflow: hidden;}
|
|
.nowrap {white-space:nowrap;}
|
|
.textcenter {text-align:center;}
|
|
.breakall {word-break:break-all;}
|
|
.underline{text-decoration: underline;}
|
|
.pageline{border-bottom: 1px solid #d7d7d7; margin-right:10px;margin-left:5px;}
|
|
.DisplayNone { display: none !important; }
|
|
.AbsoluteTopLeft { position: absolute; top: 0; left: 0; }
|
|
.PointerEventsNone { pointer-events: none; }
|
|
.MarginLeft1rem { margin-left: 1rem; }
|
|
.BorderBottom { border-bottom: 2px solid; }
|
|
|
|
/* General Form tags */
|
|
.checkoption {vertical-align: top;display: inline-block;width: 195px;margin: 2px;}
|
|
.checkbox {margin-right: 3px;vertical-align: top;display: inline-block;}
|
|
.checkboxtext {margin-right: 2px;width: 160px;display: inline-block;}
|
|
.checkboxes{margin-top: 5px;padding-left: 300px;}
|
|
.verticalcheckboxes {padding-left: 300px;}
|
|
|
|
.editcheckboxes {float:left;padding-left: 300px;}
|
|
|
|
.radioblock { float: left;padding-left: 300px;clear: left;margin-top: -1em;}
|
|
.radiotext label.customFieldLabel {float:none;}
|
|
.radiotext {margin-right: 2px;width: 160px;display: inline-block;}
|
|
.radio{margin-right: 3px;vertical-align: top;display: inline-block;}
|
|
.radiooption {vertical-align: top;display: inline-block;width: 195px;margin: 2px;}
|
|
#custom_access {padding-left: 300px;}
|
|
#custom_access .radiooptions{margin: 5px;}
|
|
|
|
/* Hide arrow on selects in IE */
|
|
select::-ms-expand
|
|
{
|
|
display: none;
|
|
}
|
|
/*General layout*/
|
|
#Header {
|
|
padding: 5px 25px 5px 25px;
|
|
margin:0;
|
|
text-align:left;
|
|
background-image:none;
|
|
/* z-index and overflow are required for MessageBox to appear */
|
|
z-index: 1 !important;
|
|
overflow: visible;
|
|
min-height: 47px;
|
|
}
|
|
|
|
#TextHeader{font-size:25px;float:left;}
|
|
#TextHeader a {text-decoration:none;}
|
|
#TextDesc{font-size:1em;float:left;display:block;clear:left;}
|
|
|
|
.headerlink {margin:20px 25px; position: absolute; display: block; width: 400px; height: 55px; top: 0; left: 0;}
|
|
.TeamCentreAlertIcon { position: relative; top: 3px;}
|
|
|
|
.ui-layout-container{
|
|
overflow:auto;
|
|
background-repeat: no-repeat;
|
|
background-position: center top;
|
|
background-size: cover;
|
|
transition: background-image 1s linear;
|
|
}
|
|
#HeaderNav1, #HeaderNav2 {
|
|
padding: 5px;
|
|
margin: auto 0;
|
|
}
|
|
#HeaderNav1 {
|
|
position: absolute;
|
|
top: 7px;
|
|
right: 10px;
|
|
}
|
|
#HeaderNav2 {
|
|
padding-top: 12px;
|
|
overflow: visible;
|
|
float: left;
|
|
}
|
|
.HeaderImgLink{
|
|
float: left;
|
|
height: 50px;
|
|
width: auto;
|
|
margin-right: 20px;
|
|
}
|
|
#HeaderImg{margin:0; max-height: 50px; margin-top: 3px;}
|
|
.HorizontalNav li a {display: inline-block;zoom: 1;}
|
|
h2#CollectionsPanelHeader {display:none;}
|
|
.HeaderLink a {
|
|
border-radius: 8px;
|
|
padding: 0 8px;
|
|
margin: 2px;
|
|
font-weight: 500;
|
|
}
|
|
.HeaderLink a.current {
|
|
background: #00000012;
|
|
}
|
|
.HorizontalNav li.HeaderLink {
|
|
padding: 0;
|
|
}
|
|
|
|
.ProfileImage { vertical-align:top; width:36px; height:36px; border-radius:36px}
|
|
|
|
#HeaderNav1 .fa-user, #HeaderNav1 .fa-bars
|
|
{
|
|
font-size: 24px;
|
|
}
|
|
|
|
/* Fix for .svg files */
|
|
img[src$=".svg"]
|
|
{
|
|
height: 100% !important;
|
|
}
|
|
|
|
/* Slim header with fixed top bar */
|
|
div#Header.SlimHeaderFixedPosition { width: 100%; position:fixed; top: 0; z-index: 1100; }
|
|
div#Header.SlimHeaderFixedPosition #HeaderNav1 { margin-right: 25px; }
|
|
div#Header.SlimHeaderFixedPosition #HeaderNav2 li:last-child { margin-right: 40px; }
|
|
div#CentralSpaceContainer.SlimHeaderFixedPosition { margin-top: 100px; }
|
|
|
|
/* Hide Header on Login page */
|
|
#Header.LoginHeader {display: none !important;}
|
|
|
|
.LoginHeaderImg {
|
|
max-width: 400px;
|
|
max-height: 60px;
|
|
display: block;
|
|
margin: 0 auto;
|
|
padding: 10px;
|
|
}
|
|
|
|
#Footer {clear: both; margin:20px 25px 38px 25px;padding:0;text-align:left;}
|
|
#FooterNavRight {float:right;text-align:right;margin-top: 10px;clear: right;}
|
|
#FooterNavRightBottom {float:right;text-align:right;margin-top: 10px;clear: right;font-size: 13px;}
|
|
#FooterNavLeft {float:left;text-align:left;margin-top: 10px;}
|
|
#FooterLanguages{margin-left:15px;}
|
|
#login_box #Footer {margin: 0 0 10px 0;}
|
|
|
|
#UICenter {
|
|
width: calc(100% - 295px - 30px);
|
|
margin-left: 30px;
|
|
}
|
|
|
|
#CentralSpaceContainer {
|
|
margin:0 15px 20px;
|
|
padding:0 0 0 0;
|
|
text-align:left;
|
|
}
|
|
#CentralSpaceContainerRestrict {margin:0 15px 20px 25px;padding:0;text-align:left;}
|
|
#CentralSpaceLogin {margin: 100px auto;padding:0;width: 600px;text-align:left; position: relative;}
|
|
#CentralSpace {text-align:left;position:relative;display: inline-block; width: 100%; min-height:500px;}
|
|
|
|
.TopInpageNav {clear: left;margin-bottom:10px;margin-right: 0;position:relative;min-height: 30px;}
|
|
.BottomInpageNav {clear: left;padding-top: 5px;margin: 20px 15px 20px 0; position:relative;}
|
|
.BottomInpageKey {margin-right: 15px; clear: left; text-align: left;}
|
|
.TopInpageNavLeft{float:left; width: 90%;}
|
|
.TopInpageNavRight{position:absolute;right:0;top:3px;width:max-content;text-align:right;}
|
|
.InpageNavLeftBlock {display:inline-block;text-align:left;margin: 0 20px 5px 0;}
|
|
.InpageNavRightBlock {display:inline-block;text-align:left;margin: 0 15px 0 0;}
|
|
.BottomInpageNavLeft {float:left;}
|
|
.BottomInpageNavRight{float:right;margin-right:10px;text-align:right;}
|
|
.BottomInpageNavRight .TopInpageNavRight {position:relative;}
|
|
.TopInpageNav a:link, .TopInpageNav a:visited, .BottomInpageNav a:link, .BottomInpageNav a:visited , #CentralSpaceLogin a:link, #CentralSpaceLogin a:visited {text-decoration:none;}
|
|
.TopInpageNav a:hover, .TopInpageNav a:active, .BottomInpageNav a:hover, .BottomInpageNav a:active, #CentralSpaceLogin a:hover, #CentralSpaceLogin a:active {text-decoration:underline;}
|
|
.InpageNavLeftBlock span.Selected {font-weight: bold;}
|
|
|
|
|
|
.HorizontalNav ul {padding:0.2em 0;margin:0;list-style:none;white-space: nowrap; overflow: hidden;font-size: 0;}
|
|
.HorizontalNav li {display:inline;padding:0 0.35em 0 0.5em;margin:0; font-size: 18px; line-height: 36px; zoom: 1;}
|
|
.HorizontalNav a:link, .HorizontalNav a:visited {text-decoration:none;}
|
|
.HorizontalNav a:hover, .HorizontalNav a:active {text-decoration:underline;}
|
|
.HorizontalWhiteNav li:first-child {border-left:none;}
|
|
.HorizontalNav li:first-child {border-left:none;}
|
|
#CollectionMinRightNav li:first-child {border-left:none;}
|
|
|
|
/*Collection layout*/
|
|
#CollectionMenu{width: 206px;position: absolute;left: 25px;top: 6px;text-align:left;}
|
|
#CollectionMenuExp{width: 216px;position: absolute;left: 25px;top: 6px;text-align:left;}
|
|
#CollectionSpace{font-size: 0.95em;text-align:left; margin-top: 3px;}
|
|
.CollectionSpace{position: absolute;left: 249px;top: 6px;}
|
|
.CollectionSpaceExp {position: absolute;left: 249px;top: 6px;font-size: 0.95em;text-align:left;}
|
|
.CollectionStatsAnon {margin-bottom:15px;}
|
|
.CollectBack h2 {font-size: 1.3em;}
|
|
#CollectionMenu ul {padding:0.2em 0;margin:0;list-style:none;}
|
|
#CollectionMenu li {padding:0;margin:0 8px 1px 0;float:left;white-space:nowrap;}
|
|
#CollectionMenuExp ul {padding:0.2em 0;margin:0;list-style:none;}
|
|
#CollectionMenuExp li {padding:0;margin:0 8px 1px 0;float:left;white-space:nowrap;}
|
|
.CollectBack a:link, .CollectBack a:visited {text-decoration:none;}
|
|
.CollectBack a:hover, .CollectBack a:active {text-decoration:underline;}
|
|
|
|
.CollectBack form {padding:0; margin:0;}
|
|
.CollectBack .SearchWidth {width: 190px;font-size: 0.9em;margin: 0 0;padding-right: 28px;}
|
|
.CollectBack .SearchWidthExp {width: 200px;font-size: 0.9em;margin: 0 0;padding: 0;}
|
|
.CollectBack .SearchItem {margin: 0 0 10px;padding: 0;}
|
|
.CollectBack .MinSearchItem {margin: 0;padding: 0;}
|
|
|
|
#CentralSpace .SearchWidth {width: 550px;font-size: 0.9em ;margin: 0 0;}
|
|
#CentraSpace .SearchWidthExp {width:200px;font-size: 0.9em ;margin: 0 0;padding: 0;}
|
|
#CentralSpace .SplitSearch {float: left; margin-left: 5px;margin-right: 5px;}
|
|
input[type="number"].NumberSearchWidth {width:80px; margin: 0 10px;}
|
|
|
|
.CollectionPanelShell {padding:5px;float: left;margin: 0 10px 10px 0;width: 110px;text-align: left;border-radius: 4px;}
|
|
.CollectionPanelInfo{width: 110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
|
|
.CollectionPanelThumb{max-height: 75px;}
|
|
.CollectionResourceAlign {width:110px;height:90px;text-align: center;vertical-align: middle;}
|
|
.CollectionPanelShell .nopreview {font-size:60px;}
|
|
|
|
#CollectionMinTitle{float: left;margin: 4px 10px 0 25px;}
|
|
#CollectionMinDropTitle{float: left;padding:0.2em 0;margin-top: 6px;}
|
|
#CollectionMinDrop{float: left;margin: 4px 0 0;padding:0.2em 0}
|
|
#CollectionMinDrop form{margin:0;padding:0}
|
|
#CollectionMinitems{float: left;margin: 5px 10px 0;padding:0.35em 0}
|
|
#CollectionMinRightNav{float: right;margin: 4px 25px 0 0;padding:0.2em 0}
|
|
#CollectionMinRightNav #toggleThumbsLink, #CollectionMinRightNav .ActionsContainer {float:right;}
|
|
.CollectionTitleLinks a {margin: 5px 4px;}
|
|
#CollectionMinDiv .ToggleThumbsContainer {float: left; padding: 0 12px 0 24px; margin-top: 9px;border-right: 1px solid #E0E0E0;}
|
|
#CollectionMinDiv #CollectionMinDropTitle {margin-left: 12px;}
|
|
|
|
#CollectionMinDrop .SearchWidth {width: 190px;margin:0; min-height: 20px;}
|
|
#CollectionMinDrop .SearchWidthExp {width: 200px;font-size: 0.7em ;margin:0;padding: 0;}
|
|
#CollectionMinRightNav ul {padding:0 0;margin:0;list-style:none;}
|
|
#CollectionMinRightNav li {display:inline;padding:0 0.35em 0 0.5em;margin:0;}
|
|
|
|
/* Chosen support - General */
|
|
.chosen-container .chosen-results li {word-wrap: normal;}
|
|
|
|
/* Chosen support - Collection bar */
|
|
.chosen-container.chosen-drop-up.chosen-container-active.chosen-with-drop .chosen-drop {border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
|
|
.chosen-container.chosen-drop-up.chosen-container-active.chosen-with-drop .chosen-single {border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
|
|
.chosen-container.chosen-drop-up .chosen-drop {top: auto; bottom: 100%;}
|
|
#CollectionDiv #CollectionMinDiv .chosen-drop {display:none;}
|
|
#CollectionDiv .chosen-results li.active-result {display:list-item; float:none; padding:5px 6px;}
|
|
#colselect2 .chosen-container, #CollectionMinDiv .ActionsContainer .chosen-container {text-align:left;}
|
|
|
|
/* Chosen support */
|
|
#CentralSpace .ChosenDateMonth {width:88px !important;}
|
|
#CentralSpace .ChosenDateDay, #CentralSpace .ChosenDateHour, #CentralSpace .ChosenDateMinute {width:60px !important;}
|
|
|
|
#CentralSpace .ChosenDateRangeMonth {width:115px !important;}
|
|
#CentralSpace .ChosenDateRangeDay {width:95px !important;}
|
|
#CentralSpace .ChosenDateRangeYear {width:100px !important;}
|
|
|
|
/*Right Search Box layout*/
|
|
#SearchBarContainer {height: 100%; float: right;}
|
|
#SearchBox {float: right; width: 295px;text-align:left; height: inherit; overflow-x: hidden;}
|
|
#SearchBoxPanel {width: inherit;}
|
|
#ResearchBoxPanel {width: 100%;}
|
|
#SearchBox .PopupCategoryTree {display: none; text-align: left; z-index: 999; padding: 5px; background: none; overflow-x: scroll;}
|
|
.PoweredByPanel {font-style: italic; margin: 0 15px 15px 15px; font-size: 13px;}
|
|
.PoweredByPanel img {max-width: 215px; margin-top: 8px;}
|
|
|
|
/*Resource Panel layout*/
|
|
.ResourcePanel {padding:0;margin:0 14px 14px 0;width: 200px;float:left;position:relative; overflow: hidden;}
|
|
.ResourcePanelPreview {height: 156px;width: 156px;margin: 3px;}
|
|
.ResourcePanelInfo {margin: 0;overflow:hidden;white-space:nowrap;padding:5px 5px 0 5px;text-align:justify;text-overflow: ellipsis; font-size: 13px; min-height: 19px;}
|
|
.ResourcePanelInfo.ResourcePanelTitle {font-size: 15px; min-height: 21px;}
|
|
.ResourcePanelCountry {margin-right: 5px;margin-left: 5px;margin-bottom: 0;float: left;clear: left;display:inline;}
|
|
.ResourcePanelIcons {padding: 5px;text-align:right;bottom:0;right:0;font-size:0;}
|
|
.ResourcePanelSmallIcons {padding-left: 5px;}
|
|
.ResourcePanelTop {position: absolute; width: 100%;}
|
|
.ImageWrapper {height:200px;display:block;padding:0;vertical-align: middle;text-align: center;clear: right;}
|
|
.ImageWrapperSmall {height:75px;display:block;padding:0;vertical-align: middle;text-align: center;clear: right;}
|
|
.ImageWrapperLarge {height:320px; display:block; padding:0; vertical-align: middle; text-align:center; clear:right;}
|
|
.ImageColourWrapper {display: inline-block;}
|
|
.ResourcePanel .nopreview {font-size:120px;margin-top:0.4em;}
|
|
.ResourcePanelLarge .nopreview {font-size:200px;margin-top:0.35em;}
|
|
.ImageStripLink .nopreview {font-size:150px;position: relative; left:-100px;left: -1em;top: -0.2em;}
|
|
|
|
.ResourceAlign {width:172px;height:177px;text-align: center;vertical-align: middle;}
|
|
.ResourceTypeIcon.fa-fw {height: 16px;float:right;margin: 3px; background: #ffffffcc; padding: 3px 4px 2px 4px; border-radius: 3px;}
|
|
.ResourcePanelShell a:link, .ResourcePanelShell a:visited {text-decoration:none;}
|
|
.ResourcePanelShell a:hover, .ResourcePanelShell a:active {text-decoration:underline;}
|
|
.ResourcePanelShell.ui-draggable {text-align: left;}
|
|
|
|
.ResourcePanelShellSmall {padding:0;float: left;margin: 0 15px 10px 0;width: 105px;}
|
|
.ResourcePanelSmall {padding:0;margin:0;width: 105px;padding-bottom:5px;}
|
|
.ResourceAlignSmall {width:105px;height:90px;text-align: center;vertical-align: middle;}
|
|
|
|
.ResourcePanelShellLarge {padding:0 0 10px; float: left;margin: 0 15px 0 0;width: 365px;}
|
|
.ResourcePanelShellLarge.ui-draggable {text-align: left;}
|
|
.ResourcePanelLarge {width: 320px;}
|
|
.ResourcePanelSmall .ResourcePanelIcons {font-size:0.8em;}
|
|
.ResourceAlignLarge {width:365px;height:365px;text-align: center;vertical-align: middle;}
|
|
|
|
.ResourcePanelIcons a, .CollectionPanelTools a {text-decoration:none; font-size: 16px;}
|
|
.ResourcePanelIcons a {padding: 5px;}
|
|
.ResourcePanelResourceID {font-size: 15px; text-align:left; display: block; }
|
|
.CollectionPanelTools .fa, .CollectionPanelTools .fas {font-size: 13px;}
|
|
.ListTools a {float: right;margin-left: 10px;text-decoration:none;}
|
|
.ResourcePanelIcons a:hover {text-decoration:none;}
|
|
.ListTools a:hover {text-decoration:none;}
|
|
a:hover .fa,.fa:hover {text-decoration:none !important;} /* Never underline a FontAwesome icon */
|
|
|
|
.ResourceSelect {display:block;float:right;}
|
|
.IconUserRatingStar {width:13px;height:15px;padding: 0;margin-bottom:6px;display: block;}
|
|
.IconUserRatingSpace {width:7px;height:10px;padding: 0;margin-bottom:6px;display: block;float: left;}
|
|
.ASC {display: inline;padding-right: 10px;}
|
|
.DESC {display: inline;padding-right: 10px;}
|
|
|
|
.thumbs-file-extension {
|
|
font-weight: 600;
|
|
background: #ffffffcc;
|
|
border-radius: 3px;
|
|
font-size: 12px;
|
|
padding: 3px 4px 1px 4px;
|
|
margin: 3px;
|
|
cursor: default;
|
|
float: left;
|
|
}
|
|
|
|
/*Resource Panel layout*/
|
|
.Listview {overflow-x:auto; margin: 0 0 25px 0; clear:both;border-radius:8px;}
|
|
.ListviewTight {margin: 5px 10px 5px 0;}
|
|
.Listview table{ width:100%;}
|
|
.Listview td, .Listview th {padding:6px 8px 6px 8px;vertical-align: top;}
|
|
.ListTools {text-align: right;}
|
|
.ListTitle {font-weight: bold;}
|
|
.Listview .IconStar {width:11px;height:12px;padding: 0;display: block;float:left;}
|
|
.ListViewBulkActions {margin-bottom: 15px;}
|
|
.ListViewBulkActions i {padding-right: 8px;}
|
|
.ListViewBulkActions span {cursor: pointer; margin-right: 5px; margin-left: 5px;}
|
|
.ListViewBulkActions span .DisabledLink {cursor: default;}
|
|
|
|
/*Search Panel layout*/
|
|
.SearchSpace {padding: 15px;width: auto;}
|
|
.SearchSpace p {padding:0 0 0.5em; margin:0; font-size:0.95em; line-height:1.1em;}
|
|
.SearchSpace form {padding:0; margin:0;}
|
|
.SearchSpace .SearchWidth {width: 250px;font-size: 1em;margin: 3px 0;}
|
|
.SearchSpace .SearchWidthHalf {width: 120px;margin: 5px 4px 5px 0;}
|
|
.SearchSpace .SearchWidthRight {margin-right:0;}
|
|
|
|
.SearchSpace .tick {margin:2px;}
|
|
.SearchSpace .tickindent {margin-left:12px;}
|
|
.SearchSpace .SearchItem {margin: 10px 0 0;padding: 0;font-weight: bold;}
|
|
.SearchSpace a:link, .SearchSpace a:visited {text-decoration:none;}
|
|
.SearchSpace a:hover, .SearchSpace a:active {text-decoration:underline;}
|
|
|
|
.ListDropdown {width: 115px;margin:0;padding-left: 8px;height:18px;}
|
|
|
|
/*Forms*/
|
|
#CentralSpaceLogin form {margin:0;padding:0;}
|
|
.Question{padding: 0.7em 0 0.7em 0.5em;}
|
|
.QuestionSubmit{ padding: 1em 0 1em 0.5em;}
|
|
.QuestionSubmit.QuestionSticky {
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
bottom: 0;
|
|
z-index: 2;
|
|
}
|
|
/* IE does not support position: sticky so fall back to standard styling */
|
|
@media all and (-ms-high-contrast:none) {
|
|
.QuestionSubmit.QuestionSticky {
|
|
border-top: none;
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
.Question label, .QuestionSubmit label{ width: 300px;float: left;margin-top: 0.3em;padding-right:10px;}
|
|
.Question .customFieldset { padding: 0; border: 0;}
|
|
.Question #capswarning { margin-left: 190px; display: none; font-weight: bold;}
|
|
.Question .stdwidth,.stdwidth, .dynamickeywords {width: 420px;font-size: 1em;}
|
|
.Question .medwidth,.medwidth{width: 285px;font-size: 1em;}
|
|
.Question .shrtwidth,.shrtwidth{width: 145px;font-size: 1em;}
|
|
.Question .vshrtwidth{width: 93px;font-size: 0.9em;}
|
|
.Question .medcomplementwidth{width: 105px;font-size: 1em;}
|
|
.Question .Inline {float: left;margin: 0 10px 0 0;vertical-align: middle;}
|
|
.Question .Inline label { float: none; font-weight: normal; margin-top: 0; width: auto; }
|
|
.Question .tickset {float: left;}
|
|
.Question .OptionTable, .Question .OptionToggle {margin: 0 0 0 190px;padding:0;}
|
|
.Question .InnerLabel {width:90px; margin-top: 0;}
|
|
.Question .ExifOptions {margin: 0 0 0 290px;padding:0;}
|
|
.questionSpacer{
|
|
width: 210px;
|
|
float: left;
|
|
margin-top: 0.3em;
|
|
}
|
|
|
|
.Question .indent {
|
|
float:left;
|
|
width: 600px;
|
|
}
|
|
|
|
.FormWide .Question label{width: 20%}
|
|
#UsergroupActionSection label {width: 300px}
|
|
.FormWide .Question .Inline label { width: auto; }
|
|
.FormWide .Question .stdwidth, .FormWide .Question .tickset{width: 70%; max-width: 625px;}
|
|
.FormWide .Question .tickset .stdwidth{width: 99%}
|
|
.FormWide .Question .FormHelp {margin: 0 10px 4px 20%;}
|
|
.FormWide .Question .FormHelp .FormHelpInner {width: 89%; margin-left: 10px; max-width: 625px; box-sizing: border-box; font-style: italic;}
|
|
.FormWide .Question .label-spacer {margin-left: calc(20% + 10px);}
|
|
|
|
.Question .Fixed { width: 300px;float: left;margin-top: 0.4em;font-weight: bold;}
|
|
.FormError{font-weight: bold;font-size: 1.1em;margin: 0 0 10px 190px;padding: 10px 0 0;}
|
|
.FormIncorrect {font-weight: bold;font-size: 1.1em;margin: 10px 0;text-align: center;padding: 5px; border-radius: 6px;}
|
|
.PageInformal, .PageInfoMessage{ font-weight: bold; font-size: 1.1em; margin: 15px 5px 10px 5px; text-align: center; padding: 3px; border-radius:4px; }
|
|
.AutoSaveStatus {font-weight: bold;float:right;padding:6px 0 0;min-width:100px;min-height:15px;}
|
|
.PurgeUsersMonths {width:4em;}
|
|
/*Record Panel layout*/
|
|
.RecordBox {margin: 20px 15px 15px 0;}
|
|
.PushedRecordBox:before {
|
|
content : "";
|
|
left : 20px;
|
|
right : 25px;
|
|
height : 5px;
|
|
display : block;
|
|
position: absolute;
|
|
width : auto;
|
|
border-top: 1px solid #666666;
|
|
}
|
|
.RecordPanel {padding: 15px 20px 15px 20px;}
|
|
.backtoresults {float: right;margin: 0.4em 0 0 0.25em;}
|
|
.backtoresults .upLink, .backtoresults .nextLink,.backtoresults .prevLink {
|
|
padding-left:4px;padding-right:4px;
|
|
margin-left:2px;
|
|
border-left: none;
|
|
}
|
|
.BackToResultsContainer {display: inline;}
|
|
.backtoresults .nextLink,.backtoresults .prevLink,.backtoresults .maxLink {font-size:1.1em;}
|
|
.backtoresults .maxLink {padding-left:20px;}
|
|
.backtoresults .closeLink {padding-left:5px;font-size:1.3em;}
|
|
|
|
.backtoresults .prevLink:hover,.backtoresults .nextLink:hover,.backtoresults .closeLink:hover,.backtoresults .maxLink:hover {text-decoration:none;}
|
|
.RequiredFieldLabel {display: inline-block; margin-left: 10px;}
|
|
|
|
.RecordPanel .RecordResource {position:relative;clear: left;}
|
|
.RecordPanel .Picture {margin: 0 auto;display: block;width: auto;max-width: 740px;}
|
|
#previewimagewrapper {float:left;margin: 0 15px 15px 0; position: relative; min-width: 740px; }
|
|
#openseadragon_viewer { width: 100%; height: 500px; } /* width and height in line with #previewimagewrapper and #previewimage, as best as it can. */
|
|
|
|
/* Larger layout changes */
|
|
.RecordPanelLarge #previewimagewrapper {float: none; text-align: center; margin: 0 0 10px 0;}
|
|
#previewimagewrapper .nopreview {
|
|
font-size: 150px;
|
|
margin: 30px 0 15px 0;
|
|
width: 740px;
|
|
text-align: center;
|
|
}
|
|
.RecordPanel.RecordPanelLarge .Picture {display: inline-block; max-width: 100%;}
|
|
.RecordPanel.RecordPanelLarge .RecordDownload {width: 70%; margin-right: 10px;}
|
|
.RecordPanel.RecordPanelLarge #ResourceDownloadOptions {
|
|
float: left;
|
|
margin-right: 3%;
|
|
clear: left;
|
|
}
|
|
.RecordPanel.RecordPanelLarge .RecordDownloadSpace {
|
|
padding: 6px 1rem;
|
|
overflow: hidden;
|
|
}
|
|
.RecordPanelLarge #ResourceToolsContainer, .FloatingOptions {
|
|
display: inline-grid;
|
|
}
|
|
|
|
|
|
|
|
.RecordPanel .PictureDoc {float: left;margin: 50px 130px;}
|
|
|
|
.RecordPanel .Detail {float: left;}
|
|
|
|
.RecordPanel form { margin:0; padding:0;}
|
|
.RecordPanel .Title {padding:0.1em 0 0.5em;font-size:1.25em;clear: left;}
|
|
|
|
.NoFind {font-size: 1.1em;margin: 50px 0 25px;text-align: center;padding: 1rem;border-radius: 4px;}
|
|
|
|
.RecordPanel .Col {float: left;width: 352px;margin-bottom: 10px;}
|
|
.RecordPanel .ColNarrow {float: left;width: 171px;margin-bottom: 10px;}
|
|
.RecordPanel .buffer {margin-right: 10px;}
|
|
.RecordPanel .itemNarrow {word-wrap: break-word; float: left;width: 170px;margin-right: 5px;position:relative; margin-top: 10px;padding-left: 10px;}
|
|
.RecordPanel .SearchSimilar {float: left;width: auto; margin: 0 10px 2px 0;padding: 0;}
|
|
.RecordPanel .item {word-wrap: break-word; overflow-wrap:anywhere; float: left;margin-left: 10px;margin-top: 10px;margin-right: 10px;position:relative;}
|
|
.RecordPanel .item h3, .RecordPanel .itemNarrow h3, th {margin: 0;padding: 0;text-transform: uppercase; font-size: 0.875rem;}
|
|
.RecordPanel .item p, .RecordPanel .itemNarrow p {margin: 0;padding: 0;}
|
|
.RecordPanel .RecordDownload {float: left; width: 423px; margin: 0 0 10px 0;}
|
|
.RecordPanel .RecordDownload table {width: 100%;margin: 0;padding: 0;}
|
|
.RecordPanel .RecordDownload table tbody { display: block; max-height: 320px; overflow-y: auto; }
|
|
.RecordPanel .RecordDownload td { padding: 5px 5px 5px 0;margin: 0;}
|
|
.RecordPanel .RecordDownload .DownloadDBlend td {margin: 0;vertical-align: middle;padding: 0.4rem 0.2rem;}
|
|
.RecordPanel .RecordDownload .DownloadDBlend td.Picker,
|
|
.RecordPanel .RecordDownload .DownloadDBlend td.DownloadButton { vertical-align: top; }
|
|
.RecordPanel .RecordDownload .DownloadDBlend td.Picker select { max-width: 280px; }
|
|
.RecordPanel .RecordDownload .DownloadDBlend td.Picker select[id$="size"] { min-width: 150px; }
|
|
.RecordPanel .RecordDownloadSpace {padding: 5px 10px 0 10px; border-top-right-radius: 8px;}
|
|
.RecordPanel .RecordDownloadSpace ul {padding:0.2em 0;margin:0;margin-top: 5px;list-style:none;}
|
|
.RecordPanel .RecordDownloadSpace li {padding:0;margin:0 12px 3px 0;float:left;min-width:198px;}
|
|
.RecordPanel .RecordDownloadSpace li a:hover {text-decoration:none;}
|
|
|
|
.RecordPanel .RecordDownloadSpace#DownloadsTab {overflow: hidden;}
|
|
.RecordPanel .RecordDownloadSpace#DownloadsTab td { width: 100%;}
|
|
.RecordPanel .RecordDownloadSpace .DownloadDBlend .DownloadButton {text-align: center;font-weight: bold;}
|
|
.RecordPanel .RecordDownloadSpace .DownloadDBlend h2 {margin:0;padding:0;font-size: 1em; text-align: left;}
|
|
.RecordPanel .RecordDownloadSpace .DownloadDBlend p {margin:0;padding:0; text-align: left;}
|
|
|
|
.RecordPanel.RecordPanelLarge #RecordDownloadTabContainer {width: 100%; margin-right: 10px;}
|
|
.RecordPanel.RecordPanelLarge .RecordDownload table {width: 67%;}
|
|
|
|
.RecordTools {display: inline-block; background: #FFF; border-radius: 8px; width: 445px; box-sizing: border-box;}
|
|
.RecordPanel .RecordDownloadSpace.RecordTools {padding-bottom: 5px;}
|
|
.RecordPanelLarge .RecordTools {width: calc(30% - 10px)}
|
|
|
|
.RecordStory {padding: 8px;}
|
|
.RecordStory h1{font-size:1.25em; padding:0.5em 0 0.5em 0; margin:0;}
|
|
|
|
.RecordPanel h2{font-size:1.25em; padding:0; margin:0.2em 0 0.2em 0;font-weight:normal;}
|
|
.RecordPanel p{padding:0; margin:0.5em 0 0.5em 0;}
|
|
|
|
/* Basic page */
|
|
.BasicsBox {margin: 15px 15px 10px 0;}
|
|
.BasicsBox h1 {padding: 0 0 0.5em;}
|
|
.BasicsBox h2 {font-size: 1.2em;margin-bottom: 4px;}
|
|
.BasicsBox .HorizontalNav ul {padding:0.2em 0;margin:0 0 1.5em;list-style:none;}
|
|
.BasicsBox .HorizontalNav li {display:inline;padding:0 0.9em 0 0;margin:0 0.5em 0 0;}
|
|
.BasicsBox .VerticalNav ul {padding:0.2em 0;margin:0 0 1em;list-style:none;}
|
|
.BasicsBox .VerticalNav li {padding:0 0.35em 0 0;margin:0 0.5em 0.5em 0;}
|
|
.nopadding,.nopadding .VerticalNav ul {padding:0;margin:0;}
|
|
.nopad, .BasicsBox .nopad {padding:0;}
|
|
|
|
/* Themes */
|
|
.ThemeBox {float: left;width: 250px;margin: 0 15px 15px 0;padding: 0;}
|
|
.ThemeBox ul {padding:0.2em 0;margin:0 0 0.5em;list-style:none;}
|
|
.ThemeBox li {padding:0 0.35em 0 0;margin:0 0.5em 0.25em 0.25em;}
|
|
|
|
/*Home styling */
|
|
.HomePanel {margin:15px 15px 0 0;width: 250px;float: left;}
|
|
.HomePanelIN {padding: 15px;min-height: 150px;}
|
|
.HomePanel h2 {display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
|
|
.HomePanel p {margin: 0; padding: 5px 0 4px 0;}
|
|
|
|
.HomePanelPromotedImageWrap {text-align:center;min-height:155px;vertical-align:middle;}
|
|
a.HomePanel {text-decoration:none; cursor:pointer;}
|
|
|
|
.TabBar {padding:8px 0 0 0;margin-bottom: -1px;}
|
|
.Tab a {margin:0 5px 0 0;padding:5px 1rem;display:inline-block; border-top-right-radius:6px;border-top-left-radius:6px;}
|
|
.Tab a:hover {text-decoration: none;}
|
|
.Tab {display:inline;}
|
|
.StyledTabbedPanel {
|
|
clear:left;
|
|
border-bottom-right-radius:10px;
|
|
border-bottom-left-radius:10px;
|
|
border-top-right-radius:10px;
|
|
}
|
|
.TabSelected {margin-right: 5px;}
|
|
.TabSelected a { margin: 0;}
|
|
#RecordDownloadTabButtons {width: 445px;}
|
|
.RecordPanelLarge #RecordDownloadTabButtons {width: 100%;}
|
|
.NonMetadataProperties { padding-bottom: 8px; }
|
|
div#Metadata > div.Title { padding-top: 0.3em; }
|
|
.RecordResource .RecordDownload .TabBar { padding: unset; }
|
|
|
|
.infotable {border-top: 1px solid #999999;}
|
|
.infotable td,.infotable th {border-bottom: 1px solid #999999;}
|
|
|
|
.TableArray{border: 1px solid #d4d4d4; border-radius: 4px; border-spacing: 0;}
|
|
.TableArray td:not(:last-child) {border-right: 1px solid #d4d4d4;}
|
|
table.TableArray:not(:first-of-type) {margin-top: 5px;}
|
|
|
|
.RecordStory .highlight {padding:2px;}
|
|
|
|
#InfoBox {display:none;position:absolute;top:0;left:0;width:362px;height:303px;background-repeat:no-repeat;}
|
|
#InfoBoxInner {margin:15px 32px 15px 18px;height:210px;overflow:hidden;}
|
|
#InfoBoxInner h2 {font-size:1.2em;}
|
|
#InfoBoxInner p {padding:0;margin:0 0 5px 0;}
|
|
|
|
#InfoBoxCollection {display:none;position:absolute;top:0;left:0;width:376px;height:112px;background-repeat:no-repeat;}
|
|
#InfoBoxCollectionInner {margin:6px 32px 10px 20px;height:90px;overflow:hidden;}
|
|
#InfoBoxCollectionInner h2 {font-size:1.2em;font-weight:bold;text-align:left;}
|
|
#InfoBoxCollectionInner p {padding:0;margin:0 0 5px 0;text-align:left;}
|
|
.InfoTable td {padding:10px;}
|
|
|
|
.PDFnav {font-size: 4em; padding:6px;font-weight:bold;}
|
|
.PDFnav:hover {text-decoration: none;}
|
|
|
|
.NewFlag { display: inline; font-size: 0.6em; margin-left: 5px; padding: 1px 3px; font-weight: bolder; }
|
|
.Breadcrumbs {float:left;margin-top:4px;}
|
|
.SearchBreadcrumbs {margin-top:15px;}
|
|
.SearchTitle {padding: 0;margin-top:-10px;margin-bottom:5px;}
|
|
.SearchTitle + p{padding-bottom: 7px;}
|
|
.SearchBreadcrumbs + .RecordHeader .SearchTitle {margin-top:0;}
|
|
|
|
.CategoryBox {overflow:auto;width:414px;height:80px;padding:2px;font-size:1em;}
|
|
.MiniCategoryBox {overflow:auto;width:240px;height:80px;padding:4px;font-size:1em;}
|
|
|
|
.CategoryTree {overflow:auto;width:420px;height:400px;display:none;}
|
|
.backline {
|
|
background-image: url(../gfx/interface/line.gif);
|
|
background-position: 14px 0;
|
|
background-repeat: repeat-y;
|
|
}
|
|
.node_parent_chosen_selector {
|
|
width: 200px;
|
|
}
|
|
|
|
.URLDisplay {width: 100%;font-size: 1em;}
|
|
|
|
.PageIntrotext{
|
|
padding-top: 8px;
|
|
}
|
|
|
|
.BreadcrumbsBox .HelpLink {
|
|
vertical-align: unset;
|
|
font-size: 15px;
|
|
}
|
|
|
|
/* Autocomplete dropdown CSS */
|
|
div.autocomplete {
|
|
position:absolute;
|
|
width:250px;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
div.autocomplete ul {
|
|
list-style-type:none;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
div.autocomplete ul li {
|
|
list-style-type:none;
|
|
display:block;
|
|
margin:0;
|
|
padding:2px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
/* user ratings */
|
|
.RatingCount {font-size:0.8em;}
|
|
.RatingStars {text-align:center;margin-bottom:5px;margin-top:5px;}
|
|
.RecordPanel .RecordDownloadSpace .DownloadDBlend .RatingStarsContainer a {line-height: unset; display: unset; background-color: unset; padding: 0; box-shadow: none;}
|
|
#RatingCount {display: inline-block;}
|
|
#UserRatingMessage {padding-left: 10px;}
|
|
|
|
/* CSS for the lightbox (for resource feedback) */
|
|
|
|
#lightbox{ position: fixed; left: 0; top:0;width: 100%; z-index: 120; text-align: center; line-height: 0;}
|
|
#lightbox img{ width: auto; height: auto;}
|
|
#lightbox a img{ border: none; }
|
|
.lightboxOverlay {z-index: 110;}
|
|
|
|
#outerImageContainer{ position: relative; width: 250px; height: 250px; margin: 0 auto; }
|
|
#imageContainer{ padding: 10px; }
|
|
|
|
#loading{ position: absolute; top: 40%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; }
|
|
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
|
|
#imageContainer>#hoverNav{ left: 0;}
|
|
#hoverNav a{ outline: none;}
|
|
|
|
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
|
|
#prevLink { left: 0; float: left;}
|
|
#nextLink, .sharelink { right: 0; float: right;}
|
|
|
|
#imageDataContainer{font-size: 0.7em; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
|
|
|
|
#imageData{padding:0 10px;}
|
|
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
|
|
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
|
|
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
|
|
|
|
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;}
|
|
|
|
.FormHelp{margin: 0 0 10px 310px;padding: 0; word-wrap:break-word;}
|
|
.FormHelpInner{width:408px;padding:5px;margin:10px 0 0 0;font-style: italic;}
|
|
.FormHelpInner a {font-weight: bold;}
|
|
.FormHelpInner p {padding: 0;}
|
|
|
|
#ThemeBox {padding:0;margin:0;text-align:left;width: 170px;}
|
|
#ThemeBoxPanel {width: 170px;padding:0;margin:0;}
|
|
|
|
.DownloadDisabled {font-weight: normal;}
|
|
|
|
.AltThumb { padding-right:5px; }
|
|
|
|
/* single file upload progress bar */
|
|
.meter-wrap{position: relative;width:290px;}
|
|
.meter-value {height: 10px;}
|
|
|
|
.SearchOptionNav {padding:0 20px 5px 0;float:left;}
|
|
.dynamickeywords {float:left;}
|
|
.keywordsselected {margin-top:10px;}
|
|
|
|
#ProcessingBox
|
|
{
|
|
position: absolute;
|
|
top:300px;
|
|
left: 30%;
|
|
font-size:150%;
|
|
width:450px;
|
|
padding:20px 30px;
|
|
z-index:99999;
|
|
display:none;
|
|
border-radius:5px;
|
|
}
|
|
|
|
#ProcessingBox h3
|
|
{
|
|
padding:0px;
|
|
}
|
|
|
|
#ProcessingBox p
|
|
{
|
|
padding: 0;
|
|
margin: 15px 0 0 0;
|
|
text-align:left;
|
|
font-size:60%;
|
|
}
|
|
#ProcessingBox i
|
|
{
|
|
padding: 10px;
|
|
}
|
|
|
|
.ui-widget-content {
|
|
border-radius: 15px;
|
|
}
|
|
|
|
#uploader .uppy-size--md .uppy-DashboardContent-addMore {
|
|
margin-right: 25px;
|
|
}
|
|
|
|
|
|
.uppy-Dashboard-browse{
|
|
font-size: 20px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.uppy-DashboardContent-addMore svg{
|
|
display:none;
|
|
}
|
|
|
|
.uppy-size--xl .uppy-Dashboard-Item {
|
|
width: calc(10% - 30px);
|
|
height: 125px;
|
|
}
|
|
|
|
.uppy-size--xl .uppy-Dashboard-Item-preview {
|
|
height: 60px;
|
|
}
|
|
|
|
.uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
|
|
object-fit: contain;
|
|
}
|
|
|
|
.uppy-StatusBar {
|
|
line-height: normal;
|
|
}
|
|
|
|
.uppy-Dashboard-Item.is-complete > .uppy-Dashboard-Item-fileInfoAndButtons > .uppy-Dashboard-Item-fileInfo > .uppy-Dashboard-Item-fileName > .uppy-Dashboard-Item-name {
|
|
display:none;
|
|
}
|
|
|
|
.uppy-Dashboard-Item.is-inprogress > .uppy-Dashboard-Item-fileInfoAndButtons > .uppy-Dashboard-Item-fileInfo > .uppy-Dashboard-Item-fileName > .uppy-Dashboard-Item-name {
|
|
display:none;
|
|
}
|
|
|
|
.uppy-DashboardTab-btn {
|
|
max-height:73px;
|
|
}
|
|
|
|
.uppy-ProviderBrowserItem-inner {
|
|
width: 100%;
|
|
}
|
|
|
|
.uppy-ProviderBrowser-searchInput[type="text"] {
|
|
padding-left: 27px;
|
|
margin: 0 8px;
|
|
}
|
|
|
|
#showlog,#hidelog
|
|
{
|
|
margin-top:10px;
|
|
}
|
|
|
|
.ui-layout-pane
|
|
{
|
|
overflow: auto;
|
|
transform: translateZ(0);
|
|
-webkit-transform: translateZ(0);
|
|
}
|
|
|
|
.ui-layout-pane-north {
|
|
overflow: auto
|
|
}
|
|
|
|
.InfoBoxResourceTypeIcon
|
|
{
|
|
float:right;clear:right;padding:10px 0 10px 10px;
|
|
}
|
|
.spacer
|
|
{
|
|
height: 8px;
|
|
}
|
|
.CollapsibleSectionHead
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
h2.CollapsibleSectionHead, h1.CollapsibleSectionHead
|
|
{
|
|
padding: 0.7em 0 0.5em 0;
|
|
}
|
|
|
|
.CollapsibleSection
|
|
{
|
|
margin:10px 5px 0 0;
|
|
}
|
|
|
|
/* Resource commenting */
|
|
#CommentsPanelHeader { display: table; width: 100%; }
|
|
#CommentsPanelHeaderRow { display: table-row;}
|
|
#CommentsPanelHeaderRowPolicyLink { margin-top:-10px;text-align: right; padding-right: 5px; display: table-cell;}
|
|
#CommentsContainer { width: 100%;}
|
|
.CommentEntry { margin-top: 10px; width: 600px; border-radius: 4px; padding: 8px;}
|
|
.CommentEntryInfoContainer {width: 100%;}
|
|
.CommentEntryInfo { width: 100%;}
|
|
.CommentEntryInfoCommenterName { font-weight: bolder; }
|
|
#CommentProfileImage { float:left; width:40px; height:40px; border-radius:40px; margin-right:10px}
|
|
.CommentEntryInfoCommenterEmail { font-size: 0.75em;}
|
|
.CommentEntryInfoCommenterWebsite{ font-size: 0.75em;}
|
|
.CommentEntryInfoDetails { display: table-cell; font-size: 0.75em;}
|
|
.CommentEntryInfoFlag{display: inline-flex;}
|
|
.CommentFlag{display: inline; margin-right: 12px;}
|
|
.CommentFlagged{display: inline; margin-right: 10px;}
|
|
.CommentBody{width: 100%; margin-top: 10px; margin-bottom: 10px;}
|
|
.CommentFlagReason{width: 100%; height: 60px;}
|
|
.CommentFlagFullname {margin-top: 5px; width: 150px;}
|
|
.CommentFlagEmail{margin-top: 5px; margin-left: 5px; width: 150px;}
|
|
.CommentFlagSubmit{margin-top: 5px; margin-bottom: 5px; }
|
|
.CommentFormFullname {margin-top: 5px; width: 170px;}
|
|
.CommentFormEmail{margin-top: 5px; margin-left: 5px; width: 220px;}
|
|
.CommentFormWebsiteURL{margin-top: 5px; margin-left: 5px; width: 189px;}
|
|
.comment_form .CommentFormSubmit{margin: 8px 0 0 0;}
|
|
.CommentFormBody {width: 600px; height: 60px; font-size: 1em; margin: 3px 0 0 0;}
|
|
.CommentRespond {display: inline-block; width: auto; margin-right: 12px;}
|
|
.TaggingHint {cursor: hand;display:block;width:588px;padding:5px;}
|
|
.TaggingHint::before {content: "\f02b "; font: normal normal normal 14px "Font Awesome 5 Free", sans-serif;font-weight: 600;}
|
|
.comment_form_container{padding: 8px; border-radius: 4px; width: 600px; margin-top: 5px;}
|
|
|
|
.collectionscompactstylespacer {height:25px;}
|
|
|
|
.Terms
|
|
{
|
|
padding: 6px;
|
|
width: 70%;
|
|
max-height: 300px;
|
|
overflow: auto;
|
|
clear:none;
|
|
}
|
|
|
|
/* Search bar resource types */
|
|
#searchbarrt
|
|
{
|
|
margin-top:10px;
|
|
}
|
|
|
|
#themeselect
|
|
{
|
|
width: 200px;
|
|
font-size: 1em;
|
|
margin-bottom:10px;
|
|
}
|
|
#themeviewall
|
|
{
|
|
display:block;
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
/* Search view icons */
|
|
.smalllisticon, .smalllisticonactive, .xlthumbsicon, .xlthumbsiconactive, .largethumbsicon, .largethumbsiconactive, .stripicon, .stripiconactive
|
|
{
|
|
padding-left: 3px;
|
|
width: 24px;
|
|
height: 24px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
.smalllisticon{background: url(../gfx/interface/listicon.svg) no-repeat 0; opacity: 0.65;}
|
|
.smalllisticonactive {background: url(../gfx/interface/listiconactive.svg) no-repeat 0;}
|
|
.xlthumbsicon{background: url(../gfx/interface/xlicon.svg) no-repeat 0; opacity: 0.65;}
|
|
.xlthumbsiconactive {background: url(../gfx/interface/xliconactive.svg) no-repeat 0;}
|
|
.largethumbsicon{background: url(../gfx/interface/largeicon.svg) no-repeat 0; opacity: 0.65;}
|
|
.largethumbsiconactive{background: url(../gfx/interface/largeiconactive.svg) no-repeat 0;}
|
|
.stripicon{background: url(../gfx/interface/stripicon.svg) no-repeat 0; opacity: 0.65;}
|
|
.stripiconactive{background: url(../gfx/interface/stripiconactive.svg) no-repeat 0;}
|
|
|
|
.icondisplay
|
|
{
|
|
margin-right: 10px;
|
|
margin-top: 3px;
|
|
padding: 4px 4px 4px 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.icondisplay .fa-map {
|
|
font-size:22px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
#searchSortOrderContainer, #resultsdisplay, .InpageNavLeftBlock {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.update_result_order_button {
|
|
display: inline-block;
|
|
padding: 6px 8px 5px 8px;
|
|
vertical-align: middle;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
#SearchResultFound {
|
|
padding-top: 7px;
|
|
min-width: 90px;
|
|
}
|
|
|
|
#contactadminbox textarea, #antispam {
|
|
width: 90%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
input.contactadminbutton {
|
|
margin-bottom: 10px;
|
|
margin-right: 10px;
|
|
width: 150px;
|
|
}
|
|
|
|
#ssearchbox {
|
|
margin-top:0;
|
|
padding: 4px 30px 4px 6px;
|
|
border: none;
|
|
}
|
|
|
|
.search-icon,
|
|
.search-icon:hover,
|
|
.search-icon:active {
|
|
float: left;
|
|
position: relative;
|
|
margin-top: -35px;
|
|
margin-left: 219px;
|
|
font-size: 17px;
|
|
box-shadow: none;
|
|
padding: 7px 6px 6px 6px;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
filter: unset;
|
|
-moz-filter: unset;
|
|
-webkit-filter: unset;
|
|
min-width: unset;
|
|
}
|
|
|
|
.CollectionsCompactToolsContainerDummy, .CollectionsCompactToolsContainer {display:inline-block;}
|
|
#GeoDragMode{margin-bottom: 10px;}
|
|
|
|
.sharerelatedresources {
|
|
float: left;
|
|
width: 65%;
|
|
}
|
|
|
|
.sharerelatedtype .CollectionPanelShell{
|
|
height: 150px;
|
|
}
|
|
|
|
.sharerelatedresources .Title {
|
|
margin-bottom: 10px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*Accessibility (screen readers)*/
|
|
.accessibility-hidden {
|
|
height: 1px;
|
|
width: 1px;
|
|
position: absolute;
|
|
left: -10000px;
|
|
top: auto;
|
|
overflow: hidden;
|
|
}
|
|
.collectionin {
|
|
text-align: center;
|
|
}
|
|
.ViewPanelTitles {
|
|
clear: left;
|
|
margin-bottom: 8px;
|
|
}
|
|
.ViewPanelTitles .Title {
|
|
border-bottom: 0;
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-right: 36px;
|
|
opacity: 0.4;
|
|
cursor: pointer;
|
|
}
|
|
.ViewPanelTitles .Selected {
|
|
opacity: 1;
|
|
}
|
|
#submissionResponse {padding-left: 300px;}
|
|
|
|
.upload_results {
|
|
margin-top: 10px;
|
|
}
|
|
.SearchResultsCollectionCompactTools {display:inline-block;}
|
|
|
|
#merge_filename_title_container {
|
|
float: left;
|
|
}
|
|
|
|
#merge_filename_title_spacer {
|
|
width: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Dash Styling */
|
|
#HomePanelContainer {
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
#HomePanelContainer a {-webkit-user-drag: none;}
|
|
|
|
.HomePanelPromotedIN h3 {
|
|
padding-top:20px;
|
|
}
|
|
a.HomePanel:hover {
|
|
border-radius:8px;
|
|
}
|
|
|
|
.HomePanelDynamicDash p.tile_corner_box {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
padding: 2px 10px;
|
|
font-size: 1.5em;
|
|
}
|
|
.DashTileDraggable, .DraggableItem, .SortableItem {
|
|
cursor:pointer;
|
|
}
|
|
.HomePanelDynamicDash, .HomePanelThemes {
|
|
padding: 0;
|
|
overflow: hidden;
|
|
position: relative;
|
|
height: 160px;
|
|
width: 100%;
|
|
}
|
|
.HomePanelDynamicDash h2, .HomePanelThemes h2, .FeaturedSimpleTileContents h2 {
|
|
float: none;
|
|
position: relative;
|
|
padding: 5px 15px 5px 15px;
|
|
margin-bottom: 0;
|
|
font-size: 1.2em;
|
|
}
|
|
.HomePanelDynamicDash h2 span, .HomePanelThemes h2 span, .FeaturedSimpleTileContents h2 span {
|
|
padding-right: 5px;
|
|
font-size: 1.2em;
|
|
vertical-align: text-bottom;
|
|
}
|
|
.HomePanelDynamicDash p, .HomePanelThemes p {
|
|
float: none;
|
|
position: relative;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
clear: left;
|
|
font-size:1em;
|
|
text-shadow: 0px 1px 5px #000000, 0px 1px 10px #000000;
|
|
}
|
|
.DoubleWidthDashTile {
|
|
/*Note: check .HomePanel width to be sure it is ok*/
|
|
width: 515px;
|
|
}
|
|
|
|
.DashTileActions {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 20px;
|
|
text-align: right;
|
|
z-index:3;
|
|
}
|
|
|
|
.DashTileActions .tool {
|
|
margin-left: 8px;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.tools a{white-space: nowrap;}
|
|
#trash_bin_delete_dialog {display:none !important; }
|
|
.no-close .ui-dialog-titlebar-close {display: none;}
|
|
|
|
/* Plugin Categories Styling */
|
|
.plugin-category-container h3 {
|
|
margin-left:10px;
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
cursor: pointer;
|
|
padding-top: 5px;
|
|
text-transform: capitalize;
|
|
}
|
|
.plugin-category-container{margin-bottom:10px;}
|
|
.plugin-upload{margin-top:20px;}
|
|
#SearchSystemPages, .ResultsFilterTopRight {
|
|
float: right;
|
|
font-size: 0.7em;
|
|
}
|
|
|
|
/* Maintenance Page */
|
|
#system_down_container {
|
|
width: 500px;
|
|
height: 200px;
|
|
position: absolute;
|
|
margin: -100px 0 0 -225px;
|
|
left: 50%;
|
|
top: 50%;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Global Trash Bin */
|
|
.trash_bin {
|
|
width: 10%;
|
|
min-width: 100px;
|
|
padding-top: 150px;
|
|
display: none;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 45%;
|
|
border-bottom-left-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
z-index: 102;
|
|
}
|
|
.trash_bin_text {
|
|
min-width: 100%;
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 8px;
|
|
left: 0;
|
|
text-transform: capitalize;
|
|
text-align: center;
|
|
font-size: 100px;
|
|
}
|
|
|
|
div.video-js {margin:auto;}
|
|
.video-js button {min-width: unset;}
|
|
.video-thumbs .vjs-control-bar {font-size:7px;}
|
|
.video-thumbs .vjs-control-bar .vjs-live-controls {display:none;}
|
|
|
|
.vjs-gif-transparent {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.video-js .vjs-loop-button .vjs-icon-placeholder:before {
|
|
font-family: VideoJS;
|
|
content: "\f116";
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
.video-js .vjs-loop-button.vjs-loop-active .vjs-icon-placeholder:before {
|
|
border-bottom: 2px solid white;
|
|
}
|
|
|
|
/* Modals */
|
|
|
|
#modal_overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0.5;
|
|
display:none;
|
|
z-index: 100;
|
|
}
|
|
#modal_outer {
|
|
z-index: 101;
|
|
}
|
|
#modal
|
|
{
|
|
position:absolute;
|
|
max-width: 1235px;
|
|
text-align:left;
|
|
opacity: 1;
|
|
display:none;
|
|
overflow-y: auto;
|
|
z-index: 102;
|
|
}
|
|
#modal .RecordBox
|
|
{
|
|
margin:0;
|
|
}
|
|
#modal .RecordHeader
|
|
{
|
|
margin:-20px -20px 0 -20px;padding:14px 20px 0 20px;
|
|
}
|
|
#modal .RecordHeader h1
|
|
{
|
|
padding: 0.1em 0 0.25em;
|
|
}
|
|
#modal .BasicsBox h1
|
|
{
|
|
margin:-20px -20px 0 -20px;padding:14px 20px 10px 20px;
|
|
}
|
|
#modal .BasicsBox, #modal #CollapsibleSections
|
|
{
|
|
margin:0;
|
|
padding:20px 20px 0 20px;
|
|
}
|
|
#modal .nopadding
|
|
{
|
|
padding:0;
|
|
}
|
|
/* custom styling for image preview in edit modal */
|
|
#modal .PreviewImageBlock
|
|
{
|
|
float:right;
|
|
width:35%;
|
|
padding:20px;
|
|
margin-top:-30px;
|
|
}
|
|
#modal .PreviewImageBlock label
|
|
{
|
|
display:none;
|
|
}
|
|
#modal .PreviewImageBlock .Question
|
|
{
|
|
border:none;
|
|
}
|
|
|
|
#modal_dialog, .ui-dialog
|
|
{
|
|
z-index: 103;
|
|
word-break: break-word;
|
|
}
|
|
|
|
#modal_dialog .MessageText {
|
|
text-align:left;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#modal_dialog .MessageText ul{
|
|
padding-top: 1em;
|
|
padding-bottom: 0px;
|
|
list-style-type: none;
|
|
}
|
|
|
|
#modal .TopInpageNav {
|
|
margin: 0;
|
|
padding: 0 20px 10px 5px;
|
|
}
|
|
|
|
#modal .TopInpageNav .TopInpageNavRight {
|
|
padding: 14px 20px 10px 20px;
|
|
}
|
|
|
|
#modal .BasicsBox .HelpHeader .backtoresults { margin-top: 18px; }
|
|
|
|
#modal:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.modalform {
|
|
min-width: 600px;
|
|
margin-bottom: 20px;
|
|
}
|
|
/* Dropdown Actions */
|
|
#CollectionMenu .ActionsContainer {
|
|
margin: 0;
|
|
}
|
|
|
|
.ListTools .ActionsContainer select {
|
|
width: 250px;
|
|
}
|
|
|
|
.ListTools .ActionsContainer .DropdownActionsLabel {
|
|
display: none;
|
|
}
|
|
|
|
/* Drag & Drop */
|
|
#CentralSpaceResourceClone, #CollectionSpaceClone {
|
|
text-align: left;
|
|
opacity: 0.5 !important;
|
|
}
|
|
|
|
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
|
|
color: initial;
|
|
}
|
|
.DropdownActionsLabel {display:inline-block;}
|
|
|
|
/* Messaging */
|
|
span.Pill {
|
|
border-radius: 4px;
|
|
padding: 2px 5px 2px 5px;
|
|
cursor: pointer;
|
|
}
|
|
div#MessageContainer {
|
|
width: 200px;
|
|
z-index: 90;
|
|
right: 10px;
|
|
}
|
|
div.MessageBox {
|
|
border-radius: 4px;
|
|
padding: 5px;
|
|
text-align: left;
|
|
margin-bottom: 5px;
|
|
min-height: 50px;
|
|
cursor: pointer;
|
|
line-height: 120%;
|
|
white-space: break-spaces;
|
|
}
|
|
div.MessageBox a {
|
|
margin-top: 1vh;
|
|
max-width: 90% !important;
|
|
word-wrap: break-word;
|
|
text-decoration: underline !important;
|
|
}
|
|
|
|
.FeaturedSimpleLinks {
|
|
display: table;
|
|
width:100%;
|
|
}
|
|
|
|
.FeaturedSimpleTile {
|
|
position: relative;
|
|
margin-top: 10px;
|
|
height: 160px;
|
|
border-radius:8px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.FeaturedSimpleTileImage .HomePanelIN {
|
|
background: none;
|
|
}
|
|
|
|
.FeaturedSimpleLinks .FeaturedSimpleTileContents {
|
|
width:100%;
|
|
height:100%;
|
|
display: table;
|
|
}
|
|
|
|
.FeaturedSimpleTileText {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
}
|
|
|
|
.FeaturedSimpleTileText h2 span{
|
|
text-shadow: none;
|
|
}
|
|
|
|
.FeaturedSimpleLink{
|
|
position: absolute;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
}
|
|
|
|
a.FeaturedSimpleLink:hover, a.FeaturedSimpleLink:active {
|
|
text-decoration:none;
|
|
}
|
|
|
|
.FeaturedCallToActionTile .FeaturedSimpleTileContents h2 {
|
|
text-align: center;
|
|
}
|
|
.FeaturedCallToActionTile .FeaturedSimpleTileContents h2 span{
|
|
font-size: 2em;
|
|
}
|
|
|
|
.FeaturedSimpleTile .FeaturedSimpleTileContents h2{
|
|
background: transparent;
|
|
max-width: 220px;
|
|
white-space: normal;
|
|
}
|
|
|
|
.FeaturedSimpleTileActions {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
text-align: right;
|
|
z-index:2;
|
|
}
|
|
|
|
.FeaturedSimpleTileActions .tool {
|
|
margin-left: 8px;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.HomePanel.DashTile .HomePanelIN img:not(img:only-of-type),
|
|
.FeaturedSimpleTileImage img.TileGroupImageBase { position: absolute; top: 10px; height: 100%; }
|
|
|
|
.FeaturedSimpleTile.FullWidth { height: 40px; }
|
|
.FeaturedSimpleTile.FullWidth .FeaturedSimpleLink { width: 85%; }
|
|
.FeaturedSimpleTile.FullWidth .FeaturedSimpleTileContents h2 { background-color: unset; }
|
|
.FeaturedSimpleTile.FullWidth .FeaturedSimpleTileContents h2 span[data-tag="resources_count"] { padding: 3px 5px; border-radius: 4px; font-size: 0.85em;}
|
|
.FeaturedSimpleTile.FullWidth .ListTools .ActionsContainer select { margin: 5px 5px; }
|
|
.FeaturedCallToActionTile.FullWidth .FeaturedSimpleTileContents h2 span { font-size: larger; }
|
|
|
|
.MessageUnread {
|
|
font-weight: bold;
|
|
}
|
|
#toggleHiddenCollectionsLink{
|
|
margin-left:10px;
|
|
}
|
|
|
|
#user_messages table tr {
|
|
vertical-align:top;
|
|
|
|
}
|
|
|
|
#login_box {
|
|
padding: 20px 25px 5px 25px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
#login_box h1 {
|
|
font-size: 18px;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
#login_box #language {
|
|
width: 255px;
|
|
}
|
|
|
|
#login_box #user_local_tz {
|
|
width: 272px;
|
|
}
|
|
|
|
#login_box .Question input[type=text],
|
|
#login_box .Question input[type=password] {
|
|
width: 550px;
|
|
}
|
|
|
|
#login_box .Question label {
|
|
width: 515px;
|
|
}
|
|
|
|
#login_box .Question.HalfWidth {
|
|
width: 272px;
|
|
display: inline-block;
|
|
}
|
|
#login_box .Question.HalfWidth label {
|
|
width: 250px;
|
|
}
|
|
#login_box .QuestionSubmit {
|
|
margin-top: 5px;
|
|
padding: 1em 0;
|
|
}
|
|
#login_box .UserRequestSubmit {
|
|
display: block;
|
|
float: none;
|
|
}
|
|
#login_box .QuestionSubmit label {
|
|
display: none;
|
|
}
|
|
|
|
#login_box .QuestionSubmit input {
|
|
min-height: 32px;
|
|
padding: 6px 18px;
|
|
}
|
|
#login_box .Question.KeepLoggedIn {
|
|
display: inline-block;
|
|
}
|
|
|
|
#login_box .KeepLoggedIn label {
|
|
float: unset;
|
|
}
|
|
#login_box #remember {
|
|
float: left;
|
|
margin-right: 10px;
|
|
margin-left: 0;
|
|
}
|
|
p.LoginLinks {
|
|
line-height: 28px;
|
|
padding-bottom: 5px;
|
|
}
|
|
p.ExternalLoginLinks {
|
|
line-height: 28px;
|
|
padding: 10px 0 0 0;
|
|
}
|
|
#login_opt_in {
|
|
float: left;
|
|
margin: 3px 10px 3px 0;
|
|
}
|
|
#modal #login_box {
|
|
width: 600px;
|
|
box-sizing: border-box;
|
|
border-radius: 0;
|
|
}
|
|
|
|
#login_box .FormError {
|
|
margin: 0;
|
|
padding: 5px;
|
|
border-radius: 6px;
|
|
}
|
|
#LoginHeader {
|
|
border-radius: 6px;
|
|
}
|
|
/* Manage External Shares */
|
|
.FormFilter {
|
|
width: 700px;
|
|
}
|
|
|
|
.FilterItemContainer {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.FilterItemContainer:nth-child(2) {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.FilterItemContainer > label {
|
|
width: 300px;
|
|
float: left;
|
|
margin-top: 0.4em;
|
|
}
|
|
|
|
#filter_date_from, #filter_date_to {
|
|
width: 100px;
|
|
}
|
|
|
|
form.FormFilter button {
|
|
display: block;
|
|
margin-top: 20px;
|
|
float: right;
|
|
}
|
|
|
|
form.FormFilter button.ClearButton {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.HiddenTile {
|
|
border: 1px solid red !important;
|
|
margin: -2px ;
|
|
}
|
|
|
|
.CollectBack .CollectionResourceRemove, .CollectBack .CollectionResourceRemove:hover {text-decoration:none;}
|
|
|
|
.JumpPanel input
|
|
{
|
|
width:35px;
|
|
}
|
|
|
|
/* Collapsible sections - using FontAwesome */
|
|
.collapsed:before {content: "\f054"; font: normal normal normal 14px "Font Awesome 5 Free", sans-serif;font-weight: 600;padding-right:12px; display: inline-block; width:0.6em;}
|
|
.expanded:before {content: "\f078"; font: normal normal normal 14px "Font Awesome 5 Free", sans-serif;font-weight: 600;padding-right:12px; display: inline-block; width:0.6em;/*! margin-right: 6px; */}
|
|
|
|
/* Subtext */
|
|
.sub {font-size:0.8em;}
|
|
|
|
.Highlight {background:#FFFF00;}
|
|
|
|
/* Pagers (Search, Collections, Shares etc.) */
|
|
.TeamExternalSharesPager {
|
|
width: 240px;
|
|
float: right;
|
|
margin-top: -50px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#AdminManageMetadataFieldOptions > .TopInpageNavRight,
|
|
#AdminManageMetadataFieldOptions > .TopInpageNavRight > .TopInpageNavRight {
|
|
position: inherit;
|
|
padding-left: 250px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#AdminManageMetadataFieldOptions > .BottomInpageNav {
|
|
width: 540px;
|
|
}
|
|
|
|
|
|
/* Custom filters (extends the default form filters in ResourceSpace) */
|
|
#FilterNodeOptions { width: 510px; }
|
|
#FilterNodeOptions .FilterItemContainer > label { width: 150px; }
|
|
|
|
|
|
.ImageStrip
|
|
{
|
|
height:150px;
|
|
width:auto;
|
|
margin:10px 10px 0 0;
|
|
transform: scale(1);
|
|
transition: all 0.1s ease-in-out;
|
|
}
|
|
|
|
.ImageStrip:hover {
|
|
transform: scale(1.15);
|
|
}
|
|
|
|
#CentralSpaceResources
|
|
{
|
|
text-align:justify;
|
|
margin: 10px 8px 0 8px;
|
|
}
|
|
.ImageTools
|
|
{
|
|
position:absolute;display:inline;visibility:hidden;
|
|
}
|
|
.ImageStripLink:hover .ImageTools
|
|
{
|
|
visibility:visible;
|
|
}
|
|
|
|
.CollectionPanelTools {visibility:hidden;text-align:right;}
|
|
.CollectionPanelShell:hover .CollectionPanelTools {visibility:visible;}
|
|
.tag-editor li { padding: initial; }
|
|
|
|
/* Pill-like display for keywords */
|
|
.ResponsiveViewFullSite { display: none; }
|
|
.Question .customFieldLabel {
|
|
width: auto;
|
|
margin: 0;
|
|
float: left;
|
|
border-radius:4px;
|
|
padding:2px 6px;
|
|
margin-left:3px;
|
|
vertical-align: text-bottom;
|
|
max-width: 1000px;
|
|
}
|
|
.Question td > .customFieldLabel {
|
|
float: left;
|
|
border-radius:4px;
|
|
padding:2px 6px;
|
|
margin-left:3px;
|
|
vertical-align: text-bottom;
|
|
max-width: 80%;
|
|
}
|
|
.SearchSimilar .customFieldLabel {
|
|
border-radius: 4px;
|
|
padding: 2px 6px;
|
|
margin-left: 3px;
|
|
vertical-align: text-bottom;
|
|
}
|
|
|
|
.keywordselected {
|
|
display: inline-block;
|
|
margin: 0 5px 5px 0;
|
|
float: none;
|
|
border-radius: 4px;
|
|
padding: 2px 6px;
|
|
line-height: 20px;
|
|
}
|
|
.keywordselected a {padding-left:8px;}
|
|
.RemoveKeyword {font-weight: bold; font-size: 1.2em;}
|
|
|
|
#PreviewTools {
|
|
height: 41px;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
#PreviewToolsOptionsWrapper {
|
|
height: 100%;
|
|
font-size: 26px;
|
|
}
|
|
|
|
.ToolsOptionLink {
|
|
float: right;
|
|
margin: 5px 10px 0 0;
|
|
}
|
|
|
|
.ToolsOptionLink:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
|
|
a.Enabled, a:visited.Enabled {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.checkselect {float:left;padding-left:5px;}
|
|
|
|
.checkselectmedium {
|
|
-moz-transform: scale(1.3); /* FF */
|
|
-webkit-transform: scale(1.3); /* Safari and Chrome */
|
|
-o-transform: scale(1.3); /* Opera */
|
|
transform: scale(1.3);
|
|
margin-top: 4px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
#Metadata {
|
|
border-radius: 6px;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
.fixedlistnodepill {
|
|
background-color: #2e99e6;
|
|
color: white;
|
|
border-radius: 4px;
|
|
padding: 2px 6px;
|
|
line-height: 20px;
|
|
display: inline-block;
|
|
margin: 2px;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.ReportSheet {padding:10px;}
|
|
.ReportSummary td {padding:10px;}
|
|
.ReportMetric {font-size:200%;padding-left:5px;}
|
|
.ReportAddToDash {font-size:65%;}
|
|
|
|
#modal #CentralSpaceResources {padding:20px;} /* extra spacing needed when results displayed in a modal - e.g. geographical search */
|
|
|
|
.ListTools a, .SingleLine {
|
|
white-space: nowrap;
|
|
}
|
|
.TableOrderBy {
|
|
width:100px;
|
|
}
|
|
|
|
/* Breadcrumbs */
|
|
.BreadcrumbsBox {
|
|
display: table;
|
|
margin: 0 0 8px 0;
|
|
padding: 0 0 8px 0;
|
|
}
|
|
.BreadcrumbsBox > .SearchBreadcrumbs{
|
|
margin: 0;
|
|
}
|
|
.BreadcrumbsBox .fa {
|
|
padding-left: 10px;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
.BreadcrumbsBox.BreadcrumbsBoxSlim {
|
|
margin: 1em 1em 0 0;
|
|
}
|
|
|
|
.lockedQuestion .fieldset, .lockedQuestion table, .lockedQuestion input, .lockedQuestion select, .lockedQuestion textarea, .lockedQuestion .keywordselected, .lockedQuestion .CategoryBox{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.lock_icon {
|
|
float: right;
|
|
height: 30px;
|
|
vertical-align: top;
|
|
margin: 0;
|
|
min-width: unset;
|
|
}
|
|
|
|
/* jQuery UI */
|
|
.ui-menu-item {
|
|
text-align: left;
|
|
}
|
|
|
|
.HeaderSearchForm {padding:0;margin:0;display:inline;}
|
|
.NoSearchBar {padding-right:0 !important;}
|
|
|
|
#OverFlowLinks {
|
|
margin: 5px;
|
|
padding: 15px 18px 5px 15px;
|
|
display: none;
|
|
position: absolute;
|
|
right: 100px;
|
|
border-radius: 0 0 4px 4px;
|
|
z-index: 500;
|
|
text-align: left;
|
|
}
|
|
|
|
#OverFlowLinks a:hover {
|
|
opacity: 1;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#OverFlowLinks #HiddenLinks {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#HiddenLinks li {
|
|
display: block;
|
|
padding: 0 0 10px 0;
|
|
}
|
|
|
|
.HelpHeader {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#modal #SearchBox, #modal #SearchBoxPanel {
|
|
margin: 0;
|
|
}
|
|
|
|
#Header #ssearchbox {
|
|
margin-top: 0;
|
|
width: 250px;
|
|
}
|
|
|
|
#previewimage {
|
|
max-height: 500px;
|
|
}
|
|
|
|
#preview, #wmpreview {
|
|
max-height: 250px;
|
|
max-width: 240px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
/* Configuration options */
|
|
select.MultiSelect {
|
|
padding: 0;
|
|
height: auto;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
}
|
|
select.MultiSelect:before {
|
|
content: unset;
|
|
}
|
|
.MultiRTypeSelect {
|
|
width: 292px;
|
|
padding: 3px;
|
|
border: 1px solid rgba(0,0,0,0.25);
|
|
border-radius: 4px;
|
|
}
|
|
.MultiRTypeSelect label {
|
|
float: unset;
|
|
padding-left: 3px;
|
|
}
|
|
.MultiRTypeSelectContainer {
|
|
max-height:147px;
|
|
overflow:auto;
|
|
}
|
|
|
|
.RecordPanel .RecordDownloadSpace .DownloadDBlend .AltThumbLink {
|
|
min-height: unset;
|
|
padding: 0;
|
|
}
|
|
|
|
#ResourceToolsContainer h2 {
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.MultiLine {
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.searchcrumbs{
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
#previewimage.NoPreview {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Browse Bar */
|
|
#BrowseBarContainer {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
padding-top: 5px;
|
|
}
|
|
#BrowseBar {
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
height: 100%;
|
|
float: left;
|
|
}
|
|
#BrowseBarContent {
|
|
height: 100%;
|
|
float: left;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
min-width: 272px;
|
|
}
|
|
.BrowseBarStructure {
|
|
display: table-cell;
|
|
min-width: 6px;
|
|
font-family: "Font Awesome 5 Free", sans-serif;
|
|
font-weight: 600;
|
|
padding-left: 8px;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
}
|
|
.BrowseRowInner {
|
|
display: table-row;
|
|
}
|
|
.BrowseBarExpand + a .BrowseTypeNode, .BrowseBarExpand + a .BrowseTypeRestype, .BrowseBarExpand + .BrowseTypeField, .BrowseBarExpand + a .BrowseTypeFeatured{
|
|
padding-left: 5px;
|
|
}
|
|
.BrowseLine + .BrowseTypeNode, .BrowseLine + .BrowseTypeRestype, .BrowseLine + .BrowseTypeField, .BrowseLine + .BrowseTypeNew{
|
|
padding-left: 6px;
|
|
}
|
|
.BrowseBarLink{
|
|
display: table-cell;
|
|
white-space: normal;
|
|
padding-left: 8px;
|
|
font-size: 90%;
|
|
}
|
|
#BrowseBar .BrowseLine {
|
|
border-right: 1px solid;
|
|
width: 6px;
|
|
}
|
|
#BrowseBarContainer a:hover, .BrowseBarItem a:hover, #BrowseBarContainer a:visited, .BrowseBarItem a:visited, .row_clickable{
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
opacity: 1;
|
|
}
|
|
.BrowseTypeRestype:after, .BrowseTypeField:after, .BrowseTypeFeatured:after{
|
|
content: "\f07b";
|
|
}
|
|
|
|
.BrowseBarRoot {
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
margin-top: 10px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.BrowseBarItem {
|
|
margin-left: 10px;
|
|
max-width: 262px;
|
|
}
|
|
|
|
#BrowseBarContainer .BrowseBarItem:first-child {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.BrowseBarRoot .BrowseBarLink {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.BrowseOpen .BrowseTypeRestype:after, .BrowseOpen .BrowseTypeField:after, .BrowseOpen .BrowseTypeFeatured:after, .BrowseOpen.BrowseTypeState:after{
|
|
content: "\f07c";
|
|
}
|
|
.browse_closed:after {
|
|
content: "\f054";
|
|
}
|
|
.browse_expanded:after {
|
|
content: "\f078";
|
|
}
|
|
.BrowseBarRoot .browse_expand {
|
|
padding: 0;
|
|
}
|
|
.browse_expand {
|
|
padding: 5px;
|
|
}
|
|
.BrowseBarExpand {
|
|
padding-left: 4px;
|
|
}
|
|
|
|
.BrowseTypeNode:after {
|
|
content: "\f02b";
|
|
}
|
|
.BrowseTypeCol:after {
|
|
content: "\f1b2";
|
|
}
|
|
.BrowseTypeNew:after {
|
|
content: "\2b";
|
|
}
|
|
a.BrowseRefresh{
|
|
display:none;
|
|
font-size: 0.8em;
|
|
}
|
|
.BrowseOpen .BrowseRefresh{
|
|
display: table-cell;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.RecordPanelLarge #ResourceWorkflowActions, .RecordPanelLarge #RecordDownloadSummary {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.UploadButton a
|
|
{
|
|
border-radius:5px;
|
|
padding:0 10px 0 10px;
|
|
opacity:0.9 !important;
|
|
margin-right:10px;
|
|
border: none;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.HelpLink {
|
|
font-size: 1rem;
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
.FieldDisabled
|
|
{
|
|
text-decoration: line-through;
|
|
}
|
|
.ResourceLocked{
|
|
float:left;
|
|
}
|
|
|
|
.ResourceLocked:before{
|
|
content: "\f023";
|
|
font: normal normal normal 15px "Font Awesome 5 Free", sans-serif;
|
|
font-weight: 600;
|
|
display: inline-block;
|
|
width: 1.25em;
|
|
text-align: center;
|
|
}
|
|
|
|
.ResourceUnlocked:before{
|
|
content: "\f09c";
|
|
font: normal normal normal 15px "Font Awesome 5 Free", sans-serif;
|
|
font-weight: 600;
|
|
display: inline-block;
|
|
width: 1.25em;
|
|
text-align: center;
|
|
}
|
|
|
|
.userselect {
|
|
z-index:500;
|
|
max-height: 250px;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.FullWidth { width: 100%; }
|
|
.MarginZeroAuto { margin: 0 auto; }
|
|
|
|
.JobTable {
|
|
clear: both;
|
|
}
|
|
|
|
.TablePagerHolder .TopInpageNavRight {
|
|
position: inherit;
|
|
}
|
|
|
|
.TableNav.TopInpageNav {
|
|
margin-bottom:5px;
|
|
min-height: 25px;
|
|
}
|
|
|
|
.TablePagerHolder {
|
|
float: right;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.Question.QuestionStickyRight {
|
|
border-top: none;
|
|
border-bottom: none;
|
|
padding-left: 15px;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.ImageBorder {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.BasicsBoxEdit {
|
|
display: grid;
|
|
grid-template-columns: 1fr 250px;
|
|
}
|
|
|
|
.BasicsBoxEdit .QuestionSubmit.QuestionSticky,
|
|
.BasicsBoxEdit .RecordHeader {
|
|
width: calc(100% + 270px);
|
|
}
|
|
|
|
.BasicsBoxLeft {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.BasicsBoxRight {
|
|
margin-top: 75px;
|
|
}
|
|
|
|
#modal #BasicsBoxTabs {
|
|
padding: 0px 10px 10px 0px;
|
|
}
|
|
|
|
.FloatingPreviewContainer {
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
top: 15px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.FloatingPreviewContainer .nopreview {
|
|
font-size: 120px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/* Tile navigation used on top menus */
|
|
|
|
.TileNav ul {list-style:none;padding:0;margin:0;}
|
|
.TileNav li {padding:10px 5px 10px 5px;margin:0;width:117px;float:left;height:100px;text-align:center;position:relative;word-break:break-word}
|
|
.TileNav a:hover {text-decoration:none;}
|
|
.TileNav .fa {font-size:48px;padding-bottom:10px;}
|
|
.TileNav .Pill {position:absolute; top:0; right:25px;border-radius:10px;font-size:115%;}
|
|
.TileNav .overquota {width: 95% !important; height: auto !important;}
|
|
/* Additional CSS to show list views correctly on top menus. */
|
|
.TileReflow br {display:none;}
|
|
.TileReflow .fa {display:inline-block; min-width:26px;}
|
|
.TileReflow a:hover {text-decoration:none;}
|
|
.TileReflow .overquota {width: auto !important; height: auto !important;}
|
|
|
|
.titlediv h1 {float :left;}
|
|
.sharelink:before {
|
|
content: "\f0c1";
|
|
font: normal normal normal 14px "Font Awesome 5 Free", sans-serif;
|
|
font-weight: 600;
|
|
padding-right:12px;
|
|
display: inline-block; width:0.6em;
|
|
}
|
|
|
|
.infield-icon {
|
|
margin-left: -26px;
|
|
margin-top: 12px;
|
|
position: absolute;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.toolbox {
|
|
border: 1px solid transparent;
|
|
background-image: none;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.FormWide .Question .user_select_table {
|
|
width: 70%;
|
|
table-layout:fixed;
|
|
}
|
|
|
|
.FormWide .Question .user_select_table .stdwidth {
|
|
width: 100%;
|
|
}
|
|
|
|
.message_conversation {
|
|
width: 100%;
|
|
font-size: 1em;
|
|
max-height: 250px;
|
|
overflow-y: scroll;
|
|
}
|
|
.user_message {
|
|
width: 85%;
|
|
padding: 8px;
|
|
clear:both;
|
|
}
|
|
|
|
.user_message_text {
|
|
padding: 10px;
|
|
width: 85%;
|
|
float: left;
|
|
border-radius: 8px;
|
|
white-space: pre-line;
|
|
}
|
|
|
|
.message_content
|
|
{
|
|
width: 90%;
|
|
}
|
|
|
|
|
|
.profileimage {margin-right: 10px; margin-left: 10px;}
|
|
.user_message .profileimage i.fa {margin-top: 15px;}
|
|
.user_message, .message_content .profileimage, .message_content {float: left;}
|
|
|
|
.own_message, .own_message .user_message, .own_message .user_message_text, .own_message .profileimage {float:right;}
|
|
|
|
/* Fixes for form checkboxes and date range fields */
|
|
.BasicsBoxEdit .Question label:not(.customFieldLabel) {width: 200px;}
|
|
.BasicsBoxEdit .Question label.InnerLabel {width: 200px;}
|
|
.BasicsBoxEdit .FormHelp {margin: 0 0 10px 210px;}
|
|
|
|
.nodes_input_checkbox {float:left; margin-top: 5px}
|
|
|
|
.Question table td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* Fixes for label alignment with checkboxes */
|
|
.Question table td:has(> input[type="checkbox"]) { vertical-align: bottom; }
|
|
.Question td > label{ margin-top: 0.1em; width: auto; }
|
|
|
|
.Question input[name="antispam_user_code"] { position: absolute; left: -2000px; }
|
|
|
|
/* Update Preview button for MultiRTypeSelect */
|
|
.Question .updatePreviewButton {
|
|
margin-top: 10px;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
#ShareDeleteForm .ListViewBulkActions {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
#contact-sheet--collectionname > label { float: unset; }
|
|
#contact-sheet--collectionname > span { display: block; font-weight: bold; }
|
|
|
|
/* Resource type icon picker */
|
|
|
|
#iconpicker-question {display: inline-block;}
|
|
|
|
input[type="text"]#iconpicker-input {
|
|
width: 380px;
|
|
margin: 3px 0;
|
|
font-size: 1em;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-right: none;
|
|
}
|
|
|
|
#iconpicker-button {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
padding: 5px 10px 4px 10px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
cursor: pointer;
|
|
margin: 3px 0;
|
|
}
|
|
|
|
#iconpicker-container {
|
|
width: 418px;
|
|
height: 285px;
|
|
left: 318px;
|
|
border-radius: 6px;
|
|
position: absolute;
|
|
display: none;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.iconpicker-title {padding: 6px 8px;}
|
|
|
|
.iconpicker-title input {width: 100%;}
|
|
|
|
.iconpicker-content {
|
|
padding: 5px 8px;
|
|
height: 235px;
|
|
overflow: scroll;
|
|
}
|
|
|
|
.iconpicker-content-icon {
|
|
width: 34px;
|
|
display: inline-block;
|
|
padding: 5px;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.BasicsBox.SearchSticky {
|
|
top: 0;
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
z-index: 101;
|
|
padding-top: 15px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
/* jQuery tagEditor */
|
|
.SearchSpace .tag-editor{
|
|
border-radius: 5px;
|
|
min-height: 28px;
|
|
width: 250px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.SearchSpace .tag-editor li {
|
|
margin: 4px 0;
|
|
}
|
|
|
|
.SearchSpace .tag-editor .active input{
|
|
max-height: 18px;
|
|
min-height: 0;
|
|
padding: 2px;
|
|
margin: 0;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.inline_config_search {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Skip to main content hidden button */
|
|
.skip-to-main-content {
|
|
position: absolute;
|
|
left: -9999px;
|
|
z-index: 999;
|
|
padding: 1em;
|
|
opacity: 0;
|
|
}
|
|
|
|
.skip-to-main-content:focus {
|
|
left: 0;
|
|
top: 50px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.config-image-preview {
|
|
float: left;
|
|
max-height: 200px;
|
|
max-width: 200px;
|
|
}
|
|
|
|
#config-image-preview-label{
|
|
height: 240px;
|
|
}
|
|
|
|
/* jsTree improvements */
|
|
.jstree-default-dark {
|
|
background-color: transparent;
|
|
}
|
|
.jstree-default-dark .jstree-anchor {
|
|
text-shadow: none;
|
|
}
|
|
.jstree-default-dark .jstree-wholerow {
|
|
border-radius: 5px;
|
|
}
|
|
|
|
|
|
/* Search Bar Tab styling */
|
|
#SearchBarTabsContainer a {
|
|
display: inline-block;
|
|
}
|
|
.SearchBarTab {
|
|
padding: 10px 5px;
|
|
min-width: 116px;
|
|
display: inline-block;
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
}
|
|
.SearchBarTab.SearchTab {
|
|
margin: 10px 2px 0 10px;
|
|
}
|
|
.SearchBarTab.BrowseTab {
|
|
margin: 10px 10px 0 2px;
|
|
}
|
|
|
|
|
|
#LoginError {
|
|
outline: none;
|
|
}
|
|
|
|
/* Leaflet Maps */
|
|
.leaflet-touch .leaflet-control-geocoder-icon {
|
|
min-width: unset;
|
|
}
|
|
|
|
.codeexample
|
|
{
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
width:100%;
|
|
padding:10px;
|
|
}
|
|
.codeoutput
|
|
{
|
|
white-space: pre-wrap;word-wrap: break-word; width:100%;padding:5px;
|
|
}
|
|
|
|
#HomeSiteText
|
|
{
|
|
min-width: 250px;
|
|
max-width: 40%;
|
|
border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
|
|
margin-bottom: 0;
|
|
}
|
|
#HomeSiteTextInner{padding:15px;}
|
|
#HomeSiteText p {padding-bottom:8px;}
|
|
|
|
.no_file_link.no_file:before {
|
|
font-family: "Font Awesome 5 Free", sans-serif;
|
|
font-weight: 600;
|
|
content: "\f1ce";
|
|
font-size: 16px;
|
|
padding-right:5px;
|
|
}
|
|
.no_file_link.has_file:before {
|
|
font-family: "Font Awesome 5 Free", sans-serif;
|
|
font-weight: 600;
|
|
content: "\f5bf";
|
|
font-size: 16px;
|
|
padding-right:5px;
|
|
}
|
|
|
|
.displayexisting_options {
|
|
width: 420px;
|
|
overflow-y: scroll;
|
|
max-height: 150px;
|
|
}
|
|
|
|
.cke_notification_warning {
|
|
display: none;
|
|
}
|
|
|
|
#cke_text {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Custom styling for jQuery UI dialogs */
|
|
|
|
.ui-dialog {
|
|
padding: 0;
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-buttonpane {
|
|
text-align: center;
|
|
border-radius: 0 0 15px 15px;
|
|
padding: .3em;
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
|
float: none;
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-titlebar {
|
|
padding: 1em 1em .5em 1em;
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-title {
|
|
width: 100%;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-buttonpane button {
|
|
border-radius: 5px;
|
|
font-weight: 600;
|
|
margin: .5em .4em .5em .4em;
|
|
}
|
|
|
|
.ui-corner-all {
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.ui-widget-overlay {
|
|
opacity: 0.25;
|
|
}
|
|
|
|
.PluginDisplay
|
|
{
|
|
width:400px;
|
|
height:150px;
|
|
float: left;
|
|
border-radius: 10px;
|
|
margin: 10px 20px 10px 0;
|
|
padding: 15px 20px 20px 20px;
|
|
}
|
|
|
|
.PluginDisplay h2
|
|
{
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
.PluginDisplay .plugin-icon
|
|
{
|
|
text-align: center;
|
|
vertical-align: middle; /* Align the icon within the container */
|
|
background-image: url('../gfx/interface/rs_outline.svg');
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
padding:9px;margin-right:0.5em;
|
|
width:40px;height:50px;
|
|
line-height:46px;
|
|
}
|
|
|
|
.PluginDisplay p
|
|
{
|
|
margin: 10px 0;
|
|
height:30px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.PluginDisplay .PluginTools
|
|
{
|
|
font-size: 0.9em;
|
|
text-align: right;
|
|
}
|
|
|
|
.PluginDisplay .PluginTools a
|
|
{
|
|
padding-left:20px;
|
|
}
|
|
|
|
.plugin-title
|
|
{
|
|
vertical-align: middle; /* Align the text with the icon */
|
|
display: inline-block; /* Ensures proper alignment */
|
|
}
|
|
|
|
.plugin-header
|
|
{
|
|
display: inline-block; /* Makes the container fit its content */
|
|
vertical-align: middle; /* Aligns the container relative to other elements */
|
|
}
|
|
|
|
|
|
/* TinyMCE fixes */
|
|
button.tox-button {
|
|
min-width: unset;
|
|
}
|
|
|
|
.tox-tinymce button {
|
|
min-width: unset;
|
|
min-height: unset;
|
|
}
|
|
|
|
label {
|
|
user-select: none; /* Prevents accidental text selection when clicking labels*/
|
|
}
|