body{background-color:#fffcf4}body,h1,h2,p,div,span,li,input,button,textarea,select,legend,a{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:12pt}h1{font-size:14pt;padding:0;margin:0;font-weight:bold}h2{font-size:13pt;padding:0;margin:0 0 10px 0;font-weight:bold}a,a:link,a:visited{color:#000}a:hover{text-decoration:none}header{display:-webkit-flex;display:flex;background-color:#f86bff;border-bottom:solid #6be1ff 2px}nav.navbar-header{min-width:200px;-webkit-flex:0;-ms-flex:0;flex:0;padding:10px}nav.navbar-header a{text-decoration:none}nav.navbar-header span{font-size:16pt;vertical-align:top;padding:0 0 0 0;margin:0 10px 0 0;display:inline-block}nav.navbar-main{-webkit-flex:1;-ms-flex:1;flex:1;padding:10px}.nav-show,.nav-close{cursor:pointer;display:none}.navbar-nav{float:right}.navbar-nav form,.thumbnail-size-toggle form{display:inline}main{display:-webkit-flex;display:flex}aside{min-width:200px;-webkit-flex:0;-ms-flex:0;flex:0;padding:10px;background-color:#23dbdd;margin-right:15px}aside ul{list-style-type:none;padding:0}aside ul li{margin:0;padding:0 0 20px 10px;list-style:none;border-top:2px solid #23dbdd}aside ul li:hover,aside ul li.smp-selected{color:#f86bff;border-top:2px solid #f86bff}article{-webkit-flex:1;-ms-flex:1;flex:1;padding:10px;background-color:#fff}footer{border-top:solid #6be1ff 1px;padding:10px;text-align:center;font-size:10pt}.thumbnails{display:flex;flex-wrap:wrap}.thumbnails>div{margin:10px;position:relative}.star-off{filter:brightness(.9);-webkit-filter:brightness(.9);opacity:.8;border:0}.star{float:left;position:absolute;left:0;top:0;display:none}.thumbnails>div:hover .star,.starred{display:inline}.star:hover,.star-on{display:inline;filter:brightness(1);-webkit-filter:brightness(1);opacity:1}.pagination{margin-top:10px;display:inline-block}.pagination a{color:#000;float:left;padding:8px 16px;text-decoration:none;transition:background-color .3s}.pagination a.active{background-color:#6be1ff;color:#fff}.pagination a.skip{color:#fff;padding:8px 4px}.pagination a:hover:not(.active):not(.skip){background-color:#f86bff}.photo-tag,.photo-load-dropbox{display:inline-block;cursor:pointer;padding:4px 16px;text-decoration:none;transition:background-color .3s}a.photo-tag:hover,a.photo-load-dropbox:hover{background-color:#f86bff}.photo-load-dropbox{margin-top:8px}img.photo{border:2px solid #000}.thumbnail-details{font-size:small;text-align:center}@media(max-width:600px){header{-webkit-flex-direction:column;flex-direction:column}aside{display:none}.nav-show{display:inline}.narrow-hide{display:none}.pagination-info{display:none}}@media(prefers-color-scheme:dark){body{background-color:#000}article{background-color:#000;color:#fff}main,footer,article a,article a:link,article a:visited{color:#fff}img.photo{border-width:0}}