310 lines
3.2 KiB
SCSS

@import "compass";
@import "compass/reset";
@import "foundation";
body {
-webkit-font-smoothing: antialiased;
width:100%;
font-size: 13px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
padding: 0px;
margin: 0px;
&.wysihtml5-editor{
background:transparent;
}
}
#breadcrumb{
padding:0px;
height:40px;
position:relative;
color:#FFFFFF;
background: #2E2E2E;
*{
color:#FFFFFF;
}
nav{
a{
display:inline-block;
padding:13px;
}
}
.personnal{
width:140px;
float:right;
position:relative;
span{
display:inline-block;
top:-15px;
position:relative;
}
.avatar{
width:36px;
border-radius:50%;
margin:2px;
}
.menu{
display:none;
}
&:hover{
.menu{
display:block;
position:absolute;
z-index:1000;
top:40px;
background:#2E2E2E;
a{
display:block;
width:120px;
padding:10px 15px;
}
}
}
}
}
.datepicker{
width:100px !important;
}
.timepicker_container{
display:inline-block;
position:relative;
input{
width:70px;
}
.suppr{
position:absolute;
right: 0px;
top:0px;
padding:7px 5px 4px 3px;
display:inline-block;
img{
cursor:pointer;
}
}
}
.page_form{
.form{
width:60%;
float:left;
.ace_editor{
height:400px;
width:57%;
border:solid 1px #C9C9C9;
.ace_scroller{
background:transparent !important;
}
}
}
.user_images{
width:40%;
float:left;
.progress{
float:right;
width:250px;
.bar{
text-align:right;
}
}
input[type=file]{
display:none;
}
.images{
height:400px;
overflow:auto;
border:1px solid black;
.user_image_block{
padding:5px;
float:left;
width:120px;
border:1px solid black;
min-height:140px;
text-align:center;
margin:5px;
.user_image{
cursor:pointer;
display:block;
margin:auto;
max-width:120px;
max-height:120px;
}
}
}
}
}
.portfolio_images{
width:40%;
float:left;
.progress{
float:right;
width:250px;
.bar{
text-align:right;
}
}
input[type=file]{
display:none;
}
.images{
height:400px;
overflow:auto;
border:1px solid black;
.portfolio_image_block{
padding:5px;
float:left;
width:120px;
border:1px solid black;
min-height:140px;
text-align:center;
margin:5px;
.portfolio_image{
cursor:pointer;
display:block;
margin:auto;
max-width:120px;
max-height:120px;
}
}
}
}
.portfolio{
.fileupload{
display:none;
}
.images{
min-height:400px;
text-align:center;
padding-bottom:5%;
.portfolio_image_block{
display:inline-block;
max-width:70%;
margin:auto;
margin-top:8%;
position:relative;
.image{
max-height:90%;
box-shadow: #AFAFAF 0px 0px 5px;
}
.title{
text-align:left;
color:gray;
}
.time{
color:gray;
float:right;
position:absolute;
right:0px;
}
.admin{
display:none;
position:absolute;
top:0px;
left:0px;
}
&:hover{
.admin{
display:block;
}
}
}
}
}