/* h5ai v0.30.0 - https://larsjung.de/h5ai/ */
@charset "utf-8";/*! styles_k.css v1.0.1 | laoknas */

#content {


    /* 将元素的背景图像设置为从 URL 加载的图像 */
    /* background: #24292f url("https://api.paugram.com/wallpaper/");  */
    /* background: #24292f url(https://laoknas.com/api/image/index.php?type=img&category=%E5%BF%85%E5%BA%94%E5%A3%81%E7%BA%B8); */
    /*background: #24292f url("http://nas.laoknas.com:1820/image.php?&category=%E5%BF%85%E5%BA%94%E5%A3%81%E7%BA%B8&random=1&mode=1");*/
    background: #24292f url("http://nas.laoknas.com:8181/api/v1/bing/random");
    
    /* background: #24292f url("https://laoknas.com/api/index1.php?Category=image&random=1"); */
    /* 设置背景图像不重复 */
    background-repeat: no-repeat;

    /* 设置背景图像在元素的中心 */
    /* background-position: center center; */
    /*background-size: 100% 100%;*/
    background-size:cover;

    /* 设置背景图像固定在元素中，不会随着元素的滚动而移动 */
    background-attachment: fixed;
    color: white; 
}
#view .item {
    background: rgb(255,255,255,0.1);
    background-color: transparent;
    color: #fff;
}
#view a {
    background-color: transparent;
}

#view.view-details .header .label, #view.view-details .header .date, #view.view-details .header .size {
    transition: all .2s ease-in-out;
    line-height: 36px;
    /* padding: 0 8px 16px 8px; */
    padding: 0 0px 0px 0px;
    /* opacity: .6; */
    outline: 0;
}
#view .selector {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    /* width: 16px; */
    /* height: 12px; */
    background: #42a5f5;
    cursor: pointer;
    border-radius: 0 0 2px 0;
    opacity: .6;
    padding: 6px 0 6px 0;
}
.header{
    /* font-weight: bold; */
    font-family: 'Microsoft YaHei', sans-serif;
    /* color: rgba(0, 0, 0); */
}
#view .item.selected:not(.selecting), #view .item.selecting:not(.selected) {
    background: rgba(55, 176, 241, 0.8);
}
#view.view-details {
    margin: 0px;
}

#sidebar {
    background: rgb(36 41 47);
    right:0px;
    color:#1296db;
}
#sidebar select {
    /*background: rgb(36 41 47);*/
    color:#1296db;
}
#langs{
   color:#000; 
}
#info{
    background: rgb(36 41 47 / 90%);
    color:#1296db;
}
#qrcode{
    filter: invert(100%);  
    background: #24292f;
}

.clearfix li {
    background: rgba(24, 28, 32, 0.6);
    font-weight: bold;   
    /* color:#24292f; */
    /* color:#0874f7;   */
}

#tree {
    padding: 16px 32px 32px 16px;
    /* background: #000000; */
    background:#24292f;
    overflow: auto;
    flex: 0 0 auto;
    order: 1;
    white-space: nowrap;
    max-width: 250px;
    overflow-x: hidden;
}
#tree a{
    color: white;
}

#toolbar {
    overflow: hidden;
    flex: 0 0 auto;
    order: 1;
    height: 48px;
    color: #fff;
}
#topbar {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    overflow: hidden;
    flex: 0 0 auto;
    order: 1;
    background:#24292f;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    z-index: 1;
    
}
#toolbar .tool img {
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 12px;
    color: white;
}
#backlink, #backlink:active, #backlink:visited {
    display: none;
    color: rgba(255,255,255,0.6);
    cursor: pointer;
    text-decoration: none;
}
#crumbbar a.active, #crumbbar a:active.active, #crumbbar a:visited.active {
    /* font-weight: bold; */
    color: rgba(255, 255, 255, 0.9);
}
#crumbbar a, #crumbbar a:active, #crumbbar a:visited {
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    text-decoration: none;
}
#search.active input {
    color: rgba(255, 255, 255, 0.9);
    display: inline-block;
}

#content-header, #content-footer {
    margin: 0px;
    padding: 0px;
    color: rgba(0,0,0,0.87);
}