Gary Sharp
@@ -1075,6 +1075,211 @@ div.logEventsViewport table.logEventsViewport > tbody > tr > td.eventType {
|
||||
#Config_AuthRoles_Subjects_Update_Dialog #Config_AuthRoles_Subjects_Update_Dialog_List li .remove:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
#Config_ReportPrefs {
|
||||
margin-top: 10px;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview {
|
||||
float: right;
|
||||
width: 150px;
|
||||
height: 80px;
|
||||
border: 1px solid #444;
|
||||
font-size: 4px;
|
||||
color: #ffffff;
|
||||
overflow: hidden;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview .heading {
|
||||
height: 6px;
|
||||
padding-left: 3px;
|
||||
overflow: hidden;
|
||||
background-color: #333333;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview .column-heading {
|
||||
float: left;
|
||||
width: calc(33% - 4px);
|
||||
padding-left: 2px;
|
||||
margin: 1px 0 0 2px;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview .column {
|
||||
height: 100%;
|
||||
float: left;
|
||||
width: calc(33% - 2px);
|
||||
margin-left: 2px;
|
||||
overflow: hidden;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview .column span {
|
||||
display: block;
|
||||
height: 4px;
|
||||
margin: 1px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-default {
|
||||
background: linear-gradient(to bottom, #165180, #1e6dab) left top repeat-x #1e6dab;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-default .column span.alert {
|
||||
background-color: #e51400;
|
||||
color: #ffffff;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-default-soft {
|
||||
background: linear-gradient(to bottom, #165180, #1e6dab) left top repeat-x #1e6dab;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-default-soft .column span.alert {
|
||||
background-color: #f0e277;
|
||||
color: #000000;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-green {
|
||||
background: linear-gradient(to bottom, #477c11, #60a917) left top repeat-x #60a917;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-green .column span.alert {
|
||||
background-color: #e51400;
|
||||
color: #ffffff;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-green-soft {
|
||||
background: linear-gradient(to bottom, #477c11, #60a917) left top repeat-x #60a917;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-green-soft .column span.alert {
|
||||
background-color: #e5cc11;
|
||||
color: #000000;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-violet {
|
||||
background: linear-gradient(to bottom, #8800cc, #aa00ff) left top repeat-x #aa00ff;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-violet .column span.alert {
|
||||
background-color: #e51400;
|
||||
color: #ffffff;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-violet-soft {
|
||||
background: linear-gradient(to bottom, #8800cc, #aa00ff) left top repeat-x #aa00ff;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-violet-soft .column span.alert {
|
||||
background-color: #f0e277;
|
||||
color: #000000;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-magenta {
|
||||
background: linear-gradient(to bottom, #a50058, #d80073) left top repeat-x #d80073;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-magenta .column span.alert {
|
||||
background-color: #1681b4;
|
||||
color: #ffffff;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-magenta-soft {
|
||||
background: linear-gradient(to bottom, #a50058, #d80073) left top repeat-x #d80073;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-magenta-soft .column span.alert {
|
||||
background-color: #85cdf0;
|
||||
color: #000000;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-crimson {
|
||||
background: linear-gradient(to bottom, #6f0019, #a20025) left top repeat-x #a20025;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-crimson .column span.alert {
|
||||
background-color: #b0cc22;
|
||||
color: #000000;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-crimson-soft {
|
||||
background: linear-gradient(to bottom, #6f0019, #a20025) left top repeat-x #a20025;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-crimson-soft .column span.alert {
|
||||
background-color: #cee077;
|
||||
color: #000000;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-amber {
|
||||
background: linear-gradient(to bottom, #bf8208, #f0a30a) left top repeat-x #f0a30a;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-amber .column span.alert {
|
||||
background-color: #0050ef;
|
||||
color: #ffffff;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-amber-soft {
|
||||
background: linear-gradient(to bottom, #bf8208, #f0a30a) left top repeat-x #f0a30a;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-amber-soft .column span.alert {
|
||||
background-color: #bbd0fb;
|
||||
color: #000000;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-brown {
|
||||
background: linear-gradient(to bottom, #5c401f, #825a2c) left top repeat-x #825a2c;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-brown .column span.alert {
|
||||
background-color: #e3c800;
|
||||
color: #000000;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-brown-soft {
|
||||
background: linear-gradient(to bottom, #5c401f, #825a2c) left top repeat-x #825a2c;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-brown-soft .column span.alert {
|
||||
background-color: #f0e277;
|
||||
color: #000000;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-steel {
|
||||
background: linear-gradient(to bottom, #4e5d6c, #647689) left top repeat-x #647689;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-steel .column span.alert {
|
||||
background-color: #e51400;
|
||||
color: #ffffff;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-steel-soft {
|
||||
background: linear-gradient(to bottom, #4e5d6c, #647689) left top repeat-x #647689;
|
||||
}
|
||||
#Config_ReportPrefs #Config_ReportPrefs_Preview.theme-steel-soft .column span.alert {
|
||||
background-color: #f0e277;
|
||||
color: #000000;
|
||||
}
|
||||
#Config_ReportPrefs_Builder .report {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#Config_ReportPrefs_Builder .report ul {
|
||||
margin-left: 10px;
|
||||
}
|
||||
#Config_ReportPrefs_Builder .theme {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#Config_ReportPrefs_Builder .theme > select {
|
||||
margin-left: 10px;
|
||||
}
|
||||
#Config_ReportPrefs_Builder .filter > select {
|
||||
margin-left: 10px;
|
||||
}
|
||||
#Config_ReportPrefs_Builder .filter div.options {
|
||||
display: none;
|
||||
background-color: #ffffff;
|
||||
border: 1px dashed #cccccc;
|
||||
margin-top: 4px;
|
||||
margin-left: 15px;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
#Config_ReportPrefs_Builder .filter div.options .method {
|
||||
margin-top: 4px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
#Config_ReportPrefs_Builder .filter div.options .method label {
|
||||
margin-right: 14px;
|
||||
}
|
||||
#Config_ReportPrefs_Builder_Buttonpane {
|
||||
padding-right: .3em;
|
||||
}
|
||||
#Config_ReportPrefs_Builder_Buttonpane textarea {
|
||||
float: left;
|
||||
font-family: Consolas, "Courier New", monospace;
|
||||
color: #333333;
|
||||
width: calc(100% - 1.2em - 10px);
|
||||
border: 1px solid #cccccc;
|
||||
white-space: pre;
|
||||
min-height: 0;
|
||||
}
|
||||
#Config_ReportPrefs_Builder_Buttonpane i {
|
||||
float: right;
|
||||
cursor: pointer;
|
||||
margin: .3em .2em 0 0;
|
||||
color: #335a87;
|
||||
}
|
||||
#Config_ReportPrefs_Builder_Buttonpane i:hover {
|
||||
color: #5e8cc2;
|
||||
}
|
||||
#Config_ReportPrefs_Builder_Buttonpane .ui-dialog-buttonset {
|
||||
display: none;
|
||||
}
|
||||
#Config_Location {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
@@ -1097,7 +1097,6 @@ div.logEventsViewport {
|
||||
#pluginLibrary {
|
||||
|
||||
#pluginLibraryGroups {
|
||||
|
||||
width: 900px;
|
||||
margin: 0 auto;
|
||||
|
||||
@@ -1263,6 +1262,195 @@ div.logEventsViewport {
|
||||
}
|
||||
}
|
||||
|
||||
#Config_ReportPrefs {
|
||||
margin-top: 10px;
|
||||
|
||||
#Config_ReportPrefs_Preview {
|
||||
float: right;
|
||||
width: 150px;
|
||||
height: 80px;
|
||||
border: 1px solid #444;
|
||||
font-size: 4px;
|
||||
color: @white;
|
||||
overflow: hidden;
|
||||
text-transform: uppercase;
|
||||
|
||||
.heading {
|
||||
height: 6px;
|
||||
padding-left: 3px;
|
||||
overflow: hidden;
|
||||
background-color: @HeaderBackgroundColour;
|
||||
}
|
||||
|
||||
.column-heading {
|
||||
float: left;
|
||||
width: calc(~"33% - 4px");
|
||||
padding-left: 2px;
|
||||
margin: 1px 0 0 2px;
|
||||
}
|
||||
|
||||
.column {
|
||||
height: 100%;
|
||||
float: left;
|
||||
width: calc(~"33% - 2px");
|
||||
margin-left: 2px;
|
||||
overflow: hidden;
|
||||
background: fade(@white, 20%);
|
||||
|
||||
span {
|
||||
display: block;
|
||||
height: 4px;
|
||||
margin: 1px;
|
||||
background-color: @white;
|
||||
}
|
||||
}
|
||||
|
||||
.theme-builder(@main-colour, @alert-colour: difference(@main-colour, @white), @alert-text-colour: contrast(@alert-colour)) {
|
||||
background: linear-gradient(to bottom, darken(@main-colour, 10%), @main-colour) left top repeat-x @main-colour;
|
||||
|
||||
.column span.alert {
|
||||
background-color: @alert-colour;
|
||||
color: @alert-text-colour;
|
||||
}
|
||||
}
|
||||
|
||||
&.theme-default {
|
||||
.theme-builder(@ButtonColour, @ThemeRed);
|
||||
}
|
||||
|
||||
&.theme-default-soft {
|
||||
.theme-builder(@ButtonColour, hardlight(@ThemeYellow, #bbb));
|
||||
}
|
||||
|
||||
&.theme-green {
|
||||
.theme-builder(@ThemeGreen, @ThemeRed);
|
||||
}
|
||||
|
||||
&.theme-green-soft {
|
||||
.theme-builder(@ThemeGreen, screen(@ThemeYellow, #111));
|
||||
}
|
||||
|
||||
&.theme-violet {
|
||||
.theme-builder(@ThemeViolet, @ThemeRed);
|
||||
}
|
||||
|
||||
&.theme-violet-soft {
|
||||
.theme-builder(@ThemeViolet, hardlight(@ThemeYellow, #bbb));
|
||||
}
|
||||
|
||||
&.theme-magenta {
|
||||
.theme-builder(@ThemeMagenta, darken(@ThemeCyan, 10%), @white);
|
||||
}
|
||||
|
||||
&.theme-magenta-soft {
|
||||
.theme-builder(@ThemeMagenta, screen(@ThemeCyan, #777));
|
||||
}
|
||||
|
||||
&.theme-crimson {
|
||||
.theme-builder(@ThemeCrimson, screen(@ThemeLime, #222));
|
||||
}
|
||||
|
||||
&.theme-crimson-soft {
|
||||
.theme-builder(@ThemeCrimson, screen(@ThemeLime, #777));
|
||||
}
|
||||
|
||||
&.theme-amber {
|
||||
.theme-builder(@ThemeAmber, @ThemeCobalt);
|
||||
}
|
||||
|
||||
&.theme-amber-soft {
|
||||
.theme-builder(@ThemeAmber, hardlight(@ThemeCobalt, #ddd));
|
||||
}
|
||||
|
||||
&.theme-brown {
|
||||
.theme-builder(@ThemeBrown, @ThemeYellow);
|
||||
}
|
||||
|
||||
&.theme-brown-soft {
|
||||
.theme-builder(@ThemeBrown, hardlight(@ThemeYellow, #bbb));
|
||||
}
|
||||
|
||||
&.theme-steel {
|
||||
.theme-builder(@ThemeSteel, @ThemeRed);
|
||||
}
|
||||
|
||||
&.theme-steel-soft {
|
||||
.theme-builder(@ThemeSteel, hardlight(@ThemeYellow, #bbb));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#Config_ReportPrefs_Builder {
|
||||
.report {
|
||||
margin-bottom: 10px;
|
||||
|
||||
ul {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.theme {
|
||||
margin-bottom: 10px;
|
||||
|
||||
& > select {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.filter {
|
||||
& > select {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
div.options {
|
||||
display: none;
|
||||
background-color: @white;
|
||||
border: 1px dashed @SubtleBorderColour;
|
||||
margin-top: 4px;
|
||||
margin-left: 15px;
|
||||
padding: 2px 6px;
|
||||
|
||||
.method {
|
||||
margin-top: 4px;
|
||||
margin-bottom: 8px;
|
||||
|
||||
label {
|
||||
margin-right: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#Config_ReportPrefs_Builder_Buttonpane {
|
||||
padding-right: .3em;
|
||||
|
||||
textarea {
|
||||
float: left;
|
||||
font-family: @FontFamilyMono;
|
||||
color: @FontBodyColour;
|
||||
width: calc(~"100% - 1.2em - 10px");
|
||||
border: 1px solid @SubtleBorderColour;
|
||||
white-space: pre;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
i {
|
||||
float: right;
|
||||
cursor: pointer;
|
||||
margin: .3em .2em 0 0;
|
||||
color: @HyperLinkColour;
|
||||
|
||||
&:hover {
|
||||
color: @HyperLinkHoverColour;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-dialog-buttonset {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#Config_Location {
|
||||
margin-top: 10px;
|
||||
|
||||
|
||||
+1
-1
File diff suppressed because one or more lines are too long
@@ -1929,11 +1929,9 @@ body {
|
||||
overflow: hidden;
|
||||
}
|
||||
body {
|
||||
background: linear-gradient(to bottom, #165180, #1e6dab) left top repeat-x #1e6dab;
|
||||
font-size: 16px;
|
||||
font-family: "Segoe UI", Arial, Verdana, Tahoma, sans-serif;
|
||||
color: #ffffff;
|
||||
cursor: auto;
|
||||
cursor: none;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
@@ -1950,6 +1948,7 @@ div#page {
|
||||
header,
|
||||
#header {
|
||||
position: relative;
|
||||
color: #ffffff;
|
||||
background-color: #333333;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -2006,9 +2005,9 @@ header #credits i,
|
||||
margin-bottom: 10px;
|
||||
font-size: 1.4em;
|
||||
height: 30px;
|
||||
color: #ffffff;
|
||||
}
|
||||
#mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
height: calc(100% - 30px);
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -2020,7 +2019,6 @@ header #credits i,
|
||||
text-align: center;
|
||||
text-transform: lowercase;
|
||||
margin-top: 40px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
#mainSection .list div.content ul {
|
||||
padding: 0;
|
||||
@@ -2030,16 +2028,15 @@ header #credits i,
|
||||
#mainSection .list div.content ul li {
|
||||
position: relative;
|
||||
margin: 4px 2px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #2689d6;
|
||||
padding: 6px 8px;
|
||||
color: #000000;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
-ms-text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
}
|
||||
#mainSection .list div.content ul li .small {
|
||||
display: inline-block;
|
||||
@@ -2047,10 +2044,6 @@ header #credits i,
|
||||
font-size: 0.8em;
|
||||
margin-top: 0.1em;
|
||||
}
|
||||
#mainSection .list div.content ul li.alert {
|
||||
background-color: #e51400;
|
||||
color: #ffffff;
|
||||
}
|
||||
#mainSection .list div.content ul li:after {
|
||||
clear: both;
|
||||
content: ".";
|
||||
@@ -2074,7 +2067,6 @@ footer,
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
background: linear-gradient(to bottom, rgba(30, 109, 171, 0), #1e6dab 90%) left top repeat-x;
|
||||
display: block;
|
||||
}
|
||||
body.status-connecting #statusConnecting {
|
||||
@@ -2103,3 +2095,292 @@ body.status-error #statusError span {
|
||||
body.status-error #mainSection {
|
||||
opacity: 0.3;
|
||||
}
|
||||
/* Themes */
|
||||
body.theme-default {
|
||||
background: linear-gradient(to bottom, #165180, #1e6dab) left top repeat-x #1e6dab;
|
||||
}
|
||||
body.theme-default #mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.theme-default #mainSection .list ul li {
|
||||
border: 1px solid #3080b8;
|
||||
}
|
||||
body.theme-default #mainSection .list ul li.alert {
|
||||
background-color: #e51400;
|
||||
border: 1px solid #ee6255;
|
||||
color: #ffffff;
|
||||
}
|
||||
body.theme-default footer,
|
||||
body.theme-default #footer {
|
||||
background: linear-gradient(to bottom, rgba(30, 109, 171, 0), #1e6dab 90%) left top repeat-x;
|
||||
}
|
||||
body.theme-default-soft {
|
||||
background: linear-gradient(to bottom, #165180, #1e6dab) left top repeat-x #1e6dab;
|
||||
}
|
||||
body.theme-default-soft #mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.theme-default-soft #mainSection .list ul li {
|
||||
border: 1px solid #3080b8;
|
||||
}
|
||||
body.theme-default-soft #mainSection .list ul li.alert {
|
||||
background-color: #f0e277;
|
||||
border: 1px solid #f5eba4;
|
||||
color: #000000;
|
||||
}
|
||||
body.theme-default-soft footer,
|
||||
body.theme-default-soft #footer {
|
||||
background: linear-gradient(to bottom, rgba(30, 109, 171, 0), #1e6dab 90%) left top repeat-x;
|
||||
}
|
||||
body.theme-green {
|
||||
background: linear-gradient(to bottom, #477c11, #60a917) left top repeat-x #60a917;
|
||||
}
|
||||
body.theme-green #mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.theme-green #mainSection .list ul li {
|
||||
border: 1px solid #74b627;
|
||||
}
|
||||
body.theme-green #mainSection .list ul li.alert {
|
||||
background-color: #e51400;
|
||||
border: 1px solid #ee6255;
|
||||
color: #ffffff;
|
||||
}
|
||||
body.theme-green footer,
|
||||
body.theme-green #footer {
|
||||
background: linear-gradient(to bottom, rgba(96, 169, 23, 0), #60a917 90%) left top repeat-x;
|
||||
}
|
||||
body.theme-green-soft {
|
||||
background: linear-gradient(to bottom, #477c11, #60a917) left top repeat-x #60a917;
|
||||
}
|
||||
body.theme-green-soft #mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.theme-green-soft #mainSection .list ul li {
|
||||
border: 1px solid #74b627;
|
||||
}
|
||||
body.theme-green-soft #mainSection .list ul li.alert {
|
||||
background-color: #e5cc11;
|
||||
border: 1px solid #eedd60;
|
||||
color: #000000;
|
||||
}
|
||||
body.theme-green-soft footer,
|
||||
body.theme-green-soft #footer {
|
||||
background: linear-gradient(to bottom, rgba(96, 169, 23, 0), #60a917 90%) left top repeat-x;
|
||||
}
|
||||
body.theme-violet {
|
||||
background: linear-gradient(to bottom, #8800cc, #aa00ff) left top repeat-x #aa00ff;
|
||||
}
|
||||
body.theme-violet #mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.theme-violet #mainSection .list ul li {
|
||||
border: 1px solid #b700ff;
|
||||
}
|
||||
body.theme-violet #mainSection .list ul li.alert {
|
||||
background-color: #e51400;
|
||||
border: 1px solid #ee6255;
|
||||
color: #ffffff;
|
||||
}
|
||||
body.theme-violet footer,
|
||||
body.theme-violet #footer {
|
||||
background: linear-gradient(to bottom, rgba(170, 0, 255, 0), #aa00ff 90%) left top repeat-x;
|
||||
}
|
||||
body.theme-violet-soft {
|
||||
background: linear-gradient(to bottom, #8800cc, #aa00ff) left top repeat-x #aa00ff;
|
||||
}
|
||||
body.theme-violet-soft #mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.theme-violet-soft #mainSection .list ul li {
|
||||
border: 1px solid #b700ff;
|
||||
}
|
||||
body.theme-violet-soft #mainSection .list ul li.alert {
|
||||
background-color: #f0e277;
|
||||
border: 1px solid #f5eba4;
|
||||
color: #000000;
|
||||
}
|
||||
body.theme-violet-soft footer,
|
||||
body.theme-violet-soft #footer {
|
||||
background: linear-gradient(to bottom, rgba(170, 0, 255, 0), #aa00ff 90%) left top repeat-x;
|
||||
}
|
||||
body.theme-magenta {
|
||||
background: linear-gradient(to bottom, #a50058, #d80073) left top repeat-x #d80073;
|
||||
}
|
||||
body.theme-magenta #mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.theme-magenta #mainSection .list ul li {
|
||||
border: 1px solid #de0086;
|
||||
}
|
||||
body.theme-magenta #mainSection .list ul li.alert {
|
||||
background-color: #1681b4;
|
||||
border: 1px solid #63abcd;
|
||||
color: #ffffff;
|
||||
}
|
||||
body.theme-magenta footer,
|
||||
body.theme-magenta #footer {
|
||||
background: linear-gradient(to bottom, rgba(216, 0, 115, 0), #d80073 90%) left top repeat-x;
|
||||
}
|
||||
body.theme-magenta-soft {
|
||||
background: linear-gradient(to bottom, #a50058, #d80073) left top repeat-x #d80073;
|
||||
}
|
||||
body.theme-magenta-soft #mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.theme-magenta-soft #mainSection .list ul li {
|
||||
border: 1px solid #de0086;
|
||||
}
|
||||
body.theme-magenta-soft #mainSection .list ul li.alert {
|
||||
background-color: #85cdf0;
|
||||
border: 1px solid #aedef5;
|
||||
color: #000000;
|
||||
}
|
||||
body.theme-magenta-soft footer,
|
||||
body.theme-magenta-soft #footer {
|
||||
background: linear-gradient(to bottom, rgba(216, 0, 115, 0), #d80073 90%) left top repeat-x;
|
||||
}
|
||||
body.theme-crimson {
|
||||
background: linear-gradient(to bottom, #6f0019, #a20025) left top repeat-x #a20025;
|
||||
}
|
||||
body.theme-crimson #mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.theme-crimson #mainSection .list ul li {
|
||||
border: 1px solid #b00039;
|
||||
}
|
||||
body.theme-crimson #mainSection .list ul li.alert {
|
||||
background-color: #b0cc22;
|
||||
border: 1px solid #cadd6c;
|
||||
color: #000000;
|
||||
}
|
||||
body.theme-crimson footer,
|
||||
body.theme-crimson #footer {
|
||||
background: linear-gradient(to bottom, rgba(162, 0, 37, 0), #a20025 90%) left top repeat-x;
|
||||
}
|
||||
body.theme-crimson-soft {
|
||||
background: linear-gradient(to bottom, #6f0019, #a20025) left top repeat-x #a20025;
|
||||
}
|
||||
body.theme-crimson-soft #mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.theme-crimson-soft #mainSection .list ul li {
|
||||
border: 1px solid #b00039;
|
||||
}
|
||||
body.theme-crimson-soft #mainSection .list ul li.alert {
|
||||
background-color: #cee077;
|
||||
border: 1px solid #dfeaa4;
|
||||
color: #000000;
|
||||
}
|
||||
body.theme-crimson-soft footer,
|
||||
body.theme-crimson-soft #footer {
|
||||
background: linear-gradient(to bottom, rgba(162, 0, 37, 0), #a20025 90%) left top repeat-x;
|
||||
}
|
||||
body.theme-amber {
|
||||
background: linear-gradient(to bottom, #bf8208, #f0a30a) left top repeat-x #f0a30a;
|
||||
}
|
||||
body.theme-amber #mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.theme-amber #mainSection .list ul li {
|
||||
border: 1px solid #f2b113;
|
||||
}
|
||||
body.theme-amber #mainSection .list ul li.alert {
|
||||
background-color: #0050ef;
|
||||
border: 1px solid #558af4;
|
||||
color: #ffffff;
|
||||
}
|
||||
body.theme-amber footer,
|
||||
body.theme-amber #footer {
|
||||
background: linear-gradient(to bottom, rgba(240, 163, 10, 0), #f0a30a 90%) left top repeat-x;
|
||||
}
|
||||
body.theme-amber-soft {
|
||||
background: linear-gradient(to bottom, #bf8208, #f0a30a) left top repeat-x #f0a30a;
|
||||
}
|
||||
body.theme-amber-soft #mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.theme-amber-soft #mainSection .list ul li {
|
||||
border: 1px solid #f2b113;
|
||||
}
|
||||
body.theme-amber-soft #mainSection .list ul li.alert {
|
||||
background-color: #bbd0fb;
|
||||
border: 1px solid #d2e0fc;
|
||||
color: #000000;
|
||||
}
|
||||
body.theme-amber-soft footer,
|
||||
body.theme-amber-soft #footer {
|
||||
background: linear-gradient(to bottom, rgba(240, 163, 10, 0), #f0a30a 90%) left top repeat-x;
|
||||
}
|
||||
body.theme-brown {
|
||||
background: linear-gradient(to bottom, #5c401f, #825a2c) left top repeat-x #825a2c;
|
||||
}
|
||||
body.theme-brown #mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.theme-brown #mainSection .list ul li {
|
||||
border: 1px solid #936e41;
|
||||
}
|
||||
body.theme-brown #mainSection .list ul li.alert {
|
||||
background-color: #e3c800;
|
||||
border: 1px solid #ecda55;
|
||||
color: #000000;
|
||||
}
|
||||
body.theme-brown footer,
|
||||
body.theme-brown #footer {
|
||||
background: linear-gradient(to bottom, rgba(130, 90, 44, 0), #825a2c 90%) left top repeat-x;
|
||||
}
|
||||
body.theme-brown-soft {
|
||||
background: linear-gradient(to bottom, #5c401f, #825a2c) left top repeat-x #825a2c;
|
||||
}
|
||||
body.theme-brown-soft #mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.theme-brown-soft #mainSection .list ul li {
|
||||
border: 1px solid #936e41;
|
||||
}
|
||||
body.theme-brown-soft #mainSection .list ul li.alert {
|
||||
background-color: #f0e277;
|
||||
border: 1px solid #f5eba4;
|
||||
color: #000000;
|
||||
}
|
||||
body.theme-brown-soft footer,
|
||||
body.theme-brown-soft #footer {
|
||||
background: linear-gradient(to bottom, rgba(130, 90, 44, 0), #825a2c 90%) left top repeat-x;
|
||||
}
|
||||
body.theme-steel {
|
||||
background: linear-gradient(to bottom, #4e5d6c, #647689) left top repeat-x #647689;
|
||||
}
|
||||
body.theme-steel #mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.theme-steel #mainSection .list ul li {
|
||||
border: 1px solid #78889a;
|
||||
}
|
||||
body.theme-steel #mainSection .list ul li.alert {
|
||||
background-color: #e51400;
|
||||
border: 1px solid #ee6255;
|
||||
color: #ffffff;
|
||||
}
|
||||
body.theme-steel footer,
|
||||
body.theme-steel #footer {
|
||||
background: linear-gradient(to bottom, rgba(100, 118, 137, 0), #647689 90%) left top repeat-x;
|
||||
}
|
||||
body.theme-steel-soft {
|
||||
background: linear-gradient(to bottom, #4e5d6c, #647689) left top repeat-x #647689;
|
||||
}
|
||||
body.theme-steel-soft #mainSection .list div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.theme-steel-soft #mainSection .list ul li {
|
||||
border: 1px solid #78889a;
|
||||
}
|
||||
body.theme-steel-soft #mainSection .list ul li.alert {
|
||||
background-color: #f0e277;
|
||||
border: 1px solid #f5eba4;
|
||||
color: #000000;
|
||||
}
|
||||
body.theme-steel-soft footer,
|
||||
body.theme-steel-soft #footer {
|
||||
background: linear-gradient(to bottom, rgba(100, 118, 137, 0), #647689 90%) left top repeat-x;
|
||||
}
|
||||
|
||||
@@ -11,11 +11,9 @@ html, body {
|
||||
}
|
||||
|
||||
body {
|
||||
background: linear-gradient(to bottom, darken(@ButtonColour, 10%), @ButtonColour) left top repeat-x @ButtonColour;
|
||||
font-size: 16px;
|
||||
font-family: @FontFamilyBody;
|
||||
color: @white;
|
||||
cursor: auto;
|
||||
cursor: none;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
@@ -31,6 +29,7 @@ div#page {
|
||||
|
||||
header, #header {
|
||||
position: relative;
|
||||
color: @white;
|
||||
background-color: @HeaderBackgroundColour;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -88,10 +87,10 @@ header, #header {
|
||||
margin-bottom: 10px;
|
||||
font-size: 1.4em;
|
||||
height: 30px;
|
||||
color: @white;
|
||||
}
|
||||
|
||||
div.content {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
height: calc(~"100% - 30px");
|
||||
overflow: hidden;
|
||||
|
||||
@@ -103,7 +102,6 @@ header, #header {
|
||||
text-align: center;
|
||||
text-transform: lowercase;
|
||||
margin-top: 40px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
ul {
|
||||
@@ -114,16 +112,15 @@ header, #header {
|
||||
li {
|
||||
position: relative;
|
||||
margin: 4px 2px;
|
||||
background-color: #fff;
|
||||
border: 1px solid lighten(@ButtonColour, 10%);
|
||||
padding: 6px 8px;
|
||||
color: @black;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
-ms-text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
background-color: @white;
|
||||
color: @black;
|
||||
|
||||
.small {
|
||||
display: inline-block;
|
||||
@@ -132,11 +129,6 @@ header, #header {
|
||||
margin-top: 0.1em;
|
||||
}
|
||||
|
||||
&.alert {
|
||||
background-color: @StatusError;
|
||||
color: @white;
|
||||
}
|
||||
|
||||
&:after {
|
||||
clear: both;
|
||||
content: ".";
|
||||
@@ -168,7 +160,6 @@ footer, #footer {
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
background: linear-gradient(to bottom, fadeout(@ButtonColour, 100%), @ButtonColour 90%) left top repeat-x;
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -207,3 +198,95 @@ body.status-error {
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
|
||||
.theme-builder(@main-colour, @alert-colour: difference(@main-colour, @white), @alert-text-colour: contrast(@alert-colour)) {
|
||||
background: linear-gradient(to bottom, darken(@main-colour, 10%), @main-colour) left top repeat-x @main-colour;
|
||||
|
||||
#mainSection {
|
||||
.list {
|
||||
div.content {
|
||||
background: fade(@white, 20%);
|
||||
}
|
||||
|
||||
ul li {
|
||||
border: 1px solid softlight(@main-colour, #aaa);
|
||||
|
||||
&.alert {
|
||||
background-color: @alert-colour;
|
||||
border: 1px solid hardlight(@alert-colour, #aaa);
|
||||
color: @alert-text-colour;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
footer, #footer {
|
||||
background: linear-gradient(to bottom, fadeout(@main-colour, 100%), @main-colour 90%) left top repeat-x;
|
||||
}
|
||||
}
|
||||
|
||||
body.theme-default {
|
||||
.theme-builder(@ButtonColour, @ThemeRed);
|
||||
}
|
||||
|
||||
body.theme-default-soft {
|
||||
.theme-builder(@ButtonColour, hardlight(@ThemeYellow, #bbb));
|
||||
}
|
||||
|
||||
body.theme-green {
|
||||
.theme-builder(@ThemeGreen, @ThemeRed);
|
||||
}
|
||||
|
||||
body.theme-green-soft {
|
||||
.theme-builder(@ThemeGreen, screen(@ThemeYellow, #111));
|
||||
}
|
||||
|
||||
body.theme-violet {
|
||||
.theme-builder(@ThemeViolet, @ThemeRed);
|
||||
}
|
||||
|
||||
body.theme-violet-soft {
|
||||
.theme-builder(@ThemeViolet, hardlight(@ThemeYellow, #bbb));
|
||||
}
|
||||
|
||||
body.theme-magenta {
|
||||
.theme-builder(@ThemeMagenta, darken(@ThemeCyan, 10%), @white);
|
||||
}
|
||||
|
||||
body.theme-magenta-soft {
|
||||
.theme-builder(@ThemeMagenta, screen(@ThemeCyan, #777));
|
||||
}
|
||||
|
||||
body.theme-crimson {
|
||||
.theme-builder(@ThemeCrimson, screen(@ThemeLime, #222));
|
||||
}
|
||||
|
||||
body.theme-crimson-soft {
|
||||
.theme-builder(@ThemeCrimson, screen(@ThemeLime, #777));
|
||||
}
|
||||
|
||||
body.theme-amber {
|
||||
.theme-builder(@ThemeAmber, @ThemeCobalt);
|
||||
}
|
||||
|
||||
body.theme-amber-soft {
|
||||
.theme-builder(@ThemeAmber, hardlight(@ThemeCobalt, #ddd));
|
||||
}
|
||||
|
||||
body.theme-brown {
|
||||
.theme-builder(@ThemeBrown, @ThemeYellow);
|
||||
}
|
||||
|
||||
body.theme-brown-soft {
|
||||
.theme-builder(@ThemeBrown, hardlight(@ThemeYellow, #bbb));
|
||||
}
|
||||
|
||||
body.theme-steel {
|
||||
.theme-builder(@ThemeSteel, @ThemeRed);
|
||||
}
|
||||
|
||||
body.theme-steel-soft {
|
||||
.theme-builder(@ThemeSteel, hardlight(@ThemeYellow, #bbb));
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user