first commit
BIN
css/blank.gif
Executable file
After Width: | Height: | Size: 49 B |
711
css/css_override.php
Normal file
@@ -0,0 +1,711 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* Add in CSS overrides for UI elements
|
||||
*
|
||||
* @package ResourceSpace
|
||||
*/
|
||||
|
||||
include_once "../include/boot.php";
|
||||
|
||||
$k = getval('k', '');
|
||||
if ((is_array($k) || trim($k) === '') && getval('noauth', '') != true) {
|
||||
include '../include/authenticate.php';
|
||||
}
|
||||
|
||||
header("Content-type: text/css");
|
||||
|
||||
global $header_colour_style_override, $header_link_style_override, $home_colour_style_override,
|
||||
$collection_bar_background_override, $collection_bar_foreground_override, $button_colour_override;
|
||||
|
||||
// Dark mode styling
|
||||
if (isset($user_pref_appearance) && !(isset($high_contrast_mode) && $high_contrast_mode)) {
|
||||
if ($user_pref_appearance == "device") {
|
||||
?>
|
||||
@media (prefers-color-scheme: dark) {
|
||||
<?php
|
||||
}
|
||||
if ($user_pref_appearance == "dark" || $user_pref_appearance == "device") {
|
||||
?>
|
||||
/* Core elements */
|
||||
body, html {
|
||||
color: white;
|
||||
background: #262626;
|
||||
}
|
||||
h1, h2 {
|
||||
color: white;
|
||||
}
|
||||
/* Tables */
|
||||
.Listview {
|
||||
background-color: #545454;
|
||||
}
|
||||
.ListviewStyle tr {
|
||||
background-color: #545454;
|
||||
}
|
||||
.ListviewStyle thead, .ListviewTitleStyle, .ListviewStyle tr.ListviewTitleStyle {
|
||||
background-color: #444;
|
||||
}
|
||||
.ListviewStyle tr:nth-child(even):not(.ListviewTitleStyle) {
|
||||
background-color: #5e5e5e;
|
||||
}
|
||||
.ListviewStyle tr:hover {
|
||||
background-color: #424242 !important;
|
||||
}
|
||||
.tableRowEven {
|
||||
background-color: #545454 !important;
|
||||
}
|
||||
.tableRowOdd {
|
||||
background-color: #5e5e5e !important;
|
||||
}
|
||||
a:visited {
|
||||
color: #e9e9e9;
|
||||
}
|
||||
a:link {
|
||||
color: white;
|
||||
}
|
||||
/* Header */
|
||||
#Header {
|
||||
background: #404040;
|
||||
}
|
||||
#Header li a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.BasicsBox.SearchSticky {
|
||||
background-color: #262626;
|
||||
border-bottom: 1px solid #ffffff00;
|
||||
box-shadow: 0 12px 10px -12px #000000;
|
||||
}
|
||||
.TopInpageNav select {
|
||||
background-color: #545454;
|
||||
color: white;
|
||||
}
|
||||
.icondisplay {
|
||||
background-color: #545454;
|
||||
}
|
||||
.update_result_order_button {
|
||||
background-color: #545454;
|
||||
}
|
||||
.ResourcePanel {
|
||||
background-color: #545454;
|
||||
}
|
||||
.ResourcePanel .nopreview {
|
||||
color: white;
|
||||
}
|
||||
.thumbs-file-extension,
|
||||
.ResourceTypeIcon.fa-fw {
|
||||
background: #383838;
|
||||
}
|
||||
#modal {
|
||||
background-color: #262626;
|
||||
}
|
||||
.RecordPanel, .ResourcePanelSmall, .ResourcePanelLarge, div#Metadata div.Title {
|
||||
background-color: #393939;
|
||||
}
|
||||
#modal .RecordHeader h1, #modal .BasicsBox h1 {
|
||||
color: white;
|
||||
}
|
||||
.TabBar {
|
||||
background-color: #393939;
|
||||
}
|
||||
.Tab a {
|
||||
font-weight: 600;
|
||||
background-color: #484848;
|
||||
}
|
||||
.TabSelected a {
|
||||
background: #545454;
|
||||
border-bottom: 1px solid #545454;
|
||||
}
|
||||
.RecordDownloadSpace {
|
||||
background: #545454;
|
||||
}
|
||||
.RecordPanel .RecordDownloadSpace .DownloadDBlend, .toolbox {
|
||||
background: #545454;
|
||||
}
|
||||
.RecordTools {
|
||||
background: #545454;
|
||||
}
|
||||
.RecordPanel .RecordDownload .DownloadDBlend td {
|
||||
color: white;
|
||||
border-top: 1px solid #7c7c7c;
|
||||
}
|
||||
.RecordPanel .RecordDownloadSpace .DownloadDBlend p {
|
||||
color: #cbcbcb;
|
||||
}
|
||||
.RecordPanel .item h3, .RecordPanel .itemNarrow h3, th {
|
||||
color: white;
|
||||
}
|
||||
#Metadata {
|
||||
background-color: #545454;
|
||||
}
|
||||
.StyledTabbedPanel {
|
||||
background: #545454;
|
||||
}
|
||||
.comment_form_container {
|
||||
background: #545454;
|
||||
border: none;
|
||||
}
|
||||
.NavUnderline, .Question {
|
||||
border-bottom: 1px solid #3f3f3f;
|
||||
}
|
||||
.HorizontalWhiteNav a:link, .HorizontalWhiteNav a:visited, .HorizontalWhiteNav a:active, .BasicsBox .VerticalNav a:link, .BasicsBox .VerticalNav a:visited, .BasicsBox .VerticalNav a:active, .ListTitle a:link, .ListTitle a:visited, .ListTitle a:active {
|
||||
color: white;
|
||||
}
|
||||
.BreadcrumbsBox a, .BreadcrumbsBox a:link, .BreadcrumbsBox a:visited {
|
||||
color: white;
|
||||
}
|
||||
.SearchBreadcrumbs > span {
|
||||
color: #c5c5c5;
|
||||
}
|
||||
.HeaderLink a.current {
|
||||
background: #c3c3c31a;
|
||||
}
|
||||
.PluginDisplay {
|
||||
background-color: #545454;
|
||||
}
|
||||
select, .sp-replacer {
|
||||
background-color: #545454;
|
||||
color: white;
|
||||
}
|
||||
.MultiRTypeSelect {
|
||||
background-color: #545454;
|
||||
}
|
||||
input[type="text"], input[type="password"], input[type="number"], input[type="email"], textarea, select, .sp-replacer {
|
||||
background-color: #545454;
|
||||
color: white;
|
||||
}
|
||||
.search-icon, .search-icon:hover, .search-icon:active {
|
||||
background-color: #404040;
|
||||
}
|
||||
#ssearchbox::placeholder,
|
||||
input[type="text"]::placeholder,
|
||||
input[type="password"]::placeholder,
|
||||
input[type="number"]::placeholder,
|
||||
input[type="email"]::placeholder {
|
||||
color: #b1b1b1;
|
||||
}
|
||||
/* Category trees */
|
||||
.CategoryBox, .MiniCategoryBox {
|
||||
background-color: #545454;
|
||||
}
|
||||
.CategoryBox span, .MiniCategoryBox span {
|
||||
color: white;
|
||||
}
|
||||
/* Comments */
|
||||
.CommentFormBody {
|
||||
background-color: #626262;
|
||||
}
|
||||
.CommentFormBody::placeholder {
|
||||
color: #b1b1b1;
|
||||
}
|
||||
.CommentEntry {
|
||||
background-color: #545454;
|
||||
border: 1px solid #6e6e6e;
|
||||
}
|
||||
.CommentBody {
|
||||
color: white;
|
||||
}
|
||||
.skip-to-main-content {
|
||||
background-color: #545454;
|
||||
}
|
||||
.RecordPanel .item h3, .RecordPanel .itemNarrow h3, th {
|
||||
font-weight: 600;
|
||||
}
|
||||
.Question.QuestionStickyRight,
|
||||
.QuestionSubmit.QuestionSticky {
|
||||
background-color: #262626;
|
||||
}
|
||||
.Question.QuestionStickyRight {
|
||||
border-left: unset;
|
||||
box-shadow: -12px 0px 15px -12px black;
|
||||
}
|
||||
.QuestionSubmit.QuestionSticky {
|
||||
border-top: unset;
|
||||
box-shadow: 0 -12px 15px -12px black;
|
||||
}
|
||||
.FormHelpInner {
|
||||
background-color: #6c6c6c;
|
||||
}
|
||||
select, .sp-replacer {
|
||||
box-shadow: 0 1px 3px 1px #00000026;
|
||||
}
|
||||
.RecordPanel .RecordDownload .DownloadDBlend td.Picker select {
|
||||
background-color: #727272;
|
||||
}
|
||||
|
||||
.smalllisticon{background: url(../gfx/interface/listicondark.svg) no-repeat 0; opacity: 0.65;}
|
||||
.smalllisticonactive {background: url(../gfx/interface/listiconactivedark.svg) no-repeat 0;}
|
||||
.xlthumbsicon{background: url(../gfx/interface/xlicondark.svg) no-repeat 0; opacity: 0.65;}
|
||||
.xlthumbsiconactive {background: url(../gfx/interface/xliconactivedark.svg) no-repeat 0;}
|
||||
.largethumbsicon{background: url(../gfx/interface/largeicondark.svg) no-repeat 0; opacity: 0.65;}
|
||||
.largethumbsiconactive{background: url(../gfx/interface/largeiconactivedark.svg) no-repeat 0;}
|
||||
.stripicon{background: url(../gfx/interface/stripicondark.svg) no-repeat 0; opacity: 0.65;}
|
||||
.stripiconactive{background: url(../gfx/interface/stripiconactivedark.svg) no-repeat 0;}
|
||||
|
||||
.icondisplay .fa-map {
|
||||
color: #cccccc;
|
||||
}
|
||||
.icondisplay .fas.fa-map {
|
||||
color: white;
|
||||
}
|
||||
.NoFind {
|
||||
background: #404040;
|
||||
}
|
||||
[data-uppy-theme=dark] .uppy-Dashboard-browse {
|
||||
color: white;
|
||||
}
|
||||
[data-uppy-theme=dark] .uppy-DashboardContent-back {
|
||||
color: white;
|
||||
}
|
||||
[data-uppy-theme=dark] .uppy-DashboardContent-addMore {
|
||||
color: white;
|
||||
}
|
||||
[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover,
|
||||
[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
|
||||
background-color: #1988d7;
|
||||
}
|
||||
.lockedQuestion {
|
||||
background-color: #404040;
|
||||
}
|
||||
.ResourcePanelInfo {
|
||||
color: white;
|
||||
}
|
||||
.PageInformal {
|
||||
background: #404040;
|
||||
}
|
||||
#ProcessingBox{
|
||||
background-color: #404040;
|
||||
color: white;
|
||||
}
|
||||
/* Analytics */
|
||||
.ReportSheet {
|
||||
background-color: #262626;
|
||||
border: none;
|
||||
color: white;
|
||||
}
|
||||
.ReportSheet h2,
|
||||
.ReportMetric,
|
||||
.ReportSummary td {
|
||||
color: white;
|
||||
}
|
||||
.ReportSummary {
|
||||
background-color: #262626;
|
||||
}
|
||||
/* Reports / Installation check */
|
||||
.InfoTable {
|
||||
background: #404040;
|
||||
}
|
||||
/* Chosen library */
|
||||
.chosen-container, .chosen-container-multi .chosen-choices {
|
||||
background-color: #545454 !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
.chosen-container-active .chosen-choices li.search-field input[type=text] {
|
||||
color: white !important;
|
||||
}
|
||||
/* Selection collection link */
|
||||
.SelectionCollectionLink, .SelectionCollectionLink:link, .SelectionCollectionLink:visited, .MessageBox {
|
||||
color: white;
|
||||
}
|
||||
/* Icon picker */
|
||||
#iconpicker-button {
|
||||
background-color: #404040;
|
||||
}
|
||||
#iconpicker-container {
|
||||
background: #404040;
|
||||
}
|
||||
/* API Test tool */
|
||||
.codeexample {
|
||||
background-color: #404040;
|
||||
color: white;
|
||||
}
|
||||
/* jQuery UI dialog */
|
||||
.ui-widget-content,
|
||||
.delete-dialog .ui-dialog-titlebar,
|
||||
.ui-dialog-titlebar,
|
||||
.ui-dialog .ui-dialog-title {
|
||||
background: #545454;
|
||||
}
|
||||
.ui-dialog .ui-dialog-content, .ui-dialog .ui-dialog-title {
|
||||
color: white;
|
||||
}
|
||||
.ui-widget.ui-widget-content {
|
||||
border: none;
|
||||
}
|
||||
.ui-widget-content {
|
||||
border: 1px solid #878787;
|
||||
}
|
||||
.ui-menu .ui-menu-item {
|
||||
color: white;
|
||||
}
|
||||
/* Responsive mode */
|
||||
@media (max-width: 1200px) {
|
||||
#Header .HorizontalNav ul li a {
|
||||
background: #545454 !important;
|
||||
color: white !important;
|
||||
border: none !important;
|
||||
}
|
||||
#Header .HorizontalNav ul li.UploadButton a {
|
||||
background: #1378BF !important;
|
||||
}
|
||||
}
|
||||
.ResponsiveButton {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
<?php
|
||||
}
|
||||
|
||||
if ($user_pref_appearance == "device") {
|
||||
?>
|
||||
}
|
||||
<?php
|
||||
}
|
||||
}
|
||||
|
||||
# Override the header background colour
|
||||
if (isset($header_colour_style_override) && $header_colour_style_override != '') { ?>
|
||||
#Header, #OverFlowLinks, #LoginHeader {
|
||||
background: <?php echo $header_colour_style_override; ?>;
|
||||
} <?php
|
||||
}
|
||||
|
||||
# Override the header link colour
|
||||
if (isset($header_link_style_override) && $header_link_style_override != '') { ?>
|
||||
#HeaderNav1, #HeaderNav1 li a, #HeaderNav2 li a, #HiddenLinks li.HeaderLink a {
|
||||
color: <?php echo $header_link_style_override; ?>;
|
||||
}
|
||||
#HeaderNav2 li {
|
||||
border-color: <?php echo $header_link_style_override; ?>;
|
||||
}
|
||||
#HeaderNav1 li.UploadButton a {
|
||||
color: #FFFFFF;
|
||||
} <?php
|
||||
}
|
||||
|
||||
# Override home UI elements colour (intro text, dash tiles, simple search)
|
||||
if (isset($home_colour_style_override) && $home_colour_style_override != '') { ?>
|
||||
#SearchBox, #HomeSiteText.dashtext, .HomePanelIN, #BrowseBar, #NewsPanel.BasicsBox, #remote_assist #SearchBoxPanel,
|
||||
.SearchBarTab.SearchBarTabSelected {
|
||||
background: <?php echo $home_colour_style_override; ?>;
|
||||
} <?php
|
||||
}
|
||||
|
||||
# Override the collection bar background colour
|
||||
if (isset($collection_bar_background_override) && $collection_bar_background_override != '') { ?>
|
||||
.CollectBack {
|
||||
background: <?php echo $collection_bar_background_override; ?>;
|
||||
} <?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Override the collection bar foreground colour
|
||||
*
|
||||
* optgroup and option background-color set to #474747 for consistency across platforms as
|
||||
* Firefox/Windows does not recognise rgb() colour properties for optgroup element
|
||||
* */
|
||||
|
||||
if (isset($collection_bar_foreground_override) && $collection_bar_foreground_override != '') { ?>
|
||||
.CollectionPanelShell, #CollectionDiv select {
|
||||
background-color: <?php echo $collection_bar_foreground_override; ?>;
|
||||
}
|
||||
#CollectionDiv option, #CollectionDiv optgroup {
|
||||
font-style:normal;
|
||||
background-color: #474747;
|
||||
color: #fff;
|
||||
}
|
||||
.ui-layout-resizer {
|
||||
background: <?php echo $collection_bar_foreground_override; ?>;
|
||||
} <?php
|
||||
}
|
||||
|
||||
// Override the button colour
|
||||
if (isset($button_colour_override) && $button_colour_override != '') { ?>
|
||||
button,
|
||||
input[type=submit],
|
||||
input[type=button],
|
||||
.RecordPanel .RecordDownloadSpace .DownloadDBlend a,
|
||||
.UploadButton a,
|
||||
.uppy-StatusBar-actionBtn,
|
||||
.uppy-Dashboard-browse,
|
||||
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload,
|
||||
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover,
|
||||
.uppy-DashboardContent-back, .uppy-DashboardContent-back:focus,
|
||||
.uppy-DashboardContent-addMore, .uppy-DashboardContent-addMore:focus {
|
||||
background-color: <?php echo $button_colour_override; ?>;
|
||||
} <?php
|
||||
}
|
||||
|
||||
// Apply user uploaded custom font
|
||||
if (isset($custom_font) && $custom_font != '') {
|
||||
$custom_font_url = str_replace('[storage_url]', $storageurl, $custom_font);
|
||||
?>
|
||||
@font-face {
|
||||
font-family: "custom_font";
|
||||
src: url("<?php echo $custom_font_url; ?>");
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6,.Title {
|
||||
font-family: custom_font, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,.ui-widget, body, input, textarea,
|
||||
select, button {
|
||||
font-family: custom_font, Arial, Helvetica, sans-serif;
|
||||
} <?php
|
||||
}
|
||||
|
||||
// Higher contrast mode changes
|
||||
if (isset($high_contrast_mode) && $high_contrast_mode) { ?>
|
||||
body, html {
|
||||
background: white;
|
||||
color: black;
|
||||
}
|
||||
a:link, a:visited,
|
||||
#modal .RecordHeader h1, #modal .BasicsBox h1,
|
||||
.RecordPanel .RecordDownloadSpace .DownloadDBlend p, .RecordPanel .RecordDownload .DownloadDBlend td,
|
||||
.HorizontalWhiteNav a:link, .HorizontalWhiteNav a:visited, .HorizontalWhiteNav a:active,
|
||||
.BasicsBox .VerticalNav a:link, .BasicsBox .VerticalNav a:visited, .BasicsBox .VerticalNav a:active,
|
||||
.ListTitle a:link, .ListTitle a:visited, .ListTitle a:active,
|
||||
.search-icon, .search-icon:hover, .search-icon:active, .jstree-default-dark .jstree-anchor {
|
||||
color: black;
|
||||
}
|
||||
a:hover, a:active {
|
||||
text-decoration: underline !important;
|
||||
text-underline-position: under;
|
||||
}
|
||||
input[type="checkbox"], input[type="radio"] {
|
||||
transform: scale(1.5);
|
||||
}
|
||||
h1, h2, .Tab a, h2.CollapsibleSectionHead, h1.CollapsibleSectionHead {
|
||||
font-weight: 500;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.Listview tr, .NavUnderline, .Question {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
.Listview tr:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
#SearchBox, #HomeSiteText.dashtext, .HomePanelIN, .PopupCategoryTree, #BrowseBar {
|
||||
background: black;
|
||||
}
|
||||
.SearchBarTab.SearchBarTabSelected {
|
||||
background: white;
|
||||
color: black;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.TopInpageNav select, .update_result_order_button, select, .sp-replacer {
|
||||
box-shadow: none;
|
||||
border: 1px solid black;
|
||||
}
|
||||
.TopInpageNavLeft select, .TopInpageNavLeft select:focus, .comment_form_container,
|
||||
.Listview, .user_message_text, .CategoryBox {
|
||||
border: 1px solid black;
|
||||
}
|
||||
#Header {
|
||||
border-bottom: 1px solid black;
|
||||
background: white;
|
||||
}
|
||||
#Header li a {
|
||||
opacity: 1;
|
||||
}
|
||||
#Header .current {
|
||||
font-weight: bold;
|
||||
}
|
||||
#modal, .RecordPanel, .ResourcePanelSmall, .ResourcePanelLarge, div#Metadata div.Title, .TabBar {
|
||||
background-color: white;
|
||||
}
|
||||
.BasicsBox.SearchSticky {
|
||||
background: white;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
.QuestionSubmit.QuestionSticky {
|
||||
background: white;
|
||||
border-top: 1px solid black;
|
||||
}
|
||||
.Question.QuestionStickyRight {
|
||||
background: white;
|
||||
border-left: 1px solid black;
|
||||
}
|
||||
.BreadcrumbsBoxTheme {
|
||||
background-color: black;
|
||||
}
|
||||
.icondisplay {
|
||||
box-shadow: none;
|
||||
}
|
||||
.ResourcePanel {
|
||||
box-shadow: 0 0px 0px 1px black;
|
||||
}
|
||||
.ResourcePanel:hover {
|
||||
box-shadow: 0 0px 0px 3px black;
|
||||
}
|
||||
.ResourcePanelIcons a:hover {
|
||||
background: black;
|
||||
border-radius: 3px;
|
||||
color: white;
|
||||
}
|
||||
.thumbs-file-extension,
|
||||
.ResourceTypeIcon.fa-fw {
|
||||
background: white;
|
||||
}
|
||||
.RecordDownloadSpace {
|
||||
border: 1px solid black;
|
||||
border-bottom-left-radius: 8px;
|
||||
border-bottom-right-radius: 8px;
|
||||
}
|
||||
button, input[type=submit], input[type=button], .RecordPanel .RecordDownloadSpace .DownloadDBlend a,
|
||||
.UploadButton a, .uppy-StatusBar-actionBtn, .uppy-Dashboard-browse,
|
||||
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload,
|
||||
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover, .uppy-DashboardContent-back,
|
||||
.uppy-DashboardContent-back:focus, .uppy-DashboardContent-addMore, .uppy-DashboardContent-addMore:focus,
|
||||
input:checked + .customFieldLabel, .keywordselected {
|
||||
background-color: #146cab;
|
||||
}
|
||||
button:hover, input[type=submit]:hover, input[type=button]:hover,
|
||||
.RecordPanel .RecordDownloadSpace .DownloadDBlend a:hover, .UploadButton a:hover {
|
||||
text-decoration: underline;
|
||||
text-underline-position: under;
|
||||
}
|
||||
.TabSelected a {
|
||||
color: black;
|
||||
border-left: 1px solid black;
|
||||
border-right: 1px solid black;
|
||||
border-top: 1px solid black;
|
||||
}
|
||||
.RecordPanel .item h3, .RecordPanel .itemNarrow h3, th {
|
||||
color: black;
|
||||
font-weight: 500;
|
||||
}
|
||||
.ListviewStyle thead, .ListviewTitleStyle {
|
||||
background: rgb(75 75 75);
|
||||
}
|
||||
.ListviewTitleStyle a, .ListviewTitleStyle a:hover {
|
||||
color: white;
|
||||
}
|
||||
input[type="text"], input[type="password"], input[type="number"], input[type="email"],
|
||||
textarea, select, .sp-replacer {
|
||||
border: 1px solid black;
|
||||
box-shadow: none;
|
||||
}
|
||||
.FormHelpInner {
|
||||
border: 1px solid #146cab;
|
||||
}
|
||||
.uppy-Dashboard-inner {
|
||||
border: 1px solid black;
|
||||
background-color: white;
|
||||
}
|
||||
#iconpicker-button {
|
||||
border: 1px solid black;
|
||||
box-shadow: unset;
|
||||
}
|
||||
select, .sp-replacer {
|
||||
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTMiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIyIDEzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTQpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IHk9IjIiIHdpZHRoPSIyMiIgaGVpZ2h0PSIxMSIvPjxwb2x5bGluZSB0cmFuc2Zvcm09InJvdGF0ZSg0NSA2LjAzNiA1LjAzNikiIHBvaW50cz0iOS41OTYgMS40NzUgOS41OTYgOC41OTYgMi40NzUgOC41OTYiIHN0cm9rZT0iIzAwMDAwNCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9nPjwvc3ZnPgo=);
|
||||
}
|
||||
.CollectBack {
|
||||
background: black;
|
||||
color: white;
|
||||
}
|
||||
.prevLink, .nextLink, .prevPageLink, .nextPageLink {
|
||||
padding: 2px 5px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.backtoresults .maxLink {
|
||||
margin-left: 20px;
|
||||
padding: 4px 4px 3px 4px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.backtoresults .closeLink {
|
||||
margin-left: 5px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.backtoresults .maxLink:hover, .backtoresults .closeLink:hover,
|
||||
.prevLink:hover, .nextLink:hover, .prevPageLink:hover, .nextPageLink:hover {
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
.NonMetadataProperties {
|
||||
border: 1px solid black;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.StyledTabbedPanel {
|
||||
border: 1px solid black;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.NonMetadataProperties + .TabbedPanel {
|
||||
margin-top: 8px;
|
||||
padding-bottom: 6px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid black;
|
||||
}
|
||||
.lock_icon {
|
||||
min-width: unset;
|
||||
}
|
||||
.InfoTable {
|
||||
border: 1px solid black;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.InfoTable tr+tr>td {
|
||||
border-top: 1px solid black;
|
||||
}
|
||||
.InfoTable td+td {
|
||||
border-left: 1px solid black;
|
||||
}
|
||||
.CommentEntry {
|
||||
border: 1px solid black;
|
||||
}
|
||||
div.MessageBox {
|
||||
color: black;
|
||||
border: 1px solid black;
|
||||
background: white;
|
||||
}
|
||||
.jstree-default-dark .jstree-hovered {
|
||||
color: white;
|
||||
}
|
||||
.jstree-default-dark .jstree-wholerow-hovered {
|
||||
background: black;
|
||||
}
|
||||
.jstree-default-dark .jstree-anchor>.jstree-icon {
|
||||
opacity: 1;
|
||||
}
|
||||
.ui-widget.ui-widget-content {
|
||||
border: 1px solid black;
|
||||
}
|
||||
.ui-dialog .ui-dialog-title, .ui-widget-content {
|
||||
color: black;
|
||||
}
|
||||
.delete-dialog .ui-dialog-titlebar, .ui-dialog-titlebar {
|
||||
background: white;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
}
|
||||
#modal_dialog {
|
||||
border-top: 1px solid black;
|
||||
border-radius: 0;
|
||||
}
|
||||
.ui-dialog {
|
||||
padding: 0;
|
||||
}
|
||||
.ui-widget.ui-button {
|
||||
background: white;
|
||||
border: 1px solid black;
|
||||
color: black;
|
||||
font-weight: 500;
|
||||
}
|
||||
.ui-widget.ui-button:hover {
|
||||
background: black;
|
||||
color: white;
|
||||
text-decoration: underline;
|
||||
} <?php
|
||||
}
|
||||
|
||||
// Simple Search pills using jQuery tag editor
|
||||
if ($simple_search_pills_view) { ?>
|
||||
.search-icon, .search-icon:hover, .search-icon:active {
|
||||
background-color: #ffffff00;
|
||||
margin-top: -36px;
|
||||
margin-left: 221px;
|
||||
} <?php
|
||||
}
|
||||
|
3
css/fonts/Arial.css
Normal file
@@ -0,0 +1,3 @@
|
||||
h1,h2,h3,h4,h5,h6,.Title {font-family: Arial, Helvetica, sans-serif;}
|
||||
|
||||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,.ui-widget, body, input, textarea, select, button {font-family: Arial, Helvetica, sans-serif;}
|
8
css/fonts/Inter.css
Normal file
@@ -0,0 +1,8 @@
|
||||
@font-face {
|
||||
font-family: "Inter";
|
||||
src: url("../../lib/fonts/Inter/Inter-VariableFont_opsz,wght.ttf");
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6,.Title {font-family: Inter, Arial, Helvetica, sans-serif;}
|
||||
|
||||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,.ui-widget, body, input, textarea, select, button {font-family: Inter, Arial, Helvetica, sans-serif;}
|
9
css/fonts/Montserrat.css
Normal file
@@ -0,0 +1,9 @@
|
||||
@font-face
|
||||
{
|
||||
font-family: "Montserrat";
|
||||
src: url("../../lib/fonts/Montserrat/Montserrat-VariableFont_wght.ttf");
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6,.Title {font-family: Montserrat, Arial, Helvetica, sans-serif;}
|
||||
|
||||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,.ui-widget, body, input, textarea, select, button {font-family: Montserrat, Arial, Helvetica, sans-serif;}
|
9
css/fonts/OpenSans.css
Normal file
@@ -0,0 +1,9 @@
|
||||
@font-face
|
||||
{
|
||||
font-family: "Open Sans";
|
||||
src: url("../../lib/fonts/Open_Sans/OpenSans-VariableFont_wdth\,wght.ttf");
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6,.Title {font-family: Open Sans, Arial, Helvetica, sans-serif;}
|
||||
|
||||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,.ui-widget, body, input, textarea, select, button {font-family: Open Sans, Arial, Helvetica, sans-serif;}
|
9
css/fonts/Roboto.css
Normal file
@@ -0,0 +1,9 @@
|
||||
@font-face
|
||||
{
|
||||
font-family: "Roboto";
|
||||
src: url("../../lib/fonts/Roboto/Roboto-Regular.ttf");
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6,.Title {font-family: Roboto, Arial, Helvetica, sans-serif;}
|
||||
|
||||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,.ui-widget, body, input, textarea, select, button {font-family: Roboto, Arial, Helvetica, sans-serif;}
|
10
css/fonts/Space Grotesk.css
Normal file
@@ -0,0 +1,10 @@
|
||||
@font-face
|
||||
{
|
||||
font-family: "Space Grotesk";
|
||||
src: url("../../lib/fonts/Space_Grotesk/SpaceGrotesk-VariableFont_wght.ttf");
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6,.Title {font-family: Space Grotesk, Arial, Helvetica, sans-serif;}
|
||||
|
||||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,.ui-widget, body, input, textarea, select, button {font-family: Space Grotesk, Arial, Helvetica, sans-serif;font-size:16px;}
|
||||
|
9
css/fonts/Ubuntu.css
Normal file
@@ -0,0 +1,9 @@
|
||||
@font-face
|
||||
{
|
||||
font-family: "Ubuntu";
|
||||
src: url("../../lib/fonts/Ubuntu/Ubuntu-Regular.ttf");
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6,.Title {font-family: Ubuntu, Arial, Helvetica, sans-serif;}
|
||||
|
||||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,.ui-widget, body, input, textarea, select, button {font-family: Ubuntu, Arial, Helvetica, sans-serif;}
|
9
css/fonts/WorkSans.css
Normal file
@@ -0,0 +1,9 @@
|
||||
@font-face
|
||||
{
|
||||
font-family: "Work Sans";
|
||||
src: url("../../lib/fonts/Work_Sans/WorkSans-VariableFont_wght.ttf");
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6,.Title {font-family: Work Sans, Arial, Helvetica, sans-serif;}
|
||||
|
||||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,.ui-widget, body, input, textarea, select, button {font-family: Work Sans, Arial, Helvetica, sans-serif;}
|
2675
css/global.css
Executable file
788
css/light.css
Executable file
@@ -0,0 +1,788 @@
|
||||
/*
|
||||
* Colour Style Document for ResourceSpace
|
||||
*
|
||||
* Standard colour and decorative css should be contained within this file
|
||||
* Standard structural styling should be placed inside global.css
|
||||
*
|
||||
*/
|
||||
|
||||
/* Default text and background colour */
|
||||
body,html {color:#474747;background: #efefef;}
|
||||
|
||||
h1, h2 {color: #000000;}
|
||||
a:link {color:#666666;}
|
||||
a:visited {color:#666666;}
|
||||
a:hover {color:#2E99E6;}
|
||||
a:active {opacity:0.6;}
|
||||
|
||||
input[readonly] {
|
||||
color: #000000;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Header styling */
|
||||
#Header {background: #fff;transform: translate3d(0, 0, 0);border: none;}
|
||||
#Header li a {color:#000; opacity:0.7;}
|
||||
#Header .SearchResultsDisabled,
|
||||
#Header .SearchResultsDisabled:hover,
|
||||
.DisabledLink,
|
||||
.DisabledLink:hover {opacity: 0.35; cursor: default;}
|
||||
#Header a:hover,
|
||||
#Header .current {opacity:1;text-decoration: none}
|
||||
/* links in Header overflow dropdown menu */
|
||||
#HiddenLinks li a {color:#fff; opacity:0.7;}
|
||||
#Header .UploadButton a {color: #fff;}
|
||||
|
||||
/* Colours for $header_text_title */
|
||||
#TextHeader, #TextHeader a, #TextDesc {color:#fff;}
|
||||
|
||||
.FormError {color: #FF0000;}
|
||||
.FormIncorrect {color: #FF0000;border: 1px solid #BBBBBB;background: #FFFFFF;}
|
||||
.PageInformal {border: 1px solid #c0c0c0;background: #FFFFFF;}
|
||||
.HorizontalWhiteNav a:link,
|
||||
.HorizontalWhiteNav a:visited,
|
||||
.HorizontalWhiteNav a:active,
|
||||
.BasicsBox .VerticalNav a:link,
|
||||
.BasicsBox .VerticalNav a:visited,
|
||||
.BasicsBox .VerticalNav a:active,
|
||||
.ListTitle a:link,
|
||||
.ListTitle a:visited,
|
||||
.ListTitle a:active {color:#666666;}
|
||||
.HorizontalWhiteNav a:hover, .BasicsBox .VerticalNav a:hover, .ListTitle a:hover {color:#2e99e6;}
|
||||
|
||||
/* Search Bar */
|
||||
#SearchBoxPanel a:link, #SearchBoxPanel a:visited, #SearchBoxPanel a:hover,
|
||||
#ResearchBoxPanel a:link, #ResearchBoxPanel a:visited, #ResearchBoxPanel a:hover, #ResearchBoxPanel a:active,
|
||||
.SearchSpace a:link, .SearchSpace a:visited, .SearchSpace a:hover, .SearchSpace a:active,
|
||||
.PoweredByPanel a:link, .PoweredByPanel a:visited, .PoweredByPanel a:hover {
|
||||
color:#fff;text-decoration:none;
|
||||
}
|
||||
|
||||
.RecordPanel, .ResourcePanelSmall, .ResourcePanelLarge, div#Metadata div.Title { background: #eee; }
|
||||
#ResearchBoxPanel, .HomePanelIN, .RecordPanel .RecordDownload, .RecordPanel, .ResourcePanelLarge {
|
||||
border-radius:8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ResourcePanel {
|
||||
background-color: white;
|
||||
border-radius: 6px;
|
||||
transition: all 0.1s ease-in-out;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||
border: 3px solid rgba(255, 255, 255, 0);
|
||||
}
|
||||
.ResourcePanel:hover {
|
||||
box-shadow: 0 1px 10px 0 rgba(0,0,0,0.3);
|
||||
z-index: 100;
|
||||
}
|
||||
.ResourcePanelInfo {
|
||||
color: #727272;
|
||||
}
|
||||
.ResourcePanelInfo a {
|
||||
color: #414141;
|
||||
}
|
||||
.ResourcePanel.Selected { border: 3px solid #2E99E6; }
|
||||
tr[id^="ResourceShell"].Selected { background-color: #d5eafa; /* Used a tint of #2e99e6 which is used for .ResourcePanel.Selected */ }
|
||||
|
||||
.ResourcePanelIcons a.fa-minus-circle { color: #e91d1d }
|
||||
|
||||
#SearchBoxPanel h2, #ThemeBoxPanel h2, #ResearchBoxPanel h2, .SearchSpace h2{color: #fff;}
|
||||
|
||||
/* Collection Bar */
|
||||
.ui-layout-resizer {background: #444444;}
|
||||
.ui-layout-toggler-open-hover{border-radius:2px;}
|
||||
.CollectBack {color:#E0E0E0;background: #2b2b2b;}
|
||||
.CollectBack a:link, .CollectBack a:visited, .CollectBack a:active,.CollectBack h2,.BrowseBar a:link,.BrowseBar a:hover, .BrowseBar a:visited, .BrowseBar a:active,.BrowseBar h2 {color:#E0E0E0;}
|
||||
.CollectBack a:hover{color:#FFF;}
|
||||
.CollectBack h2 a:link, .CollectBack h2 a:visited, .CollectBack h2 a:active, .CollectBack h2 a:hover {color:white;}
|
||||
#CollectionMinRightNav li {border-left:1px solid #E0E0E0;}
|
||||
.CollectionPanelShell {background-color: #444;}
|
||||
|
||||
/* Related resources */
|
||||
#RelatedResources .CollectionPanelShell {background-color: #fff;}
|
||||
|
||||
/* Home */
|
||||
.HomePanel a:link,
|
||||
.HomePanel a:visited,
|
||||
.HomePanel a:active,
|
||||
.HomePanel a:hover,
|
||||
.HomePanel h2 {color:#FFF;}
|
||||
#HomeSiteText {padding:10px;}
|
||||
#HomeSiteText.dashtext h1 {color:#FFF;}
|
||||
|
||||
/* Default colours for search, dash tiles, browse bar etc */
|
||||
#SearchBox, #HomeSiteText.dashtext, .HomePanelIN, .PopupCategoryTree {
|
||||
background: rgba(0, 0, 0, 0.51);
|
||||
color:#FFF;
|
||||
}
|
||||
|
||||
.CollectImageBorder {border: 1px solid #000000;}
|
||||
.ASC::before {content: " \25BC";font-size:80%;}
|
||||
.DESC::before {content: " \25B2";font-size:80%;}
|
||||
|
||||
.NavUnderline,.Question {border-bottom: 1px solid #e2e2e2;}
|
||||
|
||||
/* Table header styling */
|
||||
.ListviewStyle thead, .ListviewTitleStyle {
|
||||
background: #444;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.ListviewTitleStyle td, .ListviewTitleStyle th, .ListviewTitleStyle a, .ListviewTitleStyle a:visited {
|
||||
color: #fff;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.ListviewTitleStyle a:hover {
|
||||
color: #d4d4d4;
|
||||
text-decoration:none;
|
||||
}
|
||||
.ListviewStyle
|
||||
{
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.ListviewStyle tr:nth-child(even):not(.ListviewTitleStyle)
|
||||
{
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
.tableRowEven
|
||||
{
|
||||
background-color: #f6f6f6 !important;
|
||||
}
|
||||
.tableRowOdd
|
||||
{
|
||||
background-color: #ffffff !important;
|
||||
}
|
||||
|
||||
.ListviewStyle tr:hover {
|
||||
background-color: #e5e5e5 !important;
|
||||
}
|
||||
tr.ListviewTitleStyle:hover {
|
||||
background-color: black !important;
|
||||
}
|
||||
|
||||
.ListViewBulkActions span {color: #666666}
|
||||
.ListViewBulkActions span:hover {color: #2E99E6;}
|
||||
|
||||
|
||||
.Question select .optionWeekend { background-color: #ccc; }
|
||||
.lockedQuestion {background-color: #ddd; }
|
||||
.Question.FieldSaveError {background: #F1A9A0;}
|
||||
div.autocomplete {background-color:white;border:1px solid #888;}
|
||||
div.autocomplete ul li.selected { background-color: #ffb;}
|
||||
div.autocomplete ul li {color: #000;}
|
||||
#outerImageContainer{ background-color: #fff;}
|
||||
#imageDataContainer{ background-color: #fff;}
|
||||
#imageData{color: #666;}
|
||||
#imageData #caption{ font-weight: bold; }
|
||||
#overlay{ background-color: #000;}
|
||||
.FormHelpInner{background-color:#ffffff;border:1px solid #2e99e6;border-radius:4px;}
|
||||
.RecordDownloadSpace .HorizontalWhiteNav a:active, .RecordPanel .RecordDownloadSpace .HorizontalWhiteNav a:hover {color:#FFFFFF;}
|
||||
.NoFind {border: none;background: #FFFFFF;}
|
||||
.NoFind .highlight {color:#000000;font-weight: bold;}
|
||||
.NoFind a:link, .NoFind a:visited, .NoFind a:hover, .NoFind a:active {color:#2e99e6;text-decoration:underline;}
|
||||
.ViewPanelTitles .Title { border-bottom: 0; }
|
||||
.RecordDownloadSpace { background: #fff;}
|
||||
.RecordPanel .RecordDownload .DownloadDBlend td {border-top: 1px solid #ddd;color: #333;}
|
||||
.RecordPanel .RecordDownloadSpace .DownloadDBlend .DownloadButton {background-color: transparent;}
|
||||
.RecordPanel .RecordDownloadSpace .DownloadDBlend p {color: #757575;text-align: left;font-size: 0.80rem;}
|
||||
.RecordPanel .RecordDownloadSpace .DownloadDBlend, .toolbox {background: #fff; border-color: #6D6D6D;}
|
||||
.ArchiveResourceTitle, .ResourcePendingSubmissionTitle, .ResourcePendingReviewTitle {color: #888;}
|
||||
.DeletedResourceTitle {color: #FF0000;}
|
||||
.RecordStory{color: #000000;background: #FFFFFF; .Rec border-top : 1px solid #ddd;}
|
||||
.RecordStory h1{color: #000000;}
|
||||
.RecordStory a:hover{color: #000000;}
|
||||
.RecordStory .highlight {color:black;}
|
||||
.BasicsBox .HorizontalNav li {border-right:1px solid #B5C3D4;border-top-style: none;border-bottom-style: none;border-left-style: none;}
|
||||
.ThemeBox {border-bottom: 1px solid #BBBBBB;}
|
||||
.CategoryBox {border:1px solid rgba(0,0,0,0.25);background-color:#ffffff;color: black;font-weight: normal; border-radius: 4px;}
|
||||
.MiniCategoryBox {box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);background-color:#ffffff;color: black;font-weight: normal; border-radius: 5px;}
|
||||
.CategoryTree {border-top:1px solid #737373;border-left:1px solid #999999;border-bottom:1px solid #999999;border-right:1px solid #999999;background-color:white;color: black;font-weight: normal;}
|
||||
|
||||
/* Star Ratings */
|
||||
.StarSelect {background: transparent url('../gfx/interface/RatingStarYellow.gif') no-repeat;}
|
||||
.StarWhite {background: transparent url('../gfx/interface/RatingStarWhite.gif') no-repeat;}
|
||||
.StarGrey {background: transparent url('../gfx/interface/RatingStarGrey.gif') no-repeat;}
|
||||
.StarEmpty {background: transparent url('../gfx/interface/RatingStarGrey.gif') no-repeat;}
|
||||
.StarCurrent {background: transparent url('../gfx/interface/RatingStarRed.gif') no-repeat;}
|
||||
.IconUserRatingStar {background: url(../gfx/interface/RatingStarRed.gif) no-repeat;}
|
||||
.IconUserRatingSpace {background: url(../gfx/interface/RatingStarBlank.gif) no-repeat;}
|
||||
.RatingStars a:hover {text-decoration:none;}
|
||||
#RatingStarLink0 {color: #888;}
|
||||
|
||||
.Listview .ListViewSubTable,.Listview .ListViewSubTable td,.Listview .ListViewSubTable tr {background-image: none;}
|
||||
.Listview {background-color: white;}
|
||||
.highlight {color: #000;background-color: #ff0;}
|
||||
.Tab a {padding: 8px 1rem;background: rgba(255, 255, 255, 0.4);}
|
||||
.TabBar { background-color: #ededed; }
|
||||
#BasicsBoxTabs > .TabBar { background-color: #f2f2f2;} /* On Edit page w/ $tabs_on_edit */
|
||||
.StyledTabbedPanel {background: #fff;}
|
||||
.TabSelected {border-left: #bbbbbb;}
|
||||
.TabSelected a {background: #ffffff; color: #666666; border-bottom: 1px solid #ffffff; }
|
||||
.InfoTable {border-collapse:collapse;border-radius: 4px;}
|
||||
.InfoTable {background: #fff;}
|
||||
.InfoTable tr+tr>td {border-top:1px solid #ddd;}
|
||||
.InfoTable td+td {border-left:1px solid #BBBBBB;}
|
||||
#InfoBoxInner {color:black;}
|
||||
#InfoBoxInner h2 {color:black;font-weight:bold;}
|
||||
#InfoBoxInner p {color:black;}
|
||||
#InfoBoxCollectionInner {color:black;}
|
||||
#InfoBoxCollectionInner h2 {color:black;}
|
||||
#InfoBoxCollectionInner p {color:black;}
|
||||
.NewFlag { background-color: #fff; color: #737373; text-shadow: none;}
|
||||
|
||||
/* Single file upload progress bar */
|
||||
.meter-value {background-color: #BBBBBB;}
|
||||
.meter-wrap{border:1px solid #BBBBBB;}
|
||||
|
||||
.Terms{color:#000;border: 1px solid #ccc;background: #fff;}
|
||||
.ui-layout-toggler-open-hover{background-color:rgba(255,255,255,0.3);}
|
||||
|
||||
.proptitle{color: #FFFFFF;background: rgb(119,119,119);}
|
||||
.propbox{color: #000000;background: #FFFFFF;}
|
||||
.propbox a:link {color: rgb(115,115,115); background: none;}
|
||||
.propbox a:visited {color: rgb(115,115,115); background: none;}
|
||||
.propbox a:hover {color: #000000; background: none;}
|
||||
.propbox a:active {color: #000000; background: none;}
|
||||
.permissionstable tr td.permheader{color: #000000;background: rgb(221,221,221)}
|
||||
.permissionstable tbody{color: #000000;}
|
||||
.CodeMirror-wrapping{color: #000000;background: #FFFFFF;}
|
||||
|
||||
.CommentBody { color: #000000}
|
||||
.TaggingHint {background-color: white; border-bottom: 1px solid rgba(0,0,0,0.25); border-left: 1px solid rgba(0,0,0,0.25); border-right: 1px solid rgba(0,0,0,0.25);}
|
||||
.TaggingHint:hover {background-color:#EEE;text-decoration:none;color:black;}
|
||||
|
||||
/* Dash Tiles */
|
||||
#dash_tile_bin.ui-state-hover {
|
||||
background:#000;
|
||||
background:rgba(0, 0, 0, 0.55);
|
||||
border:#2f2f2f 1px solid;
|
||||
color:#d7d7d7;
|
||||
}
|
||||
#dash_tile_bin.ui-state-active {
|
||||
background: rgba(114, 22, 37, 0.51);
|
||||
border: 1px solid #d0d0d0;
|
||||
}
|
||||
.dash_tile_bin_text {color: #fff;}
|
||||
|
||||
.HomePanel h2.title {background: transparent;color:#fff;}
|
||||
.HomePanel .HomePanelDynamicDash h2{background: rgba(0,0,0,0.4); text-shadow: 0px 1px 5px #000000;}
|
||||
.HomePanelDynamicDash p.tile_corner_box {background: rgba(0,0,0,0.4);border-top-left-radius: 5px;color:#fff;}
|
||||
|
||||
/* Delete Dialog */
|
||||
.delete-dialog .ui-dialog-titlebar, .ui-dialog-titlebar{
|
||||
background: white;
|
||||
border: #878787;
|
||||
color: #3A3A3A;
|
||||
}
|
||||
.delete-dialog .ui-state-default .ui-button-text, .ui-state-default .ui-button-text{color: #000000;background-color: #FFF;}
|
||||
.delete-dialog .ui-state-default.ui-state-hover .ui-button-text, .ui-state-default.ui-state-hover .ui-button-text {color: #FFF;background-color: #3A3A3A;}
|
||||
.delete-dialog .ui-state-default.ui-state-focus, .ui-state-default.ui-state-focus {border:solid 1px #878787;}
|
||||
.delete-dialog .ui-state-default.ui-state-hover, .ui-state-default.ui-state-hover {border:solid 1px #878787;}
|
||||
|
||||
/* Trash Bin */
|
||||
#trash_bin.ui-state-hover {
|
||||
border: #2f2f2f 1px solid;
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
color: #fff;
|
||||
}
|
||||
#trash_bin.ui-state-active, .ui-state-active {border: 1px solid #d0d0d0;background: rgba(114, 22, 37, 0.51);}
|
||||
.trash_bin_text {color: #fff;}
|
||||
.ui-draggable-dragging {border: 2px solid; transition: none;}
|
||||
|
||||
/* Modal */
|
||||
#modal_overlay {
|
||||
background: #000;
|
||||
}
|
||||
#modal {
|
||||
background-color: #f3f3f3;
|
||||
box-shadow: 0 0 40px rgba(0,0,0,0.5);
|
||||
border-radius: 6px;
|
||||
}
|
||||
#modal .RecordHeader, #modal .BasicsBox h1, #modal .TopInpageNav {
|
||||
background: none;
|
||||
color: #999;
|
||||
}
|
||||
#modal .RecordHeader h1, #modal .BasicsBox h1 {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#CollectionDiv select {
|
||||
background-color: #555;
|
||||
color:#fff;
|
||||
border:none;
|
||||
height: 26px;
|
||||
padding-left: 5px;
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
/* Messaging */
|
||||
span.Pill {
|
||||
color: white;
|
||||
background: #e41e3f;
|
||||
}
|
||||
div.MessageBox {
|
||||
border: 1px solid darkgray;
|
||||
background: rgba(220,220,220,0.9);
|
||||
}
|
||||
div.MessageBox a {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
/* Login box */
|
||||
#login_box {background: rgba(0, 0, 0, 0.6)}
|
||||
#login_box .Question {border-bottom: none; padding: 0.6em 0 0 0;}
|
||||
#login_box .QuestionSubmit {background:none; border: none;}
|
||||
#login_box .Question .stdwidth {width: 550px; border-radius: 6px; min-height: 32px;}
|
||||
#login_box, #login_box h1, #login_box a {color: #FFF;}
|
||||
#login_box .Question input[type=text], #login_box .Question input[type=password], #login_box textarea {
|
||||
background-color: #9a9a9ad9;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Highlighting required fields in certain plugins */
|
||||
.highlighted {border: 3px solid #F00 !important;}
|
||||
|
||||
#previewimage, #previewimagecopy, #contact-sheet--previewimage {box-shadow: 0 2px 6px rgba(0,0,0,0.2 );}
|
||||
|
||||
/* chosen collection div */
|
||||
#CollectionDiv #MinColDrop .chosen-single:hover, #CollectionDiv #colselect .chosen-single:hover {color:#444;}
|
||||
#CollectionDiv .ActionsContainer .chosen-single:hover {color:#999;}
|
||||
|
||||
.FeaturedSimpleTile {
|
||||
background: rgba(30, 30, 30, 0.70);
|
||||
color:#FFF;
|
||||
}
|
||||
|
||||
/* Highlight selected keywords */
|
||||
input:checked + .customFieldLabel, .keywordselected {
|
||||
background-color: #2e99e6;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#ProcessingBox{
|
||||
background-color:white;
|
||||
color:black;
|
||||
}
|
||||
|
||||
.ReportSheet {background-color:#fff;border:1px solid black;color:black;}
|
||||
.ReportSheet h2 {color:black;}
|
||||
.ReportSheet p {color:black;}
|
||||
.ReportSummary {background-color:white;color:black;border-collapse:collapse;}
|
||||
.ReportSummary td {border:1px solid #888;color:black;}
|
||||
.ReportMetric {color:black;}
|
||||
.SearchBreadcrumbs > span {color: #6a6a6a;}
|
||||
.BreadcrumbsBox a, .BreadcrumbsBox a:link, .BreadcrumbsBox a:visited { color: #474747; }
|
||||
.BreadcrumbsBoxTheme {background-color: rgba(0, 0, 0, 0.51);margin: 0 1em 1em 0; padding: 6px 8px; color: white;border-radius:6px;}
|
||||
.BreadcrumbsBoxTheme.BreadcrumbsBox a,
|
||||
.BreadcrumbsBoxTheme.BreadcrumbsBox a:link,
|
||||
.BreadcrumbsBoxTheme.BreadcrumbsBox a:visited {color: white;}
|
||||
.TopInpageNav select {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.keywordselected a:visited, .keywordselected a:link {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#Header #ssearchbox:focus {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/* Highlight number of returned search results */
|
||||
#SearchResultFound .Selected {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Browse bar */
|
||||
#BrowseBar a {color: #fff;}
|
||||
.BrowseBarText {color: #fff;}
|
||||
.BrowseBarItem.ui-droppable-hover a .BrowseBarLink{border: 2px solid #FFF;}
|
||||
|
||||
/* Firefox on macOS optgroup background styling fix */
|
||||
@supports (-moz-osx-font-smoothing: auto) {
|
||||
#CollectionDiv select optgroup {
|
||||
color: initial;
|
||||
}
|
||||
#CollectionDiv select optgroup option {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
/* Scrollbar styling */
|
||||
::-webkit-scrollbar:vertical {width:12px;}
|
||||
::-webkit-scrollbar:horizontal {height:12px;}
|
||||
::-webkit-scrollbar,::-webkit-scrollbar-corner {background:none;}
|
||||
::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3);border-radius: 6px;}
|
||||
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.35);border-radius: 6px;}
|
||||
::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4);border-radius: 6px;}
|
||||
|
||||
|
||||
.FeaturedSimpleTile .FeaturedSimpleTileContents h2
|
||||
{
|
||||
background-color: rgba(0,0,0,0.4);
|
||||
padding-bottom: 5px;
|
||||
text-shadow: 0px 1px 5px #000000;
|
||||
}
|
||||
|
||||
.FeaturedSimpleTile .FeaturedSimpleTileContents .FeaturedSimpleTileText h2 {
|
||||
background-color: unset;
|
||||
}
|
||||
|
||||
.SelectionCollectionLink, .SelectionCollectionLink:link, .SelectionCollectionLink:visited, .MessageBox { color: #474747; }
|
||||
.ClearSelectedButton { background-color: #ff2b2b; }
|
||||
.ClearSelectedButton:hover { background-color: #b71c1c; }
|
||||
|
||||
.codecomment
|
||||
{
|
||||
color:#090;
|
||||
}
|
||||
.codeexample
|
||||
{
|
||||
background-color:white;
|
||||
color:black;
|
||||
}
|
||||
.codeoutput
|
||||
{
|
||||
background-color:black;color:white;border-left:10px solid #666;
|
||||
}
|
||||
|
||||
.currenteditmulti {background-color: #8a8d8f !important;}
|
||||
|
||||
.SearchBarTab.SearchBarTabSelected {
|
||||
background: rgb(255 255 255 / 14%);
|
||||
}
|
||||
|
||||
.SearchBarTab:hover {
|
||||
background: rgba(255, 255, 255, 10%);
|
||||
}
|
||||
|
||||
#HomeSiteText h1,#HomeSiteText p {color:#fff;}
|
||||
|
||||
button, input[type=submit], input[type=button], .RecordPanel .RecordDownloadSpace .DownloadDBlend a, .UploadButton a {
|
||||
background-color: #1679c0;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.25);
|
||||
}
|
||||
|
||||
.RecordPanel .RecordDownloadSpace .DownloadDBlend .MissingFile a {
|
||||
border: 1px solid #000;
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.25);
|
||||
}
|
||||
|
||||
.emailinvalid {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
select, .sp-replacer {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
select:before {
|
||||
color: #2e99e6;
|
||||
}
|
||||
|
||||
input:focus, textarea:focus, select:focus, .RecordPanel .RecordDownloadSpace .DownloadDBlend a:focus {
|
||||
box-shadow: 0 0 6px hsla(205, 79%, 54%, 0.5);
|
||||
}
|
||||
|
||||
.ListViewBulkActions .DisabledLink:hover {color: #666666;}
|
||||
|
||||
.QuestionSubmit.QuestionSticky {
|
||||
background-color: #f2f2f2;
|
||||
border-top: 1px solid #c1c1c1;
|
||||
box-shadow: 0 -12px 15px -12px #bbbbbb;
|
||||
}
|
||||
.Question #capswarning {color: red;}
|
||||
|
||||
.RecordPanel .RecordDownloadSpace .DownloadDBlend .AltThumbLink,
|
||||
.RecordPanel .RecordDownloadSpace .DownloadDBlend .AltThumbLink:hover,
|
||||
.RecordPanel .RecordDownloadSpace .DownloadDBlend .AltThumbLink:active {
|
||||
background-color: white;
|
||||
box-shadow: unset;
|
||||
}
|
||||
|
||||
.RecordPanel .item h3, .RecordPanel .itemNarrow h3, th {color: #767676;}
|
||||
|
||||
.uppy-StatusBar-actionBtn,
|
||||
.uppy-Dashboard-browse,
|
||||
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload,
|
||||
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover,
|
||||
.uppy-DashboardContent-back, .uppy-DashboardContent-back:focus,
|
||||
.uppy-DashboardContent-addMore, .uppy-DashboardContent-addMore:focus {
|
||||
background-color: #1988d7;
|
||||
color: #fff;
|
||||
}
|
||||
.uppy-Dashboard-browse:focus, .uppy-Dashboard-browse:hover {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.uppy-DashboardContent-back:hover,
|
||||
.uppy-DashboardContent-addMore:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.uppy-Dashboard-Item-action--remove {
|
||||
border: unset;
|
||||
box-shadow: unset;
|
||||
background-color: unset;
|
||||
}
|
||||
|
||||
.uppy-Dashboard-Item-previewInnerWrap {
|
||||
background-color: #f2f2f2 !important;
|
||||
}
|
||||
|
||||
.uppy-ProviderBrowserItem-inner {
|
||||
color: #000;
|
||||
background-color: #F0F0F0;
|
||||
}
|
||||
|
||||
.CollapsibleSectionHead:hover
|
||||
{
|
||||
color: #757575;
|
||||
}
|
||||
|
||||
.CommentFlagged i {color: #F44336;}
|
||||
|
||||
.comment_form_container{background-color: white; border: 1px solid lightgray;}
|
||||
.icondisplay
|
||||
{
|
||||
background-color: white;
|
||||
box-shadow: 0 1px 3px 1px rgb(0 0 0 / 10%);
|
||||
}
|
||||
|
||||
.update_result_order_button {
|
||||
background-color: white;
|
||||
box-shadow: 0 1px 3px 1px rgb(0 0 0 / 10%);
|
||||
}
|
||||
|
||||
.search-icon,
|
||||
.search-icon:hover,
|
||||
.search-icon:active {
|
||||
color: #0299d8;
|
||||
background-color: #e8edf1;
|
||||
}
|
||||
|
||||
.DashTileActions {
|
||||
color: #fff;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
#modal .BasicsBox .HelpHeader a { color: #999; }
|
||||
.FeaturedSimpleTileActions {
|
||||
color: #fff;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.FeaturedSimpleTile.FullWidth .FeaturedSimpleTileContents h2 span[data-tag="resources_count"] { background-color: #646B60; }
|
||||
|
||||
.FeaturedCallToActionTile.FullWidth .FeaturedSimpleTileContents { background-color: rgba(0,0,0,0.4); }
|
||||
#login_box textarea {
|
||||
background-color: #9a9a9ad9;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#login_box .FormError {
|
||||
color: white;
|
||||
background-color: #ff000030;
|
||||
border: 2px solid red;
|
||||
}
|
||||
|
||||
.ImageTools
|
||||
{
|
||||
background-color:black;
|
||||
}
|
||||
|
||||
#PreviewToolsOptionsWrapper {
|
||||
background: rgba(0, 0, 0, 0.65);
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.ToolsOptionLink:link, .ToolsOptionLink:visited {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.ToolsOptionLink:hover {
|
||||
color: #79BC41;
|
||||
}
|
||||
|
||||
.ToolsOptionLink.Enabled {
|
||||
color: #79BC41;
|
||||
}
|
||||
|
||||
a.Enabled, a:visited.Enabled {
|
||||
color: #79BC41;
|
||||
}
|
||||
|
||||
#Metadata {
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
#OverFlowLinks {
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
#Header #ssearchbox {
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
.MultiRTypeSelect {
|
||||
background-color: #fff;
|
||||
border: 1px solid rgba(0,0,0,0.25);
|
||||
}
|
||||
.Question.QuestionStickyRight {
|
||||
background-color: #f2f2f2;
|
||||
border-left: 1px solid #c1c1c1;
|
||||
box-shadow: -12px 0px 15px -12px #bbbbbb;
|
||||
}
|
||||
|
||||
.user_message_text {
|
||||
background: #fff;
|
||||
color: #000000;
|
||||
border: 1px solid lightgray;
|
||||
}
|
||||
|
||||
#iconpicker-button {
|
||||
background-color: white;
|
||||
border: 1px solid rgba(0,0,0,0.25);
|
||||
box-shadow: inset -1px -1px 3px 0px rgb(0 0 0 / 10%);
|
||||
}
|
||||
|
||||
.iconpicker-content-icon:hover {background-color: #0000001f;}
|
||||
|
||||
.BasicsBox.SearchSticky {
|
||||
background-color: #efefef;
|
||||
border-bottom: 1px solid #c1c1c1;
|
||||
box-shadow: 0 12px 10px -12px #bbbbbb;
|
||||
}
|
||||
|
||||
/* Skip to main content hidden button */
|
||||
.skip-to-main-content {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.jstree-default-dark .jstree-anchor {
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.jstree-default-dark .jstree-hovered,
|
||||
.jstree-default-dark>.jstree-wholerow-ul .jstree-clicked {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.SearchBarTab {
|
||||
color: white;
|
||||
}
|
||||
|
||||
button, input[type=submit], input[type=button], .RecordPanel .RecordDownloadSpace .DownloadDBlend a, .UploadButton a {
|
||||
border: 1px solid transparent;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input[type="submit"]:disabled {
|
||||
color: #666666;
|
||||
background: white;
|
||||
box-shadow: unset;
|
||||
}
|
||||
|
||||
.ToolsOptionLink:link, .ToolsOptionLink:visited {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
input[type="text"], input[type="password"], input[type="number"], input[type="email"], textarea, select, .sp-replacer {
|
||||
border: 1px solid rgba(0,0,0,0.25);
|
||||
box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
select, .sp-replacer {
|
||||
box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
a.HomePanel:hover {
|
||||
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.FeaturedSimpleTileImage img.TileGroupImageBase {box-shadow: 0 0 25px #000; }
|
||||
|
||||
#login_box {
|
||||
box-shadow: 0 1px 10px 1px rgba(0,0,0,0.25);
|
||||
}
|
||||
|
||||
.ImageStrip:hover {
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,0.25);
|
||||
}
|
||||
|
||||
#preview, #wmpreview {
|
||||
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
#iconpicker-container {
|
||||
width: 418px;
|
||||
height: 285px;
|
||||
left: 318px;
|
||||
background: white;
|
||||
border-radius: 6px;
|
||||
position: absolute;
|
||||
display: none;
|
||||
box-shadow: 0px 3px 5px 1px #0000004a;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.jstree-default-dark .jstree-wholerow-hovered {
|
||||
background: gray;
|
||||
}
|
||||
.jstree-default-dark .jstree-wholerow-clicked {
|
||||
background: #737373;
|
||||
}
|
||||
.CommentEntry { border: 1px solid lightgray; background: white;}
|
||||
|
||||
.BrowseBarRoot {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
#iconpicker-container {
|
||||
background: white;
|
||||
border: 1px solid rgba(0,0,0,0.25);
|
||||
}
|
||||
|
||||
#SearchBarTabsContainer {
|
||||
background: rgb(0 0 0 / 20%);
|
||||
}
|
||||
|
||||
.MiniCategoryBox {border: 1px solid rgba(0,0,0,0.25);}
|
||||
|
||||
/* Custom styling for jQuery UI dialogs */
|
||||
|
||||
.ui-widget-content {
|
||||
border: 1px solid #e7e7e7;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-title {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.ui-dialog {
|
||||
box-shadow: 0 1px 10px 5px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-buttonpane button {
|
||||
background-color: #1679c0;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.ui-button, .ui-button:active {
|
||||
border: 1px solid #c5c5c5;
|
||||
}
|
||||
|
||||
.PluginDisplay
|
||||
{
|
||||
background-color: white;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
border: 3px solid rgba(255, 255, 255, 0);
|
||||
}
|
||||
|
||||
.PluginDisplay .Pill
|
||||
{
|
||||
background-color: #1679c0;
|
||||
}
|
||||
|
||||
.tickbox:not(:checked) + label {
|
||||
opacity: 0.5; /* Makes it look disabled */
|
||||
}
|
44
css/responsive/non-touch.css
Executable file
@@ -0,0 +1,44 @@
|
||||
.ResponsiveButton {
|
||||
height:auto;
|
||||
line-height: 2.5em;
|
||||
}
|
||||
input[type=checkbox] {
|
||||
-ms-transform: scale(1); /* IE */
|
||||
-moz-transform: scale(1); /* FF */
|
||||
-webkit-transform: scale(1); /* Safari and Chrome */
|
||||
-o-transform: scale(1); /* Opera */
|
||||
height:auto;
|
||||
}
|
||||
input[type="submit"], input[type="button"], button {
|
||||
height:auto;
|
||||
padding: 5px;
|
||||
box-shadow: 1px 1px 8px -2px;
|
||||
border:0;
|
||||
margin:5px;
|
||||
}
|
||||
input {
|
||||
display: inline-block;
|
||||
height: auto;
|
||||
}
|
||||
.InpageNavLeftBlock a, .InpageNavLeftBlock span {
|
||||
font-size:1em;
|
||||
}
|
||||
#Header {
|
||||
margin-bottom:5px;
|
||||
}
|
||||
#Header .HorizontalNav ul li a {
|
||||
padding:9px 0;
|
||||
}
|
||||
#SearchBarContainer a {
|
||||
font-size:1em;
|
||||
}
|
||||
#searchspace p {
|
||||
margin: 3px 0;
|
||||
}
|
||||
#FooterThemes img {
|
||||
width:11px;
|
||||
height:11px;
|
||||
}
|
||||
.ResponsiveSimpleSearch .searchbutton {
|
||||
height:auto;
|
||||
}
|
109
css/responsive/slim-non-touch.css
Executable file
@@ -0,0 +1,109 @@
|
||||
input[type="checkbox"] {
|
||||
-ms-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-webkit-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
height:auto;
|
||||
}
|
||||
input {
|
||||
display: inline-block;
|
||||
height: auto;
|
||||
}
|
||||
.InpageNavLeftBlock a, .InpageNavLeftBlock span {
|
||||
font-size:1em;
|
||||
}
|
||||
#SearchBarContainer a {
|
||||
font-size:1em;
|
||||
}
|
||||
#searchspace p {
|
||||
margin: 3px 0;
|
||||
}
|
||||
#FooterThemes img {
|
||||
width:11px;
|
||||
height:11px;
|
||||
}
|
||||
.ResponsiveSimpleSearch .searchbutton {
|
||||
height:auto;
|
||||
}
|
||||
|
||||
@media(max-width:1200px) {
|
||||
#Header {
|
||||
height:auto;
|
||||
}
|
||||
#HeaderButtons {
|
||||
display: none !important;
|
||||
}
|
||||
#HeaderNav1 {
|
||||
display:block;
|
||||
clear:none;
|
||||
}
|
||||
#HeaderNav2 {
|
||||
display:block;
|
||||
margin-top:-5px;
|
||||
}
|
||||
#HeaderImg {
|
||||
height:47px;
|
||||
}
|
||||
#Header .HorizontalNav ul li a {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
background: none;
|
||||
border: 0;
|
||||
height:auto;
|
||||
line-height: 1em;
|
||||
min-width: initial;
|
||||
padding: 0 5px;
|
||||
margin-bottom: 0;
|
||||
color: #fff;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.HorizontalNav ul {
|
||||
padding: 0 0;
|
||||
}
|
||||
#Header.slimheader_darken a:link, #Header.slimheader_darken a:visited, #Header.slimheader_darken a:active {
|
||||
color: #E1E8F0;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width:1100px) {
|
||||
#Header {
|
||||
min-height: 47px;
|
||||
}
|
||||
#HeaderButtons {
|
||||
display: block!important;
|
||||
}
|
||||
#HeaderNav1 {
|
||||
display:none;
|
||||
clear:both;
|
||||
}
|
||||
#HeaderNav2 {
|
||||
display:none;
|
||||
}
|
||||
#Header .HorizontalNav ul li a {
|
||||
color: #4E4646;
|
||||
display:inline-block;
|
||||
text-align: center;
|
||||
background: #d2d2d2;
|
||||
border: 1px solid white;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
min-width:95px;
|
||||
padding:0 5px;
|
||||
border-radius:6px;
|
||||
margin-bottom:5px;
|
||||
}
|
||||
#Header.slimheader_darken a:link, #Header.slimheader_darken a:visited, #Header.slimheader_darken a:active {
|
||||
color: #565656;
|
||||
}
|
||||
}
|
||||
@media(max-width:575px) {
|
||||
#HeaderImg {
|
||||
height:auto;
|
||||
max-height:47px;
|
||||
}
|
||||
}
|
||||
@media(min-width:1101px) {
|
||||
#HeaderNav1, #HeaderNav2 {
|
||||
display:block !important;
|
||||
}
|
||||
}
|
1202
css/responsive/slim-style.css
Executable file
BIN
css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png
Executable file
After Width: | Height: | Size: 251 B |
BIN
css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png
Executable file
After Width: | Height: | Size: 247 B |
BIN
css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png
Executable file
After Width: | Height: | Size: 374 B |
BIN
css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png
Executable file
After Width: | Height: | Size: 246 B |
BIN
css/smoothness/images/ui-bg_glass_75_dadada_1x400.png
Executable file
After Width: | Height: | Size: 301 B |
BIN
css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png
Executable file
After Width: | Height: | Size: 301 B |
BIN
css/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png
Executable file
After Width: | Height: | Size: 371 B |
BIN
css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png
Executable file
After Width: | Height: | Size: 319 B |
BIN
css/smoothness/images/ui-icons_222222_256x240.png
Executable file
After Width: | Height: | Size: 6.8 KiB |
BIN
css/smoothness/images/ui-icons_2e83ff_256x240.png
Executable file
After Width: | Height: | Size: 4.5 KiB |
BIN
css/smoothness/images/ui-icons_444444_256x240.png
Normal file
After Width: | Height: | Size: 6.8 KiB |
BIN
css/smoothness/images/ui-icons_454545_256x240.png
Executable file
After Width: | Height: | Size: 6.9 KiB |
BIN
css/smoothness/images/ui-icons_555555_256x240.png
Normal file
After Width: | Height: | Size: 6.9 KiB |
BIN
css/smoothness/images/ui-icons_777620_256x240.png
Normal file
After Width: | Height: | Size: 4.6 KiB |
BIN
css/smoothness/images/ui-icons_777777_256x240.png
Normal file
After Width: | Height: | Size: 6.8 KiB |
BIN
css/smoothness/images/ui-icons_888888_256x240.png
Executable file
After Width: | Height: | Size: 6.9 KiB |
BIN
css/smoothness/images/ui-icons_cc0000_256x240.png
Normal file
After Width: | Height: | Size: 4.5 KiB |
BIN
css/smoothness/images/ui-icons_cd0a0a_256x240.png
Executable file
After Width: | Height: | Size: 4.5 KiB |
BIN
css/smoothness/images/ui-icons_ffffff_256x240.png
Normal file
After Width: | Height: | Size: 6.2 KiB |