mirror of
https://github.com/documize/community.git
synced 2025-08-02 20:15:26 +02:00
[WIP] theme selector
This commit is contained in:
Harvey Kandola
parent
a7e52809dc
commit
11e164496b
74 changed files with 363 additions and 38 deletions
198
gui/app/styles/core/base.scss
Normal file
198
gui/app/styles/core/base.scss
Normal file
|
|
@ -0,0 +1,198 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
|
||||
html {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-ms-overflow-style: -ms-autohiding-scrollbar;
|
||||
text-rendering: optimizeLegibility;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-y: scroll;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
// height: 100vh;
|
||||
}
|
||||
|
||||
a {
|
||||
@include ease-in();
|
||||
color: $color-link;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
// text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
|
||||
|
||||
a:focus,
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
a.admin-link {
|
||||
// color: $color-gray;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
|
||||
a:focus,
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
a.broken-link {
|
||||
color: $color-red;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.no-outline {
|
||||
outline: none !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
|
||||
&:active,
|
||||
&:focus {
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.no-select {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
list-style-type: none;
|
||||
}
|
||||
}
|
||||
|
||||
.cursor-pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.cursor-auto {
|
||||
cursor: auto !important;
|
||||
}
|
||||
|
||||
.no-width {
|
||||
white-space: nowrap;
|
||||
width: 1%;
|
||||
}
|
||||
|
||||
.absolute-center {
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
input:-webkit-autofill {
|
||||
-webkit-box-shadow: 0 0 0 1000px white inset;
|
||||
box-shadow: 0 0 0 1000px white inset;
|
||||
}
|
||||
|
||||
.bordered {
|
||||
border: 1px solid $color-border;
|
||||
}
|
||||
|
||||
.text-truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 7px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: $color-off-white;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: $color-gray-light;
|
||||
|
||||
&:hover {
|
||||
background: $color-gray;
|
||||
}
|
||||
}
|
||||
|
||||
$i: 150;
|
||||
@while $i > 0 {
|
||||
.margin-#{$i} {
|
||||
margin: #{$i}px;
|
||||
}
|
||||
|
||||
.margin-top-#{$i} {
|
||||
margin-top: #{$i}px;
|
||||
}
|
||||
|
||||
.margin-bottom-#{$i} {
|
||||
margin-bottom: #{$i}px;
|
||||
}
|
||||
|
||||
.margin-right-#{$i} {
|
||||
margin-right: #{$i}px;
|
||||
}
|
||||
|
||||
.margin-left-#{$i} {
|
||||
margin-left: #{$i}px;
|
||||
}
|
||||
$i: $i - 5;
|
||||
}
|
||||
|
||||
$i: 150;
|
||||
@while $i > 0 {
|
||||
.padding-#{$i} {
|
||||
padding: #{$i}px;
|
||||
}
|
||||
|
||||
.padding-top-#{$i} {
|
||||
padding-top: #{$i}px;
|
||||
}
|
||||
|
||||
.padding-bottom-#{$i} {
|
||||
padding-bottom: #{$i}px;
|
||||
}
|
||||
|
||||
.padding-right-#{$i} {
|
||||
padding-right: #{$i}px;
|
||||
}
|
||||
|
||||
.padding-left-#{$i} {
|
||||
padding-left: #{$i}px;
|
||||
}
|
||||
$i: $i - 5;
|
||||
}
|
||||
|
||||
$i: 100;
|
||||
@while $i > 0 {
|
||||
.width-#{$i} {
|
||||
width: #{$i}#{"%"} !important;
|
||||
}
|
||||
$i: $i - 1;
|
||||
}
|
||||
182
gui/app/styles/core/bootstrap.scss
vendored
Normal file
182
gui/app/styles/core/bootstrap.scss
vendored
Normal file
|
|
@ -0,0 +1,182 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
|
||||
|
||||
//
|
||||
// Variable overrides
|
||||
//
|
||||
|
||||
// font
|
||||
// $font-family-sans-serif: "Helvetica", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
|
||||
// colors
|
||||
$blue: $color-primary;
|
||||
$red: $color-red;
|
||||
$green: $color-green;
|
||||
$secondary: $color-gray;
|
||||
$light: $color-white;
|
||||
$dark: $color-off-black;
|
||||
|
||||
// popover
|
||||
$popover-bg: $color-white;
|
||||
$popover-header-bg: $color-dark;
|
||||
$popover-header-color: $color-white;
|
||||
|
||||
// tooltip
|
||||
$tooltip-bg: $color-dark;
|
||||
$tooltip-color: $color-white;
|
||||
|
||||
// modal
|
||||
$modal-backdrop-opacity: 0.5;
|
||||
$modal-header-border-color: $color-white;
|
||||
$modal-footer-border-color: $color-white;
|
||||
|
||||
.modal-header {
|
||||
background-color: $color-primary;
|
||||
color: $color-off-white;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
// rounded corners
|
||||
$border-radius: 0;
|
||||
$border-radius-lg: 0;
|
||||
$border-radius-sm: 0;
|
||||
$border-radius: .125rem;
|
||||
$border-radius-lg: .15rem;
|
||||
$border-radius-sm: .1rem;
|
||||
|
||||
// dropdown
|
||||
$dropdown-link-color: $color-off-black;
|
||||
$dropdown-link-hover-color: $color-link;
|
||||
$dropdown-link-hover-bg: $color-white;
|
||||
$dropdown-link-active-color: $color-link;
|
||||
$dropdown-link-active-bg: $color-white;
|
||||
$dropdown-header-color: $color-black;
|
||||
|
||||
// form
|
||||
$input-color: $color-off-black;
|
||||
$input-border-color: $color-stroke;
|
||||
$input-focus-bg: $color-white;
|
||||
$input-focus-border-color: $color-gray;
|
||||
$input-focus-color: $color-off-black;
|
||||
$input-placeholder-color: $color-gray;
|
||||
$input-focus-border-color: $color-stroke;
|
||||
$input-btn-focus-width: .2rem;
|
||||
$input-btn-focus-color: rgba($color-primary, .25);
|
||||
|
||||
// form labels
|
||||
.form-group {
|
||||
> label {
|
||||
color: $color-dark;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
> small, > div[class*="col"] > small {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
> small.highlight, > div[class*="col"] > small.highlight {
|
||||
font-size: 1rem;
|
||||
color: $color-orange !important;
|
||||
}
|
||||
}
|
||||
|
||||
// links
|
||||
$link-color: $color-link;
|
||||
$link-decoration: none;
|
||||
$link-hover-color: darken($link-color, 15%) !default;
|
||||
$link-hover-decoration: none;
|
||||
|
||||
//
|
||||
// Bootstrap includes
|
||||
//
|
||||
|
||||
// Required
|
||||
@import "node_modules/bootstrap/scss/functions";
|
||||
@import "node_modules/bootstrap/scss/variables";
|
||||
@import "node_modules/bootstrap/scss/mixins";
|
||||
|
||||
// Optional
|
||||
@import "node_modules/bootstrap/scss/reboot";
|
||||
@import "node_modules/bootstrap/scss/grid";
|
||||
@import "node_modules/bootstrap/scss/buttons";
|
||||
@import "node_modules/bootstrap/scss/button-group";
|
||||
@import "node_modules/bootstrap/scss/dropdown";
|
||||
@import "node_modules/bootstrap/scss/forms";
|
||||
@import "node_modules/bootstrap/scss/custom-forms";
|
||||
@import "node_modules/bootstrap/scss/input-group";
|
||||
@import "node_modules/bootstrap/scss/modal";
|
||||
@import "node_modules/bootstrap/scss/utilities";
|
||||
@import "node_modules/bootstrap/scss/popover";
|
||||
@import "node_modules/bootstrap/scss/tooltip";
|
||||
@import "node_modules/bootstrap/scss/tables";
|
||||
@import "node_modules/bootstrap/scss/badge";
|
||||
|
||||
// Boostrap overrides
|
||||
.modal-80 {
|
||||
max-width: 80% !important;
|
||||
}
|
||||
|
||||
body.modal-open {
|
||||
padding-right: 0 !important;
|
||||
// Do not scroll body to top.
|
||||
// See: https://stackoverflow.com/questions/21604674/bootstrap-modal-background-jumps-to-top-on-toggle/21881894
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.modal-header-white {
|
||||
background-color: $color-white !important;
|
||||
border: none !important;
|
||||
|
||||
> .close {
|
||||
background-color: $color-white !important;
|
||||
border: none !important;
|
||||
|
||||
> span {
|
||||
color: $color-gray;
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.popover-header {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.popover-body {
|
||||
font-size: 1rem;
|
||||
|
||||
> p {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
> ul {
|
||||
margin: 10px 0 10px 25px;
|
||||
|
||||
> li {
|
||||
list-style: square;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
// Bootstrap override that removes gutter space on smaller screens
|
||||
// @media (max-width: 1200px) {
|
||||
// .container {
|
||||
// width: 100%;
|
||||
// max-width: none;
|
||||
// }
|
||||
// }
|
||||
108
gui/app/styles/core/color.scss
Normal file
108
gui/app/styles/core/color.scss
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
|
||||
// default theme makes things tick
|
||||
$color-primary: #280A42;
|
||||
$color-primary-light: #F7F2FF;
|
||||
$color-link: #348A37;
|
||||
|
||||
// black, white
|
||||
$color-black: #000000;
|
||||
$color-off-black: #111111;
|
||||
$color-white: #ffffff;
|
||||
$color-off-white: #f5f5f5;
|
||||
|
||||
// gray
|
||||
$color-dark: #434343;
|
||||
$color-gray: #8b9096;
|
||||
$color-gray-light: #d8d8d8;
|
||||
$color-gray-light2: #eaeaea;
|
||||
$color-gray-light3: #f9f9f9;
|
||||
$color-border: #d3d3d3;
|
||||
|
||||
// colors
|
||||
$color-red: #9E0D1F;
|
||||
$color-green: #348A37;
|
||||
$color-blue: #2667af;
|
||||
$color-goldy: #FFD700;
|
||||
$color-yellow: #fff8dc;
|
||||
$color-orange: #FFAD15;
|
||||
|
||||
// widgets
|
||||
$color-checkbox: #2667af;
|
||||
$color-symbol-box: #dce5e8;
|
||||
$color-symbol-icon: #a4b8be;
|
||||
$color-card: #F9F9F9;
|
||||
$color-stroke: #e1e1e1;
|
||||
$color-whats-new: #fc1530;
|
||||
|
||||
// Color utility classes for direct usage in HTML
|
||||
.color-white {
|
||||
color: $color-white !important;
|
||||
}
|
||||
.color-off-white {
|
||||
color: $color-off-white !important;
|
||||
}
|
||||
.color-black {
|
||||
color: $color-black !important;
|
||||
}
|
||||
.color-off-black {
|
||||
color: $color-off-black !important;
|
||||
}
|
||||
.color-primary {
|
||||
color: $color-primary !important;
|
||||
}
|
||||
.color-link {
|
||||
color: $color-link !important;
|
||||
}
|
||||
.color-blue {
|
||||
color: $color-blue !important;
|
||||
}
|
||||
.color-red {
|
||||
color: $color-red !important;
|
||||
}
|
||||
.color-green {
|
||||
color: $color-green !important;
|
||||
}
|
||||
.color-gray {
|
||||
color: $color-gray !important;
|
||||
}
|
||||
.color-gold {
|
||||
color: $color-goldy !important;
|
||||
}
|
||||
.color-orange {
|
||||
color: $color-orange !important;
|
||||
}
|
||||
.color-whats-new {
|
||||
color: $color-whats-new !important;
|
||||
}
|
||||
|
||||
.background-color-white {
|
||||
background-color: $color-white !important;
|
||||
}
|
||||
.background-color-off-white {
|
||||
background-color: $color-off-white !important;
|
||||
}
|
||||
.background-color-off-black {
|
||||
background-color: $color-off-black !important;
|
||||
}
|
||||
.background-color-green {
|
||||
background-color: $color-green !important;
|
||||
}
|
||||
.background-color-theme {
|
||||
background-color: $color-primary !important;
|
||||
}
|
||||
.background-color-theme-light {
|
||||
background-color: $color-primary-light !important;
|
||||
}
|
||||
.background-color-gold {
|
||||
background-color: $color-goldy !important;
|
||||
}
|
||||
0
gui/app/styles/core/enterprise/all.scss
Normal file
0
gui/app/styles/core/enterprise/all.scss
Normal file
15
gui/app/styles/core/font.scss
Normal file
15
gui/app/styles/core/font.scss
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
// .font-fixed-width {
|
||||
// font-family: 'courier new', courier;
|
||||
// }
|
||||
|
||||
// $font-regular: Helvetica;
|
||||
// $font-semibold: Helvetica;
|
||||
// $font-light: Helvetica;
|
||||
|
||||
@font-face {
|
||||
font-family: "Material Icons";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url("font/icons/MaterialIcons-Regular.eot");
|
||||
src: local('Material Icons'), local('MaterialIcons-Regular'), url("font/icons/MaterialIcons-Regular.woff2") format('woff2'), url("font/icons/MaterialIcons-Regular.woff") format('woff'), url("font/icons/MaterialIcons-Regular.ttf") format('truetype');
|
||||
}
|
||||
6
gui/app/styles/core/layout/all.scss
Normal file
6
gui/app/styles/core/layout/all.scss
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
@import "layout-master.scss";
|
||||
@import "layout-topbar.scss";
|
||||
@import "layout-sidebar.scss";
|
||||
@import "layout-footer.scss";
|
||||
@import "layout-content.scss";
|
||||
|
||||
32
gui/app/styles/core/layout/layout-content.scss
Normal file
32
gui/app/styles/core/layout/layout-content.scss
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
.content-zone {
|
||||
> .explainer-header {
|
||||
color: $color-gray;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
> .explainer-text {
|
||||
margin: 3px 0;
|
||||
padding: 0;
|
||||
color: $color-gray;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
> .explainer-list {
|
||||
margin: 5px 20px;
|
||||
padding: 0;
|
||||
color: $color-gray;
|
||||
|
||||
> li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1.1rem;
|
||||
list-style: square;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
> .explainer-gap {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
}
|
||||
51
gui/app/styles/core/layout/layout-footer.scss
Normal file
51
gui/app/styles/core/layout/layout-footer.scss
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
footer {
|
||||
background-color: $color-primary-light;
|
||||
color: $color-gray;
|
||||
font-weight: 500;
|
||||
font-size: 1rem;
|
||||
padding: 5px 2rem;
|
||||
}
|
||||
|
||||
.footer {
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
|
||||
a, a:visited {
|
||||
@include ease-in();
|
||||
color: $color-gray;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
> .progress {
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
|
||||
> img {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
> .progress-done {
|
||||
background-color: $color-green;
|
||||
color: $color-white;
|
||||
text-align: center;
|
||||
font-size: 1rem;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
@include border-radius(20px);
|
||||
}
|
||||
|
||||
> .progress-notification {
|
||||
display: inline-block;
|
||||
font-size: 1rem;
|
||||
color: $color-green;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
153
gui/app/styles/core/layout/layout-master.scss
Normal file
153
gui/app/styles/core/layout/layout-master.scss
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
$break-1: 900px;
|
||||
$break-2: 1200px;
|
||||
$break-3: 1400px;
|
||||
$break-4: 1600px;
|
||||
$break-5: 1800px;
|
||||
|
||||
.layout-header, .layout-footer {
|
||||
flex: 0 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.layout-body {
|
||||
display: flex;
|
||||
flex: 1 0 auto;
|
||||
flex-direction: column;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.layout-content {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.layout-sidebar {
|
||||
order: -1;
|
||||
background-color: $color-gray-light2;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin: auto auto 0 auto;
|
||||
bottom: 0;
|
||||
z-index: 888;
|
||||
@include sticky();
|
||||
}
|
||||
|
||||
@media (min-width: $break-1) {
|
||||
.layout-body {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.layout-sidebar {
|
||||
flex: 0 0 200px;
|
||||
width: 200px;
|
||||
height: calc(100vh - 140px);
|
||||
@include sticky();
|
||||
top: 2rem;
|
||||
}
|
||||
|
||||
.layout-content {
|
||||
flex: 0 1 700px;
|
||||
padding: 0 2rem;
|
||||
margin: 0;
|
||||
max-width: 700px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $break-2) {
|
||||
.layout-body {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.layout-sidebar {
|
||||
flex: 0 0 300px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.layout-content {
|
||||
flex: 0 1 1000px;
|
||||
margin: 0;
|
||||
padding: 0 2rem 0 3rem;
|
||||
max-width: 1000px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $break-3) {
|
||||
.layout-body {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.layout-sidebar {
|
||||
flex: 0 0 400px;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.layout-content {
|
||||
flex: 0 1 1000px;
|
||||
margin: 0;
|
||||
padding: 0 0 0 3rem;
|
||||
max-width: 1000px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $break-4) {
|
||||
.layout-body {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.layout-sidebar {
|
||||
flex: 0 0 450px;
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
.layout-content {
|
||||
flex: 0 1 1200px;
|
||||
margin: 0;
|
||||
padding: 0 2rem 0 3rem;
|
||||
max-width: 1200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $break-5) {
|
||||
.layout-body {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.layout-sidebar {
|
||||
flex: 0 0 500px;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.layout-content {
|
||||
flex: 0 1 1300px;
|
||||
margin: 0;
|
||||
padding: 0 2rem 0 4rem;
|
||||
max-width: 1300px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
footer {
|
||||
position: relative;
|
||||
bottom: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Conditional CSS for Edge 12+.
|
||||
* @link: https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/
|
||||
*/
|
||||
@supports (-ms-ime-align:auto) {
|
||||
// For IE/Edge footer must be at bottom as sticky/flex is not quite supported.
|
||||
.layout-footer, footer {
|
||||
position: relative !important;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Conditional CSS for IE 8+ (and old Firefox 1.x).
|
||||
* @link: https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/
|
||||
*/
|
||||
@media screen\0 {
|
||||
/* Conditional IE styles */
|
||||
}
|
||||
59
gui/app/styles/core/layout/layout-sidebar.scss
Normal file
59
gui/app/styles/core/layout/layout-sidebar.scss
Normal file
|
|
@ -0,0 +1,59 @@
|
|||
.sidebar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.sidebar-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sidebar-scroll {
|
||||
padding: 1rem;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.sidebar-white {
|
||||
background-color: $color-white;
|
||||
margin: 10px 10px;
|
||||
|
||||
@media (min-width: $break-1) {
|
||||
margin: 10px 10px;
|
||||
height: calc(100vh - 204px);
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
@media (min-width: $break-2) {
|
||||
margin: 10px 10px;
|
||||
}
|
||||
@media (min-width: $break-3) {
|
||||
margin: 20px 20px;
|
||||
}
|
||||
@media (min-width: $break-4) {
|
||||
margin: 20px 20px;
|
||||
}
|
||||
@media (min-width: $break-5) {
|
||||
margin: 20px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-view-switcher {
|
||||
color: $color-primary;
|
||||
background-color: $color-primary-light;
|
||||
padding: 5px 20px;
|
||||
text-align: center;
|
||||
height: 50px;
|
||||
|
||||
> i {
|
||||
font-size: 2rem;
|
||||
cursor: pointer;
|
||||
@include ease-in();
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
|
||||
> .divider {
|
||||
margin: 0 10px;
|
||||
}
|
||||
}
|
||||
86
gui/app/styles/core/layout/layout-topbar.scss
Normal file
86
gui/app/styles/core/layout/layout-topbar.scss
Normal file
|
|
@ -0,0 +1,86 @@
|
|||
#top-bar {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
background-color: $color-primary;
|
||||
color: $color-white;
|
||||
padding: 0 2rem;
|
||||
font-size: 1rem;
|
||||
height: 50px;
|
||||
|
||||
> .items {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 50px;
|
||||
|
||||
> .item {
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
margin: 0 30px 0 0;
|
||||
padding: 0;
|
||||
font-size: 1.2rem;
|
||||
letter-spacing: 0.1rem;
|
||||
font-weight: 700;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
|
||||
> .logo {
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
> .link, .link:visited {
|
||||
@include ease-in();
|
||||
color: $color-white;
|
||||
|
||||
&:hover {
|
||||
color: darken($color-white, 15%);
|
||||
}
|
||||
}
|
||||
|
||||
> .selected {
|
||||
background-color: $color-primary-light !important;
|
||||
color: $color-primary !important;
|
||||
padding: 5px 10px !important;
|
||||
|
||||
&:hover {
|
||||
color: darken($color-primary, 15%) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .buttons {
|
||||
height: 50px;
|
||||
float: right;
|
||||
|
||||
> .button-icon-gap {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
> .hamburger {
|
||||
@include ease-in();
|
||||
@include border-radius(3px);
|
||||
background-color: $color-primary;
|
||||
border: 1px solid $color-primary-light;
|
||||
|
||||
> i {
|
||||
font-size: 1.8rem;
|
||||
line-height: 2.1rem;
|
||||
padding: 0px 3px 0px 3px;
|
||||
color: $color-primary-light;
|
||||
cursor: pointer;
|
||||
vertical-align: sub;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $color-primary-light;
|
||||
|
||||
> i {
|
||||
color: $color-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
80
gui/app/styles/core/mixins.scss
Normal file
80
gui/app/styles/core/mixins.scss
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
@mixin sticky()
|
||||
{
|
||||
position: -moz-sticky;
|
||||
position: -ms-sticky;
|
||||
position: -o-sticky;
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
}
|
||||
|
||||
@mixin border-radius($radius)
|
||||
{
|
||||
-webkit-border-radius: $radius;
|
||||
-moz-border-radius: $radius;
|
||||
border-radius: $radius;
|
||||
}
|
||||
|
||||
@mixin border-radius-left($radius)
|
||||
{
|
||||
border-top-left-radius: $radius;
|
||||
border-bottom-left-radius: $radius;
|
||||
}
|
||||
|
||||
@mixin border-radius-right($radius)
|
||||
{
|
||||
border-top-right-radius: $radius;
|
||||
border-bottom-right-radius: $radius;
|
||||
}
|
||||
|
||||
@mixin border-radius-top($radius)
|
||||
{
|
||||
border-top-left-radius: $radius;
|
||||
border-top-right-radius: $radius;
|
||||
}
|
||||
|
||||
@mixin border-radius-bottom($radius)
|
||||
{
|
||||
border-bottom-left-radius: $radius;
|
||||
border-bottom-right-radius: $radius;
|
||||
}
|
||||
|
||||
@mixin ease-in()
|
||||
{
|
||||
-webkit-transition: all 0.30s ease-in-out;
|
||||
-moz-transition: all 0.30s ease-in-out;
|
||||
-ms-transition: all 0.30s ease-in-out;
|
||||
-o-transition: all 0.30s ease-in-out;
|
||||
transition: all 0.30s ease-in-out;
|
||||
}
|
||||
|
||||
@mixin content-container($pad-tb: 25px, $pad-lr: 50px) {
|
||||
@include border-radius(2px);
|
||||
padding: $pad-tb $pad-lr;
|
||||
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
|
||||
background-color: $color-white;
|
||||
}
|
||||
|
||||
@mixin card() {
|
||||
background-color: $color-card;
|
||||
box-shadow: 1px 1px 3px 0px rgba(211,211,211,1);
|
||||
|
||||
&:hover {
|
||||
background-color: darken($color-card, 5%);
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin card-theme() {
|
||||
background-color: $color-primary-light;
|
||||
box-shadow: 1px 1px 3px 0px rgba(211,211,211,1);
|
||||
|
||||
&:hover {
|
||||
background-color: darken($color-primary-light, 5%);
|
||||
color: $color-primary;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin shadow() {
|
||||
box-shadow: 1px 1px 3px 0px rgba(211,211,211,1);
|
||||
}
|
||||
|
||||
175
gui/app/styles/core/news.scss
Normal file
175
gui/app/styles/core/news.scss
Normal file
|
|
@ -0,0 +1,175 @@
|
|||
.product-update {
|
||||
text-align: left;
|
||||
margin: 50px 0;
|
||||
|
||||
> .update-summary {
|
||||
padding: 25px;
|
||||
border: 1px solid $color-orange;
|
||||
background-color: $color-off-white;
|
||||
@include border-radius(2px);
|
||||
|
||||
> .caption {
|
||||
font-weight: bold;
|
||||
font-size: 1.5rem;
|
||||
color: $color-orange;
|
||||
margin-bottom: 15px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
> .instructions {
|
||||
font-weight: normal;
|
||||
font-size: 1.3rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
> .version {
|
||||
margin: 30px 0 0 20px;
|
||||
font-size: 1.3rem;
|
||||
color: $color-gray;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
> .changes {
|
||||
margin: 10px 0 0 40px;
|
||||
|
||||
> li {
|
||||
list-style-type: disc;
|
||||
padding: 5px 0;
|
||||
font-size: 1.2rem;
|
||||
color: $color-black;
|
||||
|
||||
> .tag-edition {
|
||||
margin: 10px 10px 10px 10px;
|
||||
padding: 5px 10px;
|
||||
background-color: $color-gray-light;
|
||||
color: $color-primary;
|
||||
font-weight: bold;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-about {
|
||||
text-align: center;
|
||||
margin: 30px 30px;
|
||||
|
||||
> .edition {
|
||||
font-weight: normal;
|
||||
font-size: 1.5rem;
|
||||
color: $color-black;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
> .version {
|
||||
font-weight: bold;
|
||||
font-size: 1.1rem;
|
||||
color: $color-gray;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
> .dotcom {
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
color: $color-link;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
> .copyright {
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-size: 1rem;
|
||||
color: $color-off-black;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
> .license {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
|
||||
.update-available-dot {
|
||||
border-radius: 10px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: $color-orange;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.whats-new-dot {
|
||||
border-radius: 10px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: $color-whats-new;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.product-news {
|
||||
text-align: left;
|
||||
margin: 0 30px;
|
||||
|
||||
> h2 {
|
||||
margin: 0 0 10px 0;
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
color: $color-off-black;
|
||||
}
|
||||
|
||||
> .news-item {
|
||||
padding: 30px 0;
|
||||
border-bottom: 1px solid $color-border;
|
||||
text-align: center;
|
||||
|
||||
> .title {
|
||||
color: $color-primary;
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
> .date {
|
||||
color: $color-gray;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
> .info {
|
||||
color: $color-black;
|
||||
font-size: 1.1rem;
|
||||
font-weight: normal;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
> .tag-edition {
|
||||
margin: 10px 10px 10px 10px;
|
||||
padding: 5px 10px;
|
||||
background-color: $color-off-white;
|
||||
color: $color-gray;
|
||||
font-weight: 700;
|
||||
font-size: 0.9rem;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
> img {
|
||||
max-width: 450px;
|
||||
max-height: 350px;
|
||||
}
|
||||
}
|
||||
|
||||
> .action {
|
||||
margin: 20px 0;
|
||||
text-align: center;
|
||||
color: $color-gray;
|
||||
font-weight: 800;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
135
gui/app/styles/core/print.scss
Normal file
135
gui/app/styles/core/print.scss
Normal file
|
|
@ -0,0 +1,135 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
@media print {
|
||||
@page {
|
||||
size: 8.5in 11in;
|
||||
margin: 20mm;
|
||||
|
||||
@top-right {
|
||||
font-size: 12px;
|
||||
color: $color-off-black;
|
||||
// content: string(doctitle);
|
||||
}
|
||||
|
||||
@bottom-left {
|
||||
font-size: 12px;
|
||||
color: $color-off-black;
|
||||
// content: 'Exported from Documize';
|
||||
}
|
||||
|
||||
@bottom-right {
|
||||
font-size: 12px;
|
||||
color: $color-off-black;
|
||||
// content: counter(page);
|
||||
}
|
||||
}
|
||||
|
||||
html, body {
|
||||
background-color: transparent !important;
|
||||
max-width: none !important;
|
||||
float: none !important;
|
||||
position: relative !important;
|
||||
height: initial !important;
|
||||
min-height: initial !important;
|
||||
-webkit-print-color-adjust: exact;
|
||||
overflow: hidden;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
min-width: 768px !important;
|
||||
}
|
||||
|
||||
.non-printable,
|
||||
header,
|
||||
footer,
|
||||
.tabnav-control,
|
||||
.document-toolbar,
|
||||
.document-toc,
|
||||
.tabnav-control,
|
||||
#nav-bar,
|
||||
.page-toolbar,
|
||||
.start-section,
|
||||
.start-button,
|
||||
#top-bar,
|
||||
#sidebar,
|
||||
#sub-nav,
|
||||
.new-section-wizard {
|
||||
float: none !important;
|
||||
display: none !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
width: 0 !important;
|
||||
z-index: 0 !important;
|
||||
}
|
||||
|
||||
.non-printable-message,
|
||||
.print-title {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.document-heading {
|
||||
text-align: left !important;
|
||||
padding: 0 !important;
|
||||
margin-bottom: 40px !important;
|
||||
color: #000000;
|
||||
}
|
||||
.doc-title {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
font-size: 1.5rem !important;
|
||||
color: #000000 !important;
|
||||
}
|
||||
.doc-excerpt {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
color: #464545 !important;
|
||||
font-size: 1.2rem !important;
|
||||
}
|
||||
|
||||
.wysiwyg {
|
||||
font-size: 15px !important;
|
||||
line-height: 22px !important;
|
||||
color: #000000 !important;
|
||||
|
||||
h1 { font-size: 22px; color: #000000 !important; }
|
||||
h2 { font-size: 20px; color: #000000 !important; }
|
||||
h3 { font-size: 18px; color: #000000 !important; }
|
||||
h4 { font-size: 17px; color: #000000 !important; }
|
||||
h5 { font-size: 16px; color: #000000 !important; }
|
||||
h6 { font-size: 16px; color: #000000 !important; }
|
||||
}
|
||||
|
||||
.page-title {
|
||||
font-size: 20px !important;
|
||||
color: #000000 !important;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: auto !important;
|
||||
min-width: 100% !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
[class*="col-"] {
|
||||
float: left !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.layout-body, .layout-content {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
display: block !important;
|
||||
flex: none !important;
|
||||
width: auto !important;
|
||||
max-width: auto !important;
|
||||
}
|
||||
}
|
||||
11
gui/app/styles/core/section/all.scss
Normal file
11
gui/app/styles/core/section/all.scss
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
@import "code.scss";
|
||||
@import "flowchart.scss";
|
||||
@import "gemini.scss";
|
||||
@import "github.scss";
|
||||
@import "jira.scss";
|
||||
@import "markdown.scss";
|
||||
@import "plantuml.scss";
|
||||
@import "papertrail.scss";
|
||||
@import "table.scss";
|
||||
@import "trello.scss";
|
||||
@import "wysiwyg.scss";
|
||||
459
gui/app/styles/core/section/code.scss
Normal file
459
gui/app/styles/core/section/code.scss
Normal file
|
|
@ -0,0 +1,459 @@
|
|||
.section-code-editor {
|
||||
margin-top: 6px;
|
||||
|
||||
> .syntax-selector {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* BASICS */
|
||||
|
||||
.CodeMirror {
|
||||
/* Set height, width, borders, and global font properties here */
|
||||
font-family: monospace;
|
||||
height: 300px;
|
||||
color: black;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
/* PADDING */
|
||||
|
||||
.CodeMirror-lines {
|
||||
padding: 4px 0; /* Vertical padding around content */
|
||||
}
|
||||
.CodeMirror pre {
|
||||
padding: 0 4px; /* Horizontal padding of content */
|
||||
}
|
||||
|
||||
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||||
background-color: white; /* The little square between H and V scrollbars */
|
||||
}
|
||||
|
||||
/* GUTTER */
|
||||
|
||||
.CodeMirror-gutters {
|
||||
border-right: 1px solid #ddd;
|
||||
background-color: #f7f7f7;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.CodeMirror-linenumbers {}
|
||||
.CodeMirror-linenumber {
|
||||
padding: 0 3px 0 5px;
|
||||
min-width: 20px;
|
||||
text-align: right;
|
||||
color: #999;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.CodeMirror-guttermarker { color: black; }
|
||||
.CodeMirror-guttermarker-subtle { color: #999; }
|
||||
|
||||
/* CURSOR */
|
||||
|
||||
.CodeMirror-cursor {
|
||||
border-left: 1px solid black;
|
||||
border-right: none;
|
||||
width: 0;
|
||||
}
|
||||
/* Shown when moving in bi-directional text */
|
||||
.CodeMirror div.CodeMirror-secondarycursor {
|
||||
border-left: 1px solid silver;
|
||||
}
|
||||
.cm-fat-cursor .CodeMirror-cursor {
|
||||
width: auto;
|
||||
border: 0 !important;
|
||||
background: #7e7;
|
||||
}
|
||||
.cm-fat-cursor div.CodeMirror-cursors {
|
||||
z-index: 1;
|
||||
}
|
||||
.cm-fat-cursor-mark {
|
||||
background-color: rgba(20, 255, 20, 0.5);
|
||||
-webkit-animation: blink 1.06s steps(1) infinite;
|
||||
-moz-animation: blink 1.06s steps(1) infinite;
|
||||
animation: blink 1.06s steps(1) infinite;
|
||||
}
|
||||
.cm-animate-fat-cursor {
|
||||
width: auto;
|
||||
border: 0;
|
||||
-webkit-animation: blink 1.06s steps(1) infinite;
|
||||
-moz-animation: blink 1.06s steps(1) infinite;
|
||||
animation: blink 1.06s steps(1) infinite;
|
||||
background-color: #7e7;
|
||||
}
|
||||
@-moz-keyframes blink {
|
||||
0% {}
|
||||
50% { background-color: transparent; }
|
||||
100% {}
|
||||
}
|
||||
@-webkit-keyframes blink {
|
||||
0% {}
|
||||
50% { background-color: transparent; }
|
||||
100% {}
|
||||
}
|
||||
@keyframes blink {
|
||||
0% {}
|
||||
50% { background-color: transparent; }
|
||||
100% {}
|
||||
}
|
||||
|
||||
/* Can style cursor different in overwrite (non-insert) mode */
|
||||
.CodeMirror-overwrite .CodeMirror-cursor {}
|
||||
|
||||
.cm-tab { display: inline-block; text-decoration: inherit; }
|
||||
|
||||
.CodeMirror-rulers {
|
||||
position: absolute;
|
||||
left: 0; right: 0; top: -50px; bottom: -20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.CodeMirror-ruler {
|
||||
border-left: 1px solid #ccc;
|
||||
top: 0; bottom: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
/* DEFAULT THEME */
|
||||
|
||||
.cm-s-default .cm-header {color: blue;}
|
||||
.cm-s-default .cm-quote {color: #090;}
|
||||
.cm-negative {color: #d44;}
|
||||
.cm-positive {color: #292;}
|
||||
.cm-header, .cm-strong {font-weight: bold;}
|
||||
.cm-em {font-style: italic;}
|
||||
.cm-link {text-decoration: underline;}
|
||||
.cm-strikethrough {text-decoration: line-through;}
|
||||
|
||||
.cm-s-default .cm-keyword {color: #708;}
|
||||
.cm-s-default .cm-atom {color: #219;}
|
||||
.cm-s-default .cm-number {color: #164;}
|
||||
.cm-s-default .cm-def {color: #00f;}
|
||||
.cm-s-default .cm-variable,
|
||||
.cm-s-default .cm-punctuation,
|
||||
.cm-s-default .cm-property,
|
||||
.cm-s-default .cm-operator {}
|
||||
.cm-s-default .cm-variable-2 {color: #05a;}
|
||||
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
|
||||
.cm-s-default .cm-comment {color: #a50;}
|
||||
.cm-s-default .cm-string {color: #a11;}
|
||||
.cm-s-default .cm-string-2 {color: #f50;}
|
||||
.cm-s-default .cm-meta {color: #555;}
|
||||
.cm-s-default .cm-qualifier {color: #555;}
|
||||
.cm-s-default .cm-builtin {color: #30a;}
|
||||
.cm-s-default .cm-bracket {color: #997;}
|
||||
.cm-s-default .cm-tag {color: #170;}
|
||||
.cm-s-default .cm-attribute {color: #00c;}
|
||||
.cm-s-default .cm-hr {color: #999;}
|
||||
.cm-s-default .cm-link {color: #00c;}
|
||||
|
||||
.cm-s-default .cm-error {color: #f00;}
|
||||
.cm-invalidchar {color: #f00;}
|
||||
|
||||
.CodeMirror-composing { border-bottom: 2px solid; }
|
||||
|
||||
/* Default styles for common addons */
|
||||
|
||||
div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
|
||||
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
|
||||
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
|
||||
.CodeMirror-activeline-background {background: #e8f2ff;}
|
||||
|
||||
/* STOP */
|
||||
|
||||
/* The rest of this file contains styles related to the mechanics of
|
||||
the editor. You probably shouldn't touch them. */
|
||||
|
||||
.CodeMirror {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.CodeMirror-scroll {
|
||||
overflow: scroll !important; /* Things will break if this is overridden */
|
||||
/* 30px is the magic margin used to hide the element's real scrollbars */
|
||||
/* See overflow: hidden in .CodeMirror */
|
||||
margin-bottom: -30px; margin-right: -30px;
|
||||
padding-bottom: 30px;
|
||||
height: 100%;
|
||||
outline: none; /* Prevent dragging from highlighting the element */
|
||||
position: relative;
|
||||
}
|
||||
.CodeMirror-sizer {
|
||||
position: relative;
|
||||
border-right: 30px solid transparent;
|
||||
}
|
||||
|
||||
/* The fake, visible scrollbars. Used to force redraw during scrolling
|
||||
before actual scrolling happens, thus preventing shaking and
|
||||
flickering artifacts. */
|
||||
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||||
position: absolute;
|
||||
z-index: 6;
|
||||
display: none;
|
||||
}
|
||||
.CodeMirror-vscrollbar {
|
||||
right: 0; top: 0;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.CodeMirror-hscrollbar {
|
||||
bottom: 0; left: 0;
|
||||
overflow-y: hidden;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
.CodeMirror-scrollbar-filler {
|
||||
right: 0; bottom: 0;
|
||||
}
|
||||
.CodeMirror-gutter-filler {
|
||||
left: 0; bottom: 0;
|
||||
}
|
||||
|
||||
.CodeMirror-gutters {
|
||||
position: absolute; left: 0; top: 0;
|
||||
min-height: 100%;
|
||||
z-index: 3;
|
||||
}
|
||||
.CodeMirror-gutter {
|
||||
white-space: normal;
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin-bottom: -30px;
|
||||
}
|
||||
.CodeMirror-gutter-wrapper {
|
||||
position: absolute;
|
||||
z-index: 4;
|
||||
background: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
.CodeMirror-gutter-background {
|
||||
position: absolute;
|
||||
top: 0; bottom: 0;
|
||||
z-index: 4;
|
||||
}
|
||||
.CodeMirror-gutter-elt {
|
||||
position: absolute;
|
||||
cursor: default;
|
||||
z-index: 4;
|
||||
}
|
||||
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
|
||||
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
|
||||
|
||||
.CodeMirror-lines {
|
||||
cursor: text;
|
||||
min-height: 1px; /* prevents collapsing before first draw */
|
||||
}
|
||||
.CodeMirror pre {
|
||||
/* Reset some styles that the rest of the page might have set */
|
||||
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
|
||||
border-width: 0;
|
||||
background: transparent;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
margin: 0;
|
||||
white-space: pre;
|
||||
word-wrap: normal;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-font-variant-ligatures: contextual;
|
||||
font-variant-ligatures: contextual;
|
||||
}
|
||||
.CodeMirror-wrap pre {
|
||||
word-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
.CodeMirror-linebackground {
|
||||
position: absolute;
|
||||
left: 0; right: 0; top: 0; bottom: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.CodeMirror-linewidget {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.CodeMirror-widget {}
|
||||
|
||||
.CodeMirror-rtl pre { direction: rtl; }
|
||||
|
||||
.CodeMirror-code {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* Force content-box sizing for the elements where we expect it */
|
||||
.CodeMirror-scroll,
|
||||
.CodeMirror-sizer,
|
||||
.CodeMirror-gutter,
|
||||
.CodeMirror-gutters,
|
||||
.CodeMirror-linenumber {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
.CodeMirror-measure {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.CodeMirror-cursor {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
}
|
||||
.CodeMirror-measure pre { position: static; }
|
||||
|
||||
div.CodeMirror-cursors {
|
||||
visibility: hidden;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
div.CodeMirror-dragcursors {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.CodeMirror-focused div.CodeMirror-cursors {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.CodeMirror-selected { background: #d9d9d9; }
|
||||
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
|
||||
.CodeMirror-crosshair { cursor: crosshair; }
|
||||
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
|
||||
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
|
||||
|
||||
.cm-searching {
|
||||
background-color: #ffa;
|
||||
background-color: rgba(255, 255, 0, .4);
|
||||
}
|
||||
|
||||
/* Used to force a border model for a node */
|
||||
.cm-force-border { padding-right: .1px; }
|
||||
|
||||
@media print {
|
||||
/* Hide the cursor when printing */
|
||||
.CodeMirror div.CodeMirror-cursors {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
/* See issue #2901 */
|
||||
.cm-tab-wrap-hack:after { content: ''; }
|
||||
|
||||
/* Help users use markselection to safely style text background */
|
||||
span.CodeMirror-selectedtext { background: none; }
|
||||
|
||||
|
||||
|
||||
|
||||
/*
|
||||
|
||||
Name: material
|
||||
Author: Michael Kaminsky (http://github.com/mkaminsky11)
|
||||
|
||||
Original material color scheme by Mattia Astorino (https://github.com/equinusocio/material-theme)
|
||||
|
||||
*/
|
||||
|
||||
.cm-s-material.CodeMirror {
|
||||
background-color: #263238;
|
||||
color: rgba(233, 237, 237, 1);
|
||||
}
|
||||
.cm-s-material .CodeMirror-gutters {
|
||||
background: #263238;
|
||||
color: rgb(83,127,126);
|
||||
border: none;
|
||||
}
|
||||
.cm-s-material .CodeMirror-guttermarker, .cm-s-material .CodeMirror-guttermarker-subtle, .cm-s-material .CodeMirror-linenumber { color: rgb(83,127,126); }
|
||||
.cm-s-material .CodeMirror-cursor { border-left: 1px solid #f8f8f0; }
|
||||
.cm-s-material div.CodeMirror-selected { background: rgba(255, 255, 255, 0.15); }
|
||||
.cm-s-material.CodeMirror-focused div.CodeMirror-selected { background: rgba(255, 255, 255, 0.10); }
|
||||
.cm-s-material .CodeMirror-line::selection, .cm-s-material .CodeMirror-line > span::selection, .cm-s-material .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); }
|
||||
.cm-s-material .CodeMirror-line::-moz-selection, .cm-s-material .CodeMirror-line > span::-moz-selection, .cm-s-material .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); }
|
||||
|
||||
.cm-s-material .CodeMirror-activeline-background { background: rgba(0, 0, 0, 0); }
|
||||
.cm-s-material .cm-keyword { color: rgba(199, 146, 234, 1); }
|
||||
.cm-s-material .cm-operator { color: rgba(233, 237, 237, 1); }
|
||||
.cm-s-material .cm-variable-2 { color: #80CBC4; }
|
||||
.cm-s-material .cm-variable-3 { color: #82B1FF; }
|
||||
.cm-s-material .cm-builtin { color: #DECB6B; }
|
||||
.cm-s-material .cm-atom { color: #F77669; }
|
||||
.cm-s-material .cm-number { color: #F77669; }
|
||||
.cm-s-material .cm-def { color: rgba(233, 237, 237, 1); }
|
||||
.cm-s-material .cm-string { color: #C3E88D; }
|
||||
.cm-s-material .cm-string-2 { color: #80CBC4; }
|
||||
.cm-s-material .cm-comment { color: #546E7A; }
|
||||
.cm-s-material .cm-variable { color: #82B1FF; }
|
||||
.cm-s-material .cm-tag { color: #80CBC4; }
|
||||
.cm-s-material .cm-meta { color: #80CBC4; }
|
||||
.cm-s-material .cm-attribute { color: #FFCB6B; }
|
||||
.cm-s-material .cm-property { color: #80CBAE; }
|
||||
.cm-s-material .cm-qualifier { color: #DECB6B; }
|
||||
.cm-s-material .cm-variable-3 { color: #DECB6B; }
|
||||
.cm-s-material .cm-tag { color: rgba(255, 83, 112, 1); }
|
||||
.cm-s-material .cm-error {
|
||||
color: rgba(255, 255, 255, 1.0);
|
||||
background-color: #EC5F67;
|
||||
}
|
||||
.cm-s-material .CodeMirror-matchingbracket {
|
||||
text-decoration: underline;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
|
||||
Name: yeti
|
||||
Author: Michael Kaminsky (http://github.com/mkaminsky11)
|
||||
|
||||
Original yeti color scheme by Jesse Weed (https://github.com/jesseweed/yeti-syntax)
|
||||
|
||||
*/
|
||||
|
||||
|
||||
.cm-s-yeti.CodeMirror {
|
||||
background-color: #ECEAE8 !important;
|
||||
color: #d1c9c0 !important;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.cm-s-yeti .CodeMirror-gutters {
|
||||
color: #adaba6;
|
||||
background-color: #E5E1DB;
|
||||
border: none;
|
||||
}
|
||||
.cm-s-yeti .CodeMirror-cursor { border-left: solid thin #d1c9c0; }
|
||||
.cm-s-yeti .CodeMirror-linenumber { color: #adaba6; }
|
||||
.cm-s-yeti.CodeMirror-focused div.CodeMirror-selected { background: #DCD8D2; }
|
||||
.cm-s-yeti .CodeMirror-line::selection, .cm-s-yeti .CodeMirror-line > span::selection, .cm-s-yeti .CodeMirror-line > span > span::selection { background: #DCD8D2; }
|
||||
.cm-s-yeti .CodeMirror-line::-moz-selection, .cm-s-yeti .CodeMirror-line > span::-moz-selection, .cm-s-yeti .CodeMirror-line > span > span::-moz-selection { background: #DCD8D2; }
|
||||
.cm-s-yeti span.cm-comment { color: #d4c8be; }
|
||||
.cm-s-yeti span.cm-string, .cm-s-yeti span.cm-string-2 { color: #96c0d8; }
|
||||
.cm-s-yeti span.cm-number { color: #a074c4; }
|
||||
.cm-s-yeti span.cm-variable { color: #55b5db; }
|
||||
.cm-s-yeti span.cm-variable-2 { color: #a074c4; }
|
||||
.cm-s-yeti span.cm-def { color: #55b5db; }
|
||||
.cm-s-yeti span.cm-operator { color: #9fb96e; }
|
||||
.cm-s-yeti span.cm-keyword { color: #9fb96e; }
|
||||
.cm-s-yeti span.cm-atom { color: #a074c4; }
|
||||
.cm-s-yeti span.cm-meta { color: #96c0d8; }
|
||||
.cm-s-yeti span.cm-tag { color: #96c0d8; }
|
||||
.cm-s-yeti span.cm-attribute { color: #9fb96e; }
|
||||
.cm-s-yeti span.cm-qualifier { color: #96c0d8; }
|
||||
.cm-s-yeti span.cm-property { color: #a074c4; }
|
||||
.cm-s-yeti span.cm-builtin { color: #a074c4; }
|
||||
.cm-s-yeti span.cm-variable-3 { color: #96c0d8; }
|
||||
.cm-s-yeti .CodeMirror-activeline-background { background: #E7E4E0; }
|
||||
.cm-s-yeti .CodeMirror-matchingbracket { text-decoration: underline; }
|
||||
715
gui/app/styles/core/section/flowchart.scss
Normal file
715
gui/app/styles/core/section/flowchart.scss
Normal file
|
|
@ -0,0 +1,715 @@
|
|||
.geEditor {
|
||||
font-family:Helvetica Neue,Helvetica,Arial Unicode MS,Arial !important;
|
||||
font-size:10pt;
|
||||
border:none;
|
||||
margin:0px;
|
||||
color:#000000 !important;
|
||||
}
|
||||
.geEditor input[type=text]::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
.geMenubarContainer .geItem, .geToolbar .geButton, .geToolbar .geLabel, .geSidebarContainer .geTitle {
|
||||
cursor:pointer !important;
|
||||
}
|
||||
.geBackgroundPage {
|
||||
-webkit-box-shadow:0px 0px 3px 0px #d9d9d9;
|
||||
-moz-box-shadow:0px 0px 3px 0px #d9d9d9;
|
||||
box-shadow:0px 0px 3px 0px #d9d9d9;
|
||||
}
|
||||
.geSidebarContainer a, .geMenubarContainer a, .geToolbar a {
|
||||
color:#000000 !important;
|
||||
text-decoration:none;
|
||||
}
|
||||
.geMenubarContainer, .geToolbarContainer, .geDiagramContainer, .geSidebarContainer, .geFooterContainer, .geHsplit, .geVsplit {
|
||||
overflow:hidden;
|
||||
position:absolute;
|
||||
cursor:default;
|
||||
}
|
||||
.geFormatContainer {
|
||||
background-color:whiteSmoke;
|
||||
overflow-x: hidden !important;
|
||||
overflow-y: auto !important;
|
||||
font-size:12px;
|
||||
}
|
||||
.geDiagramContainer {
|
||||
background-color:#ffffff;
|
||||
outline:none;
|
||||
}
|
||||
.geMenubar, .geToolbar {
|
||||
white-space:nowrap;
|
||||
display:block;
|
||||
width:100%;
|
||||
}
|
||||
.geMenubarContainer .geItem, .geToolbar .geButton, .geToolbar .geLabel, .geSidebar, .geSidebarContainer .geTitle, .geSidebar .geItem, .mxPopupMenuItem {
|
||||
-webkit-transition: all 0.1s ease-in-out;
|
||||
-moz-transition: all 0.1s ease-in-out;
|
||||
-o-transition: all 0.1s ease-in-out;
|
||||
-ms-transition: all 0.1s ease-in-out;
|
||||
transition: all 0.1s ease-in-out;
|
||||
}
|
||||
.geHint {
|
||||
background-color: #ffffff;
|
||||
border: 1px solid gray;
|
||||
padding: 4px 16px 4px 16px;
|
||||
border-radius:3px;
|
||||
-webkit-box-shadow: 1px 1px 2px 0px #ddd;
|
||||
-moz-box-shadow: 1px 1px 2px 0px #ddd;
|
||||
box-shadow: 1px 1px 2px 0px #ddd;
|
||||
opacity:0.8;
|
||||
filter:alpha(opacity=80);
|
||||
}
|
||||
.geStatusAlert {
|
||||
white-space:nowrap;
|
||||
margin-top:-5px;
|
||||
font-size:12px;
|
||||
padding:4px 6px 4px 6px;
|
||||
background-color:#f2dede;
|
||||
border:1px solid #ebccd1;
|
||||
color:#a94442 !important;
|
||||
border-radius:3px;
|
||||
}
|
||||
.geStatusAlert:hover {
|
||||
background-color:#f1d8d8;
|
||||
border-color:#d6b2b8;
|
||||
}
|
||||
.geStatusMessage {
|
||||
white-space:nowrap;
|
||||
margin-top:-5px;
|
||||
padding:4px 6px 4px 6px;
|
||||
font-size:12px;
|
||||
background-image: -webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
|
||||
background-image: -o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));
|
||||
background-image: linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border:1px solid #b2dba1;
|
||||
border-radius:3px;
|
||||
color:#3c763d !important;
|
||||
}
|
||||
.geStatusMessage:hover {
|
||||
background:#c8e5bc;
|
||||
border-color:#b2dba1;
|
||||
}
|
||||
.geAlert {
|
||||
position:absolute;
|
||||
white-space:nowrap;
|
||||
padding:14px;
|
||||
background-color:#f2dede;
|
||||
border:1px solid #ebccd1;
|
||||
color:#a94442;
|
||||
border-radius:3px;
|
||||
-webkit-box-shadow: 2px 2px 3px 0px #ddd;
|
||||
-moz-box-shadow: 2px 2px 3px 0px #ddd;
|
||||
box-shadow: 2px 2px 3px 0px #ddd;
|
||||
}
|
||||
.geBtn {
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #d8d8d8;
|
||||
color: #333;
|
||||
cursor: default;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
height: 29px;
|
||||
line-height: 27px;
|
||||
margin: 0 0 0 8px;
|
||||
min-width: 72px;
|
||||
outline: 0;
|
||||
padding: 0 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.geBtn:hover, .geBtn:focus {
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
|
||||
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
|
||||
border: 1px solid #c6c6c6;
|
||||
background-color: #f8f8f8;
|
||||
background-image: linear-gradient(#f8f8f8 0px,#f1f1f1 100%);
|
||||
color: #111;
|
||||
}
|
||||
.geBtn:disabled {
|
||||
opacity: .5;
|
||||
}
|
||||
.geBtnUp {
|
||||
background-image: url(data:image/gif;base64,R0lGODlhCgAGAJECAGZmZtXV1f///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QzM3ODJERjg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QzM3ODJFMDg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRDMzc4MkREODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRDMzc4MkRFODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAgAsAAAAAAoABgAAAg6UjwiQBhGYglCKhXFLBQA7);
|
||||
_background-image: url(up.gif);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.geBtnUp:active {
|
||||
background-color: #4d90fe;
|
||||
background-image: linear-gradient(#4d90fe 0px,#357ae8 100%);
|
||||
}
|
||||
.geBtnDown {
|
||||
background-image: url(data:image/gif;base64,R0lGODlhCgAGAJECANXV1WZmZv///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QzM3ODJEQjg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QzM3ODJEQzg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRDMzc4MkQ5ODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRDMzc4MkRBODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAgAsAAAAAAoABgAAAg6UjxLLewEiCAnOZBzeBQA7);
|
||||
_background-image: url(down.gif);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.geBtnDown:active {
|
||||
background-color: #4d90fe;
|
||||
background-image: linear-gradient(#4d90fe 0px,#357ae8 100%);
|
||||
}
|
||||
.geColorBtn {
|
||||
background-color: #f5f5f5;
|
||||
background-image: linear-gradient(#f5f5f5 0px,#e1e1e1 100%);
|
||||
border-radius: 4px;
|
||||
border: 1px solid rgba(0,0,0,0.5);
|
||||
color: #333;
|
||||
cursor: default;
|
||||
margin: 0px;
|
||||
outline: 0;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.geColorBtn:hover {
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
|
||||
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
|
||||
border: 1px solid rgba(0,0,0,0.7);
|
||||
}
|
||||
.geColorBtn:active {
|
||||
background-color: #4d90fe;
|
||||
background-image: linear-gradient(#4d90fe 0px,#357ae8 100%);
|
||||
border: 1px solid #2f5bb7;
|
||||
color: #fff;
|
||||
}
|
||||
.geColorBtn:disabled {
|
||||
opacity: .5;
|
||||
}
|
||||
.gePrimaryBtn {
|
||||
background-color: #4d90fe;
|
||||
background-image: linear-gradient(#4d90fe 0px,#4787ed 100%);
|
||||
border: 1px solid #3079ed;
|
||||
color: #fff;
|
||||
}
|
||||
.gePrimaryBtn:hover, .gePrimaryBtn:focus {
|
||||
background-color: #357ae8;
|
||||
background-image: linear-gradient(#4d90fe 0px,#357ae8 100%);
|
||||
border: 1px solid #2f5bb7;
|
||||
color: #fff;
|
||||
}
|
||||
.gePrimaryBtn:disabled {
|
||||
opacity: .5;
|
||||
}
|
||||
.geAlertLink {
|
||||
color:#843534;
|
||||
font-weight:700;
|
||||
text-decoration:none;
|
||||
}
|
||||
.geMenubarContainer {
|
||||
background-color:#ffffff;
|
||||
}
|
||||
.geMenubar {
|
||||
padding:0px 2px 0px 2px;
|
||||
vertical-align:middle;
|
||||
}
|
||||
.geMenubarContainer .geItem, .geToolbar .geItem {
|
||||
padding:6px 8px 6px 8px;
|
||||
cursor:default;
|
||||
}
|
||||
.geMenubarContainer .geItem:hover {
|
||||
background:#eeeeee;
|
||||
}
|
||||
.mxDisabled:hover {
|
||||
background:inherit !important;
|
||||
}
|
||||
.geMenubar a.geStatus {
|
||||
color:#b3b3b3;
|
||||
padding-left:6px;
|
||||
display:inline-block;
|
||||
cursor:default !important;
|
||||
}
|
||||
.geMenubar a.geStatus:hover {
|
||||
background:transparent;
|
||||
}
|
||||
.geMenubarMenu {
|
||||
border:1px solid #d5d5d5 !important;
|
||||
}
|
||||
.geToolbarContainer {
|
||||
background:whiteSmoke;
|
||||
border-bottom:1px solid #e0e0e0;
|
||||
}
|
||||
.geSidebarContainer .geToolbarContainer {
|
||||
background:transparent;
|
||||
border-bottom:none;
|
||||
}
|
||||
.geSidebarContainer button {
|
||||
text-overflow:ellipsis;
|
||||
overflow:hidden;
|
||||
}
|
||||
.geToolbar {
|
||||
padding:1px 0px 0px 6px;
|
||||
border-top:1px solid #e0e0e0;
|
||||
-webkit-box-shadow: inset 0 1px 0 0 #fff;
|
||||
-moz-box-shadow: inset 0 1px 0 0 #fff;
|
||||
box-shadow: inset 0 1px 0 0 #fff;
|
||||
}
|
||||
.geToolbarContainer .geSeparator {
|
||||
float:left;
|
||||
width:1px;
|
||||
height:34px;
|
||||
background:#e5e5e5;
|
||||
margin-left:6px;
|
||||
margin-right:6px;
|
||||
margin-top:-2px;
|
||||
}
|
||||
.geToolbarContainer .geButton {
|
||||
float:left;
|
||||
width:20px;
|
||||
height:20px;
|
||||
padding:0px 2px 4px 2px;
|
||||
margin:2px;
|
||||
border:1px solid transparent;
|
||||
cursor:pointer;
|
||||
opacity:0.6;
|
||||
filter:alpha(opacity=60);
|
||||
}
|
||||
.geToolbarContainer .geButton:hover {
|
||||
border:1px solid gray;
|
||||
border-radius:2px;
|
||||
opacity:1;
|
||||
filter:none !important;
|
||||
}
|
||||
.geToolbarContainer .geButton:active {
|
||||
border:1px solid black;
|
||||
}
|
||||
div.mxWindow .geButton {
|
||||
margin: -1px 2px 2px 2px;
|
||||
padding: 1px 2px 2px 1px;
|
||||
}
|
||||
.geToolbarContainer .geLabel {
|
||||
float:left;
|
||||
margin:2px;
|
||||
cursor:pointer;
|
||||
padding:3px 5px 3px 5px;
|
||||
border:1px solid transparent;
|
||||
opacity:0.6;
|
||||
filter:alpha(opacity=60);
|
||||
}
|
||||
.geToolbarContainer .geLabel:hover {
|
||||
border:1px solid gray;
|
||||
border-radius:2px;
|
||||
opacity:0.9;
|
||||
filter:alpha(opacity=90) !important;
|
||||
}
|
||||
.geToolbarContainer .geLabel:active {
|
||||
border:1px solid black;
|
||||
opacity:1;
|
||||
filter:none !important;
|
||||
}
|
||||
.geToolbarContainer .mxDisabled:hover {
|
||||
border:1px solid transparent !important;
|
||||
opacity:0.2 !important;
|
||||
filter:alpha(opacity=20) !important;
|
||||
}
|
||||
.geToolbarMenu {
|
||||
border:3px solid #e0e0e0 !important;
|
||||
-webkit-box-shadow:none !important;
|
||||
-moz-box-shadow:none !important;
|
||||
box-shadow:none !important;
|
||||
filter:none !important;
|
||||
}
|
||||
.geDiagramBackdrop {
|
||||
background-color: #ebebeb;
|
||||
border: 1px solid #e5e5e5;
|
||||
}
|
||||
.geSidebarContainer {
|
||||
background:#ffffff;
|
||||
overflow:hidden;
|
||||
position:absolute;
|
||||
border-top:1px solid #e5e5e5;
|
||||
overflow:auto;
|
||||
}
|
||||
.geSidebar {
|
||||
background:whiteSmoke;
|
||||
border-bottom:1px solid #e5e5e5;
|
||||
padding:5px;
|
||||
_padding:1px;
|
||||
padding-bottom:12px;
|
||||
overflow:hidden;
|
||||
}
|
||||
.geSidebarContainer .geTitle {
|
||||
display:block;
|
||||
font-size:9pt;
|
||||
border-bottom:1px solid #e5e5e5;
|
||||
font-weight:normal;
|
||||
padding:6px 0px 6px 14px;
|
||||
margin:0px;
|
||||
cursor:default;
|
||||
background:#eeeeee;
|
||||
white-space:nowrap;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
line-height:1.4em;
|
||||
}
|
||||
.geSidebarContainer .geTitle:hover {
|
||||
background:#e5e5e5;
|
||||
}
|
||||
.geTitle img {
|
||||
opacity:0.5;
|
||||
_filter:alpha(opacity=50);
|
||||
}
|
||||
.geTitle img:hover {
|
||||
opacity:1;
|
||||
_filter:alpha(opacity=100);
|
||||
}
|
||||
.geTitle .geButton {
|
||||
border:1px solid transparent;
|
||||
padding:3px;
|
||||
border-radius:2px;
|
||||
}
|
||||
.geTitle .geButton:hover {
|
||||
border:1px solid gray;
|
||||
}
|
||||
.geSidebar .geItem {
|
||||
display:inline-block;
|
||||
background-repeat:no-repeat;
|
||||
background-position:50% 50%;
|
||||
border:1px solid transparent;
|
||||
border-radius:2px;
|
||||
cursor: move;
|
||||
}
|
||||
.geSidebar .geItem:hover {
|
||||
border:1px solid gray !important;
|
||||
}
|
||||
.geItem {
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
}
|
||||
.geSidebarTooltip {
|
||||
position:absolute;
|
||||
background:white;
|
||||
overflow:hidden;
|
||||
border:1px solid gray;
|
||||
border-radius:8px;
|
||||
-webkit-box-shadow:0px 0px 2px 2px #d5d5d5;
|
||||
-moz-box-shadow:0px 0px 2px 2px #d5d5d5;
|
||||
box-shadow:0px 0px 2px 2px #d5d5d5;
|
||||
_filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d5d5d5', Positive='true');
|
||||
}
|
||||
.geFooterContainer {
|
||||
background:#e5e5e5;
|
||||
border-top:1px solid #c0c0c0;
|
||||
}
|
||||
.geFooterContainer a {
|
||||
display:inline-block;
|
||||
box-sizing:border-box;
|
||||
width:100%;
|
||||
white-space:nowrap;
|
||||
font-size:14px;
|
||||
color:#235695;
|
||||
font-weight:bold;
|
||||
text-decoration:none;
|
||||
}
|
||||
.geFooterContainer table {
|
||||
border-collapse:collapse;
|
||||
margin:0 auto;
|
||||
}
|
||||
.geFooterContainer td {
|
||||
border-left:1px solid #c0c0c0;
|
||||
border-right:1px solid #c0c0c0;
|
||||
}
|
||||
.geFooterContainer td:hover {
|
||||
background-color: #b3b3b3;
|
||||
}
|
||||
.geHsplit {
|
||||
cursor:col-resize;
|
||||
background-color:#e5e5e5;
|
||||
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHBAMAAADdS/HjAAAAGFBMVEUzMzP///9tbW1QUFCKiopBQUF8fHxfX1/IXlmXAAAAHUlEQVQImWMQEGAQFWUQFmYQF2cQEmIQE2MQEQEACy4BF67hpEwAAAAASUVORK5CYII=);
|
||||
_background-image:url('thumb_vertical.png');
|
||||
background-repeat:no-repeat;
|
||||
background-position:center center;
|
||||
}
|
||||
.geVsplit {
|
||||
font-size:1pt;
|
||||
cursor:row-resize;
|
||||
background-color:#e5e5e5;
|
||||
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEBAMAAACw6DhOAAAAGFBMVEUzMzP///9tbW1QUFCKiopBQUF8fHxfX1/IXlmXAAAAFElEQVQImWNgNVdzYBAUFBRggLMAEzYBy29kEPgAAAAASUVORK5CYII=);
|
||||
_background-image:url('thumb_horz.png');
|
||||
background-repeat:no-repeat;
|
||||
background-position:center center;
|
||||
}
|
||||
.geHsplit:hover, .geVsplit:hover {
|
||||
background-color:#d5d5d5;
|
||||
}
|
||||
.geDialog {
|
||||
position:absolute;
|
||||
background:white;
|
||||
overflow:hidden;
|
||||
padding:30px;
|
||||
border:1px solid #acacac;
|
||||
-webkit-box-shadow:0px 0px 2px 2px #d5d5d5;
|
||||
-moz-box-shadow:0px 0px 2px 2px #d5d5d5;
|
||||
box-shadow:0px 0px 2px 2px #d5d5d5;
|
||||
_filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d5d5d5', Positive='true');
|
||||
z-index: 2;
|
||||
}
|
||||
.geDialogClose {
|
||||
position:absolute;
|
||||
width:9px;
|
||||
height:9px;
|
||||
opacity:0.5;
|
||||
cursor:pointer;
|
||||
_filter:alpha(opacity=50);
|
||||
}
|
||||
.geDialogClose:hover {
|
||||
opacity:1;
|
||||
}
|
||||
.geDialogTitle {
|
||||
box-sizing:border-box;
|
||||
white-space:nowrap;
|
||||
background:rgb(229, 229, 229);
|
||||
border-bottom:1px solid rgb(192, 192, 192);
|
||||
font-size:15px;
|
||||
font-weight:bold;
|
||||
text-align:center;
|
||||
color:rgb(35, 86, 149);
|
||||
}
|
||||
.geDialogFooter {
|
||||
background:whiteSmoke;
|
||||
white-space:nowrap;
|
||||
text-align:right;
|
||||
box-sizing:border-box;
|
||||
border-top:1px solid #e5e5e5;
|
||||
color:darkGray;
|
||||
}
|
||||
.geSprite {
|
||||
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAABeQCAMAAAByzXKPAAAA1VBMVEUAAAAzMzIzMzIzMzE1NTUzMzIzMzIzMzEzMzIyMjIzMzIzMzIzMzIzMzE6OjoyMjIzMzIzMzIzMzEzMzI0NDA0NDIwMDAyMjEzMzIzMzEzMzE0NDAzMzMzMzIyMjIzMzI0NDE0NDQyMjIzMzIzMzIzMzIzMzM5OTkAAAC1tbX///9mZmYwMDAQEBAmJiZTiPJ7e3v/Z2RwcHAgICB+fn5hYWFzc3NAQECoqKiampqMjIxTU1NGRkY3NzcbGxsNDQ3w8PBQUFDg4ODAwMCwsLCgoKBPT09W+xp5AAAAKHRSTlMAh4DDEd187+mljnhvVge5nmhMQi4hA8uxk2IlHOOYc102M/jW088J/2liTQAACt5JREFUeNrs3O1um0AQheG5nIPCoIq1Q7+r/Mn9X1K9xtEAM9RLQmODzyO1cV+NtzjShhjHkRkAgn9DMCaYnRXIGOQdtWmk1zRWm0vNN6az+Y+v2fXZ5iTX/kZ4ZGvUNT6/RJuCM/VVRKFB7YBwtnY1k3h2wboaHy8RFQC2VGuc1D730WWLS2GIZ27aM4yUT+9tXaLNw9m0mI9uokepRLeC+ZyCfFCoqwckqV3WBHFZaxHLFrNxVpgUVRWjg/jli2WbfH4WyxYnWcVV0Rz7FYj26X9ezQcuE3VYkXzFSYpm9eq6pqSiuNYAaj+r0GiFxKv5tEOqxVfV0utrCkZF/HCXTuOdGz2IHKbDR5wdJ6PdeRmIsfviED0C5ZV7ojf487v59fPHsT18//a1Yn1HJdoSjIUXBG5XgaBejhMYVmT9B1dRUONj4KtyRHNmNkULDYeD2CGVjiZ0paOK1jVuYKIpjJTO7m9dovvEn3bz/DH4440f2+d9fvlVh+4LLuK6cM8GVcKKkmq3ZqqBfbhaef4n+pijBudNZH3H+OW3No+rbTmVXjfciPbs/GVQ7QU6tWqUW5lonefHfn5f6xI9DAxdqQU3n55uU821mj2ZuUq0SYo2ivA5tThxk3rK6u+urYtZiqKuGiWMEkbp4/OFLITIvyrfekt35WGvjvP6OlERwP6+VU39z+ansp+0SThP8jk+0SeoAehRjObmdha0f2YwfucMss7uaPVF3rThN/EH6fH3YhEt3bD1zMlwGtu8/8a5zrHJuR6NyrkKMK5N5qqf9ev6Y4hfGfSPrc7ZWZqPQrQPa+x5Cfe8FO55m3Xrcs8T3TFUYQ0zqj5jTPoMmagQz4brFh8D3x5L9OngyRy+IEa0JgBRlaBWAIJYyVYjYDF47PwNV/TwAIRfB+BiFcyeolchija6+P7xd//IveI+JlpwnrdZP7xexdD6/4N/PDzP06NZdc8vP4H7WKFXLbqjQcU9T7QZvFhHdN/+sndmy6lCQRQ9KOA8Ro1TxjttYuUlX5BK5f+/6YJIWjlNFREkpLJXGQuWO01e2mPaU4pA17qH7iEeKfRsrrqh4/t0hJQPEJSokULPFpJse0Iu0PNQNVSNnOu8ZHPWZc8TUhkBgECRikZMrp4Xq9W1NPubkIIUm4hnrtyikSIjq+jck3bOBQkpnSBrkU97ALl73pJqXfFc5AlJqN3cXvoTEKIzJcu5PSEFqHiGp6ahz+33Z3rWtpzhEfK16DO8XXi3S2vIvfUCHnpWrcsZHiHVAFUG0KQJoEgjGjGRFG1l9bq25gyPkIoANBcEab9DEPf27iCk40VbWa0uP86WkMsTQHPQHBSnJJHCytp1dW9Uz2cBQoo0PEqVes/r2bM0131CLtLzUCVUidw9n6uuaPY8IdnUYMet2BTccUtIfShnz60mBe65JaTunL/tVqTAbbeE1ImCc3vl16McIEiWc3tCClD5DM9Ak7ZFZCBkZEVzhkfI5/n6Hbdp+wF33BJSH8rZc6vISB/gnltCas/Z225FStdz2y0hZXE19lrt5p177NyR11+OHb/THhzJP86wP2uYrjvz1h92eTseNEzDbB2nd/OY1Py9WNw6/qjnN+fmvnmwnYkxjf1t+mAW7XlsbzaJ3a7DzH1sf3Udp7m/dcOf615sW26SdfvGrCaxbV4l9nEan0X0xqEaRrbvmnlrGFu3PTN3ndUoLOuapW8ODLzudLVomMHA71z/MwmT9mTmN+bOZnS9NcJDs+V53t+WPzQnbNa9/nRoCPl2AKqObKFvltEBoPvcVwNwmavxOy3IDwFAlkWCWPBqhJDC8GtsCPlGYI8ciQyRI+3/CLHHscysXvf0ynzWIOQsPr3wWllkxNQskD+b82/Ihi8qCCm150XpObXnc2RFs+cJqRhAE5AHpI8BOZbH5TQdlXB8JAUEIC4AvkFPSMEl/dQ+v74+2/bl6enFtm/v72+W/c/eHSW3CUNRGNZyjgiZNHE6fW2b6f63VGScCHSvI7CxjfH/tYnTU43CywFiAfnT/On+lunH3274R5G2zbv03rTj9F+z92+U7pqPX52PZjdM35uf6vxs3ofp799Kulf2B8CEc2JVjvJm6OIT5CO9PekvD/8T767XgTc2z1umnEdggyT5eX2s+k9yGpvH1kqvI523IVfSAzdlW2gbu3zn5+6j/JFcfIft0lBOi4/J6cbmBTZJTdPo9fV1/3pamqTUFCalOVkunVdNTU5bSa2Nn7ULjl0A7o5/aGt6Z6TKUpVC7/VLSrWzqTo7b+yzO+9i28shHtugl5cXXS9NLnyYHVZ+Nz79UG7y4in7Aqza9po+tBsXP1B8wCW3m01yVqq9G3w3q/X+/1lpZ5WEbKdOTnNsxiYtd+ngjl28Fw+zhwGwLA0/mDeIS46AxWnO2MVnUFD627+sasuAxyJpTsp3A+6WgnplGpILpL1JR21lZt5k2ZSrFPE41AteEy+Q9qrn58qW77lNM877sXXq+fcGLp/2giETZO5tTYumHObxKDQ0aezhxb2feNE0MWlvqZS1SzwsJZdslu3x9fYae8HFXYeAKcIVejxwzgwc0YE6jTzuWOAuqOS+GTY3rc+rmDxAKn7VEPAt+amm/7Yu8ev0gfnkHckljT8nSoaf/RkeNgUejaKburGiYt696FNIcXrt/3yJh8Qba+advg0BwJCk66Qamp3WvxtX1gMzSDZya+BU8y2OR+ogyk7w5h+Nox+/6S04pNunwKqpt9Db9yemA2GokjqThGR+ms1JeYMe92hu5y2Zbs5O5be7mkru2Hlpgc5j434M1NPiq0qqgXoaDkwqTU21V0s7dgY/TfLX9XMT1udx56RJqTqf5aqlR3vVqtOWaYpbp4NtW2tmPaXbwAZI0U1zroI/tiRW9oBVOtL5QT6uu2TH0nlgnXRSqsLkGXg+JnBTCjopVeGceXk2FnAtColkUynGMn1SrHXejq3Py4U5wHXZvtluJtXO27H+vFyMB9xElFIxNQ6fUmFj9Xm6Sr67SrA6b94Gfp4HLsb2rSM53VSMpseK1c7bsXbechs4zgO3EiUvs6kK7tgsUmlglaLkZiZVStzOBzoPrJHOS1VgVR5YuTPXz1VgXR5YM/+u9xglkyZRT2WqghlbnVc8CA+4mtxRp5vB7XxW7bw3LwvywI0pr5MN6HNNrUi/fUZO4o6tzxuiuO0GuLzUUdu3GOV3M6raeTu2Nm8aR+eBlVD1BnoVjowt0HBgnY51PrqdT/9yxtJ5YHWkeGKswoxJuMcGuIYoKdowKOQ4Xxov+4Zb/khU8Mf681a3gZ/0gYt1PjGdV1J2/mBS5z/58zrbQOeBE6zpGZgA7smRzgc6D2xKlORlCiUVKrfSslMAVulI56PX+XHv81g6D6yPFM+MVWCJDliLJdfoMhVYowPWYsk1ukwF1uiAu1R/Hh5v2wNb8r+9O0pBGAaiKLqdm/1vUCiFSCdhTIjWhntAwefY5sMxRW1ToJnZ89KjQTnuGzGUWB1DLkJtul0ofocn3SOf5wMu3mu97q30GN2e99he2gKEpj6Dkvwjj4tebb5d8EBAuhuUJJ87f96f4aT/1OlNz7GRfgg+WheCUFsfE16cpEFNx5exIUmHx09zd34AaRdACCDp+TVLSlFv1blzgKR2egx5zx/see0pn+djbR4FIVofz4/UeV67G3+vr3niC+H04Oz/nbwA7lqtm+wByfQAAAAASUVORK5CYII=') no-repeat;
|
||||
_background:url('sprites.png') no-repeat top left;
|
||||
width:21px;
|
||||
height:21px;
|
||||
}
|
||||
.geBaseButton {
|
||||
padding:10px;
|
||||
border-radius:6px;
|
||||
border:1px solid #c0c0c0;
|
||||
cursor:pointer;
|
||||
background-color:#ececec;
|
||||
background-image:linear-gradient(#ececec 0%, #fcfcfc 100%);
|
||||
}
|
||||
.geBaseButton:hover {
|
||||
background:#ececec;
|
||||
}
|
||||
.geBigButton {
|
||||
color:#ffffff;
|
||||
border: none;
|
||||
padding:10px;
|
||||
font-size:14pt;
|
||||
white-space: nowrap;
|
||||
border-radius:6px;
|
||||
text-shadow: rgb(41, 89, 137) 0px 1px 0px;
|
||||
background-color:#428bca;
|
||||
background-image:linear-gradient(rgb(70, 135, 206) 0px, rgb(48, 104, 162) 100%);
|
||||
-webkit-box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
|
||||
-moz-box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
|
||||
box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
|
||||
}
|
||||
.geBigButton:hover {
|
||||
background-color:#2d6ca2;
|
||||
background-image: linear-gradient(rgb(90, 148, 211) 0px, rgb(54, 115, 181) 100%);
|
||||
}
|
||||
.geBigButton:active {
|
||||
background-color: rgb(54, 115, 181);
|
||||
background-image: none;
|
||||
}
|
||||
@media print {
|
||||
div.geNoPrint { display: none !important; }
|
||||
}
|
||||
.geSprite-actualsize { background-position: 0 0; }
|
||||
.geSprite-bold { background-position: 0 -46px; }
|
||||
.geSprite-bottom { background-position: 0 -92px; }
|
||||
.geSprite-center { background-position: 0 -138px; }
|
||||
.geSprite-delete { background-position: 0 -184px; }
|
||||
.geSprite-fillcolor { background-position: 0 -229px; }
|
||||
.geSprite-fit { background-position: 0 -277px; }
|
||||
.geSprite-fontcolor { background-position: 0 -322px; }
|
||||
.geSprite-gradientcolor { background-position: 0 -368px; }
|
||||
.geSprite-image { background-position: 0 -414px; }
|
||||
.geSprite-italic { background-position: 0 -460px; }
|
||||
.geSprite-left { background-position: 0 -505px; }
|
||||
.geSprite-middle { background-position: 0 -552px; }
|
||||
.geSprite-print { background-position: 0 -598px; }
|
||||
.geSprite-redo { background-position: 0 -644px; }
|
||||
.geSprite-right { background-position: 0 -689px; }
|
||||
.geSprite-shadow { background-position: 0 -735px; }
|
||||
.geSprite-strokecolor { background-position: 0 -782px; }
|
||||
.geSprite-top { background-position: 0 -828px; }
|
||||
.geSprite-underline { background-position: 0 -874px; }
|
||||
.geSprite-undo { background-position: 0 -920px; }
|
||||
.geSprite-zoomin { background-position: 0 -966px; }
|
||||
.geSprite-zoomout { background-position: 0 -1012px; }
|
||||
.geSprite-arrow { background-position: 0 -1059px; }
|
||||
.geSprite-linkedge { background-position: 0 -1105px; }
|
||||
.geSprite-straight { background-position: 0 -1150px; }
|
||||
.geSprite-entity { background-position: 0 -1196px; }
|
||||
.geSprite-orthogonal { background-position: 0 -1242px; }
|
||||
.geSprite-curved { background-position: 0 -1288px; }
|
||||
.geSprite-noarrow { background-position: 0 -1334px; }
|
||||
.geSprite-endclassic { background-position: 0 -1380px; }
|
||||
.geSprite-endopen { background-position: 0 -1426px; }
|
||||
.geSprite-endblock { background-position: 0 -1472px; }
|
||||
.geSprite-endoval { background-position: 0 -1518px; }
|
||||
.geSprite-enddiamond { background-position: 0 -1564px; }
|
||||
.geSprite-endthindiamond { background-position: 0 -1610px; }
|
||||
.geSprite-endclassictrans { background-position: 0 -1656px; }
|
||||
.geSprite-endblocktrans { background-position: 0 -1702px; }
|
||||
.geSprite-endovaltrans { background-position: 0 -1748px; }
|
||||
.geSprite-enddiamondtrans { background-position: 0 -1794px; }
|
||||
.geSprite-endthindiamondtrans { background-position: 0 -1840px; }
|
||||
.geSprite-startclassic { background-position: 0 -1886px; }
|
||||
.geSprite-startopen { background-position: 0 -1932px; }
|
||||
.geSprite-startblock { background-position: 0 -1978px; }
|
||||
.geSprite-startoval { background-position: 0 -2024px; }
|
||||
.geSprite-startdiamond { background-position: 0 -2070px; }
|
||||
.geSprite-startthindiamond { background-position: 0 -2116px; }
|
||||
.geSprite-startclassictrans { background-position: 0 -2162px; }
|
||||
.geSprite-startblocktrans { background-position: 0 -2208px; }
|
||||
.geSprite-startovaltrans { background-position: 0 -2254px; }
|
||||
.geSprite-startdiamondtrans { background-position: 0 -2300px; }
|
||||
.geSprite-startthindiamondtrans { background-position: 0 -2346px; }
|
||||
.geSprite-globe { background-position: 0 -2392px; }
|
||||
.geSprite-orderedlist { background-position: 0 -2438px; }
|
||||
.geSprite-unorderedlist { background-position: 0 -2484px; }
|
||||
.geSprite-horizontalrule { background-position: 0 -2530px; }
|
||||
.geSprite-link { background-position: 0 -2576px; }
|
||||
.geSprite-indent { background-position: 0 -2622px; }
|
||||
.geSprite-outdent { background-position: 0 -2668px; }
|
||||
.geSprite-code { background-position: 0 -2714px; }
|
||||
.geSprite-fontbackground { background-position: 0 -2760px; }
|
||||
.geSprite-removeformat { background-position: 0 -2806px; }
|
||||
.geSprite-superscript { background-position: 0 -2852px; }
|
||||
.geSprite-subscript { background-position: 0 -2898px; }
|
||||
.geSprite-table { background-position: 0 -2944px; }
|
||||
.geSprite-deletecolumn { background-position: 0 -2990px; }
|
||||
.geSprite-deleterow { background-position: 0 -3036px; }
|
||||
.geSprite-insertcolumnafter { background-position: 0 -3082px; }
|
||||
.geSprite-insertcolumnbefore { background-position: 0 -3128px; }
|
||||
.geSprite-insertrowafter { background-position: 0 -3174px; }
|
||||
.geSprite-insertrowbefore { background-position: 0 -3220px; }
|
||||
.geSprite-grid { background-position: 0 -3272px; }
|
||||
.geSprite-guides { background-position: 0 -3324px; }
|
||||
.geSprite-dots { background-position: 0 -3370px; }
|
||||
.geSprite-alignleft { background-position: 0 -3416px; }
|
||||
.geSprite-alignright { background-position: 0 -3462px; }
|
||||
.geSprite-aligncenter { background-position: 0 -3508px; }
|
||||
.geSprite-aligntop { background-position: 0 -3554px; }
|
||||
.geSprite-alignbottom { background-position: 0 -3600px; }
|
||||
.geSprite-alignmiddle { background-position: 0 -3646px; }
|
||||
.geSprite-justifyfull { background-position: 0 -3692px; }
|
||||
.geSprite-formatpanel { background-position: 0 -3738px; }
|
||||
.geSprite-connection { background-position: 0 -3784px; }
|
||||
.geSprite-vertical { background-position: 0 -3830px; }
|
||||
.geSprite-simplearrow { background-position: 0 -3876px; }
|
||||
.geSprite-plus { background-position: 0 -3922px; }
|
||||
.geSprite-rounded { background-position: 0 -3968px; }
|
||||
.geSprite-toback { background-position: 0 -4014px; }
|
||||
.geSprite-tofront { background-position: 0 -4060px; }
|
||||
.geSprite-duplicate { background-position: 0 -4106px; }
|
||||
.geSprite-insert { background-position: 0 -4152px; }
|
||||
.geSprite-endblockthin { background-position: 0 -4201px; }
|
||||
.geSprite-endblockthintrans { background-position: 0 -4247px; }
|
||||
.geSprite-enderone { background-position: 0 -4293px; }
|
||||
.geSprite-enderonetoone { background-position: 0 -4339px; }
|
||||
.geSprite-enderonetomany { background-position: 0 -4385px; }
|
||||
.geSprite-endermany { background-position: 0 -4431px; }
|
||||
.geSprite-enderoneopt { background-position: 0 -4477px; }
|
||||
.geSprite-endermanyopt { background-position: 0 -4523px; }
|
||||
.geSprite-endclassicthin { background-position: 0 -4938px; }
|
||||
.geSprite-endclassicthintrans { background-position: 0 -4984px; }
|
||||
.geSprite-enddash { background-position: 0 -5029px; }
|
||||
.geSprite-endcircleplus { background-position: 0 -5075px; }
|
||||
.geSprite-endcircle { background-position: 0 -5121px; }
|
||||
.geSprite-endasync { background-position: 0 -5167px; }
|
||||
.geSprite-endasynctrans { background-position: 0 -5213px; }
|
||||
.geSprite-startblockthin { background-position: 0 -4569px; }
|
||||
.geSprite-startblockthintrans { background-position: 0 -4615px; }
|
||||
.geSprite-starterone { background-position: 0 -4661px; }
|
||||
.geSprite-starteronetoone { background-position: 0 -4707px; }
|
||||
.geSprite-starteronetomany { background-position: 0 -4753px; }
|
||||
.geSprite-startermany { background-position: 0 -4799px; }
|
||||
.geSprite-starteroneopt { background-position: 0 -4845px; }
|
||||
.geSprite-startermanyopt { background-position: 0 -4891px; }
|
||||
.geSprite-startclassicthin { background-position: 0 -5259px; }
|
||||
.geSprite-startclassicthintrans { background-position: 0 -5305px; }
|
||||
.geSprite-startdash { background-position: 0 -5351px; }
|
||||
.geSprite-startcircleplus { background-position: 0 -5397px; }
|
||||
.geSprite-startcircle { background-position: 0 -5443px; }
|
||||
.geSprite-startasync { background-position: 0 -5489px; }
|
||||
.geSprite-startasynctrans { background-position: 0 -5535px; }
|
||||
.geSprite-startcross { background-position: 0 -5581px; }
|
||||
.geSprite-startopenthin { background-position: 0 -5627px; }
|
||||
.geSprite-startopenasync { background-position: 0 -5673px; }
|
||||
.geSprite-endcross { background-position: 0 -5719px; }
|
||||
.geSprite-endopenthin { background-position: 0 -5765px; }
|
||||
.geSprite-endopenasync { background-position: 0 -5811px; }
|
||||
.geSprite-verticalelbow { background-position: 0 -5857px; }
|
||||
.geSprite-horizontalelbow { background-position: 0 -5903px; }
|
||||
.geSprite-horizontalisometric { background-position: 0 -5949px; }
|
||||
.geSprite-verticalisometric { background-position: 0 -5995px; }
|
||||
html div.mxRubberband {
|
||||
border-color:#0000DD;
|
||||
background:#99ccff;
|
||||
}
|
||||
td.mxPopupMenuIcon div {
|
||||
width:16px;
|
||||
height:16px;
|
||||
}
|
||||
html div.mxPopupMenu {
|
||||
-webkit-box-shadow:2px 2px 3px #d5d5d5;
|
||||
-moz-box-shadow:2px 2px 3px #d5d5d5;
|
||||
box-shadow:2px 2px 3px #d5d5d5;
|
||||
_filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d0d0d0', Positive='true');
|
||||
background:white;
|
||||
position:absolute;
|
||||
border:3px solid #e7e7e7;
|
||||
padding:3px;
|
||||
}
|
||||
html table.mxPopupMenu {
|
||||
border-collapse:collapse;
|
||||
margin:0px;
|
||||
}
|
||||
html td.mxPopupMenuItem {
|
||||
padding:7px 30px 7px 30px;
|
||||
font-family:Helvetica Neue,Helvetica,Arial Unicode MS,Arial;
|
||||
font-size:10pt;
|
||||
}
|
||||
html td.mxPopupMenuIcon {
|
||||
background-color:white;
|
||||
padding:0px;
|
||||
}
|
||||
td.mxPopupMenuIcon .geIcon {
|
||||
padding:2px;
|
||||
padding-bottom:4px;
|
||||
margin:2px;
|
||||
border:1px solid transparent;
|
||||
opacity:0.5;
|
||||
_width:26px;
|
||||
_height:26px;
|
||||
}
|
||||
td.mxPopupMenuIcon .geIcon:hover {
|
||||
border:1px solid gray;
|
||||
border-radius:2px;
|
||||
opacity:1;
|
||||
}
|
||||
html tr.mxPopupMenuItemHover {
|
||||
background-color: #eeeeee;
|
||||
color: black;
|
||||
}
|
||||
table.mxPopupMenu hr {
|
||||
color:#cccccc;
|
||||
background-color:#cccccc;
|
||||
border:none;
|
||||
height:1px;
|
||||
}
|
||||
table.mxPopupMenu tr {
|
||||
font-size:4pt;
|
||||
}
|
||||
html td.mxWindowTitle {
|
||||
font-family:Helvetica Neue,Helvetica,Arial Unicode MS,Arial;
|
||||
text-align:left;
|
||||
font-size:12px;
|
||||
color:rgb(112, 112, 112);
|
||||
padding:4px;
|
||||
}
|
||||
37
gui/app/styles/core/section/gemini.scss
Normal file
37
gui/app/styles/core/section/gemini.scss
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
.section-gemini-workspaces {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.section-gemini-workspace {
|
||||
float: left;
|
||||
list-style: none;
|
||||
margin: 0px 15px 15px 0;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.section-gemini-card {
|
||||
height: 50px;
|
||||
width: 75px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.section-gemini-selected-card {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
right: 4px;
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.section-gemini-table {
|
||||
font-size: 12px;
|
||||
width: auto !important;
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
136
gui/app/styles/core/section/github.scss
Normal file
136
gui/app/styles/core/section/github.scss
Normal file
|
|
@ -0,0 +1,136 @@
|
|||
.section-github-editor {
|
||||
.github-view label {
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.github-repo {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
white-space: nowrap;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.github-repo-title {
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.github-list {
|
||||
margin: 10px 10px 0 0;
|
||||
}
|
||||
|
||||
.github-list-title {
|
||||
color: #4c4c4c;
|
||||
font-size: 14px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
.github-list-checkbox {
|
||||
vertical-align: text-top;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.github-issue-label {
|
||||
font-size: 11px;
|
||||
color: white;
|
||||
padding: 0 4px;
|
||||
margin-right: 5px;
|
||||
border-radius: 2px;
|
||||
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.12);
|
||||
display: inline-block;
|
||||
line-height: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
.section-github-render {
|
||||
font-size: 0.9rem;
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.github-table {
|
||||
margin: 10px 0 !important;
|
||||
border: none !important;
|
||||
line-height: 30px;
|
||||
|
||||
td {
|
||||
border: none !important;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
|
||||
.heading {
|
||||
font-size: 1.6rem;
|
||||
margin: 30px 0 0;
|
||||
}
|
||||
|
||||
.github-table thead tr th {
|
||||
padding: 15px 0;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
|
||||
span {
|
||||
color: #838d94;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.github-table tbody tr td {
|
||||
border: none !important;
|
||||
padding: 5px 0 !important;
|
||||
}
|
||||
|
||||
.github-table .right-column {
|
||||
text-align: right;
|
||||
color: #838d94;
|
||||
}
|
||||
|
||||
span.data {
|
||||
color: #838d94;
|
||||
}
|
||||
|
||||
.issue-label {
|
||||
color: white;
|
||||
font-size: 11px;
|
||||
padding: 4px 6px;
|
||||
border-radius: 4px;
|
||||
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
width: 40%;
|
||||
background-color: #f1f1f1;
|
||||
height: 8px;
|
||||
margin-left: 10px;
|
||||
|
||||
.progress {
|
||||
height: 8px;
|
||||
border-radius: 4px;
|
||||
background-color: #4caf50;
|
||||
}
|
||||
}
|
||||
|
||||
.contributor-meta {
|
||||
white-space: nowrap;
|
||||
width: 1%;
|
||||
}
|
||||
|
||||
span.issue-state {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
img.github-avatar {
|
||||
width: 24px;
|
||||
border-radius: 4px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
18
gui/app/styles/core/section/jira.scss
Normal file
18
gui/app/styles/core/section/jira.scss
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
.section-jira {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.section-jira-table {
|
||||
font-size: 1rem;
|
||||
width: auto !important;
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.section-jira-icon {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
19
gui/app/styles/core/section/markdown.scss
Normal file
19
gui/app/styles/core/section/markdown.scss
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
.section-markdown-editor {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.section-markdown-preview {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@extend .no-outline;
|
||||
margin-top: -10px;
|
||||
border: none;
|
||||
@extend .no-outline;
|
||||
}
|
||||
|
||||
.section-markdown-preview-button {
|
||||
position: absolute;
|
||||
top: 18px;
|
||||
right: 118px;
|
||||
}
|
||||
16
gui/app/styles/core/section/papertrail.scss
Normal file
16
gui/app/styles/core/section/papertrail.scss
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
.section-papertrail-table {
|
||||
font-size: 12px;
|
||||
width: 90% important;
|
||||
|
||||
th {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
td:nth-child(2) {
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
4
gui/app/styles/core/section/plantuml.scss
Normal file
4
gui/app/styles/core/section/plantuml.scss
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
.section-plantuml-diagram {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
1354
gui/app/styles/core/section/table.scss
Normal file
1354
gui/app/styles/core/section/table.scss
Normal file
File diff suppressed because it is too large
Load diff
90
gui/app/styles/core/section/trello.scss
Normal file
90
gui/app/styles/core/section/trello.scss
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
.section-trello-board {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
white-space: nowrap;
|
||||
overflow: auto
|
||||
}
|
||||
|
||||
.section-trello-board-title {
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.section-trello-list {
|
||||
background-color: #e2e4e6;
|
||||
padding: 10px;
|
||||
border-radius: 3px;
|
||||
margin: 10px 10px 0 0;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.section-trello-list-title {
|
||||
font-weight: bold;
|
||||
color: #4c4c4c;
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
.section-trello-list-checkbox {
|
||||
vertical-align: text-top;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.section-trello-render {
|
||||
> .trello-board {
|
||||
width: 100%;
|
||||
max-height: 600px;
|
||||
padding: 10px;
|
||||
white-space: nowrap;
|
||||
overflow: auto;
|
||||
|
||||
> a {
|
||||
> .trello-board-title {
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
> .trello-list {
|
||||
background-color: #e2e4e6;
|
||||
padding: 10px;
|
||||
border-radius: 3px;
|
||||
margin: 10px 10px 0 0;
|
||||
width: 300px;
|
||||
max-height: 500px;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
overflow: auto;
|
||||
vertical-align: top;
|
||||
|
||||
> .trello-list-title {
|
||||
font-weight: bold;
|
||||
color: #4c4c4c;
|
||||
font-size: 14px;
|
||||
margin: 0 10px 10px 0;
|
||||
}
|
||||
|
||||
> a {
|
||||
> .trello-card {
|
||||
color: #4c4c4c;
|
||||
border-bottom: 1px solid #CDD2D4;
|
||||
background-color: #fff;
|
||||
border-radius: 3px;
|
||||
padding: 7px 7px;
|
||||
margin: 5px 0;
|
||||
font-size: 14px;
|
||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
line-height: 18px;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
white-space: normal;
|
||||
cursor: pointer;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
6
gui/app/styles/core/section/wysiwyg.scss
Normal file
6
gui/app/styles/core/section/wysiwyg.scss
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
.wysiwyg-editor {
|
||||
@extend .no-outline;
|
||||
font-family: Helvetica,Arial,Verdana,sans-serif;
|
||||
margin-top: -10px;
|
||||
color: $color-black;
|
||||
}
|
||||
885
gui/app/styles/core/vendor.scss
Normal file
885
gui/app/styles/core/vendor.scss
Normal file
File diff suppressed because one or more lines are too long
42
gui/app/styles/core/view/auth.scss
Normal file
42
gui/app/styles/core/view/auth.scss
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
.auth-center {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
min-height: 500px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.auth-box {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
max-width: 500px;
|
||||
padding: 20px 50px;
|
||||
background-color: $color-white;
|
||||
color: $color-off-black;
|
||||
@include border-radius(3px);
|
||||
@include shadow();
|
||||
|
||||
.logo {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
|
||||
> img {
|
||||
height: 60px;
|
||||
margin: 30px 0 0 0;
|
||||
}
|
||||
|
||||
> .url {
|
||||
margin: 20px 0;
|
||||
color: $color-gray;
|
||||
font-weight: 0.9rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sso-box {
|
||||
text-align: center;
|
||||
margin-top: 150px;
|
||||
font-size: 3rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
34
gui/app/styles/core/view/common.scss
Normal file
34
gui/app/styles/core/view/common.scss
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
.modal-content {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
margin-top: 50px;
|
||||
max-width: 500px;
|
||||
padding: 30px;
|
||||
@include border-radius(5px);
|
||||
background-color: $color-off-white;
|
||||
display: block;
|
||||
opacity: 0.8;
|
||||
|
||||
> p {
|
||||
font-size: 1.5rem;
|
||||
line-height: 2.5rem;
|
||||
color: $color-gray;
|
||||
display: block;
|
||||
}
|
||||
|
||||
> .material-icons {
|
||||
font-size: 5rem;
|
||||
color: $color-stroke;
|
||||
}
|
||||
}
|
||||
|
||||
.not-found {
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
color: $color-gray;
|
||||
margin: 5rem 0;
|
||||
}
|
||||
232
gui/app/styles/core/view/customize.scss
Normal file
232
gui/app/styles/core/view/customize.scss
Normal file
|
|
@ -0,0 +1,232 @@
|
|||
.view-customize {
|
||||
> .admin-heading {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
color: $color-black;
|
||||
}
|
||||
|
||||
> .sub-heading {
|
||||
font-size: 1.1rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
.user-table {
|
||||
tbody tr td, thead tr th {
|
||||
border-top: none !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
color: $color-link;
|
||||
margin: 0 0 0 10px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
|
||||
> .email {
|
||||
font-size: 0.9rem;
|
||||
color: $color-off-black;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.groups {
|
||||
cursor: pointer;
|
||||
margin: 5px 0 0 10px;
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
|
||||
> .space-list {
|
||||
padding: 0;
|
||||
margin: 3rem 0;
|
||||
|
||||
> .space {
|
||||
margin: 15px 0;
|
||||
padding: 15px 0;
|
||||
font-size: 1.2rem;
|
||||
color: $color-primary;
|
||||
}
|
||||
}
|
||||
|
||||
> .groups-list {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
> .group {
|
||||
margin: 15px 0;
|
||||
|
||||
.name {
|
||||
color: $color-off-black;
|
||||
font-size: 1.3rem;
|
||||
font-weight: 600;
|
||||
|
||||
> .purpose {
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// used for group admin
|
||||
> .group-users-members {
|
||||
> .item {
|
||||
margin: 10px 0;
|
||||
|
||||
> .fullname {
|
||||
color: $color-primary;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// used for user admin
|
||||
> .group-membership {
|
||||
> .item {
|
||||
margin: 10px 0;
|
||||
|
||||
> .group-name {
|
||||
color: $color-primary;
|
||||
font-size: 1.2rem;
|
||||
|
||||
> .group-purpose {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .smtp-failure, .admin-setting-failure {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
color: $color-red;
|
||||
}
|
||||
|
||||
> .smtp-success, .admin-setting-success {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
color: $color-green;
|
||||
}
|
||||
|
||||
> .archive-admin {
|
||||
> .list {
|
||||
> .item {
|
||||
margin: 15px 0;
|
||||
padding: 15px 0;
|
||||
@include ease-in();
|
||||
font-size: 1.2rem;
|
||||
color: $color-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .max-results {
|
||||
float: right;
|
||||
}
|
||||
|
||||
> .backup-restore {
|
||||
margin: 20px 0;
|
||||
font-size: 1.1rem;
|
||||
|
||||
> .backup-zone {
|
||||
@include border-radius(3px);
|
||||
border: 1px solid $color-border;
|
||||
padding: 20px 20px;
|
||||
background-color: lighten($color-green, 60%);
|
||||
color: $color-off-black;
|
||||
|
||||
> .backup-fail {
|
||||
margin: 10px 0;
|
||||
color: $color-red;
|
||||
}
|
||||
|
||||
> .backup-success {
|
||||
margin: 10px 0;
|
||||
color: $color-green;
|
||||
}
|
||||
}
|
||||
|
||||
> .restore-zone {
|
||||
@include border-radius(3px);
|
||||
border: 1px solid $color-border;
|
||||
margin: 50px 0;
|
||||
padding: 20px 20px;
|
||||
background-color: lighten($color-red, 60%);
|
||||
color: $color-off-black;
|
||||
|
||||
> .restore-fail {
|
||||
margin: 10px 0;
|
||||
color: $color-red;
|
||||
}
|
||||
|
||||
> .restore-success {
|
||||
margin: 10px 0;
|
||||
color: $color-green;
|
||||
}
|
||||
|
||||
> .upload-backup-file {
|
||||
@include ease-in();
|
||||
margin: 50px 0 10px 0;
|
||||
|
||||
> .dz-preview, .dz-processing {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.restore-upload-busy {
|
||||
text-align: center;
|
||||
|
||||
> img {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
> .wait {
|
||||
color: $color-gray;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
> .ready {
|
||||
color: $color-green;
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .deactivation-zone {
|
||||
@include border-radius(3px);
|
||||
border: 1px solid $color-red;
|
||||
margin: 30px 0;
|
||||
padding: 20px 20px;
|
||||
background-color: lighten($color-red, 60%);
|
||||
color: $color-off-black;
|
||||
}
|
||||
}
|
||||
132
gui/app/styles/core/view/document/add-section.scss
Normal file
132
gui/app/styles/core/view/document/add-section.scss
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
.start-section {
|
||||
@extend .no-select;
|
||||
background-color: transparent;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
font-size: 1.3rem;
|
||||
|
||||
> .start-button {
|
||||
text-align: center;
|
||||
margin: 30px 0 20px 0;
|
||||
position: relative;
|
||||
color: $color-gray-light;
|
||||
|
||||
> .cta {
|
||||
@include ease-in();
|
||||
font-weight: bold;
|
||||
letter-spacing: 0.22rem;
|
||||
|
||||
&:hover {
|
||||
color: $color-green;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.new-section-wizard {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
.new-section-caption {
|
||||
margin: 20px 0 10px 0;
|
||||
color: $color-primary;
|
||||
font-size: 1.4rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.new-section-empty {
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
.preset-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> .item {
|
||||
@include ease-in();
|
||||
@include border-radius(3px);
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
margin: 0 20px 20px 0;
|
||||
padding: 12px 0 0 20px;
|
||||
height: 60px;
|
||||
border: 1px solid $color-border;
|
||||
background-color: $color-off-white;
|
||||
|
||||
&:hover {
|
||||
border-color: $color-primary;
|
||||
background-color: $color-primary-light;
|
||||
}
|
||||
|
||||
.icon {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
margin-right: 10px;
|
||||
|
||||
> .img {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
> .title {
|
||||
display: inline-block;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
color: $color-off-black;
|
||||
letter-spacing: 0.5px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.block-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> .item {
|
||||
@include ease-in();
|
||||
@include border-radius(3px);
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
margin: 0 20px 20px 0;
|
||||
padding: 12px 20px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
border: 1px solid $color-border;
|
||||
background-color: $color-off-white;
|
||||
|
||||
&:hover {
|
||||
border-color: $color-primary;
|
||||
background-color: $color-primary-light;
|
||||
}
|
||||
|
||||
> .actions {
|
||||
@include ease-in();
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 8px;
|
||||
}
|
||||
|
||||
> .details {
|
||||
> .title {
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
color: $color-off-black;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
> .desc {
|
||||
color: $color-off-black;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
55
gui/app/styles/core/view/document/copy-move.scss
Normal file
55
gui/app/styles/core/view/document/copy-move.scss
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
.document-copy-move {
|
||||
> .documents-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
|
||||
> .document {
|
||||
@include ease-in();
|
||||
margin: 0 0 5px 0;
|
||||
padding: 10px 15px;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
list-style-type: none;
|
||||
|
||||
&:hover {
|
||||
color: $color-black;
|
||||
}
|
||||
|
||||
> .title {
|
||||
color : $color-off-black;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
> .space {
|
||||
color : $color-gray;
|
||||
font-size: 0.8rem;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
> .snippet {
|
||||
color : $color-gray;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
> .material-icons {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
color: $color-white;
|
||||
}
|
||||
}
|
||||
|
||||
> .selected {
|
||||
background-color: $color-link !important;
|
||||
|
||||
> .title, .space, .snippet {
|
||||
color: $color-white !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
96
gui/app/styles/core/view/document/doc-meta.scss
Normal file
96
gui/app/styles/core/view/document/doc-meta.scss
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
.view-document {
|
||||
> .document-heading {
|
||||
.doc-title {
|
||||
margin: 50px 0 10px;
|
||||
font-size: 2.2rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.doc-excerpt {
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.document-lifecycle-live {
|
||||
@include border-radius(3px);
|
||||
@include ease-in();
|
||||
display: inline-block;
|
||||
border: 2px solid $color-green;
|
||||
padding: 2px 10px;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
font-weight: 800;
|
||||
font-size: 1rem;
|
||||
|
||||
&:hover {
|
||||
color: $color-green;
|
||||
}
|
||||
}
|
||||
|
||||
.document-lifecycle-draft {
|
||||
@extend .document-lifecycle-live;
|
||||
border: 2px solid $color-orange;
|
||||
|
||||
&:hover {
|
||||
color: $color-orange;
|
||||
}
|
||||
}
|
||||
|
||||
.document-protection-unlocked {
|
||||
@include border-radius(3px);
|
||||
@include ease-in();
|
||||
display: inline-block;
|
||||
padding: 2px 10px;
|
||||
font-weight: 800;
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
border: 2px solid $color-gray;
|
||||
|
||||
&:hover {
|
||||
color: $color-dark;
|
||||
}
|
||||
}
|
||||
|
||||
.document-protection-review {
|
||||
@extend .document-protection-unlocked;
|
||||
border: 2px solid $color-orange;
|
||||
|
||||
&:hover {
|
||||
color: $color-orange;
|
||||
}
|
||||
}
|
||||
|
||||
.document-protection-locked {
|
||||
@extend .document-protection-unlocked;
|
||||
border: 2px solid $color-red;
|
||||
|
||||
&:hover {
|
||||
color: $color-red;
|
||||
}
|
||||
}
|
||||
|
||||
.document-category {
|
||||
display: inline-block;
|
||||
padding: 2px 10px;
|
||||
font-weight: 600;
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
border: 2px solid $color-gray;
|
||||
border-left: 13px solid $color-gray;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.document-tag {
|
||||
display: inline-block;
|
||||
padding: 2px 0;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
color: $color-gray;
|
||||
margin-right: 20px;
|
||||
}
|
||||
69
gui/app/styles/core/view/document/doc-structure.scss
Normal file
69
gui/app/styles/core/view/document/doc-structure.scss
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
.document-tabnav {
|
||||
margin: 20px 0 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.document-structure {
|
||||
margin: 0 0 0 0;
|
||||
|
||||
> .page-header {
|
||||
margin: 0 0 2rem 0;
|
||||
|
||||
> .page-number {
|
||||
color: $color-gray;
|
||||
background-color: $color-gray-light2;
|
||||
padding: 0.2rem 1rem;
|
||||
font-size: 1.8rem;
|
||||
margin: 0 1.5rem 0 0;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
> .page-state-pending {
|
||||
color: $color-red;
|
||||
}
|
||||
|
||||
> .page-state-review {
|
||||
color: $color-green;
|
||||
}
|
||||
|
||||
> .page-title {
|
||||
display: inline;
|
||||
font-size: 2.0rem;
|
||||
font-weight: bold;
|
||||
margin: 16px 0;
|
||||
color: $color-dark;
|
||||
}
|
||||
}
|
||||
|
||||
> .protection-table {
|
||||
> tbody, > thead {
|
||||
> tr, > th {
|
||||
> td, > th {
|
||||
margin: 0;
|
||||
padding: 10px 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
> td:first-child {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> thead {
|
||||
> tr {
|
||||
> th {
|
||||
background-color: $color-off-white;
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
> th:first-child {
|
||||
background-color: $color-white !important;
|
||||
border: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
67
gui/app/styles/core/view/document/doc-toc.scss
Normal file
67
gui/app/styles/core/view/document/doc-toc.scss
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
.document-sidebar {
|
||||
> .document-toc {
|
||||
@include border-radius(3px);
|
||||
@include ease-in();
|
||||
margin: 0;
|
||||
padding: 0 20px 20px 20px;
|
||||
display: block;
|
||||
|
||||
> .header {
|
||||
top: 0;
|
||||
padding-top: 20px;
|
||||
margin: 0;
|
||||
|
||||
> .toc-controls {
|
||||
margin: 0 0 0 0;
|
||||
text-align: center;
|
||||
|
||||
> .disabled {
|
||||
cursor: not-allowed !important;
|
||||
|
||||
> .material-icons {
|
||||
color: $color-gray-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .index-list {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
font-size: 0.9rem;
|
||||
overflow-x: hidden;
|
||||
list-style-type: none;
|
||||
margin: 0 0 0 0;
|
||||
|
||||
.item {
|
||||
@extend .no-select;
|
||||
padding: 4px 0;
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: break-word;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
|
||||
> .link {
|
||||
color: $color-dark;
|
||||
font-weight: bold;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
|
||||
> .numbering {
|
||||
color: $color-gray;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
> .selected {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
11
gui/app/styles/core/view/document/document.scss
Normal file
11
gui/app/styles/core/view/document/document.scss
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
@import "add-section.scss";
|
||||
@import "copy-move.scss";
|
||||
@import "doc-meta.scss";
|
||||
@import "doc-structure.scss";
|
||||
@import "doc-toc.scss";
|
||||
@import "section-editor.scss";
|
||||
@import "view-attachment.scss";
|
||||
@import "view-activity.scss";
|
||||
@import "view-revision.scss";
|
||||
@import "vote-likes.scss";
|
||||
@import "wysiwyg.scss";
|
||||
27
gui/app/styles/core/view/document/section-editor.scss
Normal file
27
gui/app/styles/core/view/document/section-editor.scss
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
.section-editor {
|
||||
> .edit-title {
|
||||
margin: 16px 0;
|
||||
}
|
||||
|
||||
> .canvas {
|
||||
// margin: 34px 0 0 0;
|
||||
padding: 30px 20px;
|
||||
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
|
||||
}
|
||||
}
|
||||
|
||||
.content-linker-modal-container {
|
||||
height: 500px;
|
||||
overflow-y: auto;
|
||||
|
||||
.icon {
|
||||
margin-right: 5px;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.block-editor {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
64
gui/app/styles/core/view/document/view-activity.scss
Normal file
64
gui/app/styles/core/view/document/view-activity.scss
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
.view-activity {
|
||||
margin: 50px;
|
||||
|
||||
.title {
|
||||
font-size: 1.8rem;
|
||||
font-weight: bold;
|
||||
margin: 0 0 30px 0;
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
> .list {
|
||||
margin: 0 0 50px 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
|
||||
> .item {
|
||||
@include ease-in();
|
||||
list-style: none;
|
||||
padding: 10px 0;
|
||||
margin: 5px 0;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
|
||||
> .dash {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
left: -20px;
|
||||
background-color: $color-border;
|
||||
height: 3px;
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
> .spacer {
|
||||
display: inline-block;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
> .details {
|
||||
@include ease-in();
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
|
||||
> .doc {
|
||||
font-size: 1.2rem;
|
||||
font-weight: normal;
|
||||
color: $color-off-black;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
> .note {
|
||||
color: $color-gray;
|
||||
font-size: 1rem;
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .list-timeline {
|
||||
border-left: 5px solid $color-border;
|
||||
padding-left: 20px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
49
gui/app/styles/core/view/document/view-attachment.scss
Normal file
49
gui/app/styles/core/view/document/view-attachment.scss
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
.view-attachment {
|
||||
> .upload-document-files {
|
||||
@include ease-in();
|
||||
margin: 50px 0 10px 0;
|
||||
|
||||
> .dz-preview, .dz-processing {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
> .list {
|
||||
margin: 10px 0 0 0;
|
||||
padding: 0;
|
||||
|
||||
> .item {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1.1rem;
|
||||
list-style-type: none;
|
||||
border-left: 6px solid $color-gray-light;
|
||||
padding-left: 15px;
|
||||
margin-left: 3px;
|
||||
|
||||
> a {
|
||||
@include ease-in();
|
||||
display: inline-block;
|
||||
font-size: 1.1rem;
|
||||
vertical-align: text-top;
|
||||
margin-right: 10px;
|
||||
color: $color-gray;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
|
||||
> .delete {
|
||||
display: inline-block;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> .delete {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
16
gui/app/styles/core/view/document/view-revision.scss
Normal file
16
gui/app/styles/core/view/document/view-revision.scss
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
.view-revision {
|
||||
> .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;
|
||||
margin: 50px 0;
|
||||
|
||||
> .canvas {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
25
gui/app/styles/core/view/document/vote-likes.scss
Normal file
25
gui/app/styles/core/view/document/vote-likes.scss
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
.vote-box {
|
||||
margin: 50px 0;
|
||||
padding: 30px 50px;
|
||||
text-align: center;
|
||||
max-width: 400px;
|
||||
border: 1px dotted $color-border;
|
||||
background: $color-off-white;
|
||||
@include border-radius(3px);
|
||||
|
||||
> .prompt {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
> .buttons {
|
||||
margin: 20px 0 0 0;
|
||||
}
|
||||
|
||||
> .ack {
|
||||
font-size: 1.2rem;
|
||||
font-weight: 600;
|
||||
color: $color-green;
|
||||
}
|
||||
}
|
||||
120
gui/app/styles/core/view/document/wysiwyg.scss
Normal file
120
gui/app/styles/core/view/document/wysiwyg.scss
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
.wysiwyg {
|
||||
font-size: 17px;
|
||||
line-height: 25px;
|
||||
color: $color-off-black;
|
||||
|
||||
table {
|
||||
border: 1px solid $color-border !important;
|
||||
|
||||
th {
|
||||
padding: 5px 7px !important;
|
||||
border: 1px solid $color-border !important;
|
||||
background-color: $color-off-white;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 5px 7px !important;
|
||||
border: 1px solid $color-border !important;
|
||||
|
||||
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,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: bold;
|
||||
margin: 16px 0;
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
h1 { font-size: 2.0rem; }
|
||||
h2 { font-size: 1.8rem; }
|
||||
h3 { font-size: 1.6rem; }
|
||||
h4 { font-size: 1.4rem; }
|
||||
h5 { font-size: 1.3rem; }
|
||||
h6 { font-size: 1.1rem; }
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
49
gui/app/styles/core/view/exceptions.scss
Normal file
49
gui/app/styles/core/view/exceptions.scss
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
.documize-base-exception
|
||||
{
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid $color-border !important;
|
||||
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;
|
||||
}
|
||||
17
gui/app/styles/core/view/import.scss
vendored
Normal file
17
gui/app/styles/core/view/import.scss
vendored
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
.import-zone {
|
||||
margin: 3rem 1rem;
|
||||
|
||||
.dz-preview, .dz-processing {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
> .import-status {
|
||||
margin-top: 30px;
|
||||
|
||||
> p {
|
||||
font-size: 1.1rem;
|
||||
color: $color-off-black;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
317
gui/app/styles/core/view/onboard.scss
Normal file
317
gui/app/styles/core/view/onboard.scss
Normal file
|
|
@ -0,0 +1,317 @@
|
|||
.onboarding-container {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
color: $color-off-black;
|
||||
letter-spacing: 1px;
|
||||
margin: 50px 0;
|
||||
|
||||
.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
|
||||
{
|
||||
.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;
|
||||
max-width: 500px;
|
||||
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);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
126
gui/app/styles/core/view/search.scss
Normal file
126
gui/app/styles/core/view/search.scss
Normal file
|
|
@ -0,0 +1,126 @@
|
|||
.view-search {
|
||||
margin-top: 30px;
|
||||
|
||||
> .heading {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
color: $color-dark;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.search-box {
|
||||
width: 300px;
|
||||
}
|
||||
@media (min-width: 900px) {
|
||||
.search-box {
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.search-box {
|
||||
width: 600px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.search-box {
|
||||
width: 700px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1800px) {
|
||||
.search-box {
|
||||
width: 900px;
|
||||
}
|
||||
}
|
||||
|
||||
> .documents {
|
||||
margin: 20px 0;
|
||||
padding: 0;
|
||||
|
||||
> .document {
|
||||
@include card();
|
||||
@include ease-in();
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin: 0 0 30px 0;
|
||||
width: 100%;
|
||||
|
||||
&:hover {
|
||||
> .checkbox {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
> a {
|
||||
@include ease-in();
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 15px 20px;
|
||||
|
||||
> .title {
|
||||
color: $color-black;
|
||||
font-weight: bold;
|
||||
font-size: 1.4rem;
|
||||
margin-bottom: 5px;
|
||||
|
||||
> .version {
|
||||
font-size: 1.1rem;
|
||||
font-weight: bold;
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
|
||||
> .space {
|
||||
color: $color-off-black;
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
> .snippet {
|
||||
color: $color-gray;
|
||||
font-size: 1.1rem;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> .title {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hashtags {
|
||||
> .hashtag {
|
||||
display: inline-block;
|
||||
margin: 5px 10px 0 5px;
|
||||
color: $color-gray;
|
||||
font-size: 1rem;
|
||||
font-style: italic;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
> .syntax {
|
||||
margin: 20px 0;
|
||||
|
||||
> .example {
|
||||
margin-top: 10px;
|
||||
font-weight: 600;
|
||||
font-size: 1.1rem;
|
||||
font-style: italic;
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
> .explain {
|
||||
margin: 10px 0 20px 0px;
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
}
|
||||
180
gui/app/styles/core/view/space.scss
Normal file
180
gui/app/styles/core/view/space.scss
Normal file
|
|
@ -0,0 +1,180 @@
|
|||
.view-space {
|
||||
> .filter-caption {
|
||||
margin: 10px 0;
|
||||
color: $color-gray;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
> .documents {
|
||||
margin: 60px 0;
|
||||
padding: 0;
|
||||
|
||||
> .document {
|
||||
@include card();
|
||||
@include ease-in();
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin: 0 0 30px 0;
|
||||
width: 100%;
|
||||
|
||||
&:hover {
|
||||
> .checkbox {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
> a {
|
||||
@include ease-in();
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 15px 20px;
|
||||
|
||||
> .title {
|
||||
color: $color-black;
|
||||
font-size: 1.3rem;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
> .snippet {
|
||||
color: $color-gray;
|
||||
font-size: 1rem;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
|
||||
> .checkbox {
|
||||
position: absolute;
|
||||
display: none;
|
||||
top: 10px;
|
||||
right: 20px;
|
||||
cursor: pointer;
|
||||
|
||||
> .material-icons {
|
||||
width: 10px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: $color-checkbox;
|
||||
}
|
||||
}
|
||||
|
||||
> .actions {
|
||||
position: absolute;
|
||||
display: none;
|
||||
bottom: 2px;
|
||||
right: 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
> .selected {
|
||||
background-color: $color-primary-light !important;
|
||||
|
||||
> .checkbox {
|
||||
display: block;
|
||||
}
|
||||
|
||||
> .actions {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hashtags {
|
||||
> .hashtag {
|
||||
display: inline-block;
|
||||
margin: 5px 10px 0 5px;
|
||||
color: $color-gray;
|
||||
font-size: 0.875rem;
|
||||
font-style: italic;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.space-admin {
|
||||
> .title {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
> .sub-title {
|
||||
font-size: 1.1rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
> .permission-table {
|
||||
> tbody, > thead {
|
||||
> tr, > th {
|
||||
> td, > th {
|
||||
margin: 0;
|
||||
padding: 10px 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
> td:first-child {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> thead {
|
||||
> tr {
|
||||
> th {
|
||||
background-color: $color-off-white;
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
> th:first-child {
|
||||
background-color: $color-white !important;
|
||||
border: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .categories {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
> .item {
|
||||
margin: 15px 0;
|
||||
padding: 15px;
|
||||
@include card();
|
||||
@include ease-in();
|
||||
|
||||
> .category {
|
||||
display: inline-block;
|
||||
|
||||
> .name {
|
||||
font-size: 1.2rem;
|
||||
color: $color-primary;
|
||||
}
|
||||
|
||||
> .info {
|
||||
font-size: 0.9rem;
|
||||
margin-top: 8px;
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
|
||||
> .buttons {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
> .action {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
45
gui/app/styles/core/view/spaces.scss
Normal file
45
gui/app/styles/core/view/spaces.scss
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
.view-spaces {
|
||||
> .heading {
|
||||
font-size: 1.3rem;
|
||||
font-weight: bold;
|
||||
color: $color-dark;
|
||||
text-transform: uppercase;
|
||||
|
||||
> .counter {
|
||||
font-size: 0.9rem;
|
||||
font-weight: normal;
|
||||
color: $color-gray;
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
> .empty {
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
font-weight: normal;
|
||||
margin: 20px 0 50px 0;
|
||||
}
|
||||
|
||||
> .list {
|
||||
margin: 30px 0;
|
||||
padding: 0;
|
||||
|
||||
> a {
|
||||
color: $color-black;
|
||||
|
||||
> .item {
|
||||
@include card();
|
||||
@include ease-in();
|
||||
list-style-type: none;
|
||||
float: left;
|
||||
margin: 0 20px 20px 0;
|
||||
padding: 10px;
|
||||
width: 250px;
|
||||
height: 100px;
|
||||
font-size: 1.1rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
31
gui/app/styles/core/view/toolbar.scss
Normal file
31
gui/app/styles/core/view/toolbar.scss
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
.toolbar {
|
||||
margin: 30px 0 0 0;
|
||||
|
||||
> .links {
|
||||
display: inlne-block;
|
||||
|
||||
> .link, div > .link {
|
||||
color: $color-gray;
|
||||
font-size: 1.1rem;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: 30px;
|
||||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
@include ease-in();
|
||||
// border-bottom: 2px solid $color-gray-light;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
|
||||
> .selected, div > .link {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
|
||||
> .buttons {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
9
gui/app/styles/core/view/views.scss
Normal file
9
gui/app/styles/core/view/views.scss
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
@import "spaces.scss";
|
||||
@import "space.scss";
|
||||
@import "import.scss";
|
||||
@import "customize.scss";
|
||||
@import "onboard.scss";
|
||||
@import "customize.scss";
|
||||
@import "search.scss";
|
||||
@import "auth.scss";
|
||||
@import "document/document.scss"
|
||||
26
gui/app/styles/core/widget/widget-avatar.scss
Normal file
26
gui/app/styles/core/widget/widget-avatar.scss
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
.avatar {
|
||||
color: $color-white;
|
||||
background-color: $color-gray;
|
||||
@include border-radius(20px);
|
||||
@include ease-in();
|
||||
padding: 10px 0 0 0;
|
||||
letter-spacing: 1px;
|
||||
text-align: center;
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
.avatar-large {
|
||||
color: $color-white;
|
||||
background-color: $color-gray;
|
||||
@include border-radius(100px);
|
||||
@include ease-in();
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
font-size: 30px;
|
||||
padding: 28px;
|
||||
letter-spacing: 1px;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
219
gui/app/styles/core/widget/widget-button.scss
Normal file
219
gui/app/styles/core/widget/widget-button.scss
Normal file
|
|
@ -0,0 +1,219 @@
|
|||
// Copyright (c) 2015 Documize Inc.
|
||||
.button-gap {
|
||||
width: 5px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
@extend .no-select;
|
||||
}
|
||||
|
||||
.button-icon-white {
|
||||
display: inline-block;
|
||||
cursor: default;
|
||||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-white;
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-white, 15%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-icon-gray {
|
||||
display: inline-block;
|
||||
cursor: default;
|
||||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-gray-light;
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-gray-light, 15%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-icon-gold {
|
||||
display: inline-block;
|
||||
cursor: default;
|
||||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-goldy;
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-goldy, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-icon-danger {
|
||||
display: inline-block;
|
||||
cursor: default;
|
||||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-gray-light;
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: $color-red;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-icon-blue {
|
||||
display: inline-block;
|
||||
cursor: default;
|
||||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-blue;
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-blue, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-icon-red {
|
||||
display: inline-block;
|
||||
cursor: default;
|
||||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-red;
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-red, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-icon-green {
|
||||
display: inline-block;
|
||||
cursor: default;
|
||||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-green;
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-green, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-icon-black {
|
||||
display: inline-block;
|
||||
cursor: default;
|
||||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-off-black;
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-off-black, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-icon-theme {
|
||||
display: inline-block;
|
||||
cursor: default;
|
||||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-primary;
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-primary, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-icon-theme-light {
|
||||
display: inline-block;
|
||||
cursor: default;
|
||||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-primary-light;
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-primary-light, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
.button-icon-small {
|
||||
> i {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.button-icon-gap {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.button-gravatar-white {
|
||||
display: inline-block;
|
||||
cursor: default;
|
||||
position: relative;
|
||||
// overflow: hidden; // kills update dots
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
line-height: 34px;
|
||||
padding: 0;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
color: $color-primary;
|
||||
font-weight: bold;
|
||||
background-color: $color-white;
|
||||
@include ease-in();
|
||||
|
||||
&:hover {
|
||||
background-color: darken($color-white, 15%);
|
||||
}
|
||||
}
|
||||
42
gui/app/styles/core/widget/widget-checkbox.scss
Normal file
42
gui/app/styles/core/widget/widget-checkbox.scss
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
.ui-checkbox {
|
||||
vertical-align: bottom;
|
||||
cursor: pointer;
|
||||
font-size: 1.1rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
margin: 0 0 5px 0;
|
||||
|
||||
> .material-icons {
|
||||
font-size: 1.5rem;
|
||||
color: $color-gray;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
> .selected {
|
||||
color: $color-blue;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $color-blue;
|
||||
}
|
||||
|
||||
> .text {
|
||||
display: inline-block;
|
||||
font-size: 1.1rem;
|
||||
vertical-align: sub;
|
||||
color: $color-off-black;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-checkbox-selected {
|
||||
color: $color-blue;
|
||||
}
|
||||
|
||||
.widget-checkbox {
|
||||
color: $color-blue;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.checkbox-gray {
|
||||
color: $color-gray !important;
|
||||
}
|
||||
107
gui/app/styles/core/widget/widget-list-picker.scss
Normal file
107
gui/app/styles/core/widget/widget-list-picker.scss
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
.widget-list-picker {
|
||||
margin: 10px 0;
|
||||
|
||||
> .options {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
|
||||
> .option {
|
||||
@include border-radius(3px);
|
||||
margin: 0 0 15px 0;
|
||||
padding: 10px 15px;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid $color-gray;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
list-style-type: none;
|
||||
line-height: 26px;
|
||||
|
||||
&:hover {
|
||||
> .text-header, > .text {
|
||||
color: $color-off-black;
|
||||
}
|
||||
}
|
||||
|
||||
> .text-header {
|
||||
@include ease-in();
|
||||
color: $color-gray;
|
||||
font-size: 1.3rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
> .text {
|
||||
@include ease-in();
|
||||
color: $color-gray;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
> .material-icons {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
color: $color-green;
|
||||
font-weight: 700;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
> .selected {
|
||||
> .text-header, > .text {
|
||||
color: $color-off-black;
|
||||
}
|
||||
|
||||
background-color: $color-yellow !important;
|
||||
border: 1px solid $color-goldy !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.widget-list-picker-horiz {
|
||||
> .options {
|
||||
> .option {
|
||||
display: inline-block;
|
||||
margin: 15px 15px 0 0;
|
||||
padding: 10px 15px;
|
||||
width: 30%;
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.widget-list-choice {
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
|
||||
> li {
|
||||
margin: 0 20px 0 0;
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
font-size: 1.3rem;
|
||||
font-weight: 700;
|
||||
color: $color-gray;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
> .selected {
|
||||
color: $color-green;
|
||||
border-bottom: 1px solid $color-green;
|
||||
}
|
||||
}
|
||||
25
gui/app/styles/core/widget/widget-notification.scss
Normal file
25
gui/app/styles/core/widget/widget-notification.scss
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
.user-notification {
|
||||
position: fixed;
|
||||
display: none;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
background-color: $color-off-black;
|
||||
color: $color-white;
|
||||
padding: 10px 15px;
|
||||
text-align: left;
|
||||
border-radius: 2px;
|
||||
@extend .z-depth-1;
|
||||
z-index: 999;
|
||||
|
||||
> .message {
|
||||
margin: 3px 0;
|
||||
padding: 0;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
}
|
||||
|
||||
.busy-indicator {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
margin: 0 10px;
|
||||
}
|
||||
35
gui/app/styles/core/widget/widget-radio.scss
Normal file
35
gui/app/styles/core/widget/widget-radio.scss
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
.ui-radio {
|
||||
vertical-align: bottom;
|
||||
cursor: pointer;
|
||||
font-size: 1.1rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
margin: 0 0 5px 0;
|
||||
|
||||
> .material-icons {
|
||||
font-size: 1.5rem;
|
||||
color: $color-gray;
|
||||
vertical-align: top;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
> .selected {
|
||||
color: $color-blue;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $color-blue;
|
||||
}
|
||||
|
||||
> .text {
|
||||
display: inline-block;
|
||||
font-size: 1.1rem;
|
||||
vertical-align: sub;
|
||||
color: $color-off-black;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-radio-selected {
|
||||
color: $color-blue;
|
||||
}
|
||||
|
||||
17
gui/app/styles/core/widget/widget-symbol.scss
Normal file
17
gui/app/styles/core/widget/widget-symbol.scss
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
.symbol {
|
||||
display: inline-block;
|
||||
border-radius: 2px;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
padding: 0;
|
||||
line-height: 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
background-color: $color-symbol-box;
|
||||
|
||||
> .material-icons {
|
||||
font-size: 22px;
|
||||
margin-top: 20px;
|
||||
color: $color-symbol-icon;
|
||||
}
|
||||
}
|
||||
59
gui/app/styles/core/widget/widget-table.scss
Normal file
59
gui/app/styles/core/widget/widget-table.scss
Normal file
|
|
@ -0,0 +1,59 @@
|
|||
.basic-table {
|
||||
padding: 0;
|
||||
margin: 0 0 25px 0;
|
||||
width: 100%;
|
||||
font-size: 1rem;
|
||||
border: 1px solid $color-border;
|
||||
border-radius: 2px;
|
||||
border-collapse: collapse;
|
||||
|
||||
> tbody {
|
||||
> tr {
|
||||
> td {
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> thead {
|
||||
> tr {
|
||||
background-color: $color-off-white;
|
||||
|
||||
> th {
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid $color-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bordered {
|
||||
border: 1px solid $color-border;
|
||||
}
|
||||
|
||||
.border-top {
|
||||
border-top: 1px solid $color-border;
|
||||
}
|
||||
|
||||
.border-bottom {
|
||||
border-bottom: 1px solid $color-border;
|
||||
}
|
||||
|
||||
.action-link {
|
||||
font-size: 0.8rem;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.no-width {
|
||||
white-space: nowrap;
|
||||
width: 1%;
|
||||
}
|
||||
}
|
||||
|
||||
.no-table-border {
|
||||
border: none;
|
||||
}
|
||||
58
gui/app/styles/core/widget/widget-tabnav.scss
Normal file
58
gui/app/styles/core/widget/widget-tabnav.scss
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
.tabnav-control {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
font-size: 0;
|
||||
|
||||
> .tab {
|
||||
@include ease-in();
|
||||
@extend .text-truncate;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 5px 15px;
|
||||
background-color: $color-white;
|
||||
color: $color-primary;
|
||||
border: 1px solid $color-border;
|
||||
font-weight: 500;
|
||||
font-size: 1.1rem;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
margin-left: -4px; // remove whitespace inline block
|
||||
margin-top: -1px; // ensure no double-border when tabs are stacked vertically on mobile device
|
||||
|
||||
&:first-of-type {
|
||||
@include border-radius-left(3px);
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
@include border-radius-right(3px);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $color-primary-light;
|
||||
}
|
||||
}
|
||||
|
||||
> .tab-vertical {
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
|
||||
&:first-of-type {
|
||||
@include border-radius-top(3px);
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
@include border-radius-bottom(3px);
|
||||
}
|
||||
}
|
||||
|
||||
> .selected {
|
||||
background-color: $color-primary-light;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
.tabnav-control-centered {
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
93
gui/app/styles/core/widget/widget.scss
Normal file
93
gui/app/styles/core/widget/widget.scss
Normal file
|
|
@ -0,0 +1,93 @@
|
|||
// Copyright (c) 2015 Documize Inc.
|
||||
// Material Design icons from https://design.google.com/icons/
|
||||
|
||||
.material-icons {
|
||||
font-family: "Material Icons";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 1.2rem;
|
||||
display: inline-block;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-rendering: optimizeLegibility;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
font-feature-settings: "liga";
|
||||
}
|
||||
|
||||
.transition-shadow {
|
||||
transition: box-shadow 0.25s;
|
||||
}
|
||||
|
||||
.transition-all {
|
||||
transition: all 0.25s;
|
||||
}
|
||||
|
||||
.z-depth-0 {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.z-depth-tiny {
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.z-depth-half {
|
||||
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.z-depth-1 {
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.z-depth-1-half {
|
||||
/* used on hover states */
|
||||
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.z-depth-2 {
|
||||
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
}
|
||||
|
||||
.z-depth-3 {
|
||||
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
|
||||
}
|
||||
|
||||
.z-depth-4 {
|
||||
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
|
||||
}
|
||||
|
||||
.z-depth-5 {
|
||||
box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
|
||||
}
|
||||
|
||||
.drag-handle {
|
||||
font-size: 1.5rem;
|
||||
color: $color-gray-light;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.drag-indicator-dropzone {
|
||||
opacity: 1 !important;
|
||||
border: 2px dotted $color-border;
|
||||
}
|
||||
|
||||
.drag-indicator-chosen {
|
||||
opacity: 1 !important;
|
||||
background: $color-off-white;
|
||||
}
|
||||
|
||||
.drag-indicator-dragged {
|
||||
opacity: 1 !important;
|
||||
@include card();
|
||||
}
|
||||
|
||||
@import "widget-avatar";
|
||||
@import "widget-button";
|
||||
@import "widget-checkbox";
|
||||
@import "widget-list-picker";
|
||||
@import "widget-notification";
|
||||
@import "widget-radio";
|
||||
@import "widget-symbol";
|
||||
@import "widget-table";
|
||||
@import "widget-tabnav";
|
||||
Loading…
Add table
Add a link
Reference in a new issue