282 lines
3.1 KiB
Plaintext
282 lines
3.1 KiB
Plaintext
@import "./vendor/framework/variables.less";
|
|
@import "./vendor/framework/bootstrap.less";
|
|
@import "fontawesome/font-awesome";
|
|
|
|
@import "./redactor";
|
|
|
|
#main{
|
|
min-height:600px;
|
|
|
|
}
|
|
|
|
.footer{
|
|
background:rgba(244,243,239,1);
|
|
padding:2em;
|
|
}
|
|
.transparent{
|
|
td, th{
|
|
background-color:transparent !important;}
|
|
}
|
|
#main{
|
|
padding:0 1em;
|
|
}
|
|
.icon{
|
|
border:1px solid #0088cc;
|
|
display:inline-block;
|
|
padding:6px;
|
|
border-radius:50%;
|
|
font-size:1.1em;
|
|
width:1.1em;
|
|
height:1.1em;
|
|
text-align:center;
|
|
background:white;
|
|
|
|
&:hover{
|
|
background:#0088cc;
|
|
color:white;
|
|
text-decoration:none;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.container-fluid{
|
|
max-width:1100px;
|
|
margin:auto;
|
|
|
|
}
|
|
|
|
h1{
|
|
margin-top:10px;
|
|
}
|
|
|
|
|
|
|
|
.message{
|
|
min-height:150px;
|
|
border:1px solid black;
|
|
margin:1em 1em 0 1em;
|
|
|
|
}
|
|
|
|
.right{float:right;}
|
|
|
|
|
|
|
|
|
|
|
|
.forum_message{
|
|
border-radius: 0 2em 0 2em ;
|
|
border:1px solid rgba(244,243,239,1);
|
|
position:relative;
|
|
margin-bottom:1em;
|
|
min-height:120px;
|
|
|
|
.left{
|
|
|
|
border-radius :0px 0px 0px 2em ;
|
|
position:absolute;
|
|
top:0px;
|
|
left:0px;
|
|
bottom:0px;
|
|
width:150px;
|
|
background:rgba(244,243,239,1);
|
|
text-align:center;
|
|
padding:10px;
|
|
|
|
|
|
|
|
*{
|
|
text-align:center;
|
|
}
|
|
|
|
.avatar{
|
|
width:90px;
|
|
border-radius:60%;
|
|
|
|
margin:auto;
|
|
margin-bottom:1em;
|
|
}
|
|
|
|
}
|
|
|
|
.right{
|
|
min-height:150px;
|
|
margin-left:170px;
|
|
padding:10px 2%;
|
|
line-height:1.1em;
|
|
float:none;
|
|
position:relative;
|
|
|
|
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;
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
.user_images{
|
|
width:430px;
|
|
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:25px;
|
|
height:25px;
|
|
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:40px;
|
|
left:0px;
|
|
right:0px;
|
|
|
|
.redactor_toolbar{
|
|
border:0px;
|
|
margin:5px 0 !important;
|
|
background:transparent !important;
|
|
}
|
|
}
|
|
|
|
|
|
.fix-submit{
|
|
z-index:10;
|
|
position:fixed;
|
|
top:40px;
|
|
margin-top:5px;
|
|
right:1em;
|
|
|
|
} |