Fix major update integrating with external wisemapping frond end
This commit is contained in:
Paulo Gustavo Veiga
7
wise-webapp/src/main/webapp/css/bootstrap.min.css
vendored
Normal file
7
wise-webapp/src/main/webapp/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
148
wise-webapp/src/main/webapp/css/compatibility.less
Normal file
148
wise-webapp/src/main/webapp/css/compatibility.less
Normal file
@@ -0,0 +1,148 @@
|
||||
html {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
fieldset, img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
address, caption, cite, code, dfn, em, strong, th, var {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
caption, th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-size: 100%;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
abbr, acronym {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Percents could work for IE, but for backCompat purposes, we are using keywords.
|
||||
* x-small is for IE6/7 quirks mode.
|
||||
*
|
||||
*/
|
||||
body {
|
||||
font-size: 13px;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: small;
|
||||
font: x-small;
|
||||
}
|
||||
|
||||
table {
|
||||
font-size: inherit;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
/**
|
||||
* 99% for safari; 100% is too large
|
||||
*/
|
||||
select, input, textarea {
|
||||
font: 99% arial, helvetica, clean, sans-serif;
|
||||
}
|
||||
|
||||
/**
|
||||
* Bump up !IE to get to 13px equivalent
|
||||
*/
|
||||
pre, code {
|
||||
font: 115% monospace;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Default line-height based on font-size rather than "computed-value"
|
||||
* see: http://www.w3.org/TR/CSS21/visudet.html#line-height
|
||||
*/
|
||||
|
||||
body * {
|
||||
line-height: 1.22em;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
// font: normal 80% "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
form {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 5px 0 5px 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
a:hover, a:active {
|
||||
font: bold 100%;
|
||||
text-decoration: underline;
|
||||
color: black;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 160%;
|
||||
color: #8e9181;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-style: normal;
|
||||
font-size: 180%;
|
||||
color: white;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
/* use as subhead on main body */
|
||||
clear: left;
|
||||
font-style: normal;
|
||||
font-size: 130%;
|
||||
color: #6b6f5b;
|
||||
}
|
||||
|
||||
h4 {
|
||||
/* use as headers in footer */
|
||||
font-weight: bold;
|
||||
font-size: 120%;
|
||||
border-bottom: 1px solid #8e9181;
|
||||
color: #e2e3dd;
|
||||
padding-bottom: 10px;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
106
wise-webapp/src/main/webapp/css/css/embedded.less
Normal file
106
wise-webapp/src/main/webapp/css/css/embedded.less
Normal file
@@ -0,0 +1,106 @@
|
||||
@import "editor.less";
|
||||
|
||||
/* Overwrite some styles */
|
||||
body{
|
||||
position: inherit;
|
||||
}
|
||||
|
||||
div#headerInfo {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
div#header {
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
div#headerMapTitle, #headerActions, #headerLogo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Footer Styles */
|
||||
div#footer {
|
||||
position: absolute;
|
||||
height: 0px;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
div#footerLogo {
|
||||
width: 114px;
|
||||
height: 56px;
|
||||
position: absolute;
|
||||
display: list-item;
|
||||
list-style-image: url(../images/logo-xsmall.png);
|
||||
list-style-position: inside;
|
||||
right: 10px;
|
||||
top: -30px;
|
||||
}
|
||||
|
||||
div#zoomIn {
|
||||
background: url(../images/zoom-in.png) no-repeat left top;
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#zoomOut {
|
||||
background: url(../images/zoom-out.png) no-repeat left top;
|
||||
margin-top: 10px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
margin: 1px;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
border: 1px solid black;
|
||||
border-top-color: white;
|
||||
border-left-color: white;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div#mapDetails {
|
||||
float: right;
|
||||
padding-top: 10px;
|
||||
margin-right: 130px;
|
||||
|
||||
}
|
||||
|
||||
div#mapDetails .title {
|
||||
font-weight: bold;
|
||||
margin-left: 10px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
div#infoPanel {
|
||||
border: 2px black solid;
|
||||
position: absolute;
|
||||
background: gray;
|
||||
width: 100px;
|
||||
height: 300px;
|
||||
z-index: 100;
|
||||
padding: 5px;
|
||||
border-radius: 8px;
|
||||
top: 150px;
|
||||
right: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div#infoPanel .textNode {
|
||||
background-color: #E0E5EF;
|
||||
height: 20px;
|
||||
width: 80px;
|
||||
border: 3px #023BB9 solid;
|
||||
padding: 4px;
|
||||
cursor: move
|
||||
}
|
||||
|
||||
|
||||
3
wise-webapp/src/main/webapp/css/css/skin.less
Normal file
3
wise-webapp/src/main/webapp/css/css/skin.less
Normal file
@@ -0,0 +1,3 @@
|
||||
@header-height: 75px;
|
||||
@header-toolbar-height: 35px;
|
||||
@header-info-height: @header-height - @header-toolbar-height;
|
||||
167
wise-webapp/src/main/webapp/css/editor.less
Normal file
167
wise-webapp/src/main/webapp/css/editor.less
Normal file
@@ -0,0 +1,167 @@
|
||||
@import "compatibility.less";
|
||||
|
||||
/********************************************************************************/
|
||||
/* Header & Toolbar Styles */
|
||||
/********************************************************************************/
|
||||
@import "header.less";
|
||||
@import "bootstrap.min.css";
|
||||
|
||||
body {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
overflow: hidden;
|
||||
position: fixed
|
||||
}
|
||||
|
||||
div#mindplot {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
div#small_error_icon {
|
||||
padding-left: 18px;
|
||||
min-height: 16px;
|
||||
background: url(../images/error_icon.png) bottom left no-repeat !important;
|
||||
}
|
||||
|
||||
.notesTip {
|
||||
background-color: #dfcf3c;
|
||||
padding: 5px 15px;
|
||||
color: #666666;
|
||||
/*font-weight: bold;*/
|
||||
/*width: 100px;*/
|
||||
font-size: 13px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.linkTip {
|
||||
background-color: #dfcf3c;
|
||||
padding: 5px 15px;
|
||||
color: #666666;
|
||||
/*font-weight: bold;*/
|
||||
/*width: 100px;*/
|
||||
font-size: 13px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.keyboardShortcutTip {
|
||||
background-color: black;
|
||||
padding: 5px 15px;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/** */
|
||||
/* Modal dialogs definitions */
|
||||
|
||||
div.modalDialog {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
z-index: 11000;
|
||||
width: 500px;
|
||||
margin: -250px 0 0 -250px;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #999;
|
||||
padding: 10px;
|
||||
overflow: auto;
|
||||
|
||||
/* IE6-7 */
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
|
||||
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
div.modalDialog .content {
|
||||
padding: 5px 5px;
|
||||
}
|
||||
|
||||
div.modalDialog .title {
|
||||
font-weight: bold;
|
||||
text-shadow: 1px 1px 0 #fff;
|
||||
border-bottom: 1px solid #eee;
|
||||
padding: 5px 15px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/*--- End Modal Dialog Form ---*/
|
||||
|
||||
.publishModalDialog .content {
|
||||
height: 420px;
|
||||
}
|
||||
|
||||
.exportModalDialog .content {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.shareModalDialog .content {
|
||||
height: 440px;
|
||||
}
|
||||
|
||||
div.shareModalDialog {
|
||||
width: 550px;
|
||||
}
|
||||
|
||||
#tutorialVideo{
|
||||
background: url(../images/help.png) no-repeat left center;
|
||||
padding-left: 19px;
|
||||
}
|
||||
|
||||
#keyboardShortcuts{
|
||||
background: url(../images/help.png) no-repeat left center;
|
||||
padding-left: 19px;
|
||||
}
|
||||
|
||||
.panelIcon {
|
||||
width:16px;
|
||||
height:16px;
|
||||
margin-left: 4px;
|
||||
margin-top: 3px;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.panelIcon:hover {
|
||||
background-color: #efefef;
|
||||
}
|
||||
|
||||
.popoverBlack {
|
||||
background: black;
|
||||
}
|
||||
|
||||
.popoverBlack.bottom .arrow:after{
|
||||
border-bottom-color: black;
|
||||
}
|
||||
|
||||
.popoverGray {
|
||||
background: #e4e2d2;
|
||||
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
|
||||
border: 3px double #bebebe;
|
||||
}
|
||||
|
||||
.popoverGray.bottom .arrow:after{
|
||||
border-bottom-color: #e4e2d2;
|
||||
}
|
||||
|
||||
@@ -1 +0,0 @@
|
||||
../../../../../wise-editor/src/main/webapp/css/embedded.less
|
||||
125
wise-webapp/src/main/webapp/css/header.less
Normal file
125
wise-webapp/src/main/webapp/css/header.less
Normal file
@@ -0,0 +1,125 @@
|
||||
@header-height : 75px;
|
||||
@header-toolbar-height : 35px;
|
||||
@header-info-height : @header-height - @header-toolbar-height;
|
||||
|
||||
div#header {
|
||||
width: 100%;
|
||||
height: @header-height;
|
||||
background: #393939; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #393939 0%, #000000 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #393939), color-stop(100%, #000000)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #393939 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #393939 0%, #000000 100%); /* Opera11.10+ */
|
||||
background: -ms-linear-gradient(top, #393939 0%, #000000 100%); /* IE10+ */
|
||||
background: linear-gradient(top, #393939 0%, #000000 100%); /* W3C */
|
||||
z-index: 1000;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
div#headerLogo {
|
||||
background: url(../images/logo-small.png) no-repeat center top;
|
||||
height: 40px;
|
||||
width: 80px;
|
||||
float: left;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
div#headerInfo {
|
||||
width: 100%;
|
||||
height: @header-info-height;
|
||||
color: white;
|
||||
padding: 0px 0px
|
||||
|
||||
}
|
||||
|
||||
div#headerActions {
|
||||
text-align: right;
|
||||
margin-top: 13px;
|
||||
padding-right: 10px;
|
||||
color: white;
|
||||
float: right;
|
||||
}
|
||||
|
||||
div#headerActions span {
|
||||
border-bottom: 3px solid rgb(247, 201, 49);
|
||||
}
|
||||
|
||||
div#headerActions a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div#headerMapTitle {
|
||||
min-width: 200px;
|
||||
height:@header-info-height - 13;
|
||||
text-align: left;
|
||||
padding-top: 13px;
|
||||
padding-left: 50px;
|
||||
color: white;
|
||||
float: left;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
div#headerMapTitle span {
|
||||
padding: 4px 50px;
|
||||
border: 1px solid rgb(90, 90, 90);
|
||||
background-color: rgb(45, 45, 45);
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
div#headerNotifier {
|
||||
border: 1px solid rgb(241,163,39);
|
||||
background-color: rgb(252,235,192);
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
position: absolute;
|
||||
padding: 5px 9px;
|
||||
color:back;
|
||||
white-space:nowrap;
|
||||
margin-top:5px;
|
||||
/*margin-top:-34px;*/
|
||||
display:none;
|
||||
/*right: 5px;*/
|
||||
}
|
||||
|
||||
@import "toolbar.less";
|
||||
|
||||
div#embFooter {
|
||||
position: absolute;
|
||||
height: 35px;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
border-top: 1px solid black;
|
||||
background: #E5E5E5;
|
||||
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
}
|
||||
|
||||
/* FIXME: duplicate in mindmapList
|
||||
---------------------------- Scrollbar --------------------------------- */
|
||||
::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
direction:rtl;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
left: 10px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
border-radius: 10px;
|
||||
background-color: #eaeaea;
|
||||
border-left: 1px solid #ccc;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
background-color: #c6c6c6;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #08c;
|
||||
}
|
||||
|
||||
@@ -1,401 +0,0 @@
|
||||
@import "../bootstrap/css/bootstrap-colorpicker.min.css";
|
||||
@import "../bootstrap/css/bootstrap.min.css";
|
||||
@import "pageHeaders.css";
|
||||
|
||||
@html-background: #dedederepeat-xscroll;
|
||||
@body-width: 1050px;
|
||||
|
||||
@font-family: "Lucida Grande","Arial","Helvetica","Verdana","sans-serif";
|
||||
|
||||
@base-margin: 10px;
|
||||
@base-padding: @base-margin;
|
||||
@base-border-size: 1px;
|
||||
@base-color: #111;
|
||||
|
||||
/* ----------------------------- General -------------------------------- */
|
||||
.filterList li {
|
||||
position: relative;
|
||||
width: 90%;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.filterList {
|
||||
width: 108%;
|
||||
}
|
||||
.active {
|
||||
position: relative;
|
||||
left: 8px;
|
||||
}
|
||||
.colorpicker {
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
#mindmapListContainer {
|
||||
background: #FFFFFF;
|
||||
margin: 0 auto;
|
||||
width: @body-width;
|
||||
padding: @base-padding;
|
||||
}
|
||||
|
||||
.rounded-corners(@radius: 5px){
|
||||
border-radius: @radius;
|
||||
-webkit-border-radius: @radius;
|
||||
-moz-border-radius: @radius;
|
||||
}
|
||||
|
||||
.mindmapName {
|
||||
color: #428bca;
|
||||
}
|
||||
|
||||
/* ------------------------------ Table --------------------------------- */
|
||||
|
||||
@table-gap: 2%;
|
||||
@table-width: 100%;
|
||||
|
||||
#map-table {
|
||||
width: 100% !important;
|
||||
border-top: 1px solid black;
|
||||
overflow-y: auto;
|
||||
height: 480px;
|
||||
}
|
||||
|
||||
input#selectAll {
|
||||
position: relative;
|
||||
left: 4px;
|
||||
}
|
||||
|
||||
@even-color: #FFFFFF;
|
||||
@sorting-even-color: #EAEBFF;
|
||||
@odd-color: #E2E4FF;
|
||||
@sorting-odd-color: #D3D6FF;
|
||||
|
||||
@red: #FF0000;
|
||||
@base-border-size: 1px;
|
||||
@base-color: #111;
|
||||
@base-margin: 10px;
|
||||
|
||||
@th-background-color: #FFFFFF;
|
||||
|
||||
.rounded-corners(@radius: 5px){
|
||||
border-radius: @radius;
|
||||
-webkit-border-radius: @radius;
|
||||
-moz-border-radius: @radius;
|
||||
}
|
||||
|
||||
.dataTables_processing {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 250px;
|
||||
height: 30px;
|
||||
margin-left: -125px;
|
||||
margin-top: -15px;
|
||||
padding: 14px 0 2px 0;
|
||||
border: 1px solid #ddd;
|
||||
text-align: center;
|
||||
color: #999;
|
||||
font-size: 14px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.dataTables_filter {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#mindmapListTable th {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
#mindmapListTable tbody tr {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Pagination Styles */
|
||||
#paginateContainer {
|
||||
height: 40px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.dataTables_info {
|
||||
font-size: 12px;
|
||||
line-height: 1.428571429;
|
||||
color: #555;
|
||||
font-weight: 700;
|
||||
|
||||
}
|
||||
.dataTables_length {
|
||||
display: block;
|
||||
height: 34px;
|
||||
font-size: 12px;
|
||||
line-height: 1.428571429;
|
||||
color: #555;
|
||||
background-color: #fff;
|
||||
background-image: none;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dataTables_paginate {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ---------------------------- Label --------------------------------- */
|
||||
|
||||
.labelColor {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
left: 3px;
|
||||
top: 2px;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: black;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.colorInput {
|
||||
border-radius: 4px !important;
|
||||
border: 1px solid #ccc !important;
|
||||
}
|
||||
|
||||
.labelIcon {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.labelName {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
left: 7px;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.labelNameList {
|
||||
max-width: 79px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.labelTag {
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
line-height: 1;
|
||||
padding: 2px 0px 0px 2px;
|
||||
position: relative;
|
||||
margin-right: 3px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.closeLabel {
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.listSeparator {
|
||||
height: 1px;
|
||||
background-color: #d5d3d4;
|
||||
}
|
||||
|
||||
.closeTag {
|
||||
cursor: pointer;
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
.tableTag {
|
||||
padding:0px;
|
||||
margin-bottom: 0px;
|
||||
margin-right: 5px;
|
||||
float: right;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
table.tableTag td {
|
||||
border-radius: 1px;
|
||||
padding-left: 4px;
|
||||
padding-right: 3px;
|
||||
padding-top :0px;
|
||||
padding-bottom: 0px;
|
||||
color: #ffffff;
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
.closeTag:hover {
|
||||
background-color: #ffffff !important;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
/* ---------------------------- Scrollbar for list filter --------------------------------- */
|
||||
::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
direction:rtl;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
left: 10px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
border-radius: 10px;
|
||||
background-color: #eaeaea;
|
||||
border-left: 1px solid #ccc;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
background-color: #c6c6c6;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #08c;
|
||||
}
|
||||
|
||||
/* ---------------------------- Sorting --------------------------------- */
|
||||
|
||||
.sorting_asc {
|
||||
background: @th-background-color url('../images/sort_asc.png') no-repeat center right;
|
||||
}
|
||||
|
||||
.sorting_desc {
|
||||
background: @th-background-color url('../images/sort_desc.png') no-repeat center right;
|
||||
}
|
||||
|
||||
.sorting {
|
||||
background: @th-background-color url('../images/sort_both.png') no-repeat center right;
|
||||
}
|
||||
|
||||
.sorting_disabled {
|
||||
background: @th-background-color;
|
||||
}
|
||||
|
||||
.sorting_asc_disabled {
|
||||
background: @th-background-color url('../images/sort_asc_disabled.png') no-repeat center right;
|
||||
}
|
||||
|
||||
.sorting_desc_disabled {
|
||||
background: @th-background-color url('../images/sort_desc_disabled.png') no-repeat center right;
|
||||
}
|
||||
|
||||
/* ----------------------------- Misc ----------------------------------- */
|
||||
|
||||
.dataTables_empty {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row-selected {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.buttonsToolbar {
|
||||
margin: 40px 0px 10px 0px
|
||||
}
|
||||
|
||||
#tableActions {
|
||||
float: right;
|
||||
padding-bottom: 10px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#tableActions > div {
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#pageInfo {
|
||||
padding-top: 5px;
|
||||
padding-left: 8px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#tableFooter {
|
||||
height: 50px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
span.starredOff {
|
||||
background: url('../images/star-off.png') no-repeat center left;
|
||||
padding: 10px;
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
|
||||
span.starredOff:hover {
|
||||
background: url('../images/star-off-hover.png') no-repeat center left;
|
||||
}
|
||||
|
||||
span.starredOn {
|
||||
background: url('../images/star-on.png') no-repeat center left;
|
||||
padding: 10px;
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
|
||||
span.starredOn:hover {
|
||||
background: url('../images/star-on-hover.png') no-repeat center left;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
|
||||
#footerContainer {
|
||||
padding-top: 10px;
|
||||
border-top: 1px black solid;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 65px; /* Height of the footer */
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
#foldersContainer {
|
||||
padding-top: 86px;
|
||||
}
|
||||
|
||||
#footerContainer > ul {
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
#footerContainer > li.active {
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
#foldersContainer > ul > li > a {
|
||||
padding: 8px 15px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* ----------------------------- Icons ----------------------------------- */
|
||||
|
||||
#defaultIcon {
|
||||
background: #eee;
|
||||
border: 1px solid #ccc !important;
|
||||
}
|
||||
|
||||
#defaultIcon:hover {
|
||||
background-color: #C8C8C8;
|
||||
}
|
||||
|
||||
.colorInput:hover {
|
||||
background-color: #C8C8C8;
|
||||
}
|
||||
|
||||
.bs-glyphicons > ul {
|
||||
padding-left: 10px;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.bs-glyphicons > ul > li {
|
||||
float: left;
|
||||
width: 12%;
|
||||
height: 20%;
|
||||
padding: 10px;
|
||||
font-size: 10px;
|
||||
line-height: 1.4;
|
||||
text-align: center;
|
||||
border: 1px solid #fff;
|
||||
background-color: #f9f9f9;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.bs-glyphicons > ul > li:hover {
|
||||
background-color: #C8C8C8;
|
||||
}
|
||||
153
wise-webapp/src/main/webapp/css/toolbar.less
Normal file
153
wise-webapp/src/main/webapp/css/toolbar.less
Normal file
@@ -0,0 +1,153 @@
|
||||
div#toolbar {
|
||||
width: 100%;
|
||||
height: @header-toolbar-height;
|
||||
background-color: rgb(229, 227, 209);
|
||||
background-image: linear-gradient(bottom, rgb(229, 227, 209) 47%, rgb(252, 250, 237) 87%);
|
||||
background-image: -o-linear-gradient(bottom, rgb(229, 227, 209) 47%, rgb(252, 250, 237) 87%);
|
||||
background-image: -moz-linear-gradient(bottom, rgb(229, 227, 209) 47%, rgb(252, 250, 237) 87%);
|
||||
background-image: -webkit-linear-gradient(bottom, rgb(229, 227, 209) 47%, rgb(252, 250, 237) 87%);
|
||||
background-image: -ms-linear-gradient(bottom, rgb(229, 227, 209) 47%, rgb(252, 250, 237) 87%);
|
||||
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.47, rgb(229, 227, 209)), color-stop(0.87, rgb(252, 250, 237)));
|
||||
border-bottom: 3px double rgb(190, 190, 190);
|
||||
border-top: 1px solid rgb(190, 190, 190);
|
||||
padding: 0px 15px;
|
||||
}
|
||||
|
||||
div#toolbar .buttonContainer {
|
||||
height: @header-toolbar-height;
|
||||
float: left;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
/******************************************************************************************/
|
||||
/* Buttons*/
|
||||
/******************************************************************************************/
|
||||
|
||||
div#toolbar .buttonOn, div#toolbar .buttonOff, div#toolbar .buttonActive, div#toolbar .buttonOn:hover {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
z-index: 4;
|
||||
margin-top: 3px;
|
||||
padding-top: 2px;
|
||||
padding-left: 2px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
div#toolbar .buttonOn:hover {
|
||||
cursor: pointer;
|
||||
opacity: 1;
|
||||
background: url(../images/editor/btn-bg-hover.png) no-repeat center top;
|
||||
}
|
||||
|
||||
div#toolbar .buttonOn {
|
||||
opacity: 0.8;
|
||||
background: url(../images/editor/btn-bg-normal.png) no-repeat center top;
|
||||
}
|
||||
|
||||
div#toolbar .buttonOff {
|
||||
opacity: 0.4;
|
||||
background: url(../images/editor/btn-bg-normal.png) no-repeat center top;
|
||||
}
|
||||
|
||||
div#exportAnchor {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
div#toolbar .buttonExtOn, div#toolbar .buttonExtOff, div#toolbar .buttonExtActive, div#toolbar .buttonExtOn:hover {
|
||||
width: 40px;
|
||||
height: 28px;
|
||||
float: left;
|
||||
text-align: left;
|
||||
z-index: 4;
|
||||
margin-top: 3px;
|
||||
padding-top: 2px;
|
||||
padding-left: 5px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
div#toolbar .buttonExtOn:hover {
|
||||
opacity: 1;
|
||||
background: url(../images/editor/btne-bg-hover.png) no-repeat center top;
|
||||
|
||||
}
|
||||
|
||||
div#toolbar .buttonExtActive {
|
||||
opacity: 1;
|
||||
background: url(../images/editor/btne-bg-selected.png) no-repeat center top;
|
||||
|
||||
}
|
||||
|
||||
div#toolbar .buttonExtOn {
|
||||
opacity: 0.8;
|
||||
background: url(../images/editor/btne-bg-normal.png) no-repeat center top;
|
||||
}
|
||||
|
||||
div#toolbar .buttonExtOff {
|
||||
opacity: 0.4;
|
||||
background: url(../images/editor/tne-bg-normal.png) no-repeat center top;
|
||||
}
|
||||
|
||||
div#exportAnchor {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
/***************************************************************************************************/
|
||||
/* Other toolbar styles */
|
||||
/***************************************************************************************************/
|
||||
.toolbarTip {
|
||||
background-color: #000000;
|
||||
padding: 5px 5px;
|
||||
color: #f5f5f5;
|
||||
/*font-weight: bold;*/
|
||||
/*width: 100px;*/
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
div#colorPalette {
|
||||
border: 1px solid #bbb4d6;
|
||||
display: none;
|
||||
position: absolute;
|
||||
z-index: 4;
|
||||
width: 160px;
|
||||
top: 89px;
|
||||
}
|
||||
|
||||
div.toolbarPanelLink, div.toolbarPanelLinkSelectedLink {
|
||||
cursor: pointer;
|
||||
color: black;
|
||||
margin: 1px;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
padding: 5px 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div.toolbarPanelLink:hover, div.toolbarPanelLinkSelectedLink {
|
||||
cursor: pointer;
|
||||
background-color: #efefef;
|
||||
}
|
||||
|
||||
.toolbarPaneTip {
|
||||
background-color: rgb(228, 226, 210);
|
||||
padding: 5px 5px;
|
||||
color: #f5f5f5;
|
||||
/*font-weight: bold;*/
|
||||
/*width: 100px;*/
|
||||
font-size: 11px;
|
||||
-moz-border-radius: 60px;
|
||||
-webkit-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
|
||||
border: 3px double rgb(190, 190, 190);
|
||||
}
|
||||
75
wise-webapp/src/main/webapp/css/widget/colorPalette.css
Normal file
75
wise-webapp/src/main/webapp/css/widget/colorPalette.css
Normal file
@@ -0,0 +1,75 @@
|
||||
.palette-panel {
|
||||
cursor: default;
|
||||
font: normal 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
margin: 0;
|
||||
outline: none;
|
||||
padding: 4px 0;
|
||||
z-index: 20000;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.palette {
|
||||
cursor: default;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.palette-table {
|
||||
border: 1px solid #666;
|
||||
border-collapse: collapse;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
tbody {
|
||||
display: table-row-group;
|
||||
vertical-align: middle;
|
||||
border-color: inherit;
|
||||
}
|
||||
|
||||
.palette-table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
tr {
|
||||
display: table-row;
|
||||
vertical-align: inherit;
|
||||
border-color: inherit;
|
||||
}
|
||||
|
||||
.palette-cell {
|
||||
border: 0;
|
||||
border-right: 1px solid #666;
|
||||
cursor: pointer;
|
||||
height: 18px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
.palette-cell .palette-colorswatch {
|
||||
border: none;
|
||||
font-size: x-small;
|
||||
height: 18px;
|
||||
position: relative;
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
.palette-cell-selected .palette-colorswatch {
|
||||
background: url(../../images/editortoolbar.png) no-repeat -368px 0;
|
||||
border: 1px solid #333;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.palette-colorswatch:hover {
|
||||
border: 1px solid white;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
450
wise-webapp/src/main/webapp/css/widget/colorPalette.html
Normal file
450
wise-webapp/src/main/webapp/css/widget/colorPalette.html
Normal file
@@ -0,0 +1,450 @@
|
||||
<div id="color-palette" class="palette-panel palette-panel-vertical palette-panel-noaccel"
|
||||
style="-webkit-user-select: none; left: 451px; top: 128px; visibility: visible; " role="menu" aria-haspopup="true"
|
||||
aria-activedescendant="">
|
||||
|
||||
<div class="palette" id=":3p">
|
||||
<table class="palette-table" cellspacing="0" cellpadding="0" role="grid"
|
||||
aria-activedescendent="palette-cell-244">
|
||||
<tbody class="palette-body">
|
||||
<tr class="palette-row">
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(0, 0, 0);"
|
||||
title="RGB (0, 0, 0)"></div>
|
||||
</td>
|
||||
<td class="palette-cell palette-cell-selected">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(68, 68, 68);"
|
||||
title="RGB (68, 68, 68)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(102, 102, 102);"
|
||||
title="RGB (102, 102, 102)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(153, 153, 153);"
|
||||
title="RGB (153, 153, 153)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(204, 204, 204);"
|
||||
title="RGB (204, 204, 204)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(238, 238, 238);"
|
||||
title="RGB (238, 238, 238)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(243, 243, 243);"
|
||||
title="RGB (243, 243, 243)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(254, 255, 255);"
|
||||
title="RGB (254, 255, 255)"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="palette" id=":3q">
|
||||
<table class="palette-table" cellspacing="0" cellpadding="0" role="grid"
|
||||
>
|
||||
<tbody class="palette-body">
|
||||
<tr class="palette-row">
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(255, 0, 0);"
|
||||
title="RGB (255, 0, 0)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(255, 153, 0);"
|
||||
title="RGB (255, 153, 0)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(255, 255, 0);"
|
||||
title="RGB (255, 255, 0)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(0, 255, 0);"
|
||||
title="RGB (0, 255, 0)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(0, 255, 255);"
|
||||
title="RGB (0, 255, 255)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(0, 0, 255);"
|
||||
title="RGB (0, 0, 255)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(153, 0, 255);"
|
||||
title="RGB (153, 0, 255)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(255, 0, 255);"
|
||||
title="RGB (255, 0, 255)"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="palette" id=":3r">
|
||||
<table class="palette-table" cellspacing="0" cellpadding="0" role="grid">
|
||||
<tbody class="palette-body">
|
||||
<tr class="palette-row">
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(244, 204, 204);"
|
||||
title="RGB (244, 204, 204)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(252, 229, 205);"
|
||||
title="RGB (252, 229, 205)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(255, 242, 204);"
|
||||
title="RGB (255, 242, 204)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(217, 234, 211);"
|
||||
title="RGB (217, 234, 211)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(208, 224, 227);"
|
||||
title="RGB (208, 224, 227)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(207, 226, 243);"
|
||||
title="RGB (207, 226, 243)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(217, 210, 233);"
|
||||
title="RGB (217, 210, 233)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(234, 209, 220);"
|
||||
title="RGB (234, 209, 220)"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="palette-row">
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(234, 153, 153);"
|
||||
title="RGB (234, 153, 153)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(249, 203, 156);"
|
||||
title="RGB (249, 203, 156)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(255, 229, 153);"
|
||||
title="RGB (255, 229, 153)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(182, 215, 168);"
|
||||
title="RGB (182, 215, 168)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(162, 196, 201);"
|
||||
title="RGB (162, 196, 201)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(159, 197, 232);"
|
||||
title="RGB (159, 197, 232)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(180, 167, 214);"
|
||||
title="RGB (180, 167, 214)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(213, 166, 189);"
|
||||
title="RGB (213, 166, 189)"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="palette-row">
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(224, 102, 102);"
|
||||
title="RGB (224, 102, 102)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(246, 178, 107);"
|
||||
title="RGB (246, 178, 107)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(255, 217, 102);"
|
||||
title="RGB (255, 217, 102)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(147, 196, 125);"
|
||||
title="RGB (147, 196, 125)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(118, 165, 175);"
|
||||
title="RGB (118, 165, 175)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(111, 168, 220);"
|
||||
title="RGB (111, 168, 220)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(142, 124, 195);"
|
||||
title="RGB (142, 124, 195)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(194, 123, 160);"
|
||||
title="RGB (194, 123, 160)"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="palette-row">
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(204, 0, 0);"
|
||||
title="RGB (204, 0, 0)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(230, 145, 56);"
|
||||
title="RGB (230, 145, 56)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(241, 194, 50);"
|
||||
title="RGB (241, 194, 50)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(106, 168, 79);"
|
||||
title="RGB (106, 168, 79)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(69, 129, 142);"
|
||||
title="RGB (69, 129, 142)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(61, 133, 198);"
|
||||
title="RGB (61, 133, 198)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(103, 78, 167);"
|
||||
title="RGB (103, 78, 167)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(166, 77, 121);"
|
||||
title="RGB (166, 77, 121)"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="palette-row">
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(153, 0, 0);"
|
||||
title="RGB (153, 0, 0)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(180, 95, 6);"
|
||||
title="RGB (180, 95, 6)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(191, 144, 0);"
|
||||
title="RGB (191, 144, 0)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(56, 118, 29);"
|
||||
title="RGB (56, 118, 29)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(19, 79, 92);"
|
||||
title="RGB (19, 79, 92)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(11, 83, 148);"
|
||||
title="RGB (11, 83, 148)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(53, 28, 117)"
|
||||
title="RGB (53, 28, 117)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(116, 27, 71);"
|
||||
title="RGB (116, 27, 71)"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="palette-row">
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(102, 0, 0);"
|
||||
title="RGB (102, 0, 0)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(120, 63, 4);"
|
||||
title="RGB (120, 63, 4)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(127, 96, 0);"
|
||||
title="RGB (127, 96, 0)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(39, 78, 19);"
|
||||
title="RGB (39, 78, 19)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(12, 52, 61);"
|
||||
title="RGB (12, 52, 61)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(7, 55, 99);"
|
||||
title="RGB (7, 55, 99)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(32, 18, 77);"
|
||||
title="RGB (32, 18, 77)"></div>
|
||||
</td>
|
||||
<td class="palette-cell"
|
||||
>
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(76, 17, 48);"
|
||||
title="RGB (76, 17, 48)"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="palette" id=":2p">
|
||||
<table class="palette-table" cellspacing="0" cellpadding="0" role="grid"
|
||||
aria-activedescendent="palette-cell-244">
|
||||
<tbody class="palette-body">
|
||||
<tr class="palette-row">
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(255, 255, 255);"
|
||||
title="RGB (255, 255, 255)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(224, 229, 239);"
|
||||
title="RGB (224, 229, 239)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color:rgb(80, 157, 192);"
|
||||
title="RGB (80, 157, 192)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color:rgb(57, 113, 177);"
|
||||
title="RGB (57, 113, 177)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(2, 59, 185);"
|
||||
title="RGB (2, 59, 185)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(244, 184, 45);"
|
||||
title="RGB (244, 184, 45)"></div>
|
||||
</td>
|
||||
<td class="palette-cell palette-cell-selected">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(241, 163, 39);"
|
||||
title="RGB (241, 163, 39)"></div>
|
||||
</td>
|
||||
<td class="palette-cell">
|
||||
<div class="palette-colorswatch"
|
||||
style="background-color: rgb(82, 92, 97);"
|
||||
title="RGB (82, 92, 97)"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
3
wise-webapp/src/main/webapp/css/widget/skin2.less
Normal file
3
wise-webapp/src/main/webapp/css/widget/skin2.less
Normal file
@@ -0,0 +1,3 @@
|
||||
@header-height : 75px;
|
||||
@header-toolbar-height : 35px;
|
||||
@header-info-height : @header-height - @header-toolbar-height;
|
||||
Reference in New Issue
Block a user