.navbar{
    margin-bottom: 0;
}

#footer{
    margin: 20px auto;
    border-top: 1px dashed #cccccc;
    padding-top: 10px;
    color: #666666;
    font-size: 14px;
}

#footer a{
    margin: 0 5px;
}

#footer a:last-child{
    margin: 0 0 0 5px;
}

.topgap{
    margin-top: 50px;
}

h1,h3{
    /*margin: 0;
    padding: 0;
    font-size: 36px;*/
}

.makers-list-item{
    word-break:break-all;
    word-wrap:break-word;
    min-height: 180px;
    border-top: 1px dashed #cccccc;
    padding: 16px 0;
}

.maker-info{
    margin-left: 148px;
    word-break:break-all;
    word-wrap:break-word;
}

.maker-info h3{
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 20px;
}

.user-home-header{
    min-height: 130px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 22px;
    margin-top: 22px;
}

.h-more{
    font-size: 15px;
    font-weight: normal;
    margin-left: 10px;
}

/*
    Project List
*/
.project-holder {
@include clearfix;
    clear: both;
}

.project-item{
    margin-bottom: 20px;
}

.project-item-cover{
    min-height: 240px;
    position: relative;
    background-color: #272727;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    border-radius: 4px;
}

.identity-card {
    display: inline-block;
}

.project-item-cover-footer {
    color: #FFFFFF;
    height: 36px;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    bottom: 0;
    position: absolute;
    text-align: right;
    padding: 10px;
    font-size: 14px;
    border-radius: 0 0 4px 4px;
}
/*
.identity-card-img {
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 50%;
    vertical-align: middle;
}

.identity-card-img-xs{
    width: 24px;
    height: 24px;
    margin: 0;
    border-radius: 50%;
    vertical-align: middle;
}
*/

.avatar-img-md{
    width: 128px;
    height: 128px;
    margin: 0;
    vertical-align: middle;
}

.avatar-img-sm{
    width: 48px;
    height: 48px;
    margin: 0;
    vertical-align: middle;
}

.avatar-img-xs{
    width: 24px;
    height: 24px;
    margin: 0;
    vertical-align: middle;
}

.avatar-img-md-top{
    width: 64px;
    height: 64px;
    margin: 0;
    vertical-align: middle;
}

.rounded{
    border-radius: 20%;
}

.circle{
    border-radius: 50%;
}


.image-list-item{
    width: 200px;
    height:200px;
    margin: auto;
}

.image-list-item img{
    max-width: 200px;
    max-height: 112px;
}

.image-description, .image-operations, .file-operations, .file-description{
    font-size: 14px;
    padding: 3px 0;
    margin: 0;
    color: #999999;
}

#image-description-input, .file-description-input{
    width: 100px;
    margin-right: 5px;
}

.file-list-item{
    height:130px;
}

