Dark Origami

@-moz-document domain("avenoel.org") {
@font-face {
    font-family: 'pixbasic';
    src: url(https://dl.dropboxusercontent.com/s/bogjf18thchtwzo/pix-webfont.woff2) format("woff2"), url(https://dl.dropboxusercontent.com/s/8s4507fq7ttbmfo/pix-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'abeezeeregular';
    src: url(https://dl.dropboxusercontent.com/s/dkc1nnowyfib9fp/abeezee-regular-webfont.woff2) format("woff2"), url(https://dl.dropboxusercontent.com/s/f0ua5d5d6mbb1mt/abeezee-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'comfortaaregular';
    src: url(https://dl.dropboxusercontent.com/s/t4qlw70b1cilpan/comfortaa-regular-webfont.woff2) format("woff2"), url(https://dl.dropboxusercontent.com/s/xqjf7ythsjxmd3r/comfortaa-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.add-sticker-p {
    cursor: pointer;
    background-image: url(https://i.imgur.com/SSLfEYq.png);
    color: transparent!important;
    font-size: 18px;
    vertical-align: middle;
    margin-left: 0
}

.add-sticker-p:hover {
    cursor: pointer;
    background-image: url(https://i.imgur.com/SSLfEYq.png)!important;
    visibility: visible;
    transition: all 2s;
    color: transparent;
    font-size: 18px;
    vertical-align: middle;
    margin-left: 0;
    transform: rotate(30deg)
}

.webm-player {
    max-width: 80%!important;
    max-height: 200px!important
}

audio, canvas, progress, video {
    display: inline-block!important;
    vertical-align: baseline!important
}

app.css, :after, :before {
    box-sizing: border-box!important
}

user agent stylesheet video {
    object-fit: contain!important
}

.message-quote img {
    background-image: url(https://i.imgur.com/hajB96Q.png);
    max-width: 16px;
    max-height: 16px;
    padding-right: 16px!important
}

.message-quote:hover {
    background-image: url(https://i.imgur.com/zoiDmB5.png);
    max-width: 16px;
    max-height: 16px;
    padding-right: 16px!important;
    transition: all 1s
}

.message-edit img {
    background-image: url(https://i.imgur.com/8uemKOo.png);
    max-width: 16px;
    max-height: 16px;
    padding-right: 16px!important
}

.message-edit:hover {
    background-image: url(https://i.imgur.com/llKllbX.png);
    max-width: 16px;
    max-height: 16px;
    padding-right: 16px!important;
    transition: all 1s
}

.message-delete img {
    background-image: url(https://i.imgur.com/KE5grfz.png);
    max-width: 16px;
    max-height: 16px;
    padding-right: 16px!important
}

.navbar-logo img {
    background-image: url(https://i.imgur.com/hYOg6cQ.png)!important;
    max-width: 200px;
    max-height: 41px;
    width: 100%;
    height: auto;
    padding-bottom: 41px!important
}

.topic-message .message-header .message-date {
    display: block;
    font-size: 10px;
    color: #dedede;
    font-family: 'Open Sans'!important
}

hidden-xs hidden-sm date {
    display: block;
    font-size: 10px;
    color: #92b0ce!important;
    font-family: 'Open Sans'!important
}

.topic-message aside .message-infos u {
    text-transform: none;
    font-size: 10px;
    font-family: 'Open Sans';
    color: #eee;
    text-shadow: 1px 1px 3px #000;
    padding-left: 3px;
    letter-spacing: .5px
}

.topic-message aside.message-aside .message-infos {
    margin: 0;
    font-size: 10px;
    font-family: 'Open Sans';
    color: #eee;
    text-shadow: 1px 1px 3px #000;
    letter-spacing: .5px;
    background-image: url(https://i.imgur.com/4XlusXv.png);
    padding-left: 10px;
    background-repeat: no-repeat;
    padding-bottom: 2px;
    height: auto;
    box-shadow: 0 3px 1px #000;
    border-radius: 0
}

.spoiler .spoiler-btn {
    color: transparent;
    cursor: pointer;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    padding-top: 24px;
    overflow: hidden;
    background: #3330 url(https://i.imgur.com/0M0ZBax.png) no-repeat!important
}

.spoiler .spoiler-btn:hover {
    color: transparent;
    cursor: pointer;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    padding-top: 24px;
    overflow: hidden;
    background: #3330 url(https://i.imgur.com/Omt4EZy.png) no-repeat!important;
    visibility: visible;
    transition: all 1.6s
}

.topics-date {
    width: 130px;
    text-align: center
}

.text-muted {
    color: #98b4d0;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px
}

h2, .h2 {
    color: #92b0ce;
    padding-top: 7px;
    font-family: 'abeezeeregular'!important;
    font-size: 15px;
    text-shadow: none
}

.topic-title {
    text-align: center;
    margin: 0 0 25px
}

.topic-message aside.message-aside .message-avatar img {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.topic-message .message-header .message-actions img, .topic-message .message-header .message-actions input[type="image"] {
    border-radius: 0
}

section .pagination a {
    color: #fff!important;
    font-family: 'pixbasic'!important;
    font-size: 12px!important;
    background-color: transparent;
    text-decoration: none!important
}

section .pagination li.subactive {
    color: #fff!important;
    font-family: 'pixbasic'!important;
    font-size: 12px!important;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    font-weight: 400!important;
    text-decoration: none!important
}

section .pagination li {
    color: #fff!important;
    font-family: 'pixbasic'!important;
    background-color: transparent;
    text-align: center;
    width: 25px;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 0;
    text-decoration: none!important
}

section .pagination li:hover, li:focus {
    color: #fff!important;
    font-family: 'pixbasic'!important;
    background-color: transparent;
    text-decoration: none!important;
    text-align: center;
    width: 25px;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 0
}

section .pagination li.subactive a {
    color: #777;
    font-family: 'Open Sans';
    font-size: 10px;
    background-color: transparent;
    text-align: center;
    width: 25px;
    text-decoration: none;
    border-radius: 0;
    font-weight: 700
}

.topics td {
    padding: 2px!important;
    color: #dedede;
    font-family: 'Open Sans';
    font-size: 9px!important
}

.navbar a {
    font-size: 15px;
    font-family: 'pixbasic';
    color: #000
}

.navbar {
    height: 0!important;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 0!important;
    border-bottom: 1px DOTTED #98b4d0!important
}

.navbar a {
    text-shadow: 2px 0 3px #000
}

.navbar a:hover {
    background-color: rgba(255, 255, 255, .55)!important;
    transition: all 1s
}

.navbar li.active a {
    background-color: rgba(255, 255, 255, .55)!important
}

.navbar li.active a:hover {
    background-color: rgba(255, 255, 255, 0.3);
    transition: all 1s
}

.footer {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 0!important;
    border-top: 1px DOTTED #98b4d0!important;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto!important;
    text-align: center;
    text-shadow: 1px 1px 1px #000
}

.footer a {
    color: #98b4d0;
    font-family: 'Open Sans';
    font-size: 10px;
    text-shadow: 1px 1px 1px #000
}

.footer a:hover {
    color: #f88b8d;
    font-family: 'Open Sans';
    font-size: 10px
}

.footer p {
    color: #dedede;
    font-family: 'Open Sans';
    font-size: 10px
}

h1, .h1 {
    font-size: 20px;
    font-family: 'comfortaaregular';
    text-align: center
}

body {
    background-image: url(https://i.imgur.com/8RBIDJu.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    color: #dedede;
    font-family: 'abeezeeregular';
    font-size: 11px;
    background-color: #fff;
    text-align: justify
}

.topic-message .message-content {
    font-family: 'abeezeeregular', 'Open Sans'!important;
    font-size: 11px;
    color: #dedede;
    text-shadow: 1px 1px 1px #000
}

section.aside img {
    width: 100%;
    margin-bottom: 20px;
    display: none
}

section.aside {
    font-size: .9em
}

section.aside ul li:before {
    background-image: url(https://i.imgur.com/kHHTyTK.png);
    background-repeat: no-repeat;
    font-family: 'pixbasic';
    font-size: 12px;
    color: transparent!important;
    display: inline;
    background-color: transparent!important;
    padding-right: 4px!important
}

section.aside {
    width: 100%
}

.adsbygoogle {
    display: none!important
}

section.aside li a {
    color: #EEE!important;
    display: inline-block;
    font-family: 'abeezeeregular';
    font-size: 10px;
    background-color: transparent;
    padding-left: 5px;
    text-shadow: 1px 1px 1px #000
}

section.aside ul li a:hover {
    color: #92b0ce!important;
    text-shadow: none
}

audio, canvas, progress, video {
    display: none;
    vertical-align: baseline
}

.main-container .container-content section {
    background-image: url(https://i.imgur.com/4XlusXv.png)!important;
    background-color: #212121!important;
    border: 1px solid #212121!important;
    border-radius: 0
}

.breadcrumb {
    font-family: 'Open Sans';
    font-size: 12px;
    border-radius: 0;
    background-color: transparent;
    padding-left: 10px;
    border: 0 solid transparent!important;
    text-transform: Capitalize;
    margin-top: 5px;
    background-position: right;
    background-repeat: no-repeat;
    border-radius: 10px;
    height: 25px
}

table {
    background-color: #2e2e2e;
    font-family: 'Open Sans';
    font-size: 9.5px
}

.breadcrumb > .active {
    font-family: 'Open Sans';
    font-size: 10px;
    color: #92b0ce;
    text-transform: none;
    text-shadow: none;
    padding-top: 3px
}

.table-striped > tbody > tr:nth-of-type(2n + 1) {
    background-color: #212121
}

.table > thead {
    background: #485a6b;
    color: #fff;
    font-family: 'Open Sans';
    font-size: 10px;
    padding: 6px 10px
}

.table > thead > tr > th {
    color: #fff;
    font-family: 'Courier new';
    font-weight: 700;
    border-radius: 0;
    font-size: 10px;
    overflow: hidden;
    letter-spacing: .5px;
    text-shadow: 1px 1px 1px #212121;
    text-transform: UPPERCASE
}

a {
    font-family: 'Open Sans';
    font-size: 10px;
    color: #dedede;
    text-shadow: none
}

a:hover, a:focus {
    color: #92b0ce;
    text-decoration: underline;
    transition: all .6s
}

.topics-author a {
    font-family: 'Open Sans';
    font-size: 10px!important;
    color: #dedede
}

tr.active, tr.active td {
    background: #485a6b!important
}

textarea.form-control {
    height: 100%
}

.bbcodes {
    border: 0;
    background: #212121;
    color: #92b0ce;
    border-radius: 0;
    box-shadow: 1.5px 0 7px #000
}

.stickers-cadre, .sticker-dernier {
    max-height: 60px;
    max-width: 60px;
    opacity: .7;
    cursor: pointer
}

.topics-date {
    width: 130px;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 10px;
    color: #E0E0E0
}

.topics-amount {
    width: 50px;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 10px;
    color: #E0E0E0
}

h3, .h3 {
    display: inline-block;
    font-weight: 700;
    color: #fff;
    font-family: "courier new";
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 10px;
    background-color: #616161;
    text-shadow: 1px 1px 2px #424242;
    border-bottom: 3px solid #424242;
    box-shadow: none;
    border-radius: 4px;
    padding: 5px 10px
}

.form-control {
    color: #E0E0E0;
    background-color: #212121;
    border: 0 solid #212121;
    font-family: 'abeezeeregular';
    font-size: 10px;
    box-shadow: 1.5px 0 7px #000;
    border-radius: 0;
    height: 28px
}

.btn:hover, .btn:focus, .btn.focus {
    color: #f6f6f6
}

.topic-message {
    color: #92b0ce;
    font-family: 'Open Sans', sans-serif
}

.topic-message .message-header .message-username a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #92b0ce
}

.topic-message {
    background: #212121;
    border: 1px solid #212121;
    border-radius: 0;
    box-shadow: 1.5px 1.5px 7px #000
}

.topic-message .message-content a {
    color: #92b0ce;
    text-shadow: none!important;
    font-family: 'Open Sans';
    font-size: 10px
}

.topic-message .message-content a:hover {
    color: #F5F5F5;
    text-shadow: none!important;
    font-family: 'Open Sans';
    font-size: 10px
}

.topic-message.odd {
    text-align: justify;
    font-size: 10px;
    background: #212121;
    border: 1px solid #212121;
    border-radius: 0
}

.topic-message .message-header {
    position: relative;
    padding-bottom: 45px;
    border-bottom: 0 dotted transparent
}

.message-permalink {
    position: absolute;
    color: #92b0ce!important;
    text-decoration: none;
    font-family: 'Open Sans'!important;
    font-size: 10px
}

.topic-message aside.message-aside {
    width: 150px;
    padding: 2px;
    margin: 5px;
    height: 180px;
    border-radius: 0
}

.preview {
    font-family: 'abeezeeregular';
    font-size: 10px;
    background-color: #212121;
    border: 1px solid #212121;
    color: #dedede;
    box-shadow: 1.5px 1.5px 7px #000;
    border-radius: 0
}

.topic-message .message-header .message-username a {
    font-family: 'comfortaaregular';
    font-size: 13px;
    color: #92b0ce;
    font-weight: 700;
    border-radius: 0;
    background-image: url(https://i.imgur.com/3qVORJw.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 3px 5px 1px 22px
}

.topic-message .message-header .message-username a:hover {
    font-family: 'comfortaaregular';
    font-size: 13px;
    color: #F5F5F5;
    font-weight: 700;
    border-radius: 0;
    background-image: url(https://i.imgur.com/S2sKEhX.png);
    background-repeat: no-repeat;
    background-position: left;
    transition: all 1s;
    transform: rotate(45deg);
    padding: 3px 5px 1px 22px
}

.topic-message .message-header {
    position: relative;
    padding-bottom: 45px;
    border-bottom: 1px dotted #98b4d0
}

.bbcodes button:hover {
    color: #98b4d0
}

.bbcodes button {
    color: #98b4d0
}

.fancybox-skin {
    background: #212121;
    color: #98b4d0
}

.chat-box .chat-message {
    color: #dedede;
    overflow: hidden;
    font-family: 'abeezeeregular';
    font-size: 12px;
    text-shadow: 1px 1px 1px #000
}

.chat-box .chat-message .chat-message-username a {
    color: #98b4d0;
    font-family: 'comfortaaregular';
    font-size: 11px;
    text-shadow: 1px 1px 1px #000
}

.chat-box .chat-message .chat-message-username a:hover {
    color: #F5F5F5;
    font-family: 'comfortaaregular';
    font-size: 12px;
    transition: all 1s
}

.chat-form {
    background: #485a6b
}

.account .account-secondary-title {
    font-size: 10px!important
}

.profile h2, .h2 {
    color: #98b4d0;
    padding-top: 20px;
    font-size: 29px!important;
    font-family: 'comfortaaregular';
    text-shadow: none;
    background-image: url(https://i.imgur.com/weaXJFV.png)!important;
    background-repeat: no-repeat;
    background-position: left;
    color: #98b4d0;
    padding-top: 20px;
    font-size: 29px!important;
    font-family: comfortaaregular;
    text-shadow: 1px 1px 1px #000
}

.profile table {
    text-shadow: 1px 1px 1px #000;
    background-color: transparent!important
}

.profile .profile-title, .profile .profile-wrapper, .profile .profile-footer, .profile .profile-biography {
    background-image: url(https://i.imgur.com/4XlusXv.png);
    background-repeat: repeat;
    background-color: transparent!important;
    font-family: 'Open Sans';
    font-size: 11px;
    color: #eee;
    border: 1px solid #212121;
    text-shadow: 1px 1px 1px #000;
    border-radius: 5px;
    box-shadow: 0 3.5px 0 #000
}

.profile-biography h4, .h4 {
    text-align: center
}

.profile-avatar {
    border-radius: 0;
    margin-left: 50px;
    width: 200px;
    height: 200px
}

.profile h3, .h3 {
    font-size: 15px!important;
    font-family: 'Comfortaa';
    color: #98b4d0;
    text-transform: none!important;
    background-color: transparent!important;
    text-shadow: none!important;
    border-bottom: none!important;
    box-shadow: none!important;
    border-radius: 0!important;
    filter: none!important;
    text-shadow: 1px 1px 1px #000!important
}

.profile .profile-title {
    color: #212121;
    padding-top: 0;
    box-shadow: 0 3.5px 0 #000
}

.profile-biography h4, .h4 {
    font-family: 'comfortaaregular';
    color: #98b4d0
}

.profile-secondary-title {
    display: inline-block;
    text-align: center
}

.profile p img {
    text-align: justify
}

.profile tbody td {
    padding: 4px;
    background: transparent!important
}

.message-content-quote {
    font-family: 'abeezeeregular';
    font-size: 9px;
    color: #F5F5F5;
    text-shadow: none;
    text-shadow: 1px 1px 2px #485a6b;
    background: #485a6b;
    border-left: 3px solid #92b0ce
}

.odd .message-content-quote {
    font-family: 'abeezeeregular';
    font-size: 9px;
    color: #92b0ce;
    text-shadow: none;
    background: #485a6b;
    border-left: 3px solid #92b0ce
}

.message-content-quote i {
    font-size: 9px;
    background: #485a6b;
    color: #92b0ce
}

.message-content-quote a {
    font-size: 9px;
    background: #485a6b;
    color: #92b0ce;
    text-shadow: 1px 1px 1px
}

.spoiler .spoiler-content {
    font-family: 'abeezeeregular';
    font-size: 11px;
    color: #dedede;
    text-shadow: none!important;
    background: transparent!important;
    border-left: 1px solid #92b0ce
}

.topic-message.odd .spoiler-content {
    font-family: 'abeezeeregular';
    font-size: 11px;
    color: #dedede;
    text-shadow: none;
    background: transparent!important;
    border-left: 1px solid #92b0ce
}

section .pagination {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 1.2em
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.grey-btn.btn {
    color: #fff;
    background-color: #485a6b;
    border-bottom: 3px solid #29343d;
    font-family: "courier new";
    text-decoration: none;
    margin-top: 1px;
    border-radius: 0
}

.btn-primary {
    color: #fff;
    font-family: "courier new";
    font-weight: 700;
    text-shadow: 1px 1px 2px #29343d;
    letter-spacing: 1px;
    height: 24px;
    text-transform: uppercase;
    font-size: 10px;
    background-color: #485a6b;
    border: 1px solid#485a6b;
    border-radius: 4px 4px 6px 6px;
    box-shadow: 0 3px 0 #29343d
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    font-family: "courier new";
    letter-spacing: 1px;
    height: 24px;
    text-transform: uppercase;
    font-size: 10px;
    background-color: #485a6b;
    border: 1px solid#485a6b;
    border-radius: 4px 4px 6px 6px;
    box-shadow: 0 3px 0 #adbbc8;
    filter: grayscale(1)
}

.btn-primary:hover {
    color: #fff;
    font-family: "courier new";
    font-weight: 700;
    text-shadow: 1px 1px 2px #29343d;
    letter-spacing: 1px;
    height: 24px;
    text-transform: uppercase;
    font-size: 10px;
    background-color: #29343d;
    border: 1px solid #29343d;
    border-radius: 4px 4px 6px 6px;
    box-shadow: 0 3px 0 #29343d;
    transition: all 1.6s
}

.btn-danger {
    color: #fff;
    font-family: "courier new";
    font-weight: 700;
    text-shadow: 1px 1px 2px #7a2123;
    letter-spacing: 1px;
    height: 24px;
    text-transform: uppercase;
    font-size: 10px;
    background-color: #f44346;
    border: 1px solid #f44346;
    border-radius: 4px 4px 6px 6px;
    box-shadow: 0 3px 0 #7a2123
}

.btn-danger:hover {
    color: #fff;
    font-family: "courier new";
    font-weight: 700;
    letter-spacing: 1px;
    height: 24px;
    text-transform: uppercase;
    font-size: 10px;
    background-color: #7a2123;
    border: 1px solid #7a2123;
    border-radius: 4px 4px 6px 6px;
    box-shadow: 0 3px 0 #7a2123;
    text-shadow: 1px 1px 2px #7a2123;
    transition: all 1.6s
}

.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-size: 10px;
    background-color: #f44346;
    border: 1px solid #f44346;
    border-radius: 4px 4px 6px 6px;
    box-shadow: 0 3px 0 #7a2123;
    text-shadow: 1px 1px 2px #7a2123;
    transition: all 1.6s
}

.topic-message .message-footer .message-edited {
    font-style: normal;
    font-family: 'Open Sans';
    font-size: 10px;
    color: #ccc
}

.topic-message .message-footer .message-edited a {
    font-family: 'Open Sans';
    font-size: 10px;
    color: #f88b8d;
    text-shadow: none
}

section .pagination a {
    color: #ccc!important;
    text-decoration: none;
    font-family: 'pixbasic'!important;
    font-size: 10px
}

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
    color: #ccc!important;
    background-color: transparent
}

section .pagination a:hover {
    background: inherit
}

.spoiler .spoiler-btn {
    color: #485a6b;
    cursor: pointer
}

.bottombar ul {
    display: none!important
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-theme-default .onesignal-bell-launcher-button svg .background {
    display: NONE!important
}

element.style {
    display: NONE!important
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-button svg {
    display: NONE!important
}

.alert-danger {
    color: #92b0ce;
    font-family: 'abeezeeregular';
    font-size: 11px;
    text-shadow: 1px 1px 2px #485a6b;
    background-color: #485a6b;
    border: 1px solid#485a6b;
    border-radius: 4px 4px 6px 6px;
    box-shadow: 0 3px 0 #92b0ce
}

.btn-success {
    color: #fff;
    font-family: 'abeezeeregular';
    font-size: 11px;
    background-color: #485a6b;
    border-color: #485a6b
}

.brand img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
}