* {
box-sizing: border-box;
}
html {
position: relative;
}
.alert {
padding: 0;
margin-bottom: 0;
border-radius: 0;
}
body {
margin: 0;
height: 100%;
width: 100%;
background: #c6625d url('../postimage/fond.png') repeat;
margin-bottom: 50px;
}
input, textarea, select {
border-radius: 0!important;
}
textarea {
resize: none;
}
#container {
box-shadow: 0 0 30px black;
padding-right: 0;
padding-left: 0;
}
@media (min-width: 1200px) {
.container {
width: 1024px;
}
}
@media (min-width: 1200px) {
.container {
width: 1024px;
}
}
#single_container {
width: 1000px;
margin: auto;
}
.ima {
padding: 0;
}
.nav-cont{
white-space: nowrap;
}
.general_nav{
top:0;
z-index: 100;
padding: 16px 20px;
height: 75px;
margin-bottom: 0;
background-color: #171E26;
border-radius: 0;
white-space: nowrap;
line-height: 40px;
}
.general_nav-select {
text-align: right;
float: right;
}
.general_nav-select select{
display: inline;
}
.general_nav .general_nav_category{
vertical-align: middle;
width: auto;
padding: 0 12px;
}
.general_nav .form-control {
width: auto;
}
.min-rubriques, #bs-example-navbar-collapse-1 {
display: none;
}
@media (max-width: 1199px) {
.nav-rubriques {
display: none;
}
.min-rubriques {
display: inline;
margin: 0 15px;
color: whitesmoke;
}
#bs-example-navbar-collapse-1 {
width: 108px;
display: block;
text-align: center;
background-color: #dcdee0;
opacity: 0.9;
}
#bs-example-navbar-collapse-1 {
display: none;
}
.general_nav .general_nav_category{
padding: 0;
}
#bs-example-navbar-collapse-1 .general_nav_category{
display: block;
margin: 16px auto;
background: #919496;
padding: 5px 0;
color: white;
}
#bs-example-navbar-collapse-1 .general_nav_category:active {
background: #ffc938;
}
.dismiss-min-nav {
background-color: #7d5959;
color: white;
padding: 5px;
border: 0;
text-align: right;
width: 100%;
}
.modal-backdrop.in {
opacity: 0.8;
}
.footer p {
margin: 0!important;
}
}
@media (max-width: 510px) {
.general_nav.pull-right a span {
font-size: 15px;
}
.logout-a-home{
margin-left: 7px!important;
}
.contact {
margin-right: 11px;
}
.contact strong {
font-size: 10px;
}
.general_nav.pull-right {
line-height: 29px;
}
}
.select-archives {
width: 50% !important;
}
.nav_single {
padding: 0;
}
.form_padding {
padding: 0 2%;
}
img.ban_image {
padding: 0;
display: inline-block;
max-width: 100%;
}
.img-thumbnail {
border: 0;
border-radius: 0;
}
.navbar {
margin-bottom: 0;
border-radius: 0;
background-color: #171E26;
}
.well {
border-radius: 0;
margin-bottom: 0;
background-color: #171E26;
height: 75px;
border: 0;
}
.welle {
border-radius: 0;
margin-bottom: 0;
background-color: #171E26;
border: 0;
}
div.create_form_container {
padding: 10px;
}
.created_at {
float: right;
margin-left: 10px;
}
.menuart {
display: flex;
align-items: center;
justify-content: center;
background-color: #6F7E8C;
border: 0;
font-size: 26px;
font-weight: bold;
text-align: center;
padding-top: 10px;
color: white;
}
.barrart {
background-color: #171E26;
height: 36px;
}
a:hover {
text-decoration: none;
}
.coeur {
float: left;
margin-right: 10px !important;
}
.post {
width: 1170px;
padding: 0;
}
.colonn {
box-shadow: 10px 0 30px #171E26;
}
.grid {
position: absolute;
}
.countPouces, .created_at, a {
color: #dadada;
}
.descr {
background-color: #F5D790;
padding: 20px 0;
}
.descr > p {
margin: 0px 10px;
}
div.signin_space {
background-color: #dee2eb;
height: 420px;
overflow: inherit;
padding: 20px 30px;
}
div.spp {
background-color: #dee2eb;
height: auto;
overflow: inherit;
padding: 40px;
}
div.spp form {
width: 300px;
margin: 0 auto;
}
#bbbundle_draw_picture {
}
#bbbundle_draw_valider {
margin-top: 20px;
}
input.btn {
float: right;
margin-top: 0;
}
input {
margin-bottom: 20px;
margin-top: 30px;
}
.com, .coeur {
margin: 3px;
height: 14px;
width: 14px;
color: white;
}
a.coeur:hover, a.com:hover {
background: none;
color: orangered;
}
a.coeur:focus, a.com:focus {
color: orangered;
}
.modal-content .coeur {
position: absolute;
top: 89%;
left: 3%;
font-size: 2.8em;
color: #f04e4e;
}
a.com {
float: right;
}
div.elements_post {
padding: 7px;
overflow: inherit;
}
.footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 50px;
background-color: #171E26;
color: #FAFAFA;
}
.footer p {
margin-top: 15px;
}
#commentaire {
position: absolute;
top: 220px;
left: 170px;
width: 400px;
height: 300px;
background-color: #BDBDBD;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
z-index: 10000;
}
.created_at {
margin-right: 5px;
}
.cont_image {
width: 100%;
}
#form_picture, #form_title {
margin-top: 5px;
}
#form_description {
margin-bottom: 15px;
}
label[for="form_category"] {
margin-bottom: 20px;
margin-right: 10px;
}
#form_adOne, #form_adTwo {
margin-top: 0;
}
.single_header {
height: 90px;
}
.dessin {
margin-bottom: 40px;
}
#form_url, #form_email, #form_pseudo {
margin-top: 0;
}
#form_submit {
margin-bottom: 25px;
float: right;
}
.single_post {
width: 1200px;
padding: 0;
}
.form_bg {
background-color: #F5D790;
}
.contact_bg {
background-color: #6E6E6E;
}
.com_area {
padding: 27px 50px;
}
.com_area p {
margin: 0;
}
.form_bg .jumbotron {
border-radius: 0 !important;
margin: 20px 0;
word-wrap: break-word;
}
.contact_bg {
background-color: #6E6E6E;
}
.form_bg .jumbotron p {
font-size: 16px;
margin: 0;
}
.head_com {
padding: 5px 16px;
background-color: #171E26;
color: white;
word-wrap: break-word;
}
.head_com span:nth-child(2) {
float: right;
}
.div_for_allow_coms {
background-color: #dee2eb;
padding: 10px 15px;
text-wrap: normal;
box-sizing: border-box;
border-bottom: solid 1px #6E6E6E;
display: flow-root;
}
.div_for_allow_coms > div {
float: left;
}
.div_for_allow_coms > div:nth-child(2) {
float: right;
}
.div_for_allow_coms > div:nth-child(3) {
float: right;
margin-right: 20px;
padding-left: 10px;
}
.wrap_comm {
width: 400px;
word-wrap: break-word;
}
.nav_comm {
height: auto;
background-color: #424D58;
display: flex;
align-items: center;
justify-content: center;
}
.nav_comm > span {
color: mintcream;
font-size: 24px;
}
.glyphicon-user {
margin-left: 20px;
}
.glyphicon-collapse-up {
width: 70px !important;
}
#toTop {
position: fixed;
right: 15%;
top: 85%;
width: 50px;
height: 50px;
text-align: center;
z-index: 999;
}
.slide_comments {
background-color: #171E26;
padding: 10px 0;
color: #98acb3;
cursor: pointer;
}
.commentaire_carre {
background-color: #BDBDBD;
margin: 0;
}
.form-control {
margin-top: 0;
}
.checkbox-inline {
padding-left: 0;
}
#_submit {
margin-left: 75px;
}
.comment_quote {
font-size: 52px;
vertical-align: text-bottom;
color: #b4987d;
}
.comment_quote_bottom {
font-size: 52px;
vertical-align: text-top;
color: #b4987d;
}
.com_content {
display: inline;
font-size: 1.3em;
}
.com_author {
font-weight: 200;
font-style: italic;
font-size: 1.3em;
}
.flash {
margin-top: 20px;
}
.visite_area {
padding: 20px 30px;
background-color: #dee2eb;
display: block;
}
.visite_area span {
display: block;
}
.visit_title {
background-color: #dca7a7;
font-size: 1.2em;
}
.visit_data {
font-size: 1.8em;
font-weight: 200;
background-color: #FAFAFA;
}
.pages {
background-color: #dadada;
width: 100%;
margin-left: 0;
}
.pagination {
margin: 0 auto;
height: 100%;
display: flex;
overflow: auto;
justify-content: center;
}
.pagination > li {
display: inline-flex;
}
ul.pagination > li > a {
border-radius: 0 !important;
height: 100%;
}
.div_ul {
margin: 0 auto;
padding: 0 0;
}
.single_post_row {
margin-left: 0;
margin-right: 0;
background-color: #dee2eb;
}
.single_post_row .pg-zero{
padding: 0;
}
.load_comms{
cursor: pointer;
font-size: 30px;
}
.load_comms i {
color: #f0ad4e;
display: block;
}
.main_nav a, .main_nav strong, .main_nav span {
vertical-align: middle;
}
.contact {
margin-right: 20px;
}
.comment_form_ban {
padding-left: 0;
padding-right: 0;
}
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #4e667f;
border-radius: 2px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #171E26;
}
.masaru {
display: inline-block;
max-width: 100%;
}
.single_title{
color: #dadada;
margin-right: 5%;
line-height: 40px;
}
.back, .logout-a, .signin-a {
font-size: 40px;
color: #c6625d;
}
.logout-a-home, .signin-a-home {
font-size: 30px;
color: #c6625d;
}
.logout-a-home {
margin-left: 20px;
}
.logout-a {
line-height: 40px;
}
#_submit {
margin-left: 0;
width: 100%;
border-bottom: 0!important;
padding: 10px 0;
border: 0;
background: #dbb8b8;
}
.visitors-paints .paint_div img {
width: 100%;
}
.paint_div {
padding: 10px 10px;
}
.paint_div .modal-dialog {
width: 75%;
}
.winner_validation_form {
padding: 50px 37px;
}