634 lines
8.1 KiB
SCSS
634 lines
8.1 KiB
SCSS
.forum_body{
|
|
|
|
.charte{
|
|
text-align:center;
|
|
color:rgba(0,0,0,0.5);
|
|
margin-bottom:50px;
|
|
}
|
|
|
|
.breadcrumb{
|
|
|
|
padding-top:20px;
|
|
}
|
|
.btn{
|
|
padding:10px 15px;
|
|
color:$orange;
|
|
border:1px solid $orange;
|
|
font-size:1em;
|
|
font-family: "lato", Arial, sans-serif;
|
|
}
|
|
.btn-primary{
|
|
background:$orange;
|
|
color:white;
|
|
}
|
|
.table{
|
|
width:100%;
|
|
border-collapse:collapse;
|
|
|
|
th{
|
|
padding:5px;
|
|
background:$orange;
|
|
color:white;
|
|
|
|
}
|
|
}
|
|
|
|
.table-striped{
|
|
|
|
tr{
|
|
&:nth-child(odd){
|
|
|
|
td{
|
|
background:rgba(240,240,240,1);
|
|
}
|
|
}}
|
|
}
|
|
|
|
.forum_user_show{
|
|
.avatar{
|
|
width:150px !important;
|
|
float:left;
|
|
|
|
|
|
}
|
|
.desc{
|
|
margin-left:160px;
|
|
}
|
|
}
|
|
|
|
.forum_menu{
|
|
|
|
.inner{
|
|
margin:auto;
|
|
max-width:1180px;
|
|
}
|
|
a{color:white;}
|
|
background:$orange;
|
|
.navbar-brand{
|
|
display:inline-block;
|
|
|
|
}
|
|
.navbar-right{
|
|
float:right;
|
|
}
|
|
.navbar-nav{
|
|
display:inline-block;
|
|
margin:0;
|
|
padding:0;
|
|
|
|
li{
|
|
display:inline;
|
|
position:relative;
|
|
a{
|
|
display:inline-block;
|
|
padding:12px 15px;
|
|
color:white;
|
|
}
|
|
|
|
&:hover{
|
|
ul{
|
|
display:block;
|
|
position:absolute;
|
|
top:30px;
|
|
padding:0;
|
|
margin:0;
|
|
right:0;
|
|
z-index:3;
|
|
a{
|
|
display:block;
|
|
width:200px;
|
|
background:$orange;
|
|
}
|
|
}
|
|
}
|
|
ul{
|
|
display:none;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.message{
|
|
min-height:150px;
|
|
border:1px solid black;
|
|
margin:1em 1em 0 1em;
|
|
|
|
}
|
|
|
|
.right{float:right;}
|
|
|
|
|
|
|
|
|
|
|
|
.forum_message{
|
|
|
|
border:1px solid rgba(244,243,239,1);
|
|
position:relative;
|
|
margin-bottom:1em;
|
|
min-height:200px;
|
|
background:white;
|
|
|
|
.edited{
|
|
font-size:0.9em;
|
|
color:#ffa822;
|
|
background:#fefce2;
|
|
padding:10px;
|
|
margin-top:2em;
|
|
|
|
}
|
|
.left{
|
|
|
|
|
|
position:absolute;
|
|
top:0px;
|
|
left:0px;
|
|
bottom:0px;
|
|
width:150px;
|
|
background:rgba(241,241,241,1);
|
|
text-align:center;
|
|
padding:10px;
|
|
|
|
|
|
|
|
*{
|
|
text-align:center;
|
|
}
|
|
|
|
.avatar{
|
|
width:90px;
|
|
padding-top:10px;
|
|
border-radius:60%;
|
|
|
|
margin:auto;
|
|
margin-bottom:1em;
|
|
}
|
|
|
|
}
|
|
|
|
.right{
|
|
|
|
margin-left:170px;
|
|
padding:20px 2%;
|
|
padding-top:10px !important;
|
|
padding-bottom:5px;
|
|
line-height:1.1em;
|
|
float:none;
|
|
position:relative;
|
|
margin-bottom:40px;
|
|
|
|
img{
|
|
max-width:100%;
|
|
max-height:90%;
|
|
display:block;
|
|
margin:1em auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
.large{
|
|
max-width:100%;
|
|
margin-left:0px;
|
|
|
|
|
|
}
|
|
|
|
.links{
|
|
position:absolute;
|
|
top:-1.2em;
|
|
right:1em;
|
|
|
|
}
|
|
.content{
|
|
min-height:130px;
|
|
}
|
|
.report{
|
|
padding-bottom:5px;
|
|
font-size:0.9em;
|
|
text-align:left;
|
|
a{
|
|
color:rgba(0,0,0,0.4);
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
.user_images{
|
|
width:450px;
|
|
box-shadow:0 0 5px rgba(0,0,0,0.5);
|
|
position:fixed;
|
|
bottom:2em;
|
|
right:-450px;
|
|
top:100px;
|
|
background:white;
|
|
padding:0;
|
|
padding-left:20px;
|
|
|
|
h3, a{
|
|
color:black;
|
|
}
|
|
|
|
.toggle-button{
|
|
font-size:25px;
|
|
color:white;
|
|
background:rgba(24,24,24,0.9);
|
|
width:45px;
|
|
height:45px;
|
|
text-align:center;
|
|
padding:10px;
|
|
position:absolute;
|
|
top:0px;
|
|
left:-45px;
|
|
.c{
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
|
|
&:hover{
|
|
right:0px;
|
|
.o{
|
|
display:none;
|
|
}
|
|
.c{
|
|
display:block;
|
|
}
|
|
}
|
|
|
|
.progress{
|
|
|
|
float:right;
|
|
width:250px;
|
|
|
|
.bar{
|
|
text-align:right;
|
|
}
|
|
}
|
|
|
|
input[type=file]{
|
|
display:none;
|
|
|
|
}
|
|
.images{
|
|
height:400px;
|
|
overflow:auto;
|
|
|
|
|
|
.user_image_block{
|
|
padding:5px;
|
|
float:left;
|
|
width:120px;
|
|
|
|
min-height:140px;
|
|
text-align:center;
|
|
margin:5px;
|
|
.user_image{
|
|
cursor:pointer;
|
|
display:block;
|
|
margin:auto;
|
|
max-width:120px;
|
|
max-height:120px;
|
|
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.redactor_box{
|
|
border:0px !important;
|
|
background:transparent !important;
|
|
}
|
|
.message_form{
|
|
|
|
.form{
|
|
width:60%;
|
|
|
|
float:left;
|
|
.ace_editor{
|
|
height:400px;
|
|
width:57%;
|
|
border:solid 1px #C9C9C9;
|
|
|
|
|
|
.ace_scroller{
|
|
|
|
|
|
background:transparent !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
}
|
|
#toolbar-text{
|
|
|
|
background: linear-gradient(to bottom, #f1f1f1 0%, #e2e2e2 100%);
|
|
z-index:10;
|
|
position:fixed;
|
|
top:50px;
|
|
left:0px;
|
|
right:0px;
|
|
|
|
.redactor_toolbar{
|
|
border:0px;
|
|
margin:5px 0 !important;
|
|
background:transparent !important;
|
|
}
|
|
}
|
|
|
|
|
|
.fix-submit{
|
|
z-index:10;
|
|
position:fixed;
|
|
top:50px;
|
|
margin-top:0px;
|
|
right:1em;
|
|
|
|
}
|
|
|
|
.forum_body{
|
|
.formtastic{
|
|
|
|
|
|
|
|
fieldset{
|
|
border:0;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
.form-group{
|
|
padding-bottom:10px;
|
|
|
|
}
|
|
.has-error{
|
|
color:red;
|
|
|
|
input, textarea{
|
|
border-color:red;
|
|
}
|
|
}
|
|
input, textarea{
|
|
box-sizing:border-box;
|
|
width:100%;
|
|
font-size:0.9em;
|
|
padding:10px 10px;
|
|
|
|
border:1px solid rgba(200,200,200,1);
|
|
|
|
}
|
|
|
|
.input{
|
|
&.boolean.checkbox{
|
|
|
|
input{
|
|
width:auto;
|
|
display:inline-block;
|
|
margin-right:5px;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
select{
|
|
|
|
height: 35px;
|
|
line-height: 35px;
|
|
width:100%;
|
|
font-size:1.2em;
|
|
}
|
|
.btn{
|
|
|
|
display:inline-block;
|
|
|
|
|
|
|
|
|
|
|
|
width:auto;
|
|
font-size:1em;
|
|
|
|
border-radius:0;
|
|
cursor:pointer;
|
|
|
|
color:white;
|
|
|
|
padding: 15px 25px;
|
|
font-weight:bold;
|
|
border:0;
|
|
|
|
|
|
|
|
|
|
&:btn-primary{
|
|
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|
|
fieldset{
|
|
margin:0;
|
|
padding:0;
|
|
border:0;
|
|
}
|
|
|
|
.forum_message{
|
|
border-color:#c8c8c8;
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.forum_sidebar{
|
|
|
|
.pannel{
|
|
background:white;
|
|
padding:10px;
|
|
text-align:center;
|
|
margin-bottom:20px;
|
|
.active{
|
|
font-weight:bold;
|
|
}
|
|
h3{
|
|
margin-top:0;
|
|
}
|
|
ul{
|
|
list-style:none;
|
|
padding:0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.forum_topics{
|
|
img{
|
|
width:90px;
|
|
border-radius:50%;
|
|
float:left;
|
|
|
|
}
|
|
.forum_topic{
|
|
|
|
padding:10px;
|
|
margin-bottom:2em;
|
|
.comments{
|
|
float:right;
|
|
padding-top:5px;
|
|
|
|
span{
|
|
display:inline-block;
|
|
padding-right:10px;
|
|
padding-left:10px;
|
|
text-align:center;
|
|
|
|
font-size:1.2em;
|
|
}
|
|
}
|
|
h2{
|
|
|
|
font-size:1.4em;
|
|
margin:0;
|
|
padding-top:5px;
|
|
margin-bottom:10px;
|
|
margin-left:110px;
|
|
|
|
}
|
|
p{
|
|
color:gray;
|
|
margin:0 -10px;
|
|
margin-left:100px;
|
|
|
|
span{
|
|
display:inline-block;
|
|
padding:0px 10px;
|
|
padding-right:15px;
|
|
text-align:center;
|
|
border-right:1px solid rgba(151,151,151,0.5);
|
|
font-size:0.9em;
|
|
|
|
&:last-child{
|
|
border:0;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
&.topic_header{
|
|
.forum_topic{
|
|
h2,{
|
|
margin-left:0;
|
|
}
|
|
|
|
p{
|
|
margin-left:-10px;
|
|
}
|
|
|
|
img{
|
|
display:none;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.topic_forum_messages{
|
|
.forum_message{
|
|
border:0;
|
|
|
|
.left{
|
|
position:static;
|
|
width:auto;
|
|
background:transparent;
|
|
float:left;
|
|
padding:0;
|
|
}
|
|
.right{
|
|
margin-left:120px;
|
|
padding:0;
|
|
|
|
border-top:1px solid rgba(151,151,151,0.5);
|
|
.date{
|
|
color:gray;
|
|
font-size:0.9em;
|
|
margin-bottom:10px;
|
|
|
|
}
|
|
.user{
|
|
h3{
|
|
margin-top:0;
|
|
margin-bottom:5px;
|
|
font-size:1em;
|
|
text-transform:none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
#new_forum_topic{
|
|
|
|
max-width:90%;
|
|
margin:2em auto;
|
|
background:white;
|
|
padding:20px;
|
|
h1{
|
|
font-size:2em;
|
|
margin-top:0;
|
|
text-align:center;
|
|
}
|
|
|
|
}
|
|
.forum_connect{
|
|
h1{
|
|
font-size:2em;
|
|
text-align:center;
|
|
padding-top:20px;
|
|
margin-bottom:10px;
|
|
}
|
|
.inner{
|
|
margin:30px;
|
|
background:white;
|
|
padding:20px;
|
|
}
|
|
|
|
.connexion{
|
|
float:left;
|
|
width:50%;
|
|
|
|
}
|
|
|
|
.inscription{
|
|
float:left;
|
|
width:50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
} |