diff --git a/plugins/Morpheus/stylesheets/general/_forms.less b/plugins/Morpheus/stylesheets/general/_forms.less
index 99530f3aa97ca8855e55c33e907f8361f71cbdb1..5f5ff94300be11d75751814f1f5454e6b1726ad4 100644
--- a/plugins/Morpheus/stylesheets/general/_forms.less
+++ b/plugins/Morpheus/stylesheets/general/_forms.less
@@ -105,14 +105,14 @@ select {
}
.top_bar_sites_selector {
- .sites_autocomplete .custom_select {
- z-index: 139;
- }
+ .sites_autocomplete .custom_select {
+ z-index: 139;
+ }
}
.sites_autocomplete {
input {
- min-height: 0;
+ min-height: 0;
}
.custom_select {
border-color: @theme-color-background-lowContrast;
@@ -125,13 +125,13 @@ select {
min-height: 30px;
.box-sizing(border-box);
a {
- color: @theme-color-text;
- &:hover {
- text-decoration: none;
- }
+ color: @theme-color-text;
+ &:hover {
+ text-decoration: none;
+ }
}
.custom_select_block {
- .custom_select_container{
+ .custom_select_container {
.custom_select_ul_list {
margin-top: 20px;
}
@@ -143,7 +143,7 @@ select {
.ajaxError {
background: @theme-color-brand;
color: #fff;
- border:0px;
+ border: 0px;
.border-radius(6px);
padding: 20px 25px;
text-align: center;
@@ -230,33 +230,33 @@ select {
}
.form-radio.disabled {
- background-position:15px -16px;
+ background-position: 15px -16px;
}
.form-checkbox.disabled {
- background-position:15px 0px;
+ background-position: 15px 0px;
}
.form-radio + label, .form-checkbox + label {
- float:left;
- display:inline-block;
+ float: left;
+ display: inline-block;
+ .form-description {
- margin-left:1em;
+ margin-left: 1em;
}
+ br, + .form-description + br {
- clear:both;
+ clear: both;
}
+ .form-radio, + .form-checkbox {
- margin-left:32px;
+ margin-left: 32px;
}
}
fieldset > .form-radio + label { // assumes <br/> after the label
- display: inline-block;
- margin-bottom: -.5em;
+ display: inline-block;
+ margin-bottom: -.5em;
}
label {
@@ -347,19 +347,19 @@ label {
// specific form control overrides (for iCheck)
.indented-radio-button {
- margin:0;
+ margin: 0;
}
.listReports > li:after {
- content:"";
- display:table;
- clear:both;
+ content: "";
+ display: table;
+ clear: both;
}
.listReports {
- .form-radio + label, .form-checkbox + label {
- width: 250px;
- }
+ .form-radio + label, .form-checkbox + label {
+ width: 250px;
+ }
}
// Bootstrap input groups
diff --git a/plugins/Morpheus/stylesheets/ui/_components.less b/plugins/Morpheus/stylesheets/ui/_components.less
index 98ed2909d7643996cef17f5cb1e6a70552c4cb2c..981000491e175ce215e8519aee4e9d71bbc5f7ef 100644
--- a/plugins/Morpheus/stylesheets/ui/_components.less
+++ b/plugins/Morpheus/stylesheets/ui/_components.less
@@ -94,11 +94,11 @@
text-shadow: none;
}
li {
- padding: 3px 0 ;
+ padding: 3px 0;
&:hover {
background: #f2f2f2;
border: 0;
- padding: 4px 0 3px;
+ padding: 4px 0 3px;
a {
border: 0;
@@ -148,7 +148,7 @@
}
}
-.available_segments a.dropdown {
+.available_segments a.dropdown {
color: @theme-color-text !important;
text-transform: uppercase;
.font-default(10px, 12px);
@@ -327,17 +327,17 @@
}
table.dataTable tr td .dataTableRowActions {
- a.rightmost, a {
- background-color: #f2f2f2 !important;
- margin: 6px 0px 6px 0;
- padding: 0px 4px 0px 0px;
- }
+ a.rightmost, a {
+ background-color: #f2f2f2 !important;
+ margin: 6px 0px 6px 0;
+ padding: 0px 4px 0px 0px;
+ }
}
table.dataTable tr td.labeleven .dataTableRowActions {
- a.rightmost, a {
- background-color: @theme-color-background-base !important;
- }
+ a.rightmost, a {
+ background-color: @theme-color-background-base !important;
+ }
}
table.dataTable th .columnDocumentation {
diff --git a/plugins/SegmentEditor/stylesheets/segmentation.less b/plugins/SegmentEditor/stylesheets/segmentation.less
index 85208c17f0deb4bef37cf4771684a7ce93093924..c362b71308b1f636ef172c057e40b8ab0e45e6ac 100644
--- a/plugins/SegmentEditor/stylesheets/segmentation.less
+++ b/plugins/SegmentEditor/stylesheets/segmentation.less
@@ -1,693 +1,695 @@
/* ADDITIONAL STYLES*/
.youMustBeLoggedIn {
- font-size: 8pt;
- font-style: italic;
+ font-size: 8pt;
+ font-style: italic;
}
.segment-footer .segmentFooterNote {
- display: none;
- float: left;
- padding-top: 9px;
+ display: none;
+ float: left;
+ padding-top: 9px;
}
.segment-footer .segmentFooterNote, .segment-element .segment-footer .segmentFooterNote a {
- font-size: 8pt;
- color: #888172;
+ font-size: 8pt;
+ color: #888172;
}
.segment-element .segment-footer .segmentFooterNote a {
- padding: 0;
- margin: 0;
- text-decoration: underline;
+ padding: 0;
+ margin: 0;
+ text-decoration: underline;
}
.searchFound {
- border: 0px solid red;
+ border: 0px solid red;
}
.others {
- border: 0px solid green;
+ border: 0px solid green;
}
.clear {
- clear: both;
+ clear: both;
}
.segment-row-inputs {
- margin-bottom: 5px;
+ margin-bottom: 5px;
}
.hovered {
- border-radius: 4px;
- border: 2px dashed #000 !important;
- padding: 0px;
+ border-radius: 4px;
+ border: 2px dashed #000 !important;
+ padding: 0px;
}
.metricListBlock {
- border-radius: 4px;
- width: 292px;
- margin-right: 11px;
- border: 2px dashed #EFEFEB;
+ border-radius: 4px;
+ width: 292px;
+ margin-right: 11px;
+ border: 2px dashed #EFEFEB;
}
.metricListBlock > select {
- margin: 0 !important;
- width: 98% !important;
- margin-left: 2px !important;
+ margin: 0 !important;
+ width: 98% !important;
+ margin-left: 2px !important;
}
.metricMatchBlock {
- width: 120px;
- margin-right: 11px;
+ width: 120px;
+ margin-right: 11px;
}
.metricValueBlock {
- width: 352px;
+ width: 352px;
}
div.scrollable {
- height: 100%;
- overflow: hidden;
- overflow-y: auto;
+ height: 100%;
+ overflow: hidden;
+ overflow-y: auto;
}
.no_results {
- position: absolute;
- margin: -225px 0 0 10px;
+ position: absolute;
+ margin: -225px 0 0 10px;
}
.segment-element {
- border: 1px solid #a9a399;
- background-color: #f1f0eb;
- padding: 6px 4px;
- border-radius: 3px;
- position: absolute;
- left: -1px;
- top: -1px;
+ border: 1px solid #a9a399;
+ background-color: #f1f0eb;
+ padding: 6px 4px;
+ border-radius: 3px;
+ position: absolute;
+ left: -1px;
+ top: -1px;
}
.segment-element .custom_select_search {
- width: 146px;
- background: url(plugins/SegmentEditor/images/bg-segment-search.png) 0 10px no-repeat;
- padding: 10px 0 0 0;
- margin: 10px 0 10px 15px;
- border-top: 1px solid #dcdacf;
- position: relative;
- height: 32px;
+ width: 146px;
+ background: url(plugins/SegmentEditor/images/bg-segment-search.png) 0 10px no-repeat;
+ padding: 10px 0 0 0;
+ margin: 10px 0 10px 15px;
+ border-top: 1px solid #dcdacf;
+ position: relative;
+ height: 32px;
}
.segment-element .custom_select_search input[type="text"] {
- font-size: 11px !important;
- color: #454545 !important;
- width: 125px;
- padding: 0 0 3px 7px !important;
- border: none !important;
- box-shadow: none !important;
- background: none !important;
+ font-size: 11px !important;
+ color: #454545 !important;
+ width: 125px;
+ padding: 0 0 3px 7px !important;
+ border: none !important;
+ box-shadow: none !important;
+ background: none !important;
}
.segment-element .custom_select_search a {
- position: absolute;
- width: 13px;
- height: 13px;
- right: 5px;
- top: 14px;
- background: url(plugins/SegmentEditor/images/reset_search.png);
+ position: absolute;
+ width: 13px;
+ height: 13px;
+ right: 5px;
+ top: 14px;
+ background: url(plugins/SegmentEditor/images/reset_search.png);
}
.segment-element .segment-nav {
- position: absolute;
- top: 7px;
- left: 5px;
- bottom: 135px;
- float: left;
- width: 170px;
+ position: absolute;
+ top: 7px;
+ left: 5px;
+ bottom: 135px;
+ float: left;
+ width: 170px;
}
.segment-element .segment-nav h4 {
- font-size: 14px;
- font-weight: bold;
- padding: 0 0 8px 0;
+ font-size: 14px;
+ font-weight: bold;
+ padding: 0 0 8px 0;
}
.segment-element .segment-nav h4.visits {
- padding-left: 28px;
- background: url(plugins/SegmentEditor/images/icon-users.png) 0 0 no-repeat;
+ padding-left: 28px;
+ background: url(plugins/SegmentEditor/images/icon-users.png) 0 0 no-repeat;
}
.segment-element .segment-nav h4 a {
- color: #255792;
- text-decoration: none;
+ color: #255792;
+ text-decoration: none;
}
.segment-element .segment-nav div > ul {
- padding: 0 0 0 15px;
+ padding: 0 0 0 15px;
}
.segment-element .segment-nav div > ul > li {
- padding: 2px 0;
- line-height: 14px;
+ padding: 2px 0;
+ line-height: 14px;
}
.segment-element .segment-nav div > ul > li li {
- padding: 1px;
- border-radius: 3px 3px 3px 3px;
+ padding: 1px;
+ border-radius: 3px 3px 3px 3px;
}
.segment-element .segment-nav div > ul > li li:hover {
- padding: 0;
- border: 1px solid #cfccbd;
- border-bottom: 1px solid #7c7a72;
+ padding: 0;
+ border: 1px solid #cfccbd;
+ border-bottom: 1px solid #7c7a72;
}
.segment-element .segment-nav div > ul > li li:hover a {
- cursor: move;
- padding: 1px 0 2px 8px;
- border-top: 1px solid #fff;
- background: #eae8e3 url(plugins/SegmentEditor/images/segment-move.png) 100% 50% no-repeat;
+ cursor: move;
+ padding: 1px 0 2px 8px;
+ border-top: 1px solid #fff;
+ background: #eae8e3 url(plugins/SegmentEditor/images/segment-move.png) 100% 50% no-repeat;
}
.segment-element .segment-nav div > ul > li li a {
- padding: 2px 0 2px 8px;
- font-weight: normal;
- display: block;
+ padding: 2px 0 2px 8px;
+ font-weight: normal;
+ display: block;
}
.segment-element .segment-nav div > ul > li ul {
- margin: 2px 0 -3px 10px;
+ margin: 2px 0 -3px 10px;
}
.segment-element .segment-nav div > ul > li a {
- color: #5d5342;
- font-size: 11px;
- font-weight: bold;
- text-decoration: none;
- text-shadow: 0 1px 0 #fff;
+ color: #5d5342;
+ font-size: 11px;
+ font-weight: bold;
+ text-decoration: none;
+ text-shadow: 0 1px 0 #fff;
}
.segment-element .segment-content {
- min-height: 300px;
- padding: 0 0 20px 203px;
+ min-height: 300px;
+ padding: 0 0 20px 203px;
}
.segment-element .segment-content h3 {
- font-size: 16px;
- font-weight: bold;
- color: #505050;
- margin: 11px 0 0 0;
- text-shadow: 0 1px 0 #fff;
+ font-size: 16px;
+ font-weight: bold;
+ color: #505050;
+ margin: 11px 0 0 0;
+ text-shadow: 0 1px 0 #fff;
}
.segment-element .segment-content h3 a {
- font-size: 11px;
- text-decoration: none;
- margin: -1px 0 0 0;
+ font-size: 11px;
+ text-decoration: none;
+ margin: -1px 0 0 0;
}
.segment-element .segment-content .segment-rows {
- padding: 4px;
- margin: 0 3px 0 0;
- background: @theme-color-background-base;
- border: 1px solid #a9a399;
- border-radius: 3px 3px 3px 3px;
- position: relative;
- box-shadow: 0 12px 6px -10px rgba(0, 0, 0, 0.42);
+ padding: 4px;
+ margin: 0 3px 0 0;
+ background: @theme-color-background-base;
+ border: 1px solid #a9a399;
+ border-radius: 3px 3px 3px 3px;
+ position: relative;
+ box-shadow: 0 12px 6px -10px rgba(0, 0, 0, 0.42);
}
.segment-element .segment-content .segment-add-row,
.segment-element .segment-content .segment-add-or {
- font-size: 14px;
- font-weight: bold;
- background: @theme-color-background-base;
- color: #b9b9b9;
- text-align: center;
- position: relative;
+ font-size: 14px;
+ font-weight: bold;
+ background: @theme-color-background-base;
+ color: #b9b9b9;
+ text-align: center;
+ position: relative;
}
.segment-element .segment-content .segment-add-row > div,
.segment-element .segment-content .segment-add-or > div {
- border-radius: 4px;
- border: 2px dashed #fff;
- padding: 10px 0;
+ border-radius: 4px;
+ border: 2px dashed #fff;
+ padding: 10px 0;
}
.segment-element .segment-content .segment-add-row > div a,
.segment-element .segment-content .segment-add-or > div a {
- color: #b9b9b9;
- text-decoration: none;
+ color: #b9b9b9;
+ text-decoration: none;
}
.segment-element .segment-content .segment-add-row > div a span,
.segment-element .segment-content .segment-add-or > div a span {
- color: #255792;
+ color: #255792;
}
.segment-element .segment-content .segment-add-row {
- margin: 0 3px 0 0;
- padding: 0 12px;
- border: 1px solid #a9a399;
- border-radius: 3px 3px 3px 3px;
- box-shadow: 0 12px 6px -10px rgba(0, 0, 0, 0.42);
+ margin: 0 3px 0 0;
+ padding: 0 12px;
+ border: 1px solid #a9a399;
+ border-radius: 3px 3px 3px 3px;
+ box-shadow: 0 12px 6px -10px rgba(0, 0, 0, 0.42);
}
.segment-element .segment-content .segment-add-or {
- text-shadow: 0 1px 0 #fff;
- display: inline-block;
- width: 100%;
- padding: 0 1%;
- background: #efefeb;
- border-radius: 3px 3px 3px 3px;
+ text-shadow: 0 1px 0 #fff;
+ display: inline-block;
+ width: 100%;
+ padding: 0 1%;
+ background: #efefeb;
+ border-radius: 3px 3px 3px 3px;
}
.segment-element .segment-content .segment-add-or > div {
- border: 2px dashed #EFEFEB;
+ border: 2px dashed #EFEFEB;
}
.segment-element .segment-content .segment-row {
- border-radius: 3px;
- display: inline-block;
- position: relative;
- width: 811px;
- padding: 12px 1%;
- background: #efefeb;
- padding: 7px 5px 0 5px;
+ border-radius: 3px;
+ display: inline-block;
+ position: relative;
+ width: 811px;
+ padding: 12px 1%;
+ background: #efefeb;
+ padding: 7px 5px 0 5px;
}
.segment-element .segment-content .segment-row .segment-close {
- top: 15px;
- right: 6px;
- position: absolute;
- width: 15px;
- height: 15px;
- background: url(plugins/SegmentEditor/images/segment-close.png) 0 0 no-repeat;
+ top: 15px;
+ right: 6px;
+ position: absolute;
+ width: 15px;
+ height: 15px;
+ background: url(plugins/SegmentEditor/images/segment-close.png) 0 0 no-repeat;
}
.segment-element .segment-content .segment-row .segment-loading {
- display: none;
- top: 25px;
- right: 30px;
- position: absolute;
- width: 15px;
- height: 15px;
- background: url(plugins/Morpheus/images/loading-blue.gif) 0 0 no-repeat;
+ display: none;
+ top: 25px;
+ right: 30px;
+ position: absolute;
+ width: 15px;
+ height: 15px;
+ background: url(plugins/Morpheus/images/loading-blue.gif) 0 0 no-repeat;
}
.segment-element .segment-content .segment-or {
- display: inline-block;
- margin: 0 0 0 6%;
- position: relative;
- background: #efefeb;
- padding: 5px 28px;
- color: #4f4f4f;
- font-weight: bold;
- font-size: 14px;
- text-shadow: 0 1px 0 #fff;
+ display: inline-block;
+ margin: 0 0 0 6%;
+ position: relative;
+ background: #efefeb;
+ padding: 5px 28px;
+ color: #4f4f4f;
+ font-weight: bold;
+ font-size: 14px;
+ text-shadow: 0 1px 0 #fff;
}
.segment-element .segment-content .segment-or:before,
.segment-element .segment-content .segment-or:after {
- content: '';
- position: absolute;
- background: @theme-color-background-base;
- border: 1px solid #efefeb;
- width: 10px;
- top: -1px;
- bottom: -1px;
+ content: '';
+ position: absolute;
+ background: @theme-color-background-base;
+ border: 1px solid #efefeb;
+ width: 10px;
+ top: -1px;
+ bottom: -1px;
}
.segment-element .segment-content .segment-or:before {
- border-left: none;
- left: 0px;
- border-radius: 0 5px 5px 0;
+ border-left: none;
+ left: 0px;
+ border-radius: 0 5px 5px 0;
}
.segment-element .segment-content .segment-or:after {
- border-right: none;
- right: 0px;
- border-radius: 5px 0 0 5px;
+ border-right: none;
+ right: 0px;
+ border-radius: 5px 0 0 5px;
}
.segment-element .segment-content .segment-and {
- display: inline-block;
- margin: -1px 0 -1px 6%;
- z-index: 1;
- position: relative;
- background: @theme-color-background-base;
- padding: 5px 35px;
- color: #4f4f4f;
- font-size: 14px;
- font-weight: bold;
- text-shadow: 0 1px 0 #fff;
+ display: inline-block;
+ margin: -1px 0 -1px 6%;
+ z-index: 1;
+ position: relative;
+ background: @theme-color-background-base;
+ padding: 5px 35px;
+ color: #4f4f4f;
+ font-size: 14px;
+ font-weight: bold;
+ text-shadow: 0 1px 0 #fff;
}
.segment-element .segment-content .segment-and:before,
.segment-element .segment-content .segment-and:after {
- content: '';
- position: absolute;
- background: url(plugins/SegmentEditor/images/bg-inverted-corners.png);
- border: 1px solid #a9a399;
- width: 10px;
- top: 0px;
- bottom: 0px;
+ content: '';
+ position: absolute;
+ background: url(plugins/SegmentEditor/images/bg-inverted-corners.png);
+ border: 1px solid #a9a399;
+ width: 10px;
+ top: 0px;
+ bottom: 0px;
}
.segment-element .segment-content .segment-and:before {
- border-left: none;
- left: 0px;
- border-radius: 0 5px 5px 0;
+ border-left: none;
+ left: 0px;
+ border-radius: 0 5px 5px 0;
}
.segment-element .segment-content .segment-and:after {
- border-right: none;
- right: 0px;
- border-radius: 5px 0 0 5px;
+ border-right: none;
+ right: 0px;
+ border-radius: 5px 0 0 5px;
}
.segment-element .segment-content .segment-input {
- float: left;
- padding: 6px 0 5px 3px;
- border: 2px dashed #EFEFEB;
- margin-right: 3px;
+ float: left;
+ padding: 6px 0 5px 3px;
+ border: 2px dashed #EFEFEB;
+ margin-right: 3px;
}
.segment-element .segment-content .segment-input label {
- display: block;
- margin: 0 0 5px 0;
- font-size: 11px;
- color: #505050;
+ display: block;
+ margin: 0 0 5px 0;
+ font-size: 11px;
+ color: #505050;
}
.segment-element .segment-content .segment-input select,
.segment-element .segment-content .segment-input input {
- display: block;
- width: 96%;
- padding-top: 7px;
- padding-bottom: 7px;
+ display: block;
+ width: 96%;
+ padding-top: 7px;
+ padding-bottom: 7px;
}
.segment-element .segment-content .segment-input input {
- padding: 8px 2%;
+ padding: 8px 2%;
}
.segment-element .segment-top {
- font-size: 11px;
- color: #505050;
- text-align: right;
- padding: 3px 7px 0 0;
+ font-size: 11px;
+ color: #505050;
+ text-align: right;
+ padding: 3px 7px 0 0;
}
.segment-element .segment-top a {
- text-decoration: none;
+ text-decoration: none;
}
.segment-element .segment-footer {
- background: #eae8e3;
- border-top: 1px solid #a9a399;
- text-align: right;
- padding: 7px 10px;
- margin: 0 -4px -6px -4px;
+ background: #eae8e3;
+ border-top: 1px solid #a9a399;
+ text-align: right;
+ padding: 7px 10px;
+ margin: 0 -4px -6px -4px;
}
.segment-element .segment-footer a.delete {
- color: red;
+ color: red;
}
.segment-element .segment-footer a {
- font-size: 14px;
- color: #255792;
- margin: 0 5px;
- text-decoration: none;
+ font-size: 14px;
+ color: #255792;
+ margin: 0 5px;
+ text-decoration: none;
}
.segment-element .segment-footer button {
- margin: 0 0 0 15px;
+ margin: 0 0 0 15px;
}
.segmentEditorPanel {
- display:inline-block;
- position:relative;
- z-index: 121; /* Should be bigger than 'Dashboard widget selector' (z-index: 120) */
- background: #f7f7f7;
- border: 1px solid #e4e5e4;
- padding: 5px 10px 6px 10px;
- margin-right: 10px;
- border-radius: 4px;
- color: @theme-color-text-light;
- font-size: 14px;
+ display: inline-block;
+ position: relative;
+ z-index: 121; /* Should be bigger than 'Dashboard widget selector' (z-index: 120) */
+ background: #f7f7f7;
+ border: 1px solid #e4e5e4;
+ padding: 5px 10px 6px 10px;
+ margin-right: 10px;
+ border-radius: 4px;
+ color: @theme-color-text-light;
+ font-size: 14px;
}
.top_controls .segmentEditorPanel {
- position:absolute;
+ position: absolute;
}
.segmentEditorPanel:hover {
- background: #f1f0eb;
- border-color: #a9a399;
+ background: #f1f0eb;
+ border-color: #a9a399;
}
.segmentationContainer > span > strong {
- color: #255792;
+ color: #255792;
}
.segmentationContainer .submenu {
- font-size: 13px;
- min-width: 200px;
+ font-size: 13px;
+ min-width: 200px;
}
.segmentationContainer .submenu ul {
- color: #5D5342;
- float: none;
- font-size: 11px;
- font-weight: normal;
- line-height: 20px;
- list-style: none outside none;
- margin-left: 5px;
- margin-right: 0;
- padding-top: 10px;
+ color: #5D5342;
+ float: none;
+ font-size: 11px;
+ font-weight: normal;
+ line-height: 20px;
+ list-style: none outside none;
+ margin-left: 5px;
+ margin-right: 0;
+ padding-top: 10px;
}
.segmentationContainer .submenu ul li {
- padding: 2px 0px 1px 6px;
- margin: 3px 0 0 0;
- cursor: pointer;
+ padding: 2px 0px 1px 6px;
+ margin: 3px 0 0 0;
+ cursor: pointer;
}
.segmentationContainer .submenu ul li:hover {
- color: #255792;
- margin: 0;
- margin-left: -3px;
- border: 1px solid #d5d2c6;
- border-bottom: 2px solid #918f88;
- border-radius: 4px;
- background: #eae8e3;
+ color: #255792;
+ margin: 0;
+ margin-left: -3px;
+ border: 1px solid #d5d2c6;
+ border-bottom: 2px solid #918f88;
+ border-radius: 4px;
+ background: #eae8e3;
}
.segmentationContainer ul.submenu {
- padding-top: 5px;
- display: none;
- float: left;
- margin-bottom: 5px;
+ padding-top: 5px;
+ display: none;
+ float: left;
+ margin-bottom: 5px;
}
.segmentationContainer ul.submenu > li span.editSegment {
- display: block;
- float: right;
- text-align: center;
- margin-right:4px;
- font-weight: normal;
- background: url(plugins/SegmentEditor/images/edit_segment.png) no-repeat;
- width: 16px;
- height: 16px;
+ display: block;
+ float: right;
+ text-align: center;
+ margin-right: 4px;
+ font-weight: normal;
+ background: url(plugins/SegmentEditor/images/edit_segment.png) no-repeat;
+ width: 16px;
+ height: 16px;
}
.segmentEditorPanel.visible .segmentationContainer {
- width: 200px;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
+ width: 200px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
}
.segmentEditorPanel.visible ul.submenu {
- display: block;
- list-style: none;
+ display: block;
+ list-style: none;
}
.segmentFilterContainer {
- margin-left: -10px;
- margin-right: -10px;
- margin-bottom: 10px;
+ margin-left: -10px;
+ margin-right: -10px;
+ margin-bottom: 10px;
}
.segmentEditorPanel.visible .segmentFilterContainer > input[type="text"] {
- font: 13px Verdana;
- width: 100%;
- padding: 0;
- border: 1px solid #ccc;
- border-width: 1px 0;
- color: #999;
- padding: 11px 32px 11px 12px;
+ font: 13px Verdana;
+ width: 100%;
+ padding: 0;
+ border: 1px solid #ccc;
+ border-width: 1px 0;
+ color: #999;
+ padding: 11px 32px 11px 12px;
}
.segmentEditorPanel.visible .segmentFilterContainer > span {
- position: absolute;
- width: 13px;
- height: 13px;
- right: 12px;
- top: 16px;
- cursor: pointer;
+ position: absolute;
+ width: 13px;
+ height: 13px;
+ right: 12px;
+ top: 16px;
+ cursor: pointer;
}
+
.segmentEditorPanel.visible .segmentFilterContainer:hover > span {
- background: url(plugins/SegmentEditor/images/reset_search.png);
+ background: url(plugins/SegmentEditor/images/reset_search.png);
}
-.segmentEditorPanel.visible .filterNoResults{
- font-style: italic;
+
+.segmentEditorPanel.visible .filterNoResults {
+ font-style: italic;
}
.segmentEditorPanel.visible .add_new_segment {
- clear: both;
- float: right;
- margin: 12px 0 10px;
+ clear: both;
+ float: right;
+ margin: 12px 0 10px;
}
.segmentationContainer > ul.submenu > li {
- padding: 5px 0;
- clear: both;
- cursor: pointer;
+ padding: 5px 0;
+ clear: both;
+ cursor: pointer;
}
span.segmentationTitle {
- background: url(plugins/Morpheus/images/sort_subtable_desc.png) no-repeat right 0;
- padding-right: 20px;
- min-width: 180px;
- display: block;
- cursor: pointer;
+ background: url(plugins/Morpheus/images/sort_subtable_desc.png) no-repeat right 0;
+ padding-right: 20px;
+ min-width: 180px;
+ display: block;
+ cursor: pointer;
}
.segmentList {
- max-height:300px;
- margin-top: 5px;
+ max-height: 300px;
+ margin-top: 5px;
}
.segmentListContainer {
- overflow: hidden; /* Create a BFC */
+ overflow: hidden; /* Create a BFC */
}
.jspVerticalBar {
- background: transparent !important;
+ background: transparent !important;
}
/* ADDITIONAL STYLES*/
body > a.ddmetric {
- display: block;
- cursor: move;
- padding: 1px 0 2px 18px;
- background: #eae8e3 url(plugins/SegmentEditor/images/segment-move.png) 100% 50% no-repeat;
- color: #5d5342;
- font-weight: normal;
- font-size: 11px;
- text-decoration: none;
- text-shadow: 0 1px 0 #fff;
- border: 1px solid #cfccbd;
- border-top: 1px solid #fff;
- border-bottom: 1px solid #7c7a72;
+ display: block;
+ cursor: move;
+ padding: 1px 0 2px 18px;
+ background: #eae8e3 url(plugins/SegmentEditor/images/segment-move.png) 100% 50% no-repeat;
+ color: #5d5342;
+ font-weight: normal;
+ font-size: 11px;
+ text-decoration: none;
+ text-shadow: 0 1px 0 #fff;
+ border: 1px solid #cfccbd;
+ border-top: 1px solid #fff;
+ border-bottom: 1px solid #7c7a72;
}
.segment-element .segment-nav div > ul > li ul {
- margin-left: 0;
+ margin-left: 0;
}
.segment-element .segment-nav div > ul > li li a,
.segment-element .segment-nav div > ul > li li a:hover {
- padding-right: 18px;
+ padding-right: 18px;
}
.hovered {
- border-color: #a0a0a0 !important;
+ border-color: #a0a0a0 !important;
}
a.metric_category {
- display: block;
- width: 100%;
+ display: block;
+ width: 100%;
}
.segment-content > h3 {
- padding-bottom: 7px;
+ padding-bottom: 7px;
}
.no_results {
- margin: 0;
- position: relative;
+ margin: 0;
+ position: relative;
}
.no_results a {
- cursor: default;
+ cursor: default;
}
.ui-widget-segmentation {
- border: 1px solid #D4D4D4 !important;
+ border: 1px solid #D4D4D4 !important;
}
.clearfix {
- zoom: 1;
+ zoom: 1;
}
.clearfix:after {
- display: block;
- visibility: hidden;
- height: 0;
- clear: both;
- content: ".";
+ display: block;
+ visibility: hidden;
+ height: 0;
+ clear: both;
+ content: ".";
}
.metricValueBlock input {
- padding: 8px !important;
+ padding: 8px !important;
}
.segmentationContainer {
- z-index: 120;
+ z-index: 120;
}
.segment-element {
- z-index: 999;
- width: 1040px;
+ z-index: 999;
+ width: 1040px;
}
.segmentationSelectorContainer {
- margin: 8px;
+ margin: 8px;
}
.segmentSelected, .segmentSelected:hover, .segmentEditorPanel .segmentationContainer .submenu li .segmentSelected {
- font-weight: bold;
+ font-weight: bold;
}
.ui-autocomplete {
- position: absolute;
- cursor: default;
- z-index: 1000 !important;
+ position: absolute;
+ cursor: default;
+ z-index: 1000 !important;
}
@media all and (max-width: 749px) {
- span.segmentationTitle,
- .segmentEditorPanel.visible .segmentationContainer {
- width: auto;
- }
+ span.segmentationTitle,
+ .segmentEditorPanel.visible .segmentationContainer {
+ width: auto;
+ }
}
.dropdown-body {
- position:absolute;
- top:100%;
- left:-1px;
- background-color:#f7f7f7;
- padding:0px 10px;
+ position: absolute;
+ top: 100%;
+ left: -1px;
+ background-color: #f7f7f7;
+ padding: 0px 10px;
border: 1px solid #e4e5e4;
- border-top-width:0px;
- display:none;
+ border-top-width: 0px;
+ display: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.segmentEditorPanel.visible .dropdown-body {
- display:block;
+ display: block;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
@@ -703,61 +705,61 @@ a.metric_category {
}
.segment-element.anchorRight {
- right:-1px;
- left:auto;
+ right: -1px;
+ left: auto;
}
.available_segments {
- display: inline-block;
- width: 160px;
+ display: inline-block;
+ width: 160px;
}
.segmentationTitle,
.segment-element .segment-nav a.dropdown,
.segname {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.segmentationTitle,
.segment-element .segment-nav a.dropdown {
- max-width: 180px;
+ max-width: 180px;
}
.segname {
- max-width: 145px;
+ max-width: 145px;
}
.segmentEditorPanel.visible .segmentationTitle {
- max-width: 200px;
- overflow: visible; /* restore default */
- white-space: normal; /* restore default */
+ max-width: 200px;
+ overflow: visible; /* restore default */
+ white-space: normal; /* restore default */
}
.segment-element .segment-nav a.dropdown,
.segname {
- display: inline-block;
+ display: inline-block;
}
.segment-element .segment-nav a.dropdown,
.segment-element .segment-top a.dropdown {
- padding: 0 17px 0 0;
- background: none !important;
+ padding: 0 17px 0 0;
+ background: none !important;
}
.segment-element .segment-nav a.dropdown {
- background: url("plugins/Morpheus/images/sort_subtable_desc.png") no-repeat scroll 100% -2px transparent !important;
+ background: url("plugins/Morpheus/images/sort_subtable_desc.png") no-repeat scroll 100% -2px transparent !important;
}
.segment-element .segment-top a.dropdown:after {
- content: " \25BC";
- font-size: 0px;
- color: @theme-color-brand;
- border-left: 4px solid rgba(0, 0, 0, 0);
- border-right: 4px solid rgba(0, 0, 0, 0);
- border-top: 5px solid @theme-color-brand;
- margin-left: 7px;
- display: inline-block;
- vertical-align: sub;
+ content: " \25BC";
+ font-size: 0px;
+ color: @theme-color-brand;
+ border-left: 4px solid rgba(0, 0, 0, 0);
+ border-right: 4px solid rgba(0, 0, 0, 0);
+ border-top: 5px solid @theme-color-brand;
+ margin-left: 7px;
+ display: inline-block;
+ vertical-align: sub;
}