.file-list-item-name{
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.sidebar-project{
    font-size: 14px;
    color: #666666;
    margin: 10px 0;
}

.project-home-header{
    min-height: 130px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 22px;
    text-align: center;
    margin-top: 22px;
}

.project-item .card-image-overlay{
    position:absolute;
    top:0;
    bottom:36px;
    left:0;
    right:0;
    z-index:1;
    background: #FFFFFF;
    padding: 10px 20px;
    font-size: 18px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    transition: opacity 200ms ease;
    -moz-transition: opacity 200ms; /* Firefox 4 */
    -webkit-transition: opacity 200ms; /* Safari 和 Chrome */
    -o-transition: opacity 200ms; /* Opera */
    /*display: none;*/
}

.project-item:hover .card-image-overlay{
    /* display: block; */
    opacity:0.95;
}

a .card-image-overlay{
    color: #666666;
}

.project-item a {
    /*color: #555;*/
    color: #282828;
}

.no-style-ul{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.clip{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.tag-cloud{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.tag-cloud li{
    border: 1px solid #F5F5F5;
    background-color: #F5F5F5;
    padding: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}

.tag-cloud-item:last-child{

}

.tag-cloud li a {
    display:block;
    text-decoration:none;
}

.sidebar-user-list-item{
    text-align: center;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 25px;
}

.markdown img{
    max-width: 100%;
    margin: 10px 0;
}

@media screen and (max-width: 990px){
    #search-box-input {display: none;}
    #talk-search-box-input {display: none;}
}

@media screen and (max-width: 750px){
    #home-banner {display: none;}
    .splash {display: none;}
}

/* TALK */

.topics-list-item{
    word-break:break-all;
    word-wrap:break-word;
    min-height: 48px;
    border-top: 1px dashed #cccccc;
    padding: 6px 0;
}

.topic-info{
    margin-left: 68px;
    word-break:break-all;
    word-wrap:break-word;
}

.topic-info h3{
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 20px;
}

.topic-count {
    -moz-border-radius: 8px / 8px;
    -webkit-border-radius: 8px 8px;
    border-radius: 8px / 8px;
    position: absolute;
    right: 10px;
    top: 40%;
    background: #bbb;
    font-size: 13px;
}

a.count_livid:link {
    line-height: 12px;
    font-weight: 700;
    color: #fff;
    background-color: #aab0c6;
    display: inline-block;
    padding: 2px 10px 2px 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    text-decoration: none;
    margin-right: 5px;
    word-break: break-all
}

a.count_livid:hover {
    line-height: 12px;
    font-weight: 700;
    color: #fff;
    background-color: #969cb1;
    display: inline-block;
    padding: 2px 10px 2px 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    text-decoration: none
}

a.count_blue:visited,a.count_green:visited,a.count_livid:visited,a.count_orange:visited {
    line-height: 12px;
    font-weight: 700;
    color: #fff;
    background-color: #e5e5e5;
    display: inline-block;
    padding: 2px 10px 2px 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    text-decoration: none;
    margin-right: 5px
}


/* line 2, ../sass/_topics.scss */
.topics {
    padding: 0;
}
/* line 5, ../sass/_topics.scss */
.topics .hotlink {
    padding: 10px 40px 10px 10px;
    margin: 0 0 -1px 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    color: #555;
    margin: 0 0 3px 0;
    letter-spacing: 0;
    text-shadow: 0 1px 0 #fff;
}
/* line 15, ../sass/_topics.scss */
.topics .hotlink a {
    color: #555;
    margin: 0 5px 0 5px;
}
/* line 21, ../sass/_topics.scss */
.topics .topic-item {
    /*padding: 10px 40px 10px 10px;*/
    padding: 10px 40px 10px 0;
    margin: 0 0 -1px 0;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    line-height: 12px;
    position: relative;
}
/* line 30, ../sass/_topics.scss */
.topics .topic-item:first-child {
    -moz-border-radius: 3px / 3px 3px 0 0;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px / 3px 3px 0 0;
}
/* line 34, ../sass/_topics.scss */
.topics .topic-item:last-child {
    -moz-border-radius: 3px / 0 0 3px 3px;
    -webkit-border-radius: 3px 0;
    border-radius: 3px / 0 0 3px 3px;
}
/* line 38, ../sass/_topics.scss */
.topics .topic-item:hover {
    background: #f8f5f0;
}
/* line 42, ../sass/_topics.scss */
.topics .topic-item .avatar {
    -moz-border-radius: 3px / 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px / 3px;
    float: left;
    margin: 0 10px 0 0;
    width: 42px;
    height: 42px;
}
/* line 50, ../sass/_topics.scss */
.topics .topic-item .title {
    font-size: 16px;
    font-weight: normal;
    line-height: 21px;
    /*color: #777;*/
    margin: 0 0 3px 0;
    letter-spacing: 0;
    text-shadow: 0 1px 0 #fff;
}
/* line 59, ../sass/_topics.scss */
.topics .topic-item .title a {
    /*color: #555;*/
    color: #282828;
}
/* line 64, ../sass/_topics.scss */
.topics .topic-item .meta {
    font-size: 12px;
    color: #a5a5a5;
}
/* line 68, ../sass/_topics.scss */
.topics .topic-item .meta .node {
    -moz-border-radius: 3px / 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px / 3px;
    display: inline-block;
    padding: 3px 4px;
    background: #eee;
    margin: 0;
}
/* line 74, ../sass/_topics.scss */
.topics .topic-item .meta .node a {
    color: #a5a5a5;
}
/* line 79, ../sass/_topics.scss */
.topics .topic-item .meta .username {
    font-weight: bold;
    color: #888;
}
/* line 83, ../sass/_topics.scss */
.topics .topic-item .meta .username a {
    color: #888;
}
/* line 89, ../sass/_topics.scss */
.topics .topic-item .meta .last-reply-username strong {
    margin: 0 0 0 3px;
    color: #888;
}
/* line 95, ../sass/_topics.scss */
.topics .topic-item .meta span {
    margin: 0 5px 0 2px;
}
/* line 100, ../sass/_topics.scss */
.topics .topic-item .count {
    -moz-border-radius: 8px / 8px;
    -webkit-border-radius: 8px 8px;
    border-radius: 8px / 8px;
    position: absolute;
    right: 10px;
    top: 40%;
    background: #bbb;
    font-size: 13px;
}
/* line 108, ../sass/_topics.scss */
.topics .topic-item .count a {
    color: #fff;
    padding: 3px 8px;
    display: block;
    background: #b5bbcf;
    -moz-border-radius: 8px / 8px;
    -webkit-border-radius: 8px 8px;
    border-radius: 8px / 8px;
}
/* line 115, ../sass/_topics.scss */
.topics .topic-item .count a:visited {
    background: #d5d5d5;
}
/* line 121, ../sass/_topics.scss */
.topics .topic-item .main {
    padding: 0 0 0 48px;
}
/* line 126, ../sass/_topics.scss */
.topics .ui-header {
    padding: 10px;
}
/* line 129, ../sass/_topics.scss */
.topics .ui-header .bread-nav {
    font-size: 14px;
    line-height: 27px;
}


.topics .topic-item .avatar-img-sm{
    width: 42px;
    height: 42px;
    margin: 0;
    vertical-align: middle;
    float: left;
}


/* line 99, ../sass/_topic_detail.scss */
.topic-reply {
    /*word-break: break-all;*/
    word-wrap: break-word;
    padding: 0;
}
/* line 119, ../sass/_topic_detail.scss */
.topic-reply .reply-item {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}
/* line 124, ../sass/_topic_detail.scss */
.topic-reply .reply-item:last-child {
    border-bottom: 0;
}
/* line 128, ../sass/_topic_detail.scss */
.topic-reply .reply-item img {
    max-width: 100%;
}
/* line 134, ../sass/_topic_detail.scss */
.topic-reply .reply-item .avatar {
    -moz-border-radius: 3px / 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px / 3px;
    float: left;
    margin-right: 10px;
    width: 48px;
    height: 48px;
}
/* line 144, ../sass/_topic_detail.scss */
.topic-reply .reply-item .main {
    padding: 0 0 0 48px;
}
/* line 147, ../sass/_topic_detail.scss */
.topic-reply .reply-item .main .meta {
    font-size: 12px;
    padding: 0 0 5px 0;
}
/* line 151, ../sass/_topic_detail.scss */
.topic-reply .reply-item .main .meta .username {
    font-weight: bold;
}
/* line 155, ../sass/_topic_detail.scss */
.topic-reply .reply-item .main .meta .time {
    color: #999;
    margin: 0 0 0 5px;
}
/* line 160, ../sass/_topic_detail.scss */
.topic-reply .reply-item .main .meta .reply-username {
    color: #333;
}
/* line 164, ../sass/_topic_detail.scss */
.topic-reply .reply-item .main .meta .reply-to {
    margin: 0 5px 0 0;
    cursor: pointer;
}
/* line 168, ../sass/_topic_detail.scss */
.topic-reply .reply-item .main .meta .reply-to img {
    vertical-align: text-bottom;
}
/* line 173, ../sass/_topic_detail.scss */
.topic-reply .reply-item .main .meta .floor {
    color: #999;
}
/* line 178, ../sass/_topic_detail.scss */
.topic-reply .reply-item .main .content {
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
}
/* line 183, ../sass/_topic_detail.scss */
.topic-reply .reply-item .main .content blockquote p {
    font-size: 13px;
    line-height: 20px;
}
/* line 188, ../sass/_topic_detail.scss */
.topic-reply .reply-item .main .content iframe {
    max-height: 135px;
}

.topic-reply .reply-item .avatar-img-sm{
    width: 42px;
    height: 42px;
    margin: 0;
    vertical-align: middle;
    float: left;
}

.topic-reply .reply-item .main .content {
    min-height: 22px;
}

.post-content-image{
    max-width: 100%;
}



#app .navbar-brand {
    padding: 13.5px 15px 12.5px;
    font-weight: normal;
}

#app .navbar-brand>img {
    display: inline;
    margin: 0 10px;
    height: 100%
}

/*
#banner {
    min-height: 300px;
    border-bottom: none
}*/


.splash {
    padding: 200px 0 100px;
    background-color: #141d27;
    /*background-image: url('http://make.quwj.test:8088/images/homebanner-4.jpg');*/
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    text-align: center
}

.splash .logo {
    width: 160px
}

.splash h1 {
    font-size: 3em
}

.splash #social {
    margin: 2em 0
}

.splash .alert {
    margin: 2em 0
}

.section-tout {
    padding: 4em 0 3em;
    border-bottom: 1px solid rgba(0,0,0,.05);
    background-color: #eaf1f1
}

.section-tout .fa {
    margin-right: .5em
}

.section-tout p {
    margin-bottom: 3em
}


.badge-red {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #d9534f;/*#93c54b;*/
    border-radius: 10px;
}

.badge-red:empty {
    display: none;
}
.btn .badge-red {
    position: relative;
    top: -1px;
}
.btn-xs .badge-red,
.btn-group-xs > .btn .badge-red {
    top: 0;
    padding: 1px 5px;
}
a.badge-red:hover,
a.badge-red:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}
.list-group-item.active > .badge-red,
.nav-pills > .active > a > .badge-red {
    color: #ffffff;
    background-color: #d9534f;
}
.list-group-item > .badge-red {
    float: right;
}
.list-group-item > .badge-red + .badge-red {
    margin-right: 5px;
}

