2013-01-08 22:47:42 +01:00

247 lines
3.0 KiB
SCSS

@import "compass";
@import "compass/reset";
@import "shared/formtastic";
@import "shared/jquery-ui-1.8.11.custom";
@import "shared/ui.timepickr";
@import "admin/portlets";
@import "admin/qi_core";
@import "admin/forms";
@import "admin/general";
@import "admin/qi";
@import "admin/qi_cms";
@import "admin/qi_pane_hover";
@import "admin/uploads";
@import "admin/x-qi-datepicker";
@import "admin/menu_items";
@import "admin/articles";
@import "admin/wisihtml5";
@import "shared/wysiwg";
@import "admin/sheets";
@import "notes";
@import "topics";
ol {
&.code {
color: ($main-color*90);
font: 0.875em / 1.714 Menlo, Monaco, "Courier New", Courier, monospace;
margin: 1.1429em 0 1.1429em 2.8571em; }
&.code li {
list-style: decimal-leading-zero;
background: #f0f0f0;
margin: 0 0 -1px 0;
border-top: 1px solid #fff;
padding: 0 0.5em; }
&.code li code {
font-size: 1em; }
}
.text_panel{
@include border-radius(5px);
color:black;
background: white;
padding: 10px;
margin:20px;
position:relative;
&:before,
&:after {
content:"";
position:absolute;
z-index:-1;
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
@include box-shadow(rgba(0, 0, 0, 0.7) 0 20px 15px );
@include transform(rotate(-3deg));
}
&:after{
right:10px;
left:auto;
@include transform(rotate(3deg));
}
}
/* Dashboard */
#dashboard_menu{
a
{
float:left;
display:block;
margin:30px;
padding:10px;
margin-bottom:20px;
@include background(linear-gradient(#FAFAFA, #EEE));
@include border-radius(5px);
color:black;
background: white;
width: 200px;
padding: 10px;
margin: auto;
position:relative;
margin-left:20px;
&:before,
&:after {
content:"";
position:absolute;
z-index:-1;
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
@include box-shadow(rgba(0, 0, 0, 0.7) 0 20px 15px );
@include transform(rotate(-3deg));
}
&:after{
right:10px;
left:auto;
@include transform(rotate(3deg));
}
display:block;
padding:15px;
margin-bottom:20px;
text-align:center;
color:black;
img{
display:block;
margin:auto;
height:100px;
}
&:hover{
@include border-radius(5px 5px 12px 5px / 5px 5px 25px 5px);
@include background-image(linear-gradient(bottom right, #cccccc, white 10%,white));
&:after{
@include transform(rotate(10deg));
}
}
}
}
.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;
}
}
}