/* template GK - PyCMS
   Ported from PHP template
*/

body {
	margin:0;
	padding:0;
    position:relative;
    background: #e6e6e6;
    color: #0f172a;
}
.logo {
    float:right;
    font-size:0.7em;
    color:gray;
    text-align:center;
}
.logo .logoimg {
    background-image:url('/static/logo.png');
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    width:48px;
    height:48px;
}
code {
    padding:9px;
    margin: 3px 11px 0px 11px;
    box-shadow:0px 0px 1px 0px lightgray;
    border-radius:9px;
    display:block;
    white-space: break-spaces;
    font-family:Consolas, monaco, monospace;
    font-size:0.8em;
    background: black;
    color: lightgreen;
}

img.lsnpUploads { /* uploads with plugin webpage */
    width:100%;
}
img.small {
    width:28%;
    height:auto;
}
img.medium {
    width:50%;
    height:auto;
}
img.big {
    width:80%;
    height:auto;
}
img.fullscreen {
    width:100%;
    height:auto;
}


.template_top {
    padding: 13px 7px;
    background: lightblue;
    border-radius: 9px;
}
.template_top .head {
    margin:0px 0px 0px 177px;
}
.template_top .head .main {
    font-size:2em;
}
.template_top .head .title {
    font-size:0.8em;
    color:#475569;
}
.template_top .logo a {
    font-size: 2em;
    font-weight: bolder;
    font-family: fantasy;
    text-decoration:none;
    color:#0f172a;
}
.template_content {
	font-family: system-ui;
    color: #0f172a;
}
.template_content .header {
    background: #0f172a;
    border-bottom: 1px solid #1e293b;
    box-shadow: none;
    padding: 0.75rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.template_content .header a { color: #cbd5e1; text-decoration: none; }
.template_content .header a:hover { color: #f8fafc; text-decoration: none; }
.template_content .header .path .field > a { color: #f8fafc; font-weight: 600; }
.template_content .header .field .logoimg {
    width: 32px; height: 32px;
}
.template_content .header .menu {
	float:right;
}
.template_content .header .menu > div > div {
	margin:0px 8px;
}
body.gks-signed .template_content .header .menu > div > div.sign {
	display:none;
}
body:not(.gks-signed) .template_content .header .menu > div > div.signed {
	display:none;
}
/* Menu */
.template_content .header .path {
	float:left;
	font-size:1.3em;
}
.template_content .header .path .field {
	display:inline-block;
	vertical-align:top;
	position:relative;
}
.template_content .header .path .page-children-menu {
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin-left: 6px;
}
.template_content .header .path .field .ourdrops,
.template_content .header .path .page-children-menu .ourdrops {
	display:none;
	position:absolute;
	z-index:2000;
	background:#0f172a;
	border: 1px solid #1e293b;
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(0,0,0,0.35);
	padding: 6px;
}
.template_content .header .path .field .ourdrops,
.template_content .header .path .page-children-menu .ourdrops { background:#0f172a; border-color:#1e293b; }
.template_content .header .path .field .ourdrops a,
.template_content .header .path .page-children-menu .ourdrops a { color:#e2e8f0; }
.template_content .header .path .field .ourdrops a:hover,
.template_content .header .path .page-children-menu .ourdrops a:hover { color:#f8fafc; background:#1e293b; }
.template_content .header .path .field ul,
.template_content .header .path .page-children-menu ul {
	padding:7px;
    padding-inline-start:0px !important;
    margin:0px;
}
.template_content .header > .path .field .ourdrops,
.template_content .header > .path .page-children-menu .ourdrops {
	left:0px;
}
.template_content .header > .menu .path .field .ourdrops {
	right:0px;
}
/* Click-to-open: active class toggled by JS */
.template_content .header .path .field.active .ourdrops,
.template_content .header .path .page-children-menu.active .ourdrops {
	display:block;
}
/* Hover fallback for non-JS environments */
.template_content .header .path .field:hover .ourdrops,
.template_content .header .path .page-children-menu:hover .ourdrops {
	display:block;
}
.template_content .header .path .field li,
.template_content .header .path .page-children-menu li {
	display:block;
	white-space:nowrap;
}
.template_content .header .path .field > a {
    display:block;
}
.template_content .header .path .asep {
    margin:0px 4px;
}
.children-toggle {
    cursor: pointer;
    user-select: none;
    padding: 0px 4px;
}
.dropdown-toggle {
    cursor: pointer;
    user-select: none;
}
/* MENU END */
.template_content .containers {
	padding:13px 13px;
}
.template_content .dir_content {
	float:left;
    margin: 7px 17px;
}
.template_content .content {
    float:left;
}
.template_bottom {
}
.template_bottom .copyright {
    font-size: 0.6em;
    position: absolute;
    z-index: 1;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #e3e7dd;
    padding: 2px 0px;
	box-shadow: 0px 0px 5px 0px blue;
    font-family: monospace;
}

#container {
	padding-bottom:33px;
}
#footer {
	position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
    width: 100%;
    border: none;
    z-index:4;
    font-size:1.3em;
    height:36px;
}

.userinfo {
	position:absolute;
	right:13px;
	bottom:0;
}
.userinfo .field {
	display:inline-block;
}
.userinfo .field > div {}

.versionField { 
    display:inline-block;
    padding:1px 3px;
}

/* Auth gadget integration */
.gks-login-btn, .gks-user-btn {
    cursor: pointer;
}

/* Smooth transitions for auth menu */
.template_content .header .menu > div > div {
	transition: opacity 0.2s ease;
}
body:not(.gks-active) .template_content .header .menu > div > div.sign,
body:not(.gks-active) .template_content .header .menu > div > div.signed {
	opacity: 0.7;
}