2015-07-12 19:01:42 +00:00
|
|
|
@import "reset";
|
|
|
|
@import "variables";
|
2016-01-20 22:13:13 +00:00
|
|
|
@import "fonts";
|
2015-07-12 19:01:42 +00:00
|
|
|
@import "mixins";
|
|
|
|
@import "html";
|
|
|
|
@import "text";
|
|
|
|
@import "grid";
|
|
|
|
@import "blocks";
|
|
|
|
@import "buttons";
|
|
|
|
@import "forms";
|
2015-08-08 19:05:30 +00:00
|
|
|
@import "tables";
|
2015-08-15 23:18:22 +00:00
|
|
|
@import "animations";
|
2015-07-15 21:55:49 +00:00
|
|
|
@import "tinymce";
|
2015-11-30 21:44:23 +00:00
|
|
|
@import "highlightjs";
|
2015-08-09 13:52:15 +00:00
|
|
|
@import "image-manager";
|
2015-09-03 15:51:10 +00:00
|
|
|
@import "header";
|
|
|
|
@import "lists";
|
|
|
|
@import "pages";
|
2015-07-21 19:13:29 +00:00
|
|
|
|
2015-11-30 21:44:23 +00:00
|
|
|
[v-cloak], [v-show] {display: none;}
|
2015-10-08 22:49:18 +00:00
|
|
|
|
2015-12-30 18:38:18 +00:00
|
|
|
[ng\:cloak], [ng-cloak], .ng-cloak {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
2015-07-21 19:13:29 +00:00
|
|
|
// Jquery Sortable Styles
|
|
|
|
.dragged {
|
|
|
|
position: absolute;
|
|
|
|
opacity: 0.5;
|
|
|
|
z-index: 2000;
|
|
|
|
}
|
|
|
|
body.dragging, body.dragging * {
|
|
|
|
cursor: move !important;
|
|
|
|
}
|
|
|
|
|
2015-09-03 15:51:10 +00:00
|
|
|
// User Avatar Images
|
2015-08-23 12:41:35 +00:00
|
|
|
.avatar {
|
|
|
|
border-radius: 100%;
|
2015-10-18 15:06:06 +00:00
|
|
|
background-color: #EEE;
|
2015-12-15 19:27:36 +00:00
|
|
|
width: 30px;
|
|
|
|
height: 30px;
|
2015-10-18 15:06:06 +00:00
|
|
|
&.med {
|
|
|
|
width: 40px;
|
|
|
|
height: 40px;
|
|
|
|
}
|
2015-12-09 22:30:55 +00:00
|
|
|
&.large {
|
|
|
|
width: 80px;
|
|
|
|
height: 80px;
|
|
|
|
}
|
2016-02-17 22:11:48 +00:00
|
|
|
&.huge {
|
|
|
|
width: 120px;
|
|
|
|
height: 120px;
|
|
|
|
}
|
|
|
|
&.square {
|
|
|
|
border-radius: 3px;
|
|
|
|
}
|
2015-08-29 15:00:19 +00:00
|
|
|
}
|
|
|
|
|
2015-09-03 15:51:10 +00:00
|
|
|
// System wide notifications
|
2015-08-29 15:00:19 +00:00
|
|
|
.notification {
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
margin: $-xl*2 $-xl;
|
|
|
|
padding: $-l $-xl;
|
|
|
|
background-color: #EEE;
|
|
|
|
border-radius: 3px;
|
|
|
|
box-shadow: $bs-med;
|
2015-09-03 15:51:10 +00:00
|
|
|
z-index: 999999;
|
2015-08-29 15:00:19 +00:00
|
|
|
display: table;
|
|
|
|
cursor: pointer;
|
|
|
|
max-width: 480px;
|
|
|
|
i, span {
|
|
|
|
display: table-cell;
|
|
|
|
}
|
|
|
|
i {
|
|
|
|
font-size: 2em;
|
|
|
|
padding-right: $-l;
|
|
|
|
}
|
|
|
|
span {
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
&.pos {
|
|
|
|
background-color: $positive;
|
|
|
|
color: #EEE;
|
|
|
|
}
|
|
|
|
&.neg {
|
|
|
|
background-color: $negative;
|
|
|
|
color: #EEE;
|
|
|
|
}
|
2015-08-30 14:31:16 +00:00
|
|
|
}
|
|
|
|
|
2015-09-03 18:05:45 +00:00
|
|
|
// Loading icon
|
|
|
|
$loadingSize: 10px;
|
|
|
|
.loading-container {
|
|
|
|
position: relative;
|
|
|
|
display: block;
|
|
|
|
height: $loadingSize;
|
|
|
|
margin: $-xl auto;
|
|
|
|
> div {
|
|
|
|
width: $loadingSize;
|
|
|
|
height: $loadingSize;
|
|
|
|
border-radius: $loadingSize;
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: top;
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
animation-name: loadingBob;
|
|
|
|
animation-duration: 1.4s;
|
|
|
|
animation-iteration-count: infinite;
|
|
|
|
animation-timing-function: cubic-bezier(.62, .28, .23, .99);
|
|
|
|
margin-right: 4px;
|
|
|
|
background-color: $color-page;
|
|
|
|
animation-delay: 0.3s;
|
|
|
|
}
|
|
|
|
> div:first-child {
|
|
|
|
left: -($loadingSize+$-xs);
|
|
|
|
background-color: $color-book;
|
|
|
|
animation-delay: 0s;
|
|
|
|
}
|
|
|
|
> div:last-child {
|
|
|
|
left: $loadingSize+$-xs;
|
|
|
|
background-color: $color-chapter;
|
|
|
|
animation-delay: 0.6s;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2015-09-03 15:51:10 +00:00
|
|
|
// Search results
|
2015-09-01 14:35:11 +00:00
|
|
|
.search-results > h3 a {
|
|
|
|
font-size: 0.66em;
|
|
|
|
color: $primary;
|
|
|
|
padding-left: $-m;
|
|
|
|
i {
|
|
|
|
padding-right: $-s;
|
|
|
|
}
|
2016-02-08 20:42:41 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// Back to top link
|
|
|
|
$btt-size: 40px;
|
|
|
|
#back-to-top {
|
|
|
|
background-color: rgba($primary, 0.4);
|
|
|
|
position: fixed;
|
|
|
|
bottom: $-m;
|
2016-02-11 22:23:19 +00:00
|
|
|
right: $-l;
|
2016-02-08 20:42:41 +00:00
|
|
|
padding: $-xs $-s;
|
|
|
|
cursor: pointer;
|
|
|
|
color: #FFF;
|
|
|
|
width: $btt-size;
|
|
|
|
height: $btt-size;
|
|
|
|
border-radius: $btt-size;
|
|
|
|
transition: all ease-in-out 180ms;
|
|
|
|
opacity: 0;
|
|
|
|
z-index: 999;
|
2016-02-11 22:23:19 +00:00
|
|
|
overflow: hidden;
|
2016-02-08 20:42:41 +00:00
|
|
|
&:hover {
|
|
|
|
width: $btt-size*3.4;
|
|
|
|
background-color: rgba($primary, 1);
|
|
|
|
span {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.inner {
|
|
|
|
width: $btt-size*3.4;
|
|
|
|
}
|
|
|
|
i {
|
|
|
|
margin: 0;
|
|
|
|
font-size: 28px;
|
|
|
|
padding: 0 $-s 0 0;
|
|
|
|
}
|
|
|
|
span {
|
|
|
|
line-height: 12px;
|
|
|
|
position: relative;
|
|
|
|
top: -5px;
|
|
|
|
}
|
2015-08-05 19:59:39 +00:00
|
|
|
}
|