Proto_Visualising_Persian_History_18jan2023
2026-05-13T19:51:20+02:00
1
2117
CMS_Home
https://heurist.huma-num.fr/heurist/?recID=2117&db=Proto_Visualising_Persian_History_18jan2023
<i>WEBSITE</i> <b>Illustrations of History {R1}</b> [ Menus: ]
2023-01-18 00:41:55
2023-01-18 00:41:55
Database Managers
Illustrations of History
Enter a concise description of the Heurist database / website here, which will be used eg. in lists of websites and in search engine discovery.
Remember to indicate the institution and/or project, target audience and nature of the content.
2-190
0-405
793
2d34da9cb473b40436d7e614ef55ca5ca925dbc5
Health-8
application/octet-stream
2
2023-01-18 00:41:55
https://heurist.huma-num.fr/heurist/?db=Proto_Visualising_Persian_History_18jan2023&file=2d34da9cb473b40436d7e614ef55ca5ca925dbc5
Digital Humanities, Heurist, Research, Database, Open Data
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,600;1,400;1,600&display=swap');
/* Color Scheme
.first-color: #2b061e
.second-color: #875053;
.third-color #d2bf55;
.fourth-color: #ffeed6;
.fifth-color: #fbbfca;
*/
:root {
--color1: #2b061e;
--color2: #875053;
--color3: #d2bf55;
--color4: #ffeed6;
--color5: #fbbfca;
--colorfooter: #646363;
--seriffont: 'Playfair Display', serif;
--sansfont: 'Lato', sans-serif;
}
/***
General Template
***/
body {
margin: 0px;
display: flex;
flex-direction: row;
height: fit-content;
font-family: var(--sansfont);
font-size: 17px;
color: #000;
}
.ui-heurist-bg-light {
color: #000;
}
h1 {
font-family: var(--seriffont);
font-weight: bold;
font-size: 3.5em;
line-height: normal;
}
h2 {
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 0px;
font-family: var(--sansfont);
font-weight: 500;
font-size: 2em;
line-height: normal;
color: var(--color1);
}
h3 {
padding-top: 20px;
font-family: var(--sansfont);
font-weight: bold;
color: var(--color2);
}
li {
padding-bottom: 1em;
}
.content {
max-width: 1000px;
width: calc(100vw - 240px);
height: fit-content;
margin: auto;
display: flex;
align-items: stretch;
position: relative;
}
.ent_content_full {
z-index: 1;
overflow-y: unset;
}
#main-content-container {
position: relative !important;
top: unset !important;
bottom: unset !important;
padding: unset !important;
margin-bottom: 0px !important;
}
body > div > .ent_wrapper, body > .ent_wrapper {
overflow: auto !important;
padding: 0 !important;
}
#main-content {
padding: 0 !important;
position: relative !important;
min-height: calc(100vh - 270px);
}
.maincontent {
max-width: 650px;
width: 65vw;
vertical-align: top;
display: inline-block;
height: fit-content;
line-height: 1.5em;
flex-direction: column;
}
/***
Header
***/
#main-header {
position: relative !important;
width: 100%;
margin: auto;
display: flex;
align-items: stretch;
background-color: var(--color2) !important;
padding: 0 !important;
flex-direction: column;
height: fit-content !important;
}
#top-header {
display: flex;
align-items: center;
}
#title {
display: flex;
flex-direction: column;
justify-content: center;
position: unset !important;
width: 25%;
min-width: 25%;
text-align: right;
height: 100px;
padding-top: 10px;
padding-bottom: 10px;
margin-top: auto;
margin-bottom: auto;
}
#top-header #title h2 {
font-size: 2.5em;
line-height: 1em;
text-align: right;
color: #fff;
margin: 0;
}
#top-header #title h2.fpart{
font-family: var(--seriffont);
font-weight: normal;
}
#top-header #title h2.spart{
font-family: var(--sansfont);
font-weight: normal;
font-style: italic;
}
#top-header #title h2.spart .of{
font-size: 0.7em;
font-weight: bold;
}
/***
Menu
***/
#main-menu {
display: flex !important;
align-items: center;
position: unset !important;
color: #fff;
width: 75%;
text-transform: uppercase;
padding-left: 50px;
font-family: var(--sansfont);
}
.submenu {
color: #fff;
text-transform: uppercase;
font-family: var(--sansfont);
padding-top: 30px;
}
#main-menu ul {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
#main-menu ul li {
padding-bottom: 0px;
padding-top: 0px;
}
.submenu a {
color: #fff;
text-decoration: none
}
#main-menu ul li a:hover, .submenu a:hover {
color: var(--color3);
}
.submenu .goldblock a:hover {
color: #fff
}
#main-menu ul.horizontalmenu > li.ui-menu-item > a.ui-menu-item-wrapper {
font-weight: normal !important;
padding-bottom: 0.5em !important;
padding-top: 0.5em !important;
font-size: 1.1em !important;
}
#main-menu a.ui-state-active, #main-menu a.selected {
border: none;
color: var(--color3) !important;
margin: 0;
}
#main-menu .ui-menu > li.ui-menu-item > a.selected {
background: none !important;
}
/***
Front page
***/
.redblock {
background-color: var(--color2);
}
.goldblock {
background-color: var(--color3);
color: #000;
}
.legend {
font-size: 0.7em;
opacity: 0.75;
}
.tilted {
transform: rotate(3deg);
}
.fp-img img {
border: solid white 20px;
}
.redblock h1 {
margin-bottom: 0;
}
.slogan h2 {
margin-top: 0;
font-size: 1.5em;
}
.ins-content {
max-width: 1000px;
margin: auto;
}
.fptext img {
float: left;
margin-top: 0px;
margin-right: 20px;
padding-bottom: 20px;
margin-left: -50px;
max-height: 250px;
width: auto;
}
.sublogos img {
max-width: 200px;
max-height: 100px;
width: auto;
height: auto;
}
/***
Footer
***/
#footer {
display: flex;
flex-direction: column;
font-family: var(--sansfont);
color: #ffffff;
}
#footer a {
color: #ffffff;
text-decoration: none;
}
#footer a:hover {
color: var(--color3);
text-decoration: none;
}
#footertop {
display: flex;
flex-direction: row;
margin-right: auto;
margin-left: auto;
}
.footerquart {
padding: 20px 70px;
min-width: 20vmin;
}
.fa-map-marker-alt:before {
content: "\f3c5";
}
#page-footer {
position: relative !important;
bottom: unset !important;
border-top: none !important;
background-color: var(--colorfooter) !important;
height: fit-content !important;
}
.page-footer-content {
float: none !important;
}
.ent_footer #main-host {
display: none !important;
}
#footerbottom {
display: flex;
flex-direction: column;
margin-right: auto;
margin-left: auto;
text-align: center;
border-top: 1px solid #fff;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
font-size: 0.8em;
}
/***
Global
***/
#hl-8 {
padding: 50px;
}
/***
Search
***/
#msearch, #msearch div {
min-height: fit-content;
background-color: var(--color3);
color: #000;
}
#msearch > div > div {
position: relative !important;
inset: 0px 0px 0px !important;
}
#msearch_search_faceted .input-div input, #msearch_search_faceted .input-cell span {
max-width: 100% !important;
}
#msearch .ui-heurist-header {
display: none;
}
#msearch .fieldset_search {
background-color: var(--color3) !important;
}
#msearch .fieldset_search > div {
width: 40%
}
#msearch .fieldset_search > div:first-child {
width: 100%;
display: inline-block;
}
#msearch .fieldset_search > div:first-child div {
width: 100%;
padding: 0px 0px 20px 0px !important;
}
#msearch .fieldset_search > div:first-child .input-div {
width: 90%;
}
#msearch .fieldset_search div:first-child > div {
width: 40% !important;
margin: auto;
text-align: center;
}
#msearch .fieldset_search div:first-child .input-div {
width: 90%
}
#msearch .fieldset_search div:first-child .input-div input{
border-radius: 99px;
display: block;
width: 100%;
padding: 18px 0px 18px 20px;
border: 0;
outline: none;
box-shadow: 0 0 0 5px rgb(255 255 255 / 15%);
}
#msearch .fieldset_search div:first-child .input-div input:placeholder-shown {
background-repeat: no-repeat !important;
background-position: left center !important;
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='20px' width='500px'><text x='20' y='16' fill='gray' font-size='16' font-family='Arial, Helvetica, sans-serif'>Look for a name, a keyword, a title...</text></svg>") !important;
}
#msearch .fieldset_search div:first-child .input-div input:focus {
background-image: none !important;
}
#msearch .fieldset_search div:first-child .header h4 {
font-family: var(--seriffont);
font-size: 3em;
margin-top: 20px !important;
margin-bottom: 20px !important;
color: white;
}
#msearch .fieldset_search div:first-child .ui-button-icon-only {
border-radius: 99px;
display: inline-block;
width: 100%;
padding: 26px;
box-shadow: 0 0 0 5px rgb(255 255 255 / 15%);
margin-left: 10px;
}
fieldset div {
max-width: 100vw
}
/***
Temp
***/
#autoiframe>p {
margin: 0;
}
No
Top of page, horizontal
// RESIZE EMBEDDED CUSTOM REPORTS BASED ON CONTENT
const mainContentNode = document.querySelector("#main-content");
const observerOptions = {
childList: true
};
function resizeIframe(elem) {
$(elem).css("height", elem.contentWindow.document.body.scrollHeight+100);
}
function attachCustomReportListeners() {
// Find embedded custom reports in new page
let customReportContainers = $(".auto-resize-custom-report");
// Attach onload and resize listeners to each one to resize
if (customReportContainers.length > 0) {
customReportContainers.children("iframe").each((idx, elem) => {
$(elem).on("load", () => {
resizeIframe(elem);
});
$(elem).on("resize", () => {
resizeIframe(elem);
})
});
}
}
function refreshIframeResize(mutationList, observer) {
mutationList.forEach((mutation) => {
switch (mutation.type) {
case 'childList':
attachCustomReportListeners();
}
});
}
// reapply custom report resizer each time new page is loaded
const customReportObserver = new MutationObserver(refreshIframeResize);
customReportObserver.observe(mainContentNode, observerOptions);
attachCustomReportListeners();
<div id="top-header">
<div id="title">
<h2 class="spart">Visualising</h2>
<h2 class="fpart">Persian History</h2>
</div>
<div id="main-menu"></div>
</div>
No
<div id="footer">
<div id="footertop">
</div>
<div id="footerbottom">
<div id="logos">
<span>This website is powered by
<a href="http://HeuristNetwork.org" target="_blank" ><img src="https://heurist.huma-num.fr/heurist/hclient/assets/v6/h6logo_inv.png" height="25" align="center" alt="heurist"></a> and hosted by<a href="https://www.huma-num.fr
" target="_blank"><img src="https://site2020.huma-num.fr/wp-content/uploads/2020/12/logo-grand-hn-rvb.png" height="35" align="center" alt="HumaNum"></a><br/>
</div>
</div>
</div>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,600;1,400;1,600&display=swap" rel="stylesheet">
2107
2115
2109
2104
2106
1