/**
 * Solo - A small and beautiful blogging system written in Java.
 * Copyright (c) 2010-2019, b3log.org & hacpai.com
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
@import "../../../scss/reset";
@import "vditor/src/assets/scss/classic";
body.top-navbar {
    padding-top: 60px;
}

a:hover {
    text-decoration: none;
    color: #00B;
}

.page-header a {
    color: #000000;
}

.page-header a:hover {
    color: #9A9A9A;
}

.page-header-m {
    margin: 20px 0px 5px;
}

.page-header-bottom {
    margin: 0px 0px 5px;
    font-size: 12px;
    color: #585858;
}

.article-tags {
    color: #676767;
    font-size: 12px;
}

.article-tags a {
    text-decoration: none;
}

#footer {
    margin-top: 20px;
}

#footer .container {
    padding: 10px 15px 10px;
}

.pagination-btn {
    margin-top: 20px;
}

/* emotions */
#emotions span:hover {
    transform: scale(1.2) rotate(360deg);
    -webkit-transform: scale(1.2) rotate(360deg);
    -moz-transform: scale(1.2) rotate(360deg);
}
/* emotions */

.form-actions-m{
    padding-left: 0px !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
    background-color: #f1f1f1;
}

.article-relative {
    background-color: #FCFCFC;
    box-shadow: 0 0 2px #D5D5D5;
    padding: 5px 0 5px 20px;
}
.article-relative:hover {
    background-color: #fff;
    box-shadow: 0 0 4px #D5D5D5;
}

.article-relative ul {
    list-style: none;
}

.article-comments{
    margin-bottom: 20px;
    position: relative;
}

.comment-body-ref {
    position: absolute;
    left: 86px;
    width: 80%;
}

.bs-docs-example {
    padding: 20px;
    *padding-top: 0px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.bs-docs-example-child {
    padding: 5px;
    *padding-top: 0px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* start tags */
#tags.other-main {
    list-style: none;
}

#tags li {
    float: left;
    height: 38px;
}

#tags a {
    margin: 3px 6px;
    padding: 3px 12px;
    background-color: #FCFCFC;
    box-shadow: 0 0 2px #D5D5D5;
    float: left;
}

#tags a:hover {
    text-shadow: 0 0 2px;
    text-decoration: none;
    box-shadow: 0 0 4px #D5D5D5;
    color: #769abb;
}

.tags1, .tags1:visited {
    font-size: 12px;
    color: #a7a7a7;
}

.tags2, .tags2:visited {
    font-size: 14px;
    color: #808080;
}

.tags3, .tags3:visited {
    font-size: 16px;
    color: #595959;
}

.tags4, .tags4:visited {
    font-size: 18px;
    color: #323232;
}

.tags5, .tags5:visited {
    font-size: 20px;
    color: #0a0a0a;
}
/* end tags */