/* Bookmark */

.favorites {
    padding: 0;
}

.favorites .favorites-item {
    /*padding: 10px 40px 10px 10px;*/
    padding: 10px 60px 10px 0;
    margin: 0 0 -1px 0;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    line-height: 12px;
    position: relative;
}

.favorites .favorites-item:first-child {
    -moz-border-radius: 3px / 3px 3px 0 0;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px / 3px 3px 0 0;
}

.favorites .favorites-item:last-child {
    -moz-border-radius: 3px / 0 0 3px 3px;
    -webkit-border-radius: 3px 0;
    border-radius: 3px / 0 0 3px 3px;
}

.favorites .favorites-item:hover {
    background: #f8f5f0;
}

.favorites .favorites-item .favicon {
    -moz-border-radius: 3px / 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px / 3px;
    float: left;
    margin: 0 10px 0 0;
    width: 42px;
    height: 42px;
}

.favorites .favorites-item .title {
    font-size: 16px;
    font-weight: normal;
    line-height: 21px;
    /*color: #777;*/
    margin: 0 0 3px 0;
    letter-spacing: 0;
    text-shadow: 0 1px 0 #fff;
}

.favorites .favorites-item .title a {
    /*color: #555;*/
    color: #282828;
}

.favorites .favorites-item .meta {
    font-size: 12px;
    color: #a5a5a5;
}

