mirror of
https://github.com/documize/community.git
synced 2025-08-05 13:35:25 +02:00
moved emberjs to gui folder
This commit is contained in:
Harvey Kandola
parent
6a18d18f91
commit
dc49dbbeff
999 changed files with 677 additions and 651 deletions
15
gui/app/styles/view/common.scss
Normal file
15
gui/app/styles/view/common.scss
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
.explainer {
|
||||
text-align: center;
|
||||
|
||||
> .empty-state {
|
||||
margin: 30px 0;
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
> .normal-state {
|
||||
margin: 10px;
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
9
gui/app/styles/view/document/all.scss
Normal file
9
gui/app/styles/view/document/all.scss
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
@import "content-linker.scss";
|
||||
@import "history.scss";
|
||||
@import "inline-editor.scss";
|
||||
@import "section-editor.scss";
|
||||
@import "sidebar-view-activity.scss";
|
||||
@import "sidebar-view-attachments.scss";
|
||||
@import "sidebar-view-index.scss";
|
||||
@import "view.scss";
|
||||
@import "wysiwyg.scss";
|
||||
29
gui/app/styles/view/document/content-linker.scss
Normal file
29
gui/app/styles/view/document/content-linker.scss
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
.content-counter-dialog {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.content-linker-dialog {
|
||||
width: 350px;
|
||||
height: 350px;
|
||||
overflow-y: auto;
|
||||
|
||||
.link-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
.link-item {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 0.9rem;
|
||||
color: $color-gray;
|
||||
cursor: pointer;
|
||||
|
||||
.icon {
|
||||
margin-right: 5px;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
27
gui/app/styles/view/document/history.scss
Normal file
27
gui/app/styles/view/document/history.scss
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
.zone-document-history {
|
||||
margin-left: 60px;
|
||||
padding: 20px 60px;
|
||||
z-index: 777;
|
||||
position: relative;
|
||||
|
||||
.diff-zone {
|
||||
@extend .transition-all;
|
||||
@include border-radius(2px);
|
||||
@include ease-in();
|
||||
position: relative;
|
||||
padding: 25px 50px;
|
||||
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
|
||||
background-color: $color-white;
|
||||
|
||||
> .canvas {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.revision-picker {
|
||||
width: 300px;
|
||||
float: left;
|
||||
margin-top: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
41
gui/app/styles/view/document/inline-editor.scss
Normal file
41
gui/app/styles/view/document/inline-editor.scss
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
.document-editor {
|
||||
position: relative;
|
||||
|
||||
> .toolbar {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
|
||||
> .edit-title {
|
||||
width: 70%;
|
||||
|
||||
> input {
|
||||
font-weight: bold;
|
||||
font-size: 1.5rem;
|
||||
margin: 16px 0 10px 0;
|
||||
color: $color-wysiwyg;
|
||||
}
|
||||
}
|
||||
|
||||
> .buttons {
|
||||
margin-top: 17px;
|
||||
}
|
||||
}
|
||||
|
||||
> .canvas {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.cancel-edits-dialog {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.document-editor-full {
|
||||
@extend .transition-all;
|
||||
@include border-radius(2px);
|
||||
@include ease-in();
|
||||
position: relative;
|
||||
padding: 25px 50px;
|
||||
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
|
||||
background-color: $color-white;
|
||||
}
|
||||
29
gui/app/styles/view/document/section-editor.scss
Normal file
29
gui/app/styles/view/document/section-editor.scss
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
.zone-section-editor {
|
||||
margin-left: 60px;
|
||||
padding: 20px 60px;
|
||||
z-index: 777;
|
||||
position: relative;
|
||||
|
||||
.section-editor {
|
||||
@extend .transition-all;
|
||||
@include border-radius(2px);
|
||||
@include ease-in();
|
||||
position: relative;
|
||||
padding: 25px 50px;
|
||||
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
|
||||
background-color: $color-white;
|
||||
|
||||
> .buttons {
|
||||
margin-top: 17px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
> .canvas {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.cancel-edits-dialog {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
52
gui/app/styles/view/document/sidebar-view-activity.scss
Normal file
52
gui/app/styles/view/document/sidebar-view-activity.scss
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
.document-sidebar-view-activity {
|
||||
> .items {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
|
||||
> .item {
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
width: 100%;
|
||||
|
||||
> .avatar-box {
|
||||
display: inline-block;
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
|
||||
> .name {
|
||||
display: inline-block;
|
||||
font-size: 0.9rem;
|
||||
color: $color-gray;
|
||||
width: 200px;
|
||||
@extend .truncate;
|
||||
}
|
||||
|
||||
> .detail {
|
||||
display: block;
|
||||
font-size: 0.9rem;
|
||||
color: $color-off-black;
|
||||
margin-left: 50px;
|
||||
width: 200px;
|
||||
@extend .truncate;
|
||||
|
||||
.viewed {
|
||||
color: $color-goldy;
|
||||
}
|
||||
|
||||
.added {
|
||||
color: $color-green;
|
||||
}
|
||||
|
||||
.changed {
|
||||
color: $color-blue;
|
||||
}
|
||||
|
||||
.deleted {
|
||||
color: $color-red;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
85
gui/app/styles/view/document/sidebar-view-attachments.scss
Normal file
85
gui/app/styles/view/document/sidebar-view-attachments.scss
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.document-sidebar-view-attachments {
|
||||
margin: 0;
|
||||
|
||||
> .upload-document-files {
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
margin-bottom: 20px;
|
||||
text-align: center;
|
||||
color: $color-gray;
|
||||
border: 1px solid $color-stroke;
|
||||
cursor: pointer;
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.7rem;
|
||||
@include ease-in();
|
||||
|
||||
&:hover {
|
||||
border-color: $color-link;
|
||||
color: $color-link;
|
||||
}
|
||||
|
||||
> .dz-preview,
|
||||
.dz-processing {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
> .list {
|
||||
margin: 0 0 50px;
|
||||
padding: 7px 0;
|
||||
|
||||
> .item {
|
||||
color: $color-off-black;
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
font-size: 0.9rem;
|
||||
list-style-type: none;
|
||||
|
||||
&:last-of-type {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
> .icon {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
> a {
|
||||
@extend .truncate;
|
||||
width: 200px;
|
||||
color: $color-gray;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
|
||||
> .file {
|
||||
@extend .truncate;
|
||||
display: inline-block;
|
||||
font-size: 0.9rem;
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
> .action {
|
||||
float: right;
|
||||
margin-top: -2px;
|
||||
margin-right: 5px;
|
||||
@extend .cursor-pointer;
|
||||
@extend .transition-all;
|
||||
display: none;
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.action {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.delete-attachment-dialog,
|
||||
.delete-page-dialog {
|
||||
display: none;
|
||||
}
|
||||
57
gui/app/styles/view/document/sidebar-view-index.scss
Normal file
57
gui/app/styles/view/document/sidebar-view-index.scss
Normal file
|
|
@ -0,0 +1,57 @@
|
|||
.document-sidebar-view-index {
|
||||
margin: 0;
|
||||
|
||||
>.structure {
|
||||
> .toc-controls {
|
||||
margin: 0;
|
||||
color: $color-gray;
|
||||
|
||||
> .round-button-mono {
|
||||
> .material-icons {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
|
||||
> .disabled {
|
||||
@extend .cursor-not-allowed;
|
||||
color: $color-stroke;
|
||||
border-color: $color-stroke;
|
||||
|
||||
> .material-icons {
|
||||
color: $color-stroke;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .index-list {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
font-size: 13px;
|
||||
overflow-x: hidden;
|
||||
list-style-type: none;
|
||||
margin: 20px 0 0;
|
||||
|
||||
.item {
|
||||
padding: 4px 0;
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: break-word;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
@extend .no-select;
|
||||
|
||||
> .link {
|
||||
color: $color-off-black;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
|
||||
> .selected {
|
||||
color: $color-link;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
356
gui/app/styles/view/document/view.scss
Normal file
356
gui/app/styles/view/document/view.scss
Normal file
|
|
@ -0,0 +1,356 @@
|
|||
.zone-document-content {
|
||||
> .back-to-space {
|
||||
margin: 10px 0;
|
||||
|
||||
> a {
|
||||
> .regular-button {
|
||||
> .name {
|
||||
// max-width: 150px;
|
||||
// @extend .truncate;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.doc-title {
|
||||
font-size: 2rem;
|
||||
margin: 30px 0 10px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.doc-excerpt {
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
margin: 0 0 45px;
|
||||
}
|
||||
|
||||
.edit-document-heading {
|
||||
margin: 30px 0 0 0;
|
||||
|
||||
.edit-doc-title {
|
||||
> input {
|
||||
font-size: 2rem;
|
||||
font-weight: normal;
|
||||
margin: 0 0 10px;
|
||||
color: $color-wysiwyg;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-doc-excerpt {
|
||||
font-size: 1rem;
|
||||
margin: 0 0 10px;
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.document-view {
|
||||
margin: 0 0 50px 0;
|
||||
|
||||
.is-a-page {
|
||||
@include content-container();
|
||||
@include ease-in();
|
||||
@extend .transition-all;
|
||||
overflow-x: auto;
|
||||
|
||||
&:hover {
|
||||
.page-title {
|
||||
> .page-toolbar {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-title {
|
||||
> .page-toolbar {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.is-a-tab {
|
||||
@include content-container();
|
||||
@include ease-in();
|
||||
|
||||
.icon {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
vertical-align: bottom;
|
||||
margin-right: 5px;
|
||||
|
||||
> .img {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
> .title {
|
||||
font-size: 1.3rem;
|
||||
font-weight: normal;
|
||||
color: $color-off-black;
|
||||
letter-spacing: 0.5px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.page-title {
|
||||
> .page-toolbar {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-title {
|
||||
> .page-toolbar {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-min {
|
||||
padding: 0px 50px;
|
||||
height: 65px;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
|
||||
.page-title {
|
||||
> .page-toolbar {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-max {
|
||||
padding: 25px 50px;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
cursor: normal;
|
||||
}
|
||||
|
||||
.section-divider {
|
||||
height: 60px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.start-section {
|
||||
@extend .no-select;
|
||||
height: 60px;
|
||||
background-color: transparent;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
|
||||
> .start-button {
|
||||
display: none;
|
||||
text-align: center;
|
||||
padding-top: 20px;
|
||||
color: $color-green;
|
||||
font-size: 1rem;
|
||||
position: relative;
|
||||
|
||||
> .round-button {
|
||||
opacity: 0.6 !important;
|
||||
}
|
||||
|
||||
> .label {
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
> .line {
|
||||
display: inline-block;
|
||||
height: 1px;
|
||||
border: 1px solid $color-green;
|
||||
width: 100px;
|
||||
margin: 0 20px 0 20px;
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-of-type {
|
||||
height: 30px;
|
||||
|
||||
> .start-button {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.start-section-empty-state {
|
||||
> .start-button {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.new-section-wizard {
|
||||
@include border-radius(2px);
|
||||
margin: 0 0 30px 0;
|
||||
padding: 30px;
|
||||
border: 1px solid $color-stroke;
|
||||
background-color: $color-off-white;
|
||||
display: none;
|
||||
|
||||
.section-name {
|
||||
font-weight: bold;
|
||||
font-size: 1.5rem;
|
||||
margin: 0 0 30px 0;
|
||||
color: $color-black;
|
||||
}
|
||||
|
||||
.template-caption {
|
||||
color: $color-gray;
|
||||
margin: 10px 0 10px 0;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
> .list-wrapper {
|
||||
height: 440px;
|
||||
overflow-y: auto;
|
||||
|
||||
> .preset-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> .item {
|
||||
@include ease-in();
|
||||
@include border-radius(4px);
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
border: 1px solid $color-stroke;
|
||||
background-color: $color-white;
|
||||
margin: 0 20px 20px 0;
|
||||
padding: 15px 0 0 20px;
|
||||
width: 200px;
|
||||
height: 60px;
|
||||
|
||||
&:hover {
|
||||
@include ease-in();
|
||||
border-color: $color-link;
|
||||
}
|
||||
|
||||
.icon {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
margin-right: 10px;
|
||||
float: left;
|
||||
|
||||
> .img {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
> .title {
|
||||
font-size: 1rem;
|
||||
font-weight: normal;
|
||||
color: $color-off-black;
|
||||
letter-spacing: 0.5px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .block-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> .item {
|
||||
@include ease-in();
|
||||
@include border-radius(4px);
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
border: 1px solid $color-stroke;
|
||||
background-color: $color-white;
|
||||
margin: 0 20px 20px 0;
|
||||
padding: 12px 0 0 20px;
|
||||
width: 423px;
|
||||
height: 60px;
|
||||
position: relative;
|
||||
|
||||
&:hover {
|
||||
@include ease-in();
|
||||
border-color: $color-link;
|
||||
|
||||
> .block-actions {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
> .block-actions {
|
||||
@include ease-in();
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 8px;
|
||||
|
||||
.material-icons {
|
||||
color: $color-stroke;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
> .details {
|
||||
width: 350px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
> .title {
|
||||
font-size: 1rem;
|
||||
font-weight: normal;
|
||||
color: $color-off-black;
|
||||
letter-spacing: 0.5px;
|
||||
margin-top: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
> .desc {
|
||||
color: $color-gray;
|
||||
font-size: 0.8rem;
|
||||
margin-top: 5px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.document-view-unified {
|
||||
margin: 0 0 50px 0;
|
||||
@include content-container();
|
||||
@include ease-in();
|
||||
@extend .transition-all;
|
||||
|
||||
.is-a-page, .is-a-tab {
|
||||
padding: 0 !important;
|
||||
box-shadow: none !important;
|
||||
background-color: transparent !important;
|
||||
@include border-radius(0px);
|
||||
}
|
||||
|
||||
.tab-min, .tab-max {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.start-section {
|
||||
height: 50px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-page-toolbar {
|
||||
width: 300px;
|
||||
}
|
||||
138
gui/app/styles/view/document/wysiwyg.scss
Normal file
138
gui/app/styles/view/document/wysiwyg.scss
Normal file
|
|
@ -0,0 +1,138 @@
|
|||
.wysiwyg {
|
||||
font-size: 17px;
|
||||
line-height: 30px;
|
||||
color: $color-wysiwyg;
|
||||
|
||||
table {
|
||||
@include border(1px);
|
||||
|
||||
td {
|
||||
padding: 5px 7px !important;
|
||||
@include border(1px);
|
||||
|
||||
p {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
margin: 15px 0;
|
||||
padding: 0 0 0 40px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
ol {
|
||||
li {
|
||||
list-style-type: decimal;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
li {
|
||||
list-style-type: disc;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.7rem;
|
||||
font-weight: bold;
|
||||
margin: 16px 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
margin: 16px 0;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.3rem;
|
||||
font-weight: bold;
|
||||
margin: 16px 0;
|
||||
}
|
||||
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
h7,
|
||||
h8,
|
||||
h9 {
|
||||
font-size: 1.1rem;
|
||||
font-weight: bold;
|
||||
margin: 16px 0;
|
||||
}
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
h7,
|
||||
h8,
|
||||
h9 {
|
||||
.page-title {
|
||||
color: $color-off-black;
|
||||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
background-color: $color-off-white;
|
||||
padding: 10px;
|
||||
border: 1px solid $color-border;
|
||||
@include border-radius(3px);
|
||||
}
|
||||
|
||||
.code-mirror {
|
||||
background-color: none;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
@include border-radius(0px);
|
||||
}
|
||||
|
||||
.wysiwyg-table {
|
||||
border: none;
|
||||
border-collapse: collapse;
|
||||
empty-cells: show;
|
||||
max-width: 100% !important;
|
||||
margin: 0 !important;
|
||||
|
||||
.fr-dashed-borders td,
|
||||
.fr-dashed-borders th {
|
||||
border-style: dashed;
|
||||
}
|
||||
|
||||
.fr-alternate-rows tbody tr:nth-child(2n) {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
border: 1px solid #f3f5f8;
|
||||
padding: 5px 7px !important;
|
||||
}
|
||||
|
||||
td:empty,
|
||||
th:empty {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
td.fr-highlighted,
|
||||
th.fr-highlighted {
|
||||
border: 1px double red;
|
||||
}
|
||||
|
||||
td.fr-thick,
|
||||
th.fr-thick {
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
th {
|
||||
background: #f7f6f6;
|
||||
}
|
||||
}
|
||||
}
|
||||
4
gui/app/styles/view/folder/all.scss
Normal file
4
gui/app/styles/view/folder/all.scss
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
@import "document.scss";
|
||||
@import "folder.scss";
|
||||
@import "wizard.scss";
|
||||
@import "sidebar.scss";
|
||||
127
gui/app/styles/view/folder/document.scss
Normal file
127
gui/app/styles/view/folder/document.scss
Normal file
|
|
@ -0,0 +1,127 @@
|
|||
.folder-heading {
|
||||
margin: 0 0 55px 0;
|
||||
|
||||
.folder-title {
|
||||
font-size: 2rem;
|
||||
margin: 0 0 10px 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-folder-heading {
|
||||
margin: 0 0 10px 0;
|
||||
|
||||
.edit-folder-title {
|
||||
> input {
|
||||
font-size: 2rem;
|
||||
font-weight: normal;
|
||||
margin: 0 0 10px;
|
||||
color: $color-wysiwyg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.documents-list {
|
||||
.document-item {
|
||||
@include content-container();
|
||||
margin: 0;
|
||||
position: relative;
|
||||
transition: 0.3s;
|
||||
|
||||
&:hover {
|
||||
> .link {
|
||||
> .title {
|
||||
color: $color-link;
|
||||
}
|
||||
|
||||
> .snippet {
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
|
||||
> .checkbox {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
> .checkbox {
|
||||
position: absolute;
|
||||
display: none;
|
||||
top: 10px;
|
||||
right: 20px;
|
||||
cursor: pointer;
|
||||
|
||||
> .material-icons {
|
||||
width: 10px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: $color-checkbox;
|
||||
}
|
||||
}
|
||||
|
||||
.link {
|
||||
text-decoration: none;
|
||||
color: $color-off-black;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: $color-off-black;
|
||||
}
|
||||
|
||||
> .title {
|
||||
font-size: 18px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
> .snippet {
|
||||
color: $color-gray;
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wizard-item {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.no-wizard-item {
|
||||
margin: 50px 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.selected-card {
|
||||
background-color: $color-card-active !important;
|
||||
|
||||
> .checkbox {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.move-document-options,
|
||||
.start-document-options {
|
||||
height: 200px;
|
||||
overflow-y: auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> .option {
|
||||
vertical-align: bottom;
|
||||
cursor: pointer;
|
||||
font-size: 0.9rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
|
||||
> .material-icons {
|
||||
font-size: 0.9rem;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
|
||||
> .selected {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
45
gui/app/styles/view/folder/folder.scss
Normal file
45
gui/app/styles/view/folder/folder.scss
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
.folders-list {
|
||||
> .section {
|
||||
margin: 30px 0 10px;
|
||||
|
||||
> .heading {
|
||||
font-size: 0.9rem;
|
||||
font-weight: bold;
|
||||
color: $color-gray;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
> .message {
|
||||
font-size: 0.8rem;
|
||||
color: $color-gray;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
> .list {
|
||||
padding: 0;
|
||||
margin: 5px 0 0 15px;
|
||||
|
||||
> .link {
|
||||
font-size: 1rem;
|
||||
color: $color-off-black;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
|
||||
> .item {
|
||||
list-style-type: none;
|
||||
list-style: none;
|
||||
margin: 0 0 5px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
> .selected {
|
||||
color: $color-link;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
40
gui/app/styles/view/folder/sidebar.scss
Normal file
40
gui/app/styles/view/folder/sidebar.scss
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
.sidebar-folder-share {
|
||||
> .input-control {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-permissions {
|
||||
> .input-control {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
> .permissions-table {
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0 0 30px 0;
|
||||
width: 100%;
|
||||
|
||||
> thead {
|
||||
> tr {
|
||||
> th {
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> tbody {
|
||||
> tr {
|
||||
> td {
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
> td:nth-child(2), td:nth-child(3) {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
162
gui/app/styles/view/folder/wizard.scss
Normal file
162
gui/app/styles/view/folder/wizard.scss
Normal file
|
|
@ -0,0 +1,162 @@
|
|||
.start-document {
|
||||
@extend .no-select;
|
||||
height: 60px;
|
||||
background-color: transparent;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
|
||||
> .start-button {
|
||||
display: none;
|
||||
text-align: center;
|
||||
padding-top: 20px;
|
||||
color: $color-green;
|
||||
font-size: 1rem;
|
||||
position: relative;
|
||||
|
||||
> .round-button {
|
||||
opacity: 0.6 !important;
|
||||
}
|
||||
|
||||
> .label {
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
> .line {
|
||||
display: inline-block;
|
||||
height: 1px;
|
||||
border: 1px solid $color-green;
|
||||
width: 100px;
|
||||
margin: 0 20px 0 20px;
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-of-type {
|
||||
height: 30px;
|
||||
|
||||
> .start-button {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.start-document-empty-state {
|
||||
> .start-button {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.new-document-wizard {
|
||||
@include border-radius(2px);
|
||||
margin: 0 0 30px 0;
|
||||
padding: 30px;
|
||||
border: 1px solid $color-stroke;
|
||||
background-color: $color-off-white;
|
||||
display: none;
|
||||
|
||||
.document-name {
|
||||
font-weight: bold;
|
||||
font-size: 1.5rem;
|
||||
margin: 0 0 30px 0;
|
||||
color: $color-black;
|
||||
}
|
||||
|
||||
.import-document-button {
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
margin: 0 0 30px 0;
|
||||
text-align: center;
|
||||
color: $color-gray;
|
||||
border: 1px solid $color-stroke;
|
||||
cursor: pointer;
|
||||
font-size: 1rem;
|
||||
line-height: 1.7rem;
|
||||
@include ease-in();
|
||||
|
||||
&:hover {
|
||||
border-color: $color-link;
|
||||
color: $color-link;
|
||||
}
|
||||
|
||||
> .dz-preview,
|
||||
.dz-processing {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
> .list-wrapper {
|
||||
// height: 440px;
|
||||
// overflow-y: auto;
|
||||
|
||||
> .template-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> .item {
|
||||
@include ease-in();
|
||||
@include border-radius(4px);
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
border: 1px solid $color-stroke;
|
||||
background-color: $color-white;
|
||||
margin: 0 20px 20px 0;
|
||||
padding: 12px 0 0 20px;
|
||||
width: 423px;
|
||||
height: 60px;
|
||||
position: relative;
|
||||
|
||||
&:hover {
|
||||
@include ease-in();
|
||||
border-color: $color-link;
|
||||
|
||||
> .template-actions {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
> .template-actions {
|
||||
@include ease-in();
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 8px;
|
||||
|
||||
.material-icons {
|
||||
color: $color-stroke;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
> .details {
|
||||
width: 350px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
> .title {
|
||||
font-size: 1rem;
|
||||
font-weight: normal;
|
||||
color: $color-off-black;
|
||||
letter-spacing: 0.5px;
|
||||
margin-top: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
> .desc {
|
||||
color: $color-gray;
|
||||
font-size: 0.8rem;
|
||||
margin-top: 5px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
159
gui/app/styles/view/layout-left-sidebar.scss
Normal file
159
gui/app/styles/view/layout-left-sidebar.scss
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
$sidebar-width: 400px;
|
||||
|
||||
#wrapper {
|
||||
padding-left: 0;
|
||||
margin-right: 60px;
|
||||
-webkit-transition: all 0.5s ease;
|
||||
-moz-transition: all 0.5s ease;
|
||||
-o-transition: all 0.5s ease;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
|
||||
#sidebar-wrapper {
|
||||
z-index: 888;
|
||||
position: fixed;
|
||||
overflow-x: hidden;
|
||||
left: $sidebar-width;
|
||||
top: 0;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
margin-left: -$sidebar-width;
|
||||
border-right: 1px solid $color-stroke;
|
||||
overflow-y: auto;
|
||||
-webkit-transition: all 0.5s ease;
|
||||
-moz-transition: all 0.5s ease;
|
||||
-o-transition: all 0.5s ease;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
|
||||
.page-container {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
#page-content-wrapper {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
// position: absolute;
|
||||
padding: 30px;
|
||||
margin: 0 auto;
|
||||
margin-top: 30px;
|
||||
|
||||
.page-content-title {
|
||||
font-size: 2rem;
|
||||
margin: 30px 0 10px;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width:768px) {
|
||||
#wrapper {
|
||||
padding-left: $sidebar-width;
|
||||
}
|
||||
|
||||
#sidebar-wrapper {
|
||||
width: $sidebar-width;
|
||||
}
|
||||
|
||||
// #page-content-wrapper {
|
||||
// padding: 30px;
|
||||
// position: relative;
|
||||
// }
|
||||
}
|
||||
|
||||
.sidebar-toolbar {
|
||||
display: inline-block;
|
||||
width: 60px;
|
||||
background-color: $color-primary;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
padding: 40px 0 0 0;
|
||||
|
||||
> .selected {
|
||||
background-color: $color-link !important;
|
||||
border: 1px solid $color-link !important;
|
||||
|
||||
> .material-icons {
|
||||
color: $color-white !important;
|
||||
}
|
||||
}
|
||||
|
||||
> .round-button-mono {
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid $color-off-white;
|
||||
|
||||
> .material-icons {
|
||||
@include ease-in();
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> .material-icons {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-common {
|
||||
display: inline-block;
|
||||
width: 340px;
|
||||
padding: 40px 20px 0px 20px;
|
||||
margin-left: 60px;
|
||||
|
||||
> .pinner {
|
||||
cursor: pointer;
|
||||
|
||||
> .material-icons {
|
||||
color: $color-primary;
|
||||
}
|
||||
}
|
||||
|
||||
> .template-header {
|
||||
color: $color-goldy;
|
||||
font-size: 1.5em;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.zone-sidebar-page-title {
|
||||
color: $color-primary;
|
||||
font-size: 1.3rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.zone-sidebar-page-info {
|
||||
color: $color-gray;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-wrapper {
|
||||
padding: 40px 20px 40px 20px;
|
||||
margin-left: 60px;
|
||||
|
||||
.sidebar-panel {
|
||||
width: 300px;
|
||||
|
||||
> .title {
|
||||
color: $color-primary;
|
||||
font-size: 1.1rem;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.folder-sidebar-form-wrapper, .document-sidebar-form-wrapper {
|
||||
padding: 20px;
|
||||
border: 1px solid $color-stroke;
|
||||
@include border-radius(3px);
|
||||
background-color: $color-white;
|
||||
}
|
||||
}
|
||||
}
|
||||
121
gui/app/styles/view/layout-right-nav.scss
Normal file
121
gui/app/styles/view/layout-right-nav.scss
Normal file
|
|
@ -0,0 +1,121 @@
|
|||
.zone-navigation {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 60px;
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
z-index: 999;
|
||||
overflow-x: hidden;
|
||||
background: $color-toolbar;
|
||||
|
||||
> .bottom-zone,
|
||||
> .top-zone {
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
|
||||
> li {
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.round-button-mono {
|
||||
> .material-icons {
|
||||
color: $color-gray;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> .material-icons {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.profile-link {
|
||||
color: $color-primary;
|
||||
text-align: center;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-family: $font-regular;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.selected {
|
||||
.round-button-mono {
|
||||
background-color: $color-link !important;
|
||||
border: 1px solid $color-link !important;
|
||||
|
||||
> .material-icons {
|
||||
color: $color-white !important;
|
||||
}
|
||||
|
||||
> a {
|
||||
> .material-icons {
|
||||
color: $color-white !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .top-zone {
|
||||
top: 0;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
> .bottom-zone {
|
||||
bottom: 0;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.pinned-zone {
|
||||
position: relative;
|
||||
top: 200px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 80px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
|
||||
> .pin {
|
||||
cursor: pointer;
|
||||
margin: 20px 0 20px 9px;
|
||||
padding: 14px 3px;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
@include ease-in();
|
||||
@include border-radius(3px);
|
||||
font-family: $font-semibold;
|
||||
font-size: 12px;
|
||||
letter-spacing: -1px;
|
||||
background-color: $color-gray;
|
||||
color: $color-white;
|
||||
|
||||
> .key {
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $color-link;
|
||||
color: $color-white;
|
||||
}
|
||||
}
|
||||
|
||||
> .sortable-ghost {
|
||||
background-color: $color-gray;
|
||||
color: $color-off-white;
|
||||
}
|
||||
}
|
||||
}
|
||||
28
gui/app/styles/view/page-auth.scss
Normal file
28
gui/app/styles/view/page-auth.scss
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
.auth-box {
|
||||
height: 500px;
|
||||
width: 500px;
|
||||
background-color: $color-white;
|
||||
border: 1px solid $color-border;
|
||||
display: inline-block;
|
||||
border-radius : 3px;
|
||||
color: $color-off-black;
|
||||
padding: 20px 50px;
|
||||
@extend .absolute-center;
|
||||
|
||||
.logo {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
|
||||
> img {
|
||||
height: 60px;
|
||||
margin: 40px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sso-box {
|
||||
text-align: center;
|
||||
margin-top: 150px;
|
||||
font-size: 24px;
|
||||
color: $color-gray;
|
||||
}
|
||||
92
gui/app/styles/view/page-customize.scss
Normal file
92
gui/app/styles/view/page-customize.scss
Normal file
|
|
@ -0,0 +1,92 @@
|
|||
.page-customize {
|
||||
@include content-container();
|
||||
|
||||
.user-admin {
|
||||
margin: 30px 0;
|
||||
|
||||
> .heading {
|
||||
font-size: 1.2rem;
|
||||
color: $color-off-black;
|
||||
font-weight: bold;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
> .basic-table {
|
||||
background-color: $color-white;
|
||||
border: none !important;
|
||||
font-size: 1rem;
|
||||
color: $color-off-black;
|
||||
|
||||
> thead {
|
||||
> tr {
|
||||
> th {
|
||||
height: 40px;
|
||||
font-weight: bold;
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
> th:first-child {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
> th:last-child {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> tbody {
|
||||
> tr {
|
||||
> td {
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
|
||||
> .selector {
|
||||
> i {
|
||||
color: $color-off-black;
|
||||
}
|
||||
}
|
||||
|
||||
> .name {
|
||||
font-size: 1rem;
|
||||
color: $color-off-black;
|
||||
margin: 0 0 0 30px;
|
||||
}
|
||||
|
||||
> .email {
|
||||
font-size: 0.9rem;
|
||||
color: $color-gray;
|
||||
margin: 0 0 0 30px;
|
||||
}
|
||||
}
|
||||
|
||||
> td:first-child, td:last-child {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.inactive-user
|
||||
{
|
||||
@extend .color-red;
|
||||
font-weight: normal;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.admin-user
|
||||
{
|
||||
@extend .color-primary;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
color: $color-checkbox;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-user-dialog, .delete-user-dialog {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
49
gui/app/styles/view/page-exceptions.scss
Normal file
49
gui/app/styles/view/page-exceptions.scss
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
.documize-base-exception
|
||||
{
|
||||
background-color: $color-off-white;
|
||||
@include border(1px);
|
||||
margin: 20px;
|
||||
padding: 20px;
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
color: $color-off-black;
|
||||
|
||||
display: none !important;
|
||||
|
||||
.label
|
||||
{
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
padding-right: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.documize-first-page
|
||||
{
|
||||
@extend .documize-base-exception;
|
||||
}
|
||||
|
||||
.documize-exotic-image
|
||||
{
|
||||
@extend .documize-base-exception;
|
||||
}
|
||||
|
||||
.documize-footnote
|
||||
{
|
||||
@extend .documize-base-exception;
|
||||
}
|
||||
|
||||
.documize-graphictext
|
||||
{
|
||||
@extend .documize-base-exception;
|
||||
}
|
||||
|
||||
.documize-math
|
||||
{
|
||||
@extend .documize-base-exception;
|
||||
}
|
||||
|
||||
.documize-attachment
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
321
gui/app/styles/view/page-onboard.scss
Normal file
321
gui/app/styles/view/page-onboard.scss
Normal file
|
|
@ -0,0 +1,321 @@
|
|||
.onboarding-container {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
color: $color-off-black;
|
||||
letter-spacing: 1px;
|
||||
|
||||
.stage-1
|
||||
{
|
||||
display: block;
|
||||
|
||||
.account-name-preview
|
||||
{
|
||||
color: #fff;
|
||||
background: #b9b9b9 !important;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
margin: 100px 0 0 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.stage-2
|
||||
{
|
||||
display: none;
|
||||
|
||||
.account-name-preview
|
||||
{
|
||||
color: #fff;
|
||||
background: rgba(27,117,187,1);
|
||||
background: -moz-linear-gradient(left, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,117,187,1)), color-stop(100%, rgba(73,155,234,1)));
|
||||
background: -webkit-linear-gradient(left, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
background: -o-linear-gradient(left, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
background: -ms-linear-gradient(left, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
background: linear-gradient(to right, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1b75bb", endColorstr="#499bea", GradientType=1 );
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
margin: 100px 0 0 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.note
|
||||
{
|
||||
font-size: 0.9rem;;
|
||||
font-style: italic;
|
||||
color: $color-stroke;
|
||||
}
|
||||
|
||||
.mismatch
|
||||
{
|
||||
display: none;
|
||||
color: $color-red;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.stage-3
|
||||
{
|
||||
@extend .stage-2;
|
||||
|
||||
img
|
||||
{
|
||||
margin: 100px 0 0 200px;
|
||||
}
|
||||
|
||||
#spinner-1
|
||||
{
|
||||
margin: 140px 0 0 170px;
|
||||
}
|
||||
}
|
||||
|
||||
.stage-4
|
||||
{
|
||||
@extend .stage-3;
|
||||
|
||||
a
|
||||
{
|
||||
display: block;
|
||||
font-size: 20px;
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover
|
||||
{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.stage-5
|
||||
{
|
||||
@extend .stage-3;
|
||||
|
||||
#spinner-1
|
||||
{
|
||||
margin: 140px 0 0 170px;
|
||||
}
|
||||
}
|
||||
|
||||
.account-name-preview
|
||||
{
|
||||
color: #fff;
|
||||
height: 55px;
|
||||
width: 100%;
|
||||
font-family: Arial;
|
||||
opacity: 0.8;
|
||||
text-align: left;
|
||||
background: rgba(27,117,187,1);
|
||||
background: -moz-linear-gradient(left, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,117,187,1)), color-stop(100%, rgba(73,155,234,1)));
|
||||
background: -webkit-linear-gradient(left, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
background: -o-linear-gradient(left, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
background: -ms-linear-gradient(left, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
background: linear-gradient(to right, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1b75bb", endColorstr="#499bea", GradientType=1 );
|
||||
|
||||
.title
|
||||
{
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 400;
|
||||
margin: 18px 0 0 20px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.nav-icon
|
||||
{
|
||||
display: inline-block;
|
||||
background-image: url(img/onboard/nav-icons.png);
|
||||
background-repeat: no-repeat;
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
vertical-align: top;
|
||||
z-index: 1;
|
||||
background-position: 0 -75px;
|
||||
margin: 15px 0 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar
|
||||
{
|
||||
margin-left: -15px;
|
||||
padding: 100px 50px 50px 50px;
|
||||
overflow: auto;
|
||||
|
||||
.logo
|
||||
{
|
||||
height: 62px;
|
||||
margin-bottom: 15px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
h2
|
||||
{
|
||||
font-size: 2rem;;
|
||||
color: $color-primary;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
font-size: 1.3rem;
|
||||
color: $color-primary;
|
||||
}
|
||||
|
||||
p.note
|
||||
{
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
|
||||
.rightbar
|
||||
{
|
||||
@extend .absolute-center;
|
||||
height: 400px;
|
||||
width: 500px;
|
||||
margin-top: 200px;
|
||||
background-color: #f6f9fc;
|
||||
position: relative;
|
||||
border-radius: 10px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 6px 20px 0 rgba(30,71,101,.1);
|
||||
}
|
||||
|
||||
input[type='email'], input[type='text'], input[type='password'] {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
// input[type='submit']
|
||||
// {
|
||||
// padding: 10px 15px;
|
||||
// background: #12A936;
|
||||
// border: 0;
|
||||
// color: $color-off-white;
|
||||
// border-radius: 3px;
|
||||
// font-weight: 500;
|
||||
// font-size: 16px;
|
||||
// -webkit-appearance: none;
|
||||
// vertical-align: bottom;
|
||||
// height: auto;
|
||||
// width: auto;
|
||||
// display: inline-block;
|
||||
// margin: 20px 0 0 0;
|
||||
// letter-spacing: 0.7px;
|
||||
// @include ease-in();
|
||||
// float: right;
|
||||
// @extend .no-outline;
|
||||
// @extend .no-select;
|
||||
//
|
||||
// &:hover
|
||||
// {
|
||||
// background: lighten(#12A936, 4%);
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// input[type='email'], input[type='text'], input[type='password']
|
||||
// {
|
||||
// padding: 5px 15px;
|
||||
// background: white;
|
||||
// border: 1px solid #e2e2e2;
|
||||
// @include border-radius(3px);
|
||||
// color: $color-off-black;
|
||||
// font-weight: bold;
|
||||
// font-size: 16px;
|
||||
// -webkit-appearance: none;
|
||||
// vertical-align: bottom;
|
||||
// width: 90%;
|
||||
// display: block;
|
||||
// margin: 20px 0 10px 0;
|
||||
// letter-spacing: 1px;
|
||||
// }
|
||||
|
||||
/*********************************************/
|
||||
/* Spinner */
|
||||
/*********************************************/
|
||||
#spinner-1, #spinner-2
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sk-spinner-wave.sk-spinner
|
||||
{
|
||||
margin: 0 auto;
|
||||
width: 170px;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
font-size: 10px;
|
||||
display: inline-block;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.sk-spinner-wave div
|
||||
{
|
||||
background-color: #12A936;
|
||||
height: 100%;
|
||||
width: 6px;
|
||||
display: inline-block;
|
||||
-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
|
||||
animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.sk-spinner-wave .sk-rect2
|
||||
{
|
||||
-webkit-animation-delay: -1.1s;
|
||||
animation-delay: -1.1s;
|
||||
}
|
||||
|
||||
.sk-spinner-wave .sk-rect3
|
||||
{
|
||||
-webkit-animation-delay: -1s;
|
||||
animation-delay: -1s;
|
||||
}
|
||||
|
||||
.sk-spinner-wave .sk-rect4
|
||||
{
|
||||
-webkit-animation-delay: -0.9s;
|
||||
animation-delay: -0.9s;
|
||||
}
|
||||
|
||||
.sk-spinner-wave .sk-rect5
|
||||
{
|
||||
-webkit-animation-delay: -0.8s;
|
||||
animation-delay: -0.8s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes sk-waveStretchDelay
|
||||
{
|
||||
0%, 40%, 100%
|
||||
{
|
||||
-webkit-transform: scaleY(0.4);
|
||||
transform: scaleY(0.4);
|
||||
}
|
||||
|
||||
20%
|
||||
{
|
||||
-webkit-transform: scaleY(1);
|
||||
transform: scaleY(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes sk-waveStretchDelay
|
||||
{
|
||||
0%, 40%, 100%
|
||||
{
|
||||
-webkit-transform: scaleY(0.4);
|
||||
transform: scaleY(0.4);
|
||||
}
|
||||
|
||||
20%
|
||||
{
|
||||
-webkit-transform: scaleY(1);
|
||||
transform: scaleY(1);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
3
gui/app/styles/view/page-profile.scss
Normal file
3
gui/app/styles/view/page-profile.scss
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
.page-profile {
|
||||
@include content-container();
|
||||
}
|
||||
55
gui/app/styles/view/page-search.scss
Normal file
55
gui/app/styles/view/page-search.scss
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
.page-search {
|
||||
.input-control {
|
||||
> input {
|
||||
background-color: $color-sidebar;
|
||||
}
|
||||
}
|
||||
|
||||
.search-results {
|
||||
> .heading {
|
||||
font-size: 2rem;
|
||||
margin-bottom: 10px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
> .list {
|
||||
margin-top: 20px;
|
||||
list-style: none;
|
||||
|
||||
> .item {
|
||||
@include content-container();
|
||||
cursor: pointer;
|
||||
margin-bottom: 30px;
|
||||
|
||||
> .link {
|
||||
text-decoration: none;
|
||||
color: $color-off-black;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
|
||||
> .title {
|
||||
display: inline-block;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
> .folder {
|
||||
font-size: 0.8rem;
|
||||
color: $color-gray;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
> .excerpt {
|
||||
margin-top: 1rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
> .chips {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue