Visualising_Persian_History
2026-09-10T13:16:52+02:00
1
1683
CMS_Home
https://heurist.huma-num.fr/heurist/?recID=1683&db=Visualising_Persian_History
<i>WEBSITE</i> <b>Visualising Persian History</b> [ Menus: ]
2023-01-28 03:45:19
2025-04-21 22:27:26
Database Managers
Visualising Persian 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.
cpm1000@cam.ac.uk
2-190
0-405
945
fbb29d99ebb27e47c085cc1a16536396c9defe68
Health-8
application/octet-stream
2
2023-01-28 03:45:18
https://heurist.huma-num.fr/heurist/?db=Visualising_Persian_History&file=fbb29d99ebb27e47c085cc1a16536396c9defe68
1684
1685
1686
1687
1688
Digital Humanities, Heurist, Research, Database, Open Data
/***
<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">
***/
@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;
}
.ptitle h1 {
font-family: var(--seriffont);
font-weight: bold;
font-size: 2em;
line-height: normal;
text-align: center;
max-width: 1000px;
color: #fff;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
}
.ptitle {
margin: 0 0 0 0;
padding-top: 20px;
padding-bottom: 20px;
background-color: var(--color3);
}
/***
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: 800px;
margin: auto;
}
.fptext img.floatleft {
float: left;
margin-top: 10px;
margin-right: 20px;
padding-bottom: 20px;
margin-left: -50px;
max-height: 300px;
width: auto;
}
.fptext img.floatright {
float: right;
margin-top: 10px;
margin-left: 20px;
padding-bottom: 20px;
margin-right: -50px;
max-height: 400px;
width: auto;
}
.fptext img.nofloat.center{
margin: auto;
padding: 20px;
max-height: 250px;
width: auto;
display: block;
}
.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
***/
.searchblock, .fieldset_search {
background-color: var(--color3) !important;
color: #000;
}
.searchblock > div {
padding: 20px;
}
.searchblock .ui-heurist-header, .colcomp .ui-heurist-header {
display: none
}
.searchblock fieldset {
margin: 20px;
}
.searchblock fieldset > div {
padding-bottom: 25px;
}
#msearch_search_faceted > div > div {
top: -20px;
position: relative
}
.colcomp .fieldset_search {
background-color: rgb(196, 189, 151) !important;
color: #000;
}
.leaflet-popup-content {
width: 90%;
padding-right: 5px;
}
.ui-widget-content {
background: #c4bd97;
}
***/
/***
Temp
***/
#autoiframe>p {
margin: 0;
}
.nodisplay {
display: none !important;
}
.div-result-list-toolbar div:last-child {
display: none !important;
}
#msearch_search_faceted button.ui-corner-all.ui-widget:not(.smallbutton) {
margin-top: 20px;
}
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://heurist.huma-num.fr/heurist/?db=Visualising_Persian_History&file=eb62e8c591c8c5edf361607b80ae5bcd13a5cb28" height="35" align="center" alt="HumaNum"></a><br/>
</div>
</div>
</div>
No
1