.favorites .favorites-item .meta .node {
    -moz-border-radius: 3px / 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px / 3px;
    display: inline-block;
    padding: 3px 4px;
    background: #eee;
    margin: 0;
}

.favorites .favorites-item .meta .node a {
    color: #a5a5a5;
}

.favorites .favorites-item .meta .username {
    font-weight: bold;
    color: #888;
}

.favorites .favorites-item .meta .username a {
    color: #888;
}

.favorites .favorites-item .meta .last-reply-username strong {
    margin: 0 0 0 3px;
    color: #888;
}

.favorites .favorites-item .meta span {
    margin: 0 5px 0 2px;
}

.favorites .favorites-item .count {
    -moz-border-radius: 8px / 8px;
    -webkit-border-radius: 8px 8px;
    border-radius: 8px / 8px;
    position: absolute;
    right: 10px;
    top: 40%;
    background: #bbb;
    font-size: 13px;
}

.favorites .favorites-item .count a {
    color: #fff;
    padding: 3px 8px;
    display: block;
    background: #b5bbcf;
    -moz-border-radius: 8px / 8px;
    -webkit-border-radius: 8px 8px;
    border-radius: 8px / 8px;
}

.favorites .favorites-item .count a:visited {
    background: #d5d5d5;
}

.favorites .favorites-item .main {
    padding: 0 0 0 48px;
}

.favorites .favorites-item .favicon-img-sm{
    width: 42px;
    height: 42px;
    margin: 0;
    vertical-align: middle;
    float: left;
}

.markdown {
    font-size: 15px;
}

.markdown h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 10px;
    padding: 0;
}
.markdown h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 100%;
    margin: 2em 0 1em;
    padding: 0 0 8px;
    border-bottom: 1px solid rgb(238, 238, 238);
    word-break: break-word;
}
.markdown h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    margin: 20px 0 15px;
    padding: 0;
    word-break: break-word;
}
.markdown h4 {
    font-size: 15px;
    display: block;
    font-weight: bold;
}
.markdown h5 {
    display: block;
    font-size: 0.83em;
    font-weight: bold